:root{--night:#0b1320;--night-soft:#111e2d;--paper:#f2eadb;--fog:#9ea9b4;--gold:#d6ad62;--red:#8f2635;--green:#91c7a0;--mono:'DM Mono',ui-monospace,monospace;--sans:'Manrope',Arial,sans-serif;--serif:'Newsreader',Georgia,serif}
*{box-sizing:border-box}
html{background:var(--night);color:var(--paper);scroll-behavior:smooth}
body{min-height:100svh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 78% 30%,rgba(143,38,53,.13),transparent 32%),var(--night);font-family:var(--sans);color:var(--paper)}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.signal-field{position:fixed;inset:0;pointer-events:none;opacity:.86}
.signal-field svg{width:100%;height:100%}
.signal-field path{fill:none;stroke-width:1.25}
.signal-ghost{stroke:rgba(214,173,98,.14)}
.signal-live{stroke:var(--gold);stroke-dasharray:1;stroke-dashoffset:1;animation:draw-route 4.4s cubic-bezier(.3,.1,.2,1) .4s forwards}
.signal-field circle{fill:var(--night);stroke:rgba(214,173,98,.55);stroke-width:1.4;opacity:0;animation:node-in .5s ease 2.2s forwards}
.signal-field .signal-pulse{fill:none;opacity:0;animation:pulse 2.6s ease 4s infinite}
@keyframes draw-route{to{stroke-dashoffset:0}}
@keyframes node-in{to{opacity:1}}
@keyframes pulse{0%{opacity:.65;transform:scale(.7);transform-origin:1000px 360px}70%,100%{opacity:0;transform:scale(1.65);transform-origin:1000px 360px}}
.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:34px clamp(22px,4vw,64px)}
.wordmark{display:inline-flex;align-items:center;min-width:44px;min-height:44px;font:500 24px/1 var(--serif);text-decoration:none;letter-spacing:-.04em}
.wordmark span{color:var(--gold)}
.availability{display:flex;align-items:center;gap:10px;margin:0;font:400 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fog)}
.availability i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(145,199,160,.08)}
main{position:relative;z-index:1;min-height:calc(100svh - 172px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:clamp(48px,8vw,140px);padding:6vh clamp(22px,8vw,128px) 12vh}
.hero{max-width:780px}
.route-label{margin:0 0 28px;font:400 10px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fog)}
.route-label span{margin-right:10px;color:var(--gold)}
h1{margin:0;font:500 clamp(4.4rem,9.3vw,9.2rem)/.83 var(--serif);letter-spacing:-.065em;text-wrap:balance}
h1 em{color:var(--gold);font-weight:500}
.intro{max-width:560px;margin:34px 0 0;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.8;color:#c4ccd2}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:38px}
.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:50px;padding:0 22px;background:var(--paper);color:var(--night);font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:transform .2s ease,background .2s ease}
.primary-action:hover{transform:translateY(-3px);background:#fff8e9}
.command-hint{display:inline-flex;align-items:center;gap:11px;min-height:50px;padding:0 4px;border:0;background:none;color:var(--fog);font:400 10px/1 var(--mono);cursor:pointer}
.command-hint kbd{padding:7px 10px;border:1px solid rgba(214,173,98,.36);border-radius:3px;background:rgba(255,255,255,.025);color:var(--gold);font:400 11px/1 var(--mono)}
.route-note{margin:42px 0 0;font:300 10px/1.7 var(--mono);color:#87939f}
.release-card{align-self:center;max-width:420px;padding:28px;border:1px solid rgba(214,173,98,.22);background:rgba(11,19,32,.72);backdrop-filter:blur(14px);box-shadow:0 32px 80px rgba(0,0,0,.24);transform:rotate(1.2deg)}
.card-kicker{margin:0 0 23px;padding-bottom:18px;border-bottom:1px solid rgba(214,173,98,.15);font:500 9px/1 var(--mono);letter-spacing:.18em;color:var(--gold)}
.release-row{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:9px 0;font:400 11px/1.5 var(--mono)}
.release-row span{color:#7f8d99}.release-row strong{font-weight:400;color:#dce1e4}
.release-row .status-live{color:var(--green)}
.release-footer{display:flex;justify-content:space-between;gap:16px;margin-top:25px;padding-top:16px;border-top:1px solid rgba(214,173,98,.15);font:300 9px/1.4 var(--mono);color:#6f7e8b}
footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px;padding:25px clamp(22px,4vw,64px);font:300 9px/1.5 var(--mono);letter-spacing:.06em;color:#75828e}
.identity-panel{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:22px;background:rgba(4,9,15,.84);opacity:0;transition:opacity .25s ease}
.identity-panel[hidden]{display:none}.identity-panel.visible{opacity:1}
.identity-sheet{position:relative;width:min(580px,100%);padding:clamp(28px,5vw,52px);border:1px solid rgba(214,173,98,.32);background:var(--night-soft);box-shadow:0 40px 100px rgba(0,0,0,.52);transform:translateY(12px);transition:transform .3s cubic-bezier(.22,.72,.22,1)}
.identity-panel.visible .identity-sheet{transform:none}
.identity-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border:1px solid rgba(214,173,98,.2);border-radius:50%;background:none;color:var(--paper);font:300 24px/1 var(--sans);cursor:pointer}
.terminal-line{margin:0 0 30px;font:400 11px/1.5 var(--mono);color:#80909d}.terminal-line span{color:var(--green)}
.identity-sheet h2{margin:0 0 27px;font:500 clamp(3.1rem,8vw,5rem)/.95 var(--serif);letter-spacing:-.04em}
.identity-sheet dl{margin:0}.identity-sheet dl div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:10px 0;border-top:1px solid rgba(214,173,98,.12);font:400 11px/1.5 var(--mono)}
.identity-sheet dt{color:#84929e}.identity-sheet dd{margin:0;color:#d7dcdf}
.identity-note{margin:28px 0 20px;font:italic 500 1.05rem/1.5 var(--serif);color:var(--gold)}
.identity-sheet>a,.text-action{display:inline-flex;align-items:center;min-height:44px;font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-underline-offset:6px}
.error-page{background:radial-gradient(circle at 50% 50%,rgba(143,38,53,.17),transparent 36%),var(--night)}
.error-main{display:grid;grid-template-columns:1fr;place-items:center;text-align:center;padding-top:3vh}
.error-code{position:absolute;margin:0;font:500 clamp(16rem,44vw,42rem)/.7 var(--serif);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(214,173,98,.1);user-select:none}
.error-copy{position:relative;z-index:1}.error-copy h1{font-size:clamp(4.2rem,10vw,8.6rem)}
.error-copy>p:not(.route-label){margin:30px auto 0;color:#abb6bf}.error-copy .actions{justify-content:center}
.error-orbit{position:fixed;inset:50% auto auto 50%;width:min(70vw,760px);aspect-ratio:1;border:1px solid rgba(214,173,98,.08);border-radius:50%;transform:translate(-50%,-50%);animation:orbit-turn 24s linear infinite}
.error-orbit:before,.error-orbit:after{content:"";position:absolute;inset:12%;border:1px solid rgba(214,173,98,.07);border-radius:50%}.error-orbit:after{inset:29%}
.error-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold)}.error-orbit i:nth-child(1){left:14%;top:18%}.error-orbit i:nth-child(2){right:4%;top:50%}.error-orbit i:nth-child(3){left:48%;bottom:28%}
@keyframes orbit-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:820px){main{grid-template-columns:1fr;align-content:center;gap:60px;padding-top:8vh}.release-card{width:100%;max-width:520px;transform:none}.signal-field{opacity:.58}.route-note{max-width:34ch}.error-main{padding-top:5vh}.error-code{font-size:70vw}footer{flex-direction:column}}
@media(max-width:520px){.topbar{padding-top:22px}.availability{font-size:8px}.hero h1{font-size:clamp(4rem,21vw,6.2rem)}.actions{align-items:flex-start;flex-direction:column}.primary-action{width:100%}.command-hint{min-width:44px}.release-row{grid-template-columns:88px 1fr}.identity-sheet dl div{grid-template-columns:1fr;gap:4px}.error-copy h1{font-size:18vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.signal-live{stroke-dashoffset:0}.signal-field circle{opacity:1}}