/* An open white canvas and a clear brand-purple call to action. */
:root{--paper:#fff}
.button.red{background:var(--brand-purple);color:#fff;border-color:transparent;box-shadow:none}
.button.red:hover{background:#57217f;border-color:transparent;transform:translateY(-2px)}
.button.red:focus-visible{outline-color:#7030a0}
.system-visual{background:#fff;border:0;border-radius:0;box-shadow:none}
.visual-top{padding:17px 22px 8px;gap:12px;letter-spacing:1.5px}
.visual-top>div>span{display:block}
.visual-top small{display:block;letter-spacing:0;font-size:11px;color:#75627e;font-weight:400;margin-top:5px}
.motion-toggle{background:#fff;border:0;border-radius:50%;width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;font-size:15px;color:#7030a0}
.motion-toggle:hover{background:#f5f0f8}
.system-visual .orbit{margin-top:9px}
.orbit-lines circle{stroke:#cbb5d9;stroke-dasharray:2 7;transform-origin:250px 225px;animation:system-orbit 80s linear infinite}
.orbit-lines circle:nth-child(2){animation-direction:reverse;animation-duration:55s;stroke:#dfc7d5}
.orbit-lines path{stroke:#dbcce4;transition:stroke .3s;stroke-width:1.1}
.orbit-lines .signal{stroke:#b18bc5;stroke-width:2.4;stroke-dasharray:7 95;animation:system-signal 12s linear infinite;opacity:.75}
.system-visual[data-active="marka"] .path-marka,.system-visual[data-active="strateji"] .path-strateji,.system-visual[data-active="buyume"] .path-buyume,.system-visual[data-active="pazarlama"] .path-pazarlama,.system-visual[data-active="projeler"] .path-projeler{stroke:#9863b5;stroke-width:2}
.system-visual .orbit-center{width:33%;background:#fff;box-shadow:none;border:0}
.system-visual .node{border-radius:9px;border-color:transparent;background:#fff;box-shadow:none;padding:12px 6px;min-height:72px;transition:background .25s,transform .25s}
.system-visual .node:hover{background:#faf7fc;border-color:transparent;box-shadow:none;transform:translateY(-3px)}
.system-visual .node[aria-pressed="true"]{background:#f5eff9;border-color:transparent;box-shadow:none;color:#5d287e}
.system-visual .node[aria-pressed="true"]>span{color:#7030a0}
.system-visual .node:focus-visible{outline:2px solid #7030a0;outline-offset:3px}
.system-detail{background:#fff;border-top:0;padding:20px 24px 22px;min-height:190px}
.system-detail-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px}
.system-detail h2{font-size:18px;line-height:1.35;letter-spacing:-.4px;margin:0;color:#512c5f}
.system-step{font-size:10px;color:#8b7398;white-space:nowrap;font-variant-numeric:tabular-nums}
.system-detail p{font-size:12px;line-height:1.7;color:#716078;margin-bottom:10px;min-height:42px}
.system-detail-link{display:inline-flex;align-items:center;min-height:36px;font-size:11px;color:#7030a0;text-decoration:underline;text-underline-offset:5px}
.system-visual.is-paused .orbit-lines *{animation-play-state:paused}
@keyframes system-orbit{to{transform:rotate(360deg)}}
@keyframes system-signal{to{stroke-dashoffset:-408}}
@media(min-width:651px) and (max-width:950px){.system-visual .node{font-size:13px;min-height:62px;padding:8px 3px}.system-visual .node small{display:none}.system-detail{padding:17px;min-height:220px}.visual-top{padding:12px 15px 6px;font-size:8px;letter-spacing:.7px}.system-detail h2{font-size:16px}}
@media(max-width:650px){.visual-top{padding:16px 16px 6px;font-size:9px;letter-spacing:1px}.visual-top small{font-size:11px}.system-visual .node{font-size:14px;min-height:70px;padding:10px 4px}.system-detail{padding:20px;min-height:210px}.system-detail h2{font-size:18px}.system-detail p{font-size:13px;min-height:66px}.system-detail-link{font-size:12px;min-height:44px}.system-visual .orbit-center strong{font-size:11px}}
@media(max-width:360px){.system-visual .node{font-size:12px;min-height:58px;padding:8px 3px}.system-visual .node small{display:none}.system-visual .orbit-center strong{font-size:9px}.system-visual .orbit-center .brand-symbol{width:34px;height:18px}.system-detail-heading{align-items:flex-start}.system-detail h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.system-visual .orbit-lines *{animation:none!important}.motion-toggle{display:none}}