@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#edf3f7;--muted:#91a4b2;--blue:#8edaf7;--line:rgba(197,226,240,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080e14;color:var(--ink);font:16px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;top:-50px;left:1rem;z-index:99;background:#fff;color:#000;padding:.5rem}.skip:focus{top:1rem}.header{height:82px;position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;gap:4vw;padding:0 4.5vw;border-bottom:1px solid rgba(255,255,255,.15);background:linear-gradient(#02060ba9,#02060b14)}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font:700 23px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.14em}.brand small{font-size:.55em;letter-spacing:0}.brand-mark{font:30px/1 Arial;color:#b2e6f7;text-shadow:0 0 20px #8edaf7}.header nav{display:flex;gap:36px;margin:auto;font-size:11px;font-weight:700;letter-spacing:.2em}.header nav a:hover,.hero-bottom a:hover,footer a:hover{color:var(--blue)}.header-status{font-size:10px;letter-spacing:.16em;white-space:nowrap}.header-status i{display:inline-block;width:5px;height:5px;background:var(--blue);box-shadow:0 0 12px var(--blue);border-radius:50%;margin-right:8px}.menu{display:none}.hero{min-height:760px;height:100svh;position:relative;overflow:hidden;background:#07111b}.hero video,.interlude video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero video{object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,14,.84) 0%,rgba(2,8,14,.5) 36%,rgba(2,8,14,.05) 75%),linear-gradient(0deg,#050a10 0%,transparent 24%,transparent 75%,#050a1066)}.hero-frame{position:relative;height:100%;margin:0 4.5vw;border-left:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12)}.eyebrow{position:absolute;top:112px;left:28px;right:28px;display:flex;justify-content:space-between;font:600 10px Inter;letter-spacing:.22em;color:#d3e3ed}.hero-content{position:absolute;left:7.5vw;top:50%;transform:translateY(-43%);max-width:680px}.overline,.kicker{font-size:11px;font-weight:700;letter-spacing:.27em;color:var(--blue)}h1,h2,h3,blockquote{font-family:'Barlow Condensed',Impact,sans-serif}h1{margin:22px 0 18px;font-size:clamp(88px,12vw,188px);line-height:.71;letter-spacing:.11em;font-weight:600;text-shadow:0 8px 30px #0008}h1 em{font-style:normal;font-size:.27em;letter-spacing:.2em;vertical-align:middle}h1 strong{font-weight:800;letter-spacing:.22em;background:linear-gradient(#fff,#9eb7c6 45%,#536778 54%,#e7f6ff);color:transparent;background-clip:text}.lead{max-width:475px;font-size:16px;line-height:1.75;color:#d7e2e9;text-shadow:0 2px 10px #000}.primary-link{display:inline-flex;margin-top:22px;align-items:center;gap:55px;border:1px solid #a4dff4;background:#91d5ee1c;padding:15px 18px;font-size:12px;font-weight:700;letter-spacing:.18em;transition:background .2s}.primary-link:hover{background:#91d5ee44}.primary-link span{font-size:19px;font-weight:400}.hero-bottom{position:absolute;bottom:27px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.19em}.hero-bottom b{font-size:20px;margin-left:18px}.section{padding:120px max(5vw,25px)}.section-head{max-width:1200px;margin:0 auto 60px}.section h2{font-size:clamp(51px,6vw,88px);font-weight:600;line-height:.98;letter-spacing:.015em;margin:15px 0}.section h2 span{color:#829eaf}.world{background:#0d151d}.world-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center}.story{font-size:17px;line-height:1.9;color:#b9cad4}.story p:first-child{color:#eef4f7}.story-tag{padding-top:24px;border-top:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.1em;color:#b6dbe9}.story-tag span{color:var(--blue);padding:0 5px}.world-image{height:460px;background:url('assets/hero-reference.png') center/cover;filter:saturate(.8);box-shadow:0 35px 80px #0006}.game{background:#090f15}.section-intro{max-width:630px;color:#a7bac6;font-size:17px}.features{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.features article{padding:28px 0}.features .num{font:700 12px Inter;color:var(--blue);letter-spacing:.15em}.features .rule{height:1px;background:var(--line);margin:20px 0 38px}.features h3{font-size:34px;letter-spacing:.07em;margin:0}.features p{color:#a6b9c5;max-width:280px}.interlude{height:490px;position:relative;display:flex;align-items:center;padding:6vw;overflow:hidden;background:#071019}.interlude:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#040a0de8,#040a0d3d)}.interlude>div{position:relative;z-index:1}.interlude blockquote{font-size:clamp(40px,5vw,71px);line-height:1.05;margin:16px 0;font-weight:500}.progress{display:grid;grid-template-columns:1.3fr .7fr;gap:10%;background:#0d151d;align-items:center}.progress>div:first-child{max-width:650px}.progress p:not(.kicker){color:#b4c5ce;font-size:17px}.progress .honest{font-size:14px!important;color:#86a6b7!important;margin-top:30px}.status-card{min-height:280px;border:1px solid var(--line);padding:27px;background:linear-gradient(140deg,#1d3240,#0b141c 62%);display:flex;flex-direction:column;position:relative}.status-card>span,.status-card small{font-size:10px;letter-spacing:.18em;color:#9cb6c4}.status-card .pulse{height:1px;background:linear-gradient(90deg,var(--blue),transparent);margin:30px 0}.status-card strong{font-size:11px;letter-spacing:.17em}.status-card p{font:600 35px/1.1 'Barlow Condensed';letter-spacing:.08em;color:#fff!important}.status-card small{margin-top:auto}footer{padding:35px 5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.13em;color:#9fb1bd}footer .brand{color:#e9f3f8;font-size:19px}@media(max-width:800px){.header{height:68px;padding:0 20px}.header-status{margin-left:auto}.header nav{display:none}.menu{display:block;background:none;border:0;color:#fff;font-size:24px;margin-left:10px}.nav-open .header nav{display:flex;position:absolute;top:68px;left:0;right:0;background:#09121a;padding:28px;flex-direction:column;gap:25px}.hero{min-height:660px;height:100svh}.hero-frame{margin:0 14px}.eyebrow{top:95px;left:14px;right:14px;font-size:8px}.eyebrow span:last-child{display:none}.hero-content{left:25px;right:20px;transform:translateY(-35%)}h1{font-size:clamp(72px,15vw,126px)}.lead{font-size:15px;max-width:380px}.hero-bottom{left:14px;right:14px}.hero-bottom span{display:none}.section{padding:85px 25px}.world-grid,.progress{grid-template-columns:1fr}.world-image{height:350px}.features{grid-template-columns:1fr;gap:0}.features article{padding:0}.features .rule{margin:15px 0}.interlude{height:370px}.status-card{margin-top:25px}footer{flex-wrap:wrap}footer .brand{width:100%}}@media(max-width:480px){.brand{font-size:19px}.header-status{display:none}.menu{margin-left:auto}.hero-content{top:51%;left:18px}.overline{font-size:9px}h1{font-size:clamp(69px,16vw,93px);letter-spacing:.065em}.lead{line-height:1.65}.hero video{object-position:58%}.hero-shade{background:linear-gradient(90deg,#031019c9,#03101955),linear-gradient(0deg,#03080f,transparent 45%)}.section h2{font-size:55px}.world-image{height:250px}.story{font-size:15px}.story-tag{font-size:9px}.interlude blockquote{font-size:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the title together and reserve clear space above the bottom metadata. */
.hero{height:auto;min-height:max(800px,100svh)}
.hero-frame{min-height:max(800px,100svh);display:flex;align-items:center}
.hero-content{position:relative;top:auto;left:auto;right:auto;transform:none;margin:125px 0 130px 7.5vw;max-width:min(920px,82vw)}
h1{font-size:clamp(72px,8.4vw,150px);line-height:.91;letter-spacing:.045em;margin:24px 0 28px}
h1 .title-first{display:block;white-space:nowrap}
h1 em{font-size:.23em;letter-spacing:.1em;vertical-align:baseline}
h1 strong{display:block;line-height:.91;letter-spacing:.16em}
.hero-bottom{bottom:28px;align-items:end;gap:20px}
@media(max-width:800px){.hero,.hero-frame{min-height:max(760px,100svh)}.hero-content{margin:135px 20px 125px 25px;max-width:calc(100% - 45px)}h1{font-size:clamp(58px,11vw,88px)}.hero-bottom{bottom:20px}}
@media(max-width:480px){.hero,.hero-frame{min-height:max(750px,100svh)}.hero-content{margin:135px 14px 125px 18px;max-width:calc(100% - 32px)}h1{font-size:clamp(46px,12vw,65px);letter-spacing:.025em}h1 strong{letter-spacing:.12em}.primary-link{margin-top:12px}}
@media(max-height:720px) and (min-width:801px){.hero,.hero-frame{min-height:790px}}
.roadmap{background:#0d151d}.roadmap-head{margin-bottom:48px}.roadmap-updated{font-size:11px!important;letter-spacing:.16em;color:#7e9cac!important;margin-top:25px}.roadmap-list{max-width:1200px;margin:auto;border-top:1px solid var(--line);position:relative}.roadmap-item{width:100%;display:grid;grid-template-columns:74px minmax(0,1fr) 170px 30px;gap:22px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:28px 16px 28px 0;cursor:pointer;transition:background .2s,padding-left .2s}.roadmap-item:hover,.roadmap-item:focus-visible{background:#16303b;padding-left:14px;outline:0}.roadmap-item:focus-visible{box-shadow:inset 0 0 0 2px var(--blue)}.roadmap-index{width:52px;height:52px;border:1px solid #6c9bb2;border-radius:50%;display:grid;place-items:center;color:#abdbec;font:600 22px 'Barlow Condensed',sans-serif;letter-spacing:.07em}.roadmap-item.active .roadmap-index{border-color:#a5e4f9;box-shadow:0 0 22px #68b9dd46}.roadmap-item.finale .roadmap-index{border-color:#e8bd6d;color:#e8bd6d}.roadmap-main{display:flex;min-width:0;flex-direction:column;gap:5px}.roadmap-date{color:#86b8cb;font-size:11px;font-weight:700;letter-spacing:.16em}.roadmap-main strong{font:600 clamp(27px,3vw,39px)/1.05 'Barlow Condensed',sans-serif;letter-spacing:.035em}.roadmap-summary{color:#a9bec8;font-size:15px;line-height:1.5}.roadmap-status{justify-self:end;white-space:nowrap;border:1px solid #577c8d;padding:8px 11px;color:#bbdce9;font-size:10px;font-weight:700;letter-spacing:.1em}.roadmap-item.done .roadmap-status{border-color:#5b9c9d;color:#a8ebdf}.roadmap-item.active .roadmap-status{border-color:#73c5e4;color:#a7e4f9}.roadmap-item.finale .roadmap-status{border-color:#b88a43;color:#eed198}.roadmap-arrow{font-size:25px;color:#a4cfdf}.roadmap-note{max-width:1200px;margin:28px auto 0;color:#93aab7;font-size:14px;line-height:1.7}.roadmap-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(560px,100%);height:100dvh;max-height:none;max-width:none;background:#0d1821;color:#edf3f7;border:0;border-left:1px solid #45697a;padding:0;box-shadow:-30px 0 80px #0009}.roadmap-dialog::backdrop{background:#02080ccd;backdrop-filter:blur(5px)}.dialog-inner{padding:72px clamp(25px,5vw,65px) 40px;height:100%;overflow:auto}.dialog-close{position:absolute;right:25px;top:19px;width:44px;height:44px;border:1px solid #547184;background:#172b36;color:white;font-size:28px;line-height:1;cursor:pointer}.dialog-close:hover,.dialog-close:focus-visible{border-color:#a1ddf1;outline:2px solid transparent}.dialog-kicker{color:#8edaf7;font-size:11px;font-weight:700;letter-spacing:.2em}.roadmap-dialog h2{font:600 clamp(46px,5vw,66px)/1 'Barlow Condensed',sans-serif;margin:20px 0}.dialog-lead{color:#d1e2e9;font-size:18px;line-height:1.65}.dialog-details{margin-top:45px}.dialog-details section{border-top:1px solid var(--line);padding:20px 0 18px}.dialog-details h3{font:600 28px 'Barlow Condensed',sans-serif;margin:0 0 8px}.dialog-details p{font-size:15px;line-height:1.75;color:#adbfca;margin:0}.dialog-foot{font-size:13px;color:#80a3b3;padding-top:18px}@media(max-width:800px){.roadmap-item{grid-template-columns:49px minmax(0,1fr) 22px;gap:13px;padding:22px 0}.roadmap-index{width:40px;height:40px;font-size:18px}.roadmap-main strong{font-size:30px}.roadmap-status{grid-column:2;grid-row:2;justify-self:start}.roadmap-arrow{grid-column:3;grid-row:1;align-self:start}.roadmap-dialog{width:100%;border-left:0}.dialog-inner{padding:80px 25px 45px}}@media(max-width:480px){.roadmap-item{gap:10px}.roadmap-main strong{font-size:27px}.roadmap-summary{font-size:14px}.roadmap-date{font-size:10px;letter-spacing:.08em}}
/* The orbital scene stays in place as content travels over it. */
body{background:#071018}
.scene-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:#071018 url('assets/hero-reference.png') center center/cover no-repeat;pointer-events:none}
.scene-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#02091199,#02091133 55%,#02091144),linear-gradient(0deg,#02091188,transparent 36%,#02091166)}
.scene-backdrop video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.header,main,footer{position:relative;z-index:1}
.header{position:absolute}
.hero{background:transparent}
.hero-shade{background:linear-gradient(90deg,#02091166,transparent 70%),linear-gradient(0deg,#020911dd,transparent 28%,transparent 75%,#02091144)}
.world,.game,.roadmap{position:relative;background:rgba(6,15,23,.77);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);box-shadow:0 0 90px #02080dbb}
.world{border-top:1px solid #91cbdf3b}
.game{background:rgba(7,17,26,.78)}
.roadmap{background:rgba(8,18,27,.83);border-top:1px solid #91cbdf38}
.interlude{height:440px;margin:0;background:transparent;display:flex;align-items:center}
.interlude::after{background:linear-gradient(90deg,#020911cc,transparent 74%)}
.interlude>div{max-width:1100px}
footer{background:rgba(3,11,18,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media(max-width:800px){.scene-backdrop video{display:none}.scene-backdrop{background-position:58% center}.interlude{height:310px}.world,.game,.roadmap{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background-color:rgba(6,15,23,.85)}}
@media(prefers-reduced-motion:reduce){.scene-backdrop video{display:none}}
/* Avoid repainting a viewport-sized backdrop filter on every scroll frame. */
.world,.game,.roadmap{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(115deg,rgba(5,13,20,.93),rgba(10,24,34,.86));box-shadow:0 18px 42px #02080d66}
.game{background:linear-gradient(115deg,rgba(5,13,20,.90),rgba(10,24,34,.84))}
.roadmap{background:linear-gradient(115deg,rgba(5,13,20,.94),rgba(10,24,34,.89))}
footer{backdrop-filter:none;-webkit-backdrop-filter:none}
.roadmap-dialog::backdrop{backdrop-filter:none}
@media(max-width:800px){.world,.game,.roadmap{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(6,15,23,.93)}}

.section h2 .heading-primary{color:var(--ink)}