:root{--ink:#06121b;--deep:#071824;--blue:#102d3d;--line:#31566a;--paper:#f2ecdf;--cream:#fffaf0;--gold:#ffc84d;--cyan:#38d5ee;--pink:#f45ca9;--violet:#9c73ff;--mint:#67e7b0;--orange:#ff8b58;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;--mono:"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#121c24;font-family:var(--sans)}a{color:inherit}.top{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 5vw;background:rgba(255,250,240,.94);border-bottom:1px solid #cec4b4;backdrop-filter:blur(14px)}.brand{font-weight:900;letter-spacing:.14em;text-decoration:none}.brand span{font-weight:500;color:#65717a;letter-spacing:.02em}.top nav{display:flex;gap:16px;flex-wrap:wrap}.top nav a{text-decoration:none;font:750 .64rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.hero{position:relative;min-height:min(820px,calc(100vh - 67px));overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:5vw;padding:6vh 6vw 8vh;background:radial-gradient(circle at 78% 45%,rgba(56,213,238,.14),transparent 28%),radial-gradient(circle at 22% 100%,rgba(244,92,169,.13),transparent 34%),var(--ink);color:#eaf8ff;border-bottom:1px solid var(--line)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,rgba(56,213,238,.08) 50%,transparent 50.1%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:100% 100%,100% 46px}.hero-copy,.machine{position:relative;z-index:1}.kicker{margin:0 0 15px;color:var(--gold);font:800 .67rem var(--mono);letter-spacing:.14em;text-transform:uppercase}.hero h1,.section h2,.bridge h2,.exit h2{margin:0;font:760 clamp(4rem,8.8vw,8.4rem)/.82 var(--serif);letter-spacing:-.075em}.hero h1 em,.section h2 em,.exit h2 em{font-weight:500;color:var(--pink)}.intro{max-width:650px;margin:28px 0 12px;font:600 clamp(1.25rem,2.1vw,1.75rem)/1.34 var(--serif)}.hero-note{max-width:680px;color:#9fb6c1;line-height:1.7}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cyan);padding:11px 14px;color:var(--cyan);font:800 .64rem var(--mono);letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:.2s}.button:hover,.button:focus-visible{background:var(--cyan);color:var(--ink);outline:none}.button.hot{border-color:var(--gold);background:var(--gold);color:var(--ink)}.button.hot:hover,.button.hot:focus-visible{background:#fff0b2}
.machine{aspect-ratio:1;max-width:670px;margin:auto;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,rgba(255,200,77,.22) 0 2%,transparent 3% 18%,rgba(56,213,238,.045) 19% 36%,transparent 37%),#081722;box-shadow:0 0 80px rgba(56,213,238,.08),inset 0 0 80px rgba(0,0,0,.35)}.machine:before,.machine:after{content:"";position:absolute;inset:6%;border:1px dashed rgba(255,200,77,.35);border-radius:50%;animation:spin 34s linear infinite}.machine:after{inset:18%;border-color:rgba(244,92,169,.45);animation-direction:reverse;animation-duration:22s}.orbit{position:absolute;left:11%;right:11%;top:45%;height:10%;border:1px solid var(--cyan);border-radius:50%;transform:rotate(18deg);animation:breathe 5s ease-in-out infinite}.orbit-b{transform:rotate(78deg);border-color:var(--pink);animation-delay:-1.7s}.orbit-c{transform:rotate(138deg);border-color:var(--gold);animation-delay:-3.4s}.machine-core{position:absolute;inset:36%;z-index:3;display:grid;place-content:center;text-align:center;border:1px solid var(--gold);border-radius:50%;background:#0d2531;box-shadow:0 0 34px rgba(255,200,77,.18)}.machine-core span,.machine-core small{color:var(--gold);font:800 .56rem var(--mono);letter-spacing:.13em}.machine-core strong{font:400 4rem/1 var(--serif);animation:spin 12s linear infinite}.satellite{position:absolute;z-index:4;display:grid;place-content:center;width:76px;aspect-ratio:1;text-align:center;border:1px solid;border-radius:50%;background:var(--ink);animation:float 4s ease-in-out infinite}.satellite b{font:800 1.25rem var(--mono)}.satellite span{font:.49rem var(--mono);text-transform:uppercase}.s-one{left:8%;top:23%;color:var(--pink)}.s-two{right:2%;top:42%;color:var(--cyan);animation-delay:-1.3s}.s-three{left:29%;bottom:4%;color:var(--gold);animation-delay:-2.6s}.scanline{position:absolute;left:4%;right:4%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--pink),transparent);box-shadow:0 0 12px var(--cyan);animation:scan 6s ease-in-out infinite}.hero-ledger{position:absolute;z-index:2;left:6vw;right:6vw;bottom:24px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.hero-ledger span{padding:12px 14px 0;color:#7895a4;font:700 .58rem var(--mono);letter-spacing:.07em}.hero-ledger b{color:#fff;font-weight:500}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{left:5%;right:5%;filter:drop-shadow(0 0 8px currentColor)}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes scan{0%,100%{top:16%;opacity:.15}50%{top:84%;opacity:.85}}
.ticker{overflow:hidden;background:var(--gold);color:#14202a;border-bottom:1px solid #151f28}.ticker div{width:max-content;padding:9px 0;font:900 .63rem var(--mono);letter-spacing:.12em;animation:ticker 30s linear infinite}.ticker i{padding:0 24px;color:var(--pink)}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:92px 6vw}.section-head{max-width:1500px;margin:0 auto 44px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:60px;align-items:end}.section-head h2{font-size:clamp(3.4rem,7vw,7rem)}.section-head>p{max-width:590px;color:#58646c;font:400 1.05rem/1.7 var(--serif)}
.shelf{background:var(--paper)}.showcase{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px}.stage{min-height:560px;display:grid;grid-template-columns:1.18fr .82fr;border:1px solid #baa984;background:var(--cream)}.stage-visual{--accent:var(--pink);position:relative;min-height:520px;overflow:hidden;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 25%),linear-gradient(145deg,#061722,#0d2d3b);transition:background .35s}.stage-number{position:absolute;left:24px;top:18px;color:var(--accent);font:800 5.5rem/1 var(--serif);opacity:.75}.stage-glyph{position:absolute;inset:20%;border:2px solid var(--accent);clip-path:polygon(50% 0,100% 42%,80% 100%,20% 100%,0 42%);filter:drop-shadow(0 0 16px var(--accent));animation:morph 10s ease-in-out infinite}.stage-glyph:before,.stage-glyph:after{content:"";position:absolute;inset:15%;border:1px solid var(--cyan);border-radius:50%;animation:spin 14s linear infinite}.stage-glyph:after{inset:32%;border-color:var(--gold);animation-direction:reverse}.stage-rings{position:absolute;inset:14%;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 56px rgba(255,255,255,.02);animation:breathe-ring 5s ease-in-out infinite}@keyframes morph{50%{transform:rotate(45deg) scale(.82);border-radius:45%}}@keyframes breathe-ring{50%{transform:scale(1.07);opacity:.55}}.stage-copy{display:flex;flex-direction:column;padding:52px 38px}.tag{color:#8a6819;font:800 .62rem var(--mono);letter-spacing:.12em}.stage-copy h3{margin:12px 0 18px;font:760 clamp(2.2rem,4vw,4rem)/.94 var(--serif);letter-spacing:-.04em}.stage-copy>p:not(.tag){color:#58646c;line-height:1.7}.stage-meta{display:flex;justify-content:space-between;margin:auto 0 22px;padding-top:18px;border-top:1px solid #d7cdbd;color:#707b81;font:800 .58rem var(--mono)}.stage-copy .button{align-self:flex-start}.selector{display:grid;grid-auto-rows:1fr;gap:6px}.selector button{position:relative;min-width:0;width:100%;overflow:hidden;border:1px solid #c6bba9;background:#e9e1d4;padding:13px 14px;text-align:left;color:#39444a;cursor:pointer}.selector button:before{content:"";position:absolute;inset:0 auto 0 0;width:0;background:var(--swatch,var(--cyan));transition:.25s}.selector button span,.selector button strong{position:relative;z-index:1;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector button span{font:800 .52rem var(--mono);letter-spacing:.09em}.selector button strong{margin-top:4px;font:700 .92rem var(--serif)}.selector button:hover:before,.selector button:focus-visible:before,.selector button.active:before{width:5px}.selector button.active{background:var(--ink);color:#fff}.stage-controls{grid-column:1/-1;display:flex;justify-content:flex-end;gap:5px}.stage-controls button{border:1px solid #9f9381;background:transparent;padding:8px 12px;color:#303c43;font:800 .58rem var(--mono);text-transform:uppercase;cursor:pointer}
.bridge{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding:75px 6vw;background:var(--pink);color:#18101a}.bridge .kicker{color:#fff}.bridge h2{font-size:clamp(3rem,5.8vw,6rem)}.bridge-flow{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(0,0,0,.35);border-bottom:1px solid rgba(0,0,0,.35);padding:24px 0;font:900 .7rem var(--mono)}.bridge-flow b{font-size:1.3rem}
.tools{background:var(--ink);color:#e9f7fc;border-top:4px solid var(--gold)}.section-head.inverse>p{color:#91aab7}.tool-controls{max-width:1500px;margin:auto 20px;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr) auto;gap:16px;align-items:end}.search{display:grid;gap:7px}.search span{color:var(--gold);font:800 .58rem var(--mono);letter-spacing:.1em}.search input{width:100%;border:1px solid var(--line);background:#0b202d;color:#fff;padding:13px 14px;font:500 .9rem var(--mono);outline:none}.search input:focus{border-color:var(--cyan)}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:#0b202d;color:#93acb8;padding:11px 12px;font:800 .56rem var(--mono);text-transform:uppercase;cursor:pointer}.filters button.active,.filters button:hover,.filters button:focus-visible{border-color:var(--cyan);color:#fff;outline:none}.result-count{margin:0;color:#7f99a6;font:700 .59rem var(--mono);white-space:nowrap}.tool-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tool-card{--accent:var(--cyan);position:relative;min-height:245px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:#0a1c27;padding:19px;text-decoration:none;transition:transform .18s,border-color .18s}.tool-card:before{content:"";position:absolute;right:-46px;top:-46px;width:110px;aspect-ratio:1;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 0 14px rgba(255,255,255,.018),0 0 24px color-mix(in srgb,var(--accent) 25%,transparent)}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-4px);border-color:var(--accent);outline:none}.tool-card .card-top{display:flex;justify-content:space-between;gap:15px;color:var(--accent);font:800 .52rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.tool-card h3{max-width:85%;margin:24px 0 10px;color:#fff;font:700 1.4rem/1.08 var(--serif)}.tool-card p{display:-webkit-box;overflow:hidden;margin:0;color:#8fa6b1;font-size:.77rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.tool-card .card-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:22px;color:#6f8997;font:700 .52rem var(--mono);text-transform:uppercase}.tool-card .open{color:var(--accent)}.empty{grid-column:1/-1;padding:50px;border:1px solid var(--line);text-align:center;color:#91aab7}
.exit{padding:100px 6vw;background:var(--cream);text-align:center}.exit h2{font-size:clamp(3.8rem,7vw,7.4rem)}.exit-doors{max-width:1200px;margin:50px auto 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.exit-doors a{display:grid;gap:8px;border:1px solid #bfb4a4;padding:26px;text-decoration:none;transition:.2s}.exit-doors a:hover,.exit-doors a:focus-visible{transform:translateY(-5px);border-color:#1b768a;outline:none}.exit-doors .current{background:var(--gold);border-color:var(--gold)}.exit-doors small{font:800 .6rem var(--mono)}.exit-doors strong{font:800 1.5rem var(--serif)}.exit-doors span{color:#687178;font-size:.78rem}.boundary{max-width:900px;margin:35px auto 0;color:#6a7378;font-size:.78rem;line-height:1.6}footer{display:flex;justify-content:space-between;gap:20px;padding:35px 6vw;background:#041019;color:#819aa7;border-top:1px solid var(--line);font-size:.72rem}footer strong{color:#fff;letter-spacing:.1em}footer a{color:var(--gold)}
@media(max-width:1120px){.hero{grid-template-columns:1fr}.machine{width:min(620px,85vw)}.stage{grid-template-columns:1fr}.showcase{grid-template-columns:1fr}.selector{grid-template-columns:repeat(5,1fr);grid-auto-rows:auto}.tool-controls{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.top nav{display:none}.hero{padding:9vh 6vw 100px}.hero-ledger{grid-template-columns:repeat(2,1fr)}.section{padding:65px 5vw}.section-head,.bridge{grid-template-columns:1fr}.stage-copy{padding:34px 25px}.selector{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}.exit-doors{grid-template-columns:1fr}footer{flex-direction:column}.hero h1{font-size:4.6rem}}
@media(max-width:520px){.tool-grid{grid-template-columns:1fr}.hero h1{font-size:3.8rem}.hero-ledger{display:none}.stage-visual{min-height:380px}.section-head{gap:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.machine:before,.machine:after,.orbit,.machine-core strong,.satellite,.scanline,.ticker div,.stage-glyph,.stage-glyph:before,.stage-glyph:after,.stage-rings{animation:none!important}}

/* The hero is also a toy: one bounded LIFE carrier, read through H / S / B. */
.machine-console{position:relative;z-index:1;width:min(100%,590px);margin:auto;display:grid;gap:9px}.machine-console .machine{position:relative;width:min(100%,500px);max-width:none;overflow:hidden;transition:border-color .3s,box-shadow .3s}.machine-console .machine:before,.machine-console .machine:after{z-index:1}.life-field{position:absolute;z-index:0;inset:0;width:100%;height:100%;border-radius:50%;opacity:.18;transition:opacity .35s,filter .35s}.machine.running{border-color:var(--domain,var(--pink));box-shadow:0 0 84px color-mix(in srgb,var(--domain,var(--pink)) 22%,transparent),inset 0 0 80px rgba(0,0,0,.35)}.machine.running .life-field{opacity:.78;filter:saturate(1.25)}.machine-console .orbit{z-index:2;pointer-events:none}.machine-console .scanline{z-index:3;pointer-events:none}.machine-console .machine-core{appearance:none;z-index:5;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .25s,background .25s}.machine-console .machine-core:hover,.machine-console .machine-core:focus-visible{transform:scale(1.055);box-shadow:0 0 45px color-mix(in srgb,var(--domain,var(--gold)) 42%,transparent);outline:1px solid var(--domain,var(--gold));outline-offset:4px}.machine.running .machine-core{background:#102e3b}.machine.running .machine-core strong{animation-duration:4s}.machine-console .satellite{appearance:none;z-index:6;padding:0;font-family:inherit;cursor:pointer;transition:box-shadow .2s,background .2s}.machine-console .satellite:hover,.machine-console .satellite:focus-visible,.machine-console .satellite.active{background:#102936;box-shadow:0 0 24px currentColor;outline:none}.machine-console .satellite.active{border-width:2px}.domain-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.domain-deck button{appearance:none;min-width:0;border:1px solid var(--line);background:#091b26;padding:10px 11px;color:#7e9aaa;text-align:left;cursor:pointer;transition:.2s}.domain-deck button:hover,.domain-deck button:focus-visible,.domain-deck button.active{border-color:var(--domain,var(--cyan));background:#102733;color:#fff;outline:none}.domain-deck button:nth-child(1){--domain:var(--pink)}.domain-deck button:nth-child(2){--domain:var(--cyan)}.domain-deck button:nth-child(3){--domain:var(--gold)}.domain-deck span,.domain-deck small{display:block;font:800 .5rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.domain-deck button.active span{color:var(--domain)}.domain-deck strong{display:block;overflow:hidden;margin:5px 0 3px;color:#d8ebf3;font:700 .66rem var(--mono);text-overflow:ellipsis;white-space:nowrap}.domain-deck small{color:#597684}.machine-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.machine-actions button,.machine-actions a{appearance:none;border:1px solid var(--gold);background:transparent;padding:8px 10px;color:var(--gold);font:800 .53rem var(--mono);letter-spacing:.07em;text-decoration:none;text-transform:uppercase;cursor:pointer}.machine-actions button:hover,.machine-actions button:focus-visible,.machine-actions a:hover,.machine-actions a:focus-visible{background:var(--gold);color:var(--ink);outline:none}.machine-actions button[aria-pressed="true"]{background:var(--gold);color:var(--ink)}.machine-boundary{margin:0;color:#537180;font:700 .48rem/1.4 var(--mono);letter-spacing:.08em;text-align:center;text-transform:uppercase}
@media(max-width:1120px){.machine-console{width:min(590px,85vw);margin-bottom:30px}}
@media(max-width:520px){.domain-deck{grid-template-columns:1fr}.machine-actions{align-items:stretch;flex-direction:column}.machine-actions a,.machine-actions button{text-align:center}.machine-console .satellite{width:58px}.machine-console .machine-core strong{font-size:2.8rem}}