.sys-world{--navy:#081820;--teal:#34c3be;--porcelain:#faf8f4;--coral:#f39c7b;--gold:#e9c48f;--cobalt:#4169e1;--light:#f5f7f6;isolation:isolate;background:var(--navy);min-height:100dvh;color:var(--light);position:relative;overflow-x:clip}.sys-environment{z-index:-2;pointer-events:none;background:radial-gradient(120% 60% at 50% 0,#0e2b32 0%,#0000 70%),linear-gradient(#08182099 0%,#081820 55%),url(/systems/control-chamber.webp) top/auto 980px no-repeat;position:absolute;inset:0}.sys-main{max-width:1240px;margin:auto;padding:108px 4vw 90px}.sys-topline{color:#9dc3c1;font:12px/1.5 var(--font-mono,monospace);letter-spacing:.16em;justify-content:space-between;align-items:center;gap:20px;display:flex}.sys-topline a{letter-spacing:.08em;align-items:center;gap:10px;min-height:44px;display:inline-flex}.sys-topline>span{text-align:right}.sys-eyebrow{font:12px/1.6 var(--font-mono,monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--teal)}.sys-world h1,.sys-world h2{font-family:var(--font-display,Georgia, serif);font-weight:400}.sys-sub{color:#c8d8d6;max-width:46ch;font-size:clamp(1rem,1.1vw,1.15rem);line-height:1.65}.sys-note-line{font:11px/1.6 var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:#7f9d9b;margin-top:14px}.sys-arrive{padding:46px 0 10px}.sys-arrive h1{letter-spacing:-.045em;margin:14px 0 22px;font-size:clamp(2.9rem,7vw,5.6rem);line-height:1}.sys-arrive h1 em{color:var(--teal);font-style:normal}.sys-lede{color:#dbe7e4;max-width:40ch;font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.6}.sys-chaos{flex-wrap:wrap;align-items:flex-start;gap:10px 12px;margin:40px 0 34px;padding:0;list-style:none;display:flex}.sys-chaos li{color:#f0efe6;border:1px solid #f39c7b3d;border-left:2px solid var(--coral);max-width:min(100%,34ch);transform:rotate(calc((var(--i) - 3.5) * .55deg)) translateY(calc(var(--i) * -1px));animation:.7s cubic-bezier(.2,.9,.2,1) backwards sys-drop;animation-delay:calc(var(--i) * 90ms);background:#0d2027e6;padding:12px 15px;font-size:14px;line-height:1.5;position:relative;box-shadow:0 12px 30px #00000047}.sys-chaos li[data-long=true]{border-left-color:var(--gold);max-width:min(100%,52ch)}@keyframes sys-drop{0%{opacity:0;transform:translate3d(calc((var(--i) - 4) * 14px), -26px, 0) rotate(calc((var(--i) - 4) * 2deg))}}.sys-invite{min-height:52px;font:13px/1.6 var(--font-mono,monospace);letter-spacing:.2em;text-transform:uppercase;color:#b6f2ea;border-bottom:1px solid #34c3be77;align-items:center;gap:12px;padding:12px 2px;display:inline-flex}.sys-invite:hover{color:#e2fffa;border-bottom-color:var(--teal)}.sys-invite svg{animation:2.4s ease-in-out infinite sys-nudge}@keyframes sys-nudge{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.sys-choose{padding:70px 0 0;scroll-margin-top:90px}.sys-choose h2{letter-spacing:-.03em;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.sys-choose .sys-sub{margin-top:12px}.sys-picks{gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.sys-picks button{text-align:left;background:linear-gradient(100deg,#0e2329f2,#0a191ff2);border:1px solid #34c3be33;border-left:3px solid #34c3be55;align-items:center;gap:16px;width:100%;min-height:82px;padding:18px 20px;transition:border-color .18s,background .18s,transform .18s;display:flex}.sys-picks button:hover{border-left-color:var(--teal);background:linear-gradient(100deg,#123037f2,#0b1f26f2);transform:translate(3px)}.sys-picks button:active{transform:translate(1px)scale(.995)}.sys-picks button[aria-pressed=true]{border-color:var(--teal);background:#14383bf2}.sys-pick-index{font:12px var(--font-mono,monospace);color:#7fb5b1;flex-shrink:0}.sys-pick-body{gap:5px;min-width:0;display:grid}.sys-pick-body strong{letter-spacing:-.01em;font-size:clamp(1rem,1.3vw,1.2rem);font-weight:500}.sys-pick-body small{color:#a9c1bf;font-size:13.5px;line-height:1.55}.sys-pick-state{font:11px var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:#8fd8cf;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.sys-picks button[data-explored=true]{border-left-color:var(--gold)}.sys-picks button[data-explored=true] .sys-pick-state{color:var(--gold)}.sys-stage-wrap{padding-top:44px;scroll-margin-top:84px}.sys-waiting{color:#8fa9a7;border-top:1px solid #ffffff14;padding-top:26px;font-size:15px;line-height:1.6}.sys-stage{border:1px solid #34c3be2e;border-top:2px solid var(--teal);background:linear-gradient(150deg,#0c2329f5,#07161bf5);padding:clamp(20px,3vw,40px);animation:.45s cubic-bezier(.2,.9,.2,1) sys-rise;box-shadow:0 30px 90px #0006}@keyframes sys-rise{0%{opacity:0;transform:translateY(14px)}}.sys-stage-head h2{letter-spacing:-.025em;margin:10px 0 12px;font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:1.08}.sys-scraps{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:30px 0 0;padding:0;list-style:none;display:grid}.sys-scraps li{color:#f2f1e9;border:1px solid #ffffff17;border-left:2px solid var(--porcelain);transform:rotate(calc((var(--i) - 3) * .3deg));animation:.55s cubic-bezier(.2,.9,.2,1) backwards sys-drop;animation-delay:calc(var(--i) * 55ms);background:#0f2228d9;padding:14px 16px;font-size:14.5px;line-height:1.5}.sys-scraps li[data-tone=friction]{border-left-color:var(--coral)}.sys-scraps li[data-tone=wait]{border-left-color:var(--cobalt)}.sys-scraps li[data-tone=break]{border-left-color:var(--coral);border-style:dashed}.sys-scrap-tone{font:10.5px var(--font-mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:#9db6b4;margin-bottom:7px;display:block}.sys-scraps li[data-tone=friction] .sys-scrap-tone,.sys-scraps li[data-tone=break] .sys-scrap-tone{color:var(--coral)}.sys-scraps li[data-tone=wait] .sys-scrap-tone{color:#9fb2ee}.sys-friction{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.sys-friction li{border-top:1px solid #f39c7b4d;padding-top:12px}.sys-friction strong{font-family:var(--font-display,Georgia, serif);color:var(--coral);font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:400;display:block}.sys-friction span{color:#b6c8c6;font-size:13px;line-height:1.5}.sys-diagnosis{border-left:2px solid var(--gold);gap:10px;margin-top:26px;padding-left:18px;display:grid}.sys-diagnosis p{color:#f0ece2;max-width:60ch;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.6}.sys-lever{color:#04181c;letter-spacing:.01em;background:#34c3be;border:1px solid #b8fff5;align-items:center;gap:12px;min-height:62px;margin-top:32px;padding:18px 26px;font-size:clamp(1rem,1.3vw,1.15rem);font-weight:600;transition:transform .12s,box-shadow .2s,background .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #34c3be33,0 18px 44px #34c3be3d}.sys-lever:hover{background:#6bded8;box-shadow:0 0 0 1px #34c3be55,0 22px 60px #34c3be5c}.sys-lever:active{transform:translateY(1px)scale(.99)}.sys-lever-glow{background:linear-gradient(100deg,#0000 20%,#ffffff59 50%,#0000 80%);animation:3.4s ease-in-out infinite sys-sweep;position:absolute;inset:0}@keyframes sys-sweep{0%{transform:translate(-110%)}55%,to{transform:translate(110%)}}.sys-stage[data-phase=system] .sys-mess{display:none}.sys-system{animation:.4s cubic-bezier(.2,.9,.2,1) sys-rise}.sys-nodes{gap:14px;margin:30px 0 0;padding:0;list-style:none;display:grid}.sys-nodes li{border:1px solid #34c3be3d;border-left:3px solid var(--teal);animation:.5s cubic-bezier(.2,.9,.2,1) backwards sys-settle;animation-delay:calc(var(--i) * 70ms);background:#0d262be0;padding:16px 18px 16px 20px;position:relative}.sys-nodes li:not(:last-child):after{content:"";background:linear-gradient(#34c3be,#34c3be44);width:2px;height:14px;position:absolute;bottom:-14px;left:30px}.sys-nodes li[data-kind=human]{border-left-color:var(--gold);border-color:#e9c48f3d}.sys-nodes li[data-kind=human]:not(:last-child):after{background:linear-gradient(var(--gold), #e9c48f44)}.sys-nodes li[data-kind=fail]{border-left-color:var(--coral);border-style:dashed}.sys-nodes li[data-kind=customer]{border-left-color:var(--porcelain)}.sys-nodes li[data-kind=signal]{border-left-color:var(--cobalt)}@keyframes sys-settle{0%{opacity:0;transform:translate(-10px,10px)scale(.985)}}.sys-node-kind{font:10.5px var(--font-mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:#8fd8cf;align-items:center;gap:7px;display:inline-flex}.sys-nodes li[data-kind=human] .sys-node-kind{color:var(--gold)}.sys-nodes li[data-kind=fail] .sys-node-kind{color:var(--coral)}.sys-nodes li[data-kind=signal] .sys-node-kind{color:#9fb2ee}.sys-nodes li[data-kind=customer] .sys-node-kind{color:#ded9cd}.sys-nodes strong{margin:8px 0 5px;font-size:clamp(1.02rem,1.3vw,1.2rem);font-weight:500;display:block}.sys-node-detail{color:#bdd0ce;max-width:62ch;font-size:14.5px;line-height:1.6;display:block}.sys-payoff{font-family:var(--font-display,Georgia, serif);color:#c8fff5;max-width:34ch;margin-top:30px;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.2}.sys-balance{color:#b8cbc9;max-width:60ch;margin-top:14px;font-size:15.5px;line-height:1.65}.sys-thinking{border-top:1px solid #ffffff1a;margin-top:38px;padding-top:24px}.sys-thinking ul{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.sys-thinking>ul>li{background:#0b1f24b3;border:1px solid #ffffff17}.sys-thinking>ul>li[data-open=true]{border-color:#e9c48f5c}.sys-thinking button[aria-expanded]{text-align:left;color:#e9f4f1;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:58px;padding:14px 18px;font-size:15.5px;display:flex}.sys-thinking button[aria-expanded] span{max-width:46ch}.sys-thinking button[aria-expanded=true]{color:var(--gold)}.sys-note{padding:0 18px 16px;animation:.3s ease-out sys-rise}.sys-note p{color:#dfe9e6;border-left:2px solid var(--gold);max-width:62ch;padding-left:15px;font-size:15px;line-height:1.68}.sys-note-close{min-height:44px;font:11px var(--font-mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:#9fbab7;margin-top:12px}.sys-quiet{color:#b5c9c6;border-bottom:1px solid #ffffff26;align-items:center;gap:9px;min-height:50px;margin-top:28px;padding:8px 2px;font-size:14.5px;display:inline-flex}.sys-quiet:hover{color:#e6f5f2;border-bottom-color:var(--teal)}.sys-closing{border-top:1px solid #34c3be3d;margin-top:76px;padding-top:40px;animation:.5s cubic-bezier(.2,.9,.2,1) sys-rise}.sys-closing h2{letter-spacing:-.03em;max-width:24ch;font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1.08}.sys-closing p{color:#c6d6d3;margin:14px 0 26px;font-size:clamp(1.05rem,1.3vw,1.25rem)}.sys-primary{background:var(--porcelain);color:#08181f;justify-content:center;align-items:center;gap:11px;min-height:56px;padding:16px 26px;font-size:16px;font-weight:600;text-decoration:none;transition:background .18s,transform .12s;display:inline-flex}.sys-primary:hover{background:#fff}.sys-primary:active{transform:translateY(1px)}.sys-world button{cursor:pointer}.sys-world :is(button,a):focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media (width<=1023px){.sys-main{padding:100px 24px 70px}}@media (width<=767px){.sys-main{padding:88px 18px 56px}.sys-topline{gap:12px;font-size:11px}.sys-topline>span{max-width:150px}.sys-arrive{padding:30px 0 0}.sys-arrive h1{font-size:clamp(2.5rem,12vw,3.4rem)}.sys-chaos{gap:8px;margin:28px 0}.sys-chaos li{max-width:100%;padding:12px 14px;font-size:13.5px;transform:none}.sys-chaos li[data-long=true]{max-width:100%}.sys-choose{padding-top:48px}.sys-picks button{gap:12px;min-height:92px;padding:16px}.sys-picks button:hover{transform:none}.sys-pick-state span{display:none}.sys-stage{padding:20px 16px}.sys-scraps,.sys-friction{grid-template-columns:1fr}.sys-scraps li{transform:none}.sys-lever{text-align:center;justify-content:center;width:100%}.sys-nodes li{padding:15px 16px}.sys-nodes li:not(:last-child):after{left:24px}.sys-closing{margin-top:54px}.sys-primary{width:100%}}@media (prefers-reduced-motion:reduce){.sys-world *{transition-duration:.01ms!important;animation:none!important}.sys-chaos li,.sys-scraps li{transform:none!important}}.sys-world[data-motion=off] *{animation:none!important}.sys-world[data-motion=off] .sys-chaos li,.sys-world[data-motion=off] .sys-scraps li{transform:none!important}
