
:root{color-scheme:dark;--bg:#091713;--cream:#f3eddd;--gold:#dcb77b;--muted:#94a59b;--line:#dac29226;--green:#9bb8a1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}a{color:inherit;text-decoration:none}button{cursor:pointer}p,h1,h2{margin:0}[hidden]{display:none!important}.page{max-width:1260px;padding:0 54px;margin:auto;position:relative}.grain{position:fixed;inset:0;pointer-events:none;opacity:.13;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 42%,#5b553c20,transparent 55%),linear-gradient(120deg,#112b241c,transparent)}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;letter-spacing:.06em}.brand b{color:var(--gold)}.brand-mark{color:var(--gold);font-size:28px;margin-right:5px}.edition{font:10px monospace;color:var(--muted);margin-left:12px}.connection{display:flex;align-items:center;gap:8px;font:9px monospace;letter-spacing:.09em;color:var(--muted)}.connection i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #9bb8a16b}.stage{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'intro art' 'terminal art' 'reveal art';column-gap:65px;align-content:center;min-height:calc(100svh - 160px);padding:50px 0}.intro{grid-area:intro}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold);font:10px 'Space Grotesk',sans-serif;letter-spacing:.18em}.eyebrow>span{width:22px;height:1px;background:var(--gold)}h1{font:600 clamp(65px,7.7vw,104px)/.91 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:27px 0 24px}h1 em{font-style:normal;color:var(--gold)}.lead{font-size:13px;line-height:1.85;color:var(--muted)}.lead strong{font-weight:500;color:var(--cream)}.ornament-area{grid-area:art;position:relative;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:530px;isolation:isolate}.power{position:relative;width:min(100%,430px);padding:0;border:0;background:none;border-radius:50%;z-index:2;touch-action:manipulation}.power img{position:relative;display:block;width:100%;height:auto;filter:brightness(.78) saturate(.82);transition:filter 1.2s,transform 1.2s;z-index:1}.power:hover img{filter:brightness(.95) saturate(1)}.power:active img{transform:scale(.98)}.power-halo{position:absolute;inset:22% 5% 2%;background:#d69b3b;filter:blur(65px);border-radius:50%;opacity:.07;transition:opacity 1.5s}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:105%;aspect-ratio:1;z-index:-1;opacity:.45;top:15%}.orbit-two{width:122%;top:8%;opacity:.2}.thread{position:absolute;top:-90px;width:1px;height:130px;background:linear-gradient(transparent,#dac29273);z-index:-1}.coordinate{position:absolute;right:-24px;top:42%;writing-mode:vertical-rl;font:8px monospace;letter-spacing:.19em;color:#799087}.power-hint{font:9px 'Space Grotesk',sans-serif;letter-spacing:.13em;color:var(--gold);text-align:center;margin-top:20px}.power-hint>span{margin-right:8px}.ornament-caption{margin-top:25px;font:8px monospace;letter-spacing:.07em;color:#71887b;text-align:center}.terminal{grid-area:terminal;background:linear-gradient(120deg,#10251ecf,#07130ff2);border:1px solid #9fa98a35;border-radius:13px;margin-top:30px;box-shadow:0 15px 50px #0002;overflow:hidden;font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:11px}.terminal-bar{height:39px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:0 17px;color:#8b9d91;font-size:9px;background:#ffffff02}.terminal-dots{display:flex;gap:4px}.terminal-dots i{width:5px;height:5px;border-radius:50%;background:#ab6255}.terminal-dots i:nth-child(2){background:#bba46e}.terminal-dots i:nth-child(3){background:#6c8f75}.terminal-tag{margin-left:auto;font-size:8px;letter-spacing:.08em;color:var(--gold)}.terminal-body{padding:16px 18px 13px}.log-row{display:flex;justify-content:space-between;gap:8px;line-height:2.2;color:#b8c3b7}.log-row b{color:var(--gold);font-weight:400;margin-right:7px}.log-value{color:var(--gold);white-space:nowrap;font-size:10px}.good{color:#a6c3a5}.muted{color:#8c9e95}.locked{color:#bf8e68}.terminal-prompt{margin-top:13px;color:#8eaa98;font-size:10px;display:flex;align-items:center;gap:9px;min-height:14px}.terminal-prompt>span:first-child{color:var(--gold)}.cursor{display:inline-block;width:5px;height:11px;background:var(--gold);animation:cursor 1.6s steps(1) infinite}.terminal-bottom{border-top:1px solid #dac29215;min-height:35px;padding:9px 17px;display:flex;align-items:center;justify-content:space-between;color:#81998a;font-size:9px;gap:10px}.skip{padding:0;border:0;color:var(--gold);background:none;font-size:9px;min-height:26px}.reveal{grid-area:reveal;margin-top:24px;animation:reveal .7s ease both}.reveal-top{display:flex;justify-content:space-between;align-items:center}.reveal .eyebrow{font-size:8px}.reveal h2{font:500 48px 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin-top:4px}.reveal h2>span:first-child{color:var(--gold)}.date-year{font-size:13px;letter-spacing:.08em;color:var(--muted)}.save-mark{font-size:32px;color:var(--gold)}.countdown{display:grid;grid-template-columns:repeat(4,1fr);padding:15px 0;border-block:1px solid var(--line);margin-top:12px}.countdown>div{border-right:1px solid var(--line);text-align:center}.countdown>div:last-child{border:0}.countdown strong{display:block;font:500 25px 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums}.countdown span{display:block;font:8px monospace;letter-spacing:.14em;color:var(--muted);margin-top:5px}.reveal-note{font-size:12px;color:var(--muted);margin-top:14px}.reveal-note strong{font-weight:500;color:var(--cream)}footer{min-height:70px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font:8px monospace;letter-spacing:.07em;color:#82998c}footer b{color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.booting .power img,.online .power img{filter:brightness(1.08) saturate(1.06)}.booting .power-halo,.online .power-halo{opacity:.18}.online .connection i{background:#c1d7a6;box-shadow:0 0 15px #c1d7a68c}.online h1{font-size:clamp(62px,6.8vw,92px)}.online .lead{color:#b9c6bb}.online .stage{padding-block:35px}.online .terminal{margin-top:23px}.online .power{cursor:default}.fallback{padding:25px;color:var(--gold)}@keyframes cursor{50%{opacity:0}}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.page{max-width:1360px}.stage{column-gap:110px}.power{width:490px}.ornament-area{min-height:600px}}
@media(max-width:900px){.page{padding:0 30px}.stage{column-gap:30px}h1{font-size:75px}.ornament-area{min-height:420px}.terminal{font-size:10px}.terminal-body{padding-inline:13px}.log-value{font-size:9px}.coordinate{right:-12px}.ornament-caption{font-size:7px}}
@media(max-width:620px){.page{padding:0 22px;max-width:480px}header{height:62px}.brand{font-size:11px;gap:5px}.brand-mark{font-size:23px;margin-right:3px}.edition{font-size:8px;margin-left:7px}.connection{font-size:7px;letter-spacing:.02em;gap:5px}.connection i{width:4px;height:4px}.stage{display:flex;flex-direction:column;min-height:calc(100svh - 116px);padding:27px 0 23px;gap:0}.intro{text-align:center;width:100%}.eyebrow{justify-content:center;font-size:8px;letter-spacing:.16em;gap:8px}h1{font-size:clamp(58px,17vw,76px);line-height:.9;margin:18px 0 13px}h1 br{display:none}h1 em{display:block}.lead{font-size:11px;line-height:1.7}.ornament-area{min-height:0;width:100%;margin:13px 0 0}.power{width:200px}.power img{width:100%}.power-halo{filter:blur(35px)}.orbit{width:225px;top:11px;opacity:.25}.orbit-two{width:260px;top:-6px;opacity:.12}.thread,.coordinate,.ornament-caption{display:none}.power-hint{font-size:8px;letter-spacing:.09em;margin-top:3px}.terminal{width:100%;margin-top:22px;border-radius:11px;font-size:10px}.terminal-bar{height:33px;font-size:8px;padding-inline:13px;gap:8px}.terminal-tag{font-size:7px}.terminal-body{padding:11px 13px}.log-row{line-height:2.05}.log-value{font-size:9px}.terminal-prompt{font-size:9px;margin-top:10px;gap:6px}.terminal-bottom{font-size:8px;min-height:30px;padding:8px 13px}.skip{font-size:8px}footer{min-height:54px;font-size:7px;letter-spacing:0;line-height:1.7}footer>span:last-child{max-width:120px;text-align:right}.reveal{width:100%;margin-top:20px}.reveal .eyebrow{justify-content:flex-start}.reveal h2{font-size:43px}.countdown{padding:12px 0}.countdown strong{font-size:24px}.reveal-note{font-size:11px}.online h1{font-size:60px;margin-top:16px}.online .stage{padding-block:23px}.online .ornament-area{margin-top:8px}.online .power{width:155px}.online .orbit{width:180px;top:0}.online .orbit-two{width:205px;top:-12px}.online .power-hint{margin-top:1px}.online .terminal{margin-top:18px}.online .lead{font-size:11px}.online .terminal-prompt{margin-top:8px}}
@media(max-width:360px){.page{padding-inline:16px}.brand .edition{display:none}.connection{font-size:6px}.power{width:180px}.terminal{font-size:9px}.log-value{font-size:8px}.lead{font-size:10px}.stage{padding-top:22px}h1{font-size:58px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

h1 em{display:block}
@media(max-width:620px){.terminal{font-size:11px}.log-value{font-size:10px}.terminal-prompt{font-size:10px}.terminal-bottom{font-size:9px}}
@media(max-width:360px){.terminal{font-size:10px}.log-value{font-size:9px}.terminal-prompt{font-size:9px}}

.start-button{display:flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:13px 23px;margin-top:12px;border:1px solid #e7c991;border-radius:9px;background:var(--gold);color:#12231a;font-size:14px;font-weight:700;box-shadow:0 6px 28px #dcb77b14;position:relative;z-index:3;touch-action:manipulation;transition:background .2s,box-shadow .2s}.start-button>span:first-child{font-size:23px;line-height:1}.start-button:hover:not(:disabled){background:#eccb95;box-shadow:0 6px 30px #dcb77b30}.start-button:disabled{cursor:default;opacity:1;background:#173027;color:#c9d9c9;border-color:#90ae8f45;box-shadow:none}.power-hint{margin-top:13px}.ornament-caption{margin-top:20px}@media(max-width:620px){.start-button{width:min(100%,260px);min-height:48px;font-size:13px;margin-top:7px;padding:10px 18px}.power-hint{margin-top:10px;font-size:8px}.power{width:180px}.online .start-button{min-height:42px}.online .power-hint{margin-top:10px}.terminal{margin-top:18px}.stage{padding-top:23px}}
