/* Three visual directions share the same content. */
:root{--variant-bg-rgb:7,12,17;--variant-accent-rgb:138,221,227;--variant-muted:#869da9;--variant-heading:#9bb7c4;--variant-line:#304752;--variant-surface:#0b141bee;--variant-soft:#88bfc7;--variant-text:#dce9ee;--variant-glow:#92dee012}
:root[data-variant=graphite]{--bg:#070c11;--accent:#9adfe4;--text:#e0ecf1;--variant-heading:#9bb7c4;--term-line:#2d454f;--term-bg:#0a131aec;--muted:#869da9}
:root[data-variant=amber]{--bg:#100e0a;--accent:#edbc77;--text:#f0e6d6;--muted:#9e9483;--variant-bg-rgb:16,14,10;--variant-accent-rgb:237,188,119;--variant-muted:#ab9c84;--variant-heading:#b9a17e;--variant-line:#50432d;--variant-surface:#17130cee;--variant-soft:#c5a77c;--variant-text:#ebdec9;--variant-glow:#edbc7713;--term-line:#50432d;--term-bg:#16130cee}
:root[data-variant=indigo]{--bg:#0c0b19;--accent:#c4b1ff;--text:#e8e4f4;--muted:#9690b1;--variant-bg-rgb:12,11,25;--variant-accent-rgb:196,177,255;--variant-muted:#9e96ba;--variant-heading:#ab9bcf;--variant-line:#433959;--variant-surface:#141023ec;--variant-soft:#b0a0d4;--variant-text:#ded5ef;--variant-glow:#bfa1ff17;--term-line:#433959;--term-bg:#151025ed}
body{transition:background .6s,color .4s}.site-header{background:rgba(var(--variant-bg-rgb),.87);border-color:var(--variant-line)}.scene-wash{background:linear-gradient(90deg,rgba(var(--variant-bg-rgb),.90),rgba(var(--variant-bg-rgb),.73) 29%,rgba(var(--variant-bg-rgb),.30) 48%,transparent 70%)}h1 span,h2 span{color:var(--variant-heading);transition:color .5s}.lead{color:var(--variant-text)}.support,.eyebrow,.micro,.desktop-nav,.hero-foot{color:var(--variant-muted)}.chapter,.contact-section,footer{border-color:var(--variant-line)}.contact-section{background:rgba(var(--variant-bg-rgb),.64)}.chapter-rail a.active{color:var(--accent)}
.terminal-shell{color:var(--variant-text);--term-ink:var(--variant-text)}.terminal-shell:before,.terminal-shell:after{border-color:var(--variant-line)}.terminal-shell:before{border-top-color:var(--variant-soft)}.terminal-bar{background:rgba(var(--variant-accent-rgb),.025);border-color:var(--variant-line);color:var(--variant-muted)}.terminal-kind,.terminal-footer{color:var(--variant-muted)}.terminal-footer{border-color:var(--variant-line)}.terminal-command,.terminal-shell .lead.small{color:var(--variant-text)}.terminal-command>span,.terminal-shell .service.active b,.terminal-shell .service.active small{color:var(--accent)}.terminal-command>b,.terminal-shell .service small,.terminal-shell .micro{color:var(--variant-muted)}.terminal-shell .service b{color:var(--variant-text)}.terminal-shell .service-detail,.terminal-shell .infra-copy p{color:var(--variant-muted)}.terminal-shell .service{border-color:var(--variant-line)}.terminal-shell .service.active{background:linear-gradient(90deg,var(--variant-glow),transparent)}.terminal-shell .service:hover{background:linear-gradient(90deg,var(--variant-glow),transparent)}.terminal-shell .service i{color:var(--variant-soft)}.terminal-shell .scenario-tabs button,.terminal-shell .infra-tabs button{color:var(--variant-muted)}.terminal-shell .scenario-tabs button[aria-selected=true],.terminal-shell .infra-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.terminal-shell .scenario-panel{border-color:var(--variant-line)}.terminal-shell #case-prompt,.terminal-shell .infra-copy h3{color:var(--variant-text)}.terminal-shell #case-prompt:before,.terminal-shell .run-button,.terminal-shell .trace .ok{color:var(--accent)}.terminal-shell .run-button{border-color:var(--variant-line)}.terminal-shell .trace,.terminal-shell .infra-path{color:var(--variant-muted)}.disclosure,.terminal-shell .run-button:before{color:var(--variant-muted)}.terminal-caret{background:var(--accent)}.button,.button:hover,.button .command-enter,.header-contact .command-prefix,.command-prefix{color:var(--accent)}.button{border-color:var(--variant-line)}.button:hover{color:var(--variant-text)}.text-link,.terminal-shell .text-link{color:var(--accent)}.terminal-shell .text-link:before{color:var(--variant-muted)}
/* Graphite: precise corners, sharp command lines and a cursor-led scanner. */
[data-variant=graphite] .terminal-bar{border-bottom-style:dashed}
[data-variant=graphite] .terminal-shell{box-shadow:inset 3px 0 0 #9adfe403}
/* Amber: restrained phosphor texture, with data packets moving along the traces. */
[data-variant=amber] .terminal-shell{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#ffc87703 3px,#ffc87703 4px)}
[data-variant=amber] .terminal-bar{height:38px;font-size:9px;letter-spacing:.5px}
[data-variant=amber] .terminal-command{color:#e5c698}
[data-variant=amber] .terminal-shell .service-top i{transform:none}
[data-variant=amber] .terminal-shell .service.active .service-top i{transform:translateX(4px)}
[data-variant=amber] .terminal-footer{background:#edbc7706}
/* Indigo: a luminous terminal edge and impulses that spread through nearby nodes. */
[data-variant=indigo] .terminal-shell{box-shadow:0 0 50px #b59cfb05,inset 0 1px 0 #dacdff12}
[data-variant=indigo] .terminal-bar{background:linear-gradient(90deg,#be9fff09,transparent)}
[data-variant=indigo] .terminal-shell:before{border-top-color:#c4b1ff88}
[data-variant=indigo] .terminal-shell .service.active{background:linear-gradient(90deg,#b59cfb0b,transparent)}
[data-variant=indigo] .button:hover{filter:drop-shadow(0 0 9px #c4b1ff35)}
/* A small local-preview switch; changing it preserves scroll. */
.variant-picker{position:fixed;left:69px;bottom:21px;z-index:34;display:flex;align-items:center;gap:12px;background:rgba(var(--variant-bg-rgb),.92);padding:9px 12px;border-top:1px solid var(--variant-line);backdrop-filter:blur(12px);font-family:var(--mono)}.variant-picker-info{display:flex;flex-direction:column;gap:4px;min-width:116px}.variant-picker-info>span:first-child{font-size:8px;letter-spacing:.8px;color:var(--variant-soft)}#variant-detail{font-size:8px;color:var(--variant-muted)}.variant-choices{display:flex;gap:5px}.variant-choices button{background:none;border:1px solid transparent;color:var(--variant-muted);font:9px var(--mono);padding:7px 8px;display:flex;align-items:center;gap:5px}.variant-choices button:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--swatch)}.variant-choices button[aria-pressed=true]{border-color:var(--variant-line);color:var(--variant-text)}.variant-choices button:hover{background:var(--variant-glow)}.variant-choices button[data-variant-choice=graphite]{--swatch:#9adfe4}.variant-choices button[data-variant-choice=amber]{--swatch:#edbc77}.variant-choices button[data-variant-choice=indigo]{--swatch:#c4b1ff}
@media(max-width:760px){.scene-wash{background:linear-gradient(180deg,rgba(var(--variant-bg-rgb),.46) 0%,rgba(var(--variant-bg-rgb),.46) 48%,rgba(var(--variant-bg-rgb),.13) 75%)}.variant-picker{left:14px;bottom:15px;padding:9px 8px;gap:4px}.variant-picker-info{display:none}.variant-choices{gap:0}.variant-choices button{padding:7px;font-size:9px}.hero-foot{padding-bottom:23px}footer{padding-bottom:120px}}
@media(prefers-reduced-motion:reduce){body,h1 span,h2 span{transition:none}}
.button .command-prefix,.hero-foot>a,.terminal-shell .run-button:hover{color:var(--accent)}