@font-face{font-family:Traveler;src:url('/assets/traveler.woff2') format('woff2');font-display:swap;font-weight:400 900}
:root{--ink:#0b101a;--panel:#101624;--text:#e5e8f1;--muted:#a1aabd;--edge:#394457;--gold:#ffd16b;--orange:#ff9f08;--body:Traveler,monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}svg{display:block;flex-shrink:0}.shell{width:min(1344px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:24px;top:-100px;z-index:10;padding:12px 18px;background:var(--gold);color:var(--ink)}.skip:focus{top:20px}
.scene{position:absolute;inset:0 0 auto;height:880px;overflow:hidden;pointer-events:none;background:#1b263c}.layer,.scene-shade{position:absolute;inset:0}.layer{background-position:center center;background-size:cover;background-repeat:no-repeat;image-rendering:pixelated}.arena{background-image:url('/assets/arena_dust2_v2.png')}.scene-shade{background:linear-gradient(90deg,rgba(6,10,19,.95) 0%,rgba(6,10,19,.84) 34%,rgba(6,10,19,.14) 75%),linear-gradient(0deg,var(--ink),transparent 26%,transparent 78%,rgba(6,10,19,.55))}
.header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:116px;border-bottom:1px solid #52607566}.brand{display:flex;align-items:center;gap:15px;font-size:28px;line-height:1;letter-spacing:-.5px}.brand-mark{width:30px;height:30px;color:var(--gold)}.alpha{font-size:11px;letter-spacing:0;border:1px solid var(--gold);padding:5px 6px 4px;color:var(--gold);margin-left:1px;background:#ffd16b12}.header nav{display:flex;gap:36px;align-items:center;font-size:14px}.header nav a:hover{color:var(--gold)}.nav-download{color:var(--gold)}.nav-download span{margin-left:12px}
.hero{position:relative;min-height:764px;padding-top:101px;padding-bottom:110px}.hero-copy{max-width:690px}h1,h2,h3,p{margin:0}h1{font-size:clamp(64px,6.7vw,104px);line-height:1.04;letter-spacing:-3px;font-weight:400;text-shadow:5px 6px 0 #070b1580}.cursor{color:var(--orange)}.intro{font-size:18px;line-height:1.9;margin:30px 0 31px;color:#bec6d6;max-width:620px}.downloads{display:flex;flex-wrap:wrap;gap:14px}.download{min-width:310px;min-height:84px;padding:19px 18px;display:flex;align-items:center;gap:14px;border:1px solid var(--edge);box-shadow:0 4px 0 #060a1280;transition:background .12s,transform .12s,border-color .12s}.download.primary{background:var(--orange);border-color:#ffbc50;color:#16120a;box-shadow:inset 0 2px 0 #ffcf75,0 4px 0 #794411}.download.primary:hover{background:#ffb236}.download.secondary{background:#0b101adb;color:var(--text)}.download.secondary:hover{border-color:var(--gold);background:#1b2231}.download:hover{transform:translateY(-2px)}.download:active{transform:translateY(1px)}.download>svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.6}.download svg.download-arrow{margin-left:auto;width:20px}.button-copy{display:flex;flex-direction:column;gap:8px;line-height:1.1;white-space:nowrap;font-size:15px}.button-copy small{font-size:10px;opacity:.76;letter-spacing:.15px}.continue{position:absolute;bottom:37px;font-size:11px;color:var(--muted);letter-spacing:1px;display:flex;gap:26px}.continue:hover{color:var(--gold)}
.installation{position:relative;background:#0b101a;border-top:1px solid #35415688;border-bottom:1px solid #35415688;padding:86px 0 88px}.installation-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:100px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold)}h2{font-size:43px;line-height:1.3;letter-spacing:-1px;font-weight:400;margin-top:22px}.section-heading>p{margin-top:27px;color:var(--muted);font-size:14px;line-height:1.9}.steps{margin:0;padding:0;list-style:none}.steps li{display:flex;gap:23px;padding:25px 0;border-bottom:1px solid #35415688}.steps li:first-child{padding-top:0}.steps li:last-child{padding-bottom:0;border:0}.step-number{font-size:25px;line-height:1.3;color:var(--orange);min-width:38px}h3{font-weight:400;font-size:20px;line-height:1.4}.steps p{color:var(--muted);font-size:14px;line-height:1.85;margin-top:10px;max-width:470px}.footer{display:flex;align-items:center;justify-content:space-between;padding-block:27px;border-top:1px solid var(--edge);font-size:11px;letter-spacing:1px}.footer-alpha{color:#707d93}.footer a{color:var(--muted)}.footer a:hover{color:var(--gold)}.footer a span{margin-left:16px}
@media(min-width:1600px){.scene{height:940px}.hero{min-height:824px;padding-top:120px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.header{height:100px}.brand{font-size:25px}.hero{padding-top:85px;min-height:760px}.scene{height:860px}.hero-copy{max-width:610px}.download{min-width:288px;padding-inline:15px;gap:12px}.button-copy{font-size:14px}.button-copy small{font-size:9px}.installation-grid{gap:58px;grid-template-columns:1fr 1.25fr}.scene-shade{background:linear-gradient(90deg,rgba(6,10,19,.95),rgba(6,10,19,.78) 46%,rgba(6,10,19,.18)),linear-gradient(0deg,var(--ink),transparent 36%)}h2{font-size:36px}}
@media(max-width:720px){.shell{width:calc(100% - 40px)}.header{height:87px}.brand{font-size:21px;gap:10px}.brand-mark{width:23px;height:23px}.alpha{font-size:9px;padding:4px}.header nav{font-size:11px}.header nav a:first-child{display:none}.nav-download span{margin-left:4px}.hero{padding-top:69px;min-height:780px;padding-bottom:116px}.hero-copy{max-width:100%}h1{font-size:66px;letter-spacing:-2px}.intro{font-size:15px;line-height:1.85;margin-top:26px;margin-bottom:28px;max-width:400px}.intro br{display:none}.downloads{flex-direction:column;max-width:400px;gap:13px}.download{width:100%;min-height:80px;padding:18px;gap:16px}.button-copy{font-size:15px;gap:9px}.button-copy small{font-size:10px}.scene{height:867px}.layer{background-size:auto 100%;background-position:60% center}.scene-shade{background:linear-gradient(90deg,rgba(6,10,19,.89),rgba(6,10,19,.61)),linear-gradient(0deg,var(--ink),transparent 31%,transparent 83%,#0b101a80)}.continue{bottom:39px}.installation{padding-block:56px 60px}.installation-grid{grid-template-columns:1fr;gap:34px}h2{font-size:35px;margin-top:18px}.section-heading>p{margin-top:19px}.section-heading>p br{display:none}.steps li{gap:18px;padding-block:24px}.steps li:first-child{padding-top:0}.steps p{font-size:14px}.footer{gap:18px;font-size:10px;padding-block:24px}.footer a span{margin-left:5px}}
@media(max-width:370px){.shell{width:calc(100% - 32px)}.brand{font-size:18px;gap:8px}.brand-mark{width:21px}.alpha{font-size:8px}.hero{padding-top:55px}h1{font-size:58px}.button-copy{font-size:14px}.footer{letter-spacing:0}.nav-download{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.download{transition:none}}

/* The current arena artwork moves gently; the content stays still. */
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:7px;border:1px solid var(--edge);background:#0b101a80;color:var(--gold);cursor:pointer;transition:border-color .18s,background .18s}
.motion-toggle[hidden]{display:none}.motion-toggle:hover{border-color:var(--gold);background:#ffd16b15}.motion-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.motion-toggle svg{width:16px;height:16px;fill:currentColor}.motion-toggle .play-icon{display:none}.motion-toggle[aria-pressed="false"] .pause-icon{display:none}.motion-toggle[aria-pressed="false"] .play-icon{display:block}
.motion-ready .layer{inset:-20px -26px;transform:translate3d(calc(var(--scene-x,0px)*var(--depth,0)),calc(var(--scene-y,0px)*var(--depth,0)),0);transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.arena{--depth:.18}
.motion-ready .cursor{animation:cursor-blink 1.35s steps(1,end) infinite}
.dust{position:absolute;inset:0;pointer-events:none;overflow:hidden}.dust i{position:absolute;left:var(--x);top:var(--y);width:var(--size,2px);height:var(--size,2px);background:#ffdba0;opacity:0}.motion-ready .dust i{animation:dust-rise var(--duration,16s) linear infinite;animation-delay:var(--delay,0s)}
.dust i:nth-child(1){--x:51%;--y:47%;--duration:14s;--delay:-3s}.dust i:nth-child(2){--x:63%;--y:64%;--duration:19s;--delay:-11s;--size:3px}.dust i:nth-child(3){--x:78%;--y:42%;--duration:17s;--delay:-7s}.dust i:nth-child(4){--x:91%;--y:57%;--duration:21s;--delay:-16s}.dust i:nth-child(5){--x:44%;--y:75%;--duration:18s;--delay:-8s}.dust i:nth-child(6){--x:69%;--y:82%;--duration:16s;--delay:-4s;--size:3px}.dust i:nth-child(7){--x:86%;--y:78%;--duration:23s;--delay:-18s}.dust i:nth-child(8){--x:56%;--y:31%;--duration:20s;--delay:-12s}.dust i:nth-child(9){--x:74%;--y:58%;--duration:15s;--delay:-13s}.dust i:nth-child(10){--x:94%;--y:35%;--duration:22s;--delay:-6s}.dust i:nth-child(11){--x:37%;--y:55%;--duration:24s;--delay:-17s}.dust i:nth-child(12){--x:81%;--y:69%;--duration:18s;--delay:-10s;--size:3px}
.reveal-pending{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1);transition-delay:var(--reveal-delay,0ms)}[data-reveal="1"]{--reveal-delay:90ms}[data-reveal="2"]{--reveal-delay:180ms}.reveal-pending.is-visible,.reveal-pending:focus-within{opacity:1;transform:none}
.header::after{content:"";position:absolute;inset:auto 0 -1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0}.motion-ready .header::after{animation:header-trace 1.2s ease-out both}
.header nav{gap:24px}.header nav a{position:relative}.header nav a::after{content:"";position:absolute;bottom:-7px;left:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .2s}.header nav a:hover::after,.header nav a:focus-visible::after{transform:scaleX(1)}
.download{position:relative;overflow:hidden}.download::after{content:"";position:absolute;inset:-30% auto -30% -55%;width:32%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:translateX(0) skewX(-18deg);pointer-events:none;opacity:0}.motion-ready .download:hover::after,.motion-ready .download:focus-visible::after{animation:button-shine .65s ease-out both}.motion-ready .download:hover .download-arrow{animation:arrow-nudge .65s ease-in-out 2}.download:focus-visible{outline-offset:5px}
.steps li{position:relative}.steps li:not(:last-child)::before{content:"";position:absolute;left:17px;top:43px;bottom:3px;width:1px;background:linear-gradient(var(--orange),#39445733);opacity:.45;pointer-events:none}.step-number{transition:color .2s,text-shadow .2s}.steps li:hover .step-number{color:var(--gold);text-shadow:0 0 18px #ff9f0855}.continue span{transition:transform .2s}.continue:hover span{transform:translateY(4px)}
.motion-off .scene *,.scene-paused .scene *,.scene-paused .cursor{animation-play-state:paused!important}.motion-off .cursor{animation:none;opacity:1}.motion-off .layer{transition:none}.motion-off .download::after,.motion-off .download .download-arrow{animation:none!important}.motion-off .reveal-pending{opacity:1;transform:none;transition:none}.motion-off{scroll-behavior:auto}
@keyframes dust-rise{0%{transform:translate3d(0,22px,0);opacity:0}18%{opacity:.38}78%{opacity:.26}100%{transform:translate3d(24px,-115px,0);opacity:0}}
@keyframes cursor-blink{0%,52%{opacity:1}53%,100%{opacity:0}}

@keyframes header-trace{0%{transform:scaleX(.15);opacity:0}40%{opacity:.85}100%{transform:scaleX(1);opacity:0}}
@keyframes button-shine{0%{transform:translateX(0) skewX(-18deg);opacity:0}15%,65%{opacity:.55}100%{transform:translateX(570%) skewX(-18deg);opacity:0}}
@keyframes arrow-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}

@media(max-width:720px){.header nav{gap:13px}.motion-toggle{width:28px;height:28px;padding:5px}.dust i:nth-child(n+7){display:none}.steps li:not(:last-child)::before{left:16px}}
@media(hover:none){.download::after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1!important;transform:none!important}.motion-ready .layer{inset:0;transform:none!important}.cursor{opacity:1!important}}
