@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080a0c;--silver:#d7dde2;--gold:#d6ae62;--muted:#969b9f;--border:#26292c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--silver);font-family:'Space Grotesk',Arial,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff02 4px);z-index:4}.site-shell{max-width:1600px;margin:auto;padding:0 5%}header{height:118px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:15px;align-items:center;color:var(--silver);text-decoration:none;font-size:21px;letter-spacing:3px;font-weight:600;line-height:1.1}.brand-sub{display:block;font-size:12px;letter-spacing:7px;margin-top:6px}.brand-mark{font-family:'Barlow Condensed',sans-serif;font-size:49px;position:relative;letter-spacing:-6px;padding-right:14px}.brand-mark span{font-size:26px;position:absolute;right:0;top:-4px;color:var(--gold)}.launch-label{font-size:12px;letter-spacing:2px;color:var(--gold);display:flex;align-items:center;gap:12px}.launch-label>span{width:6px;height:6px;background:var(--gold);box-shadow:0 0 14px #d6ae6255}main{display:grid;grid-template-columns:46% 54%;min-height:690px;align-items:center;position:relative}.hero-copy{padding:65px 0;position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:3px;display:flex;gap:12px;align-items:center;margin:0 0 26px;color:var(--gold)}.line{width:27px;height:1px;background:var(--gold)}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(80px,8.5vw,140px);line-height:.95;letter-spacing:-2px;font-weight:600;margin:0 0 30px;text-transform:uppercase}h1>span{background:linear-gradient(110deg,#f4f5f6 5%,#959ca4 60%,#edf0f2);background-clip:text;color:transparent}.intro{font-size:20px;margin:0 0 16px}.description{font-size:16px;line-height:1.8;max-width:380px;color:var(--muted);margin:0}.coming{display:flex;align-items:center;gap:18px;margin-top:36px;font-size:13px;letter-spacing:3px;color:var(--gold)}.corner{width:10px;height:10px;border-top:1px solid var(--gold);border-left:1px solid var(--gold)}.coming-line{height:1px;width:45px;background:#705c37}.small-orb{width:7px;height:7px;border-radius:50%;background:var(--gold)}.visual{height:620px;position:relative;align-self:center;margin-right:-4vw;overflow:hidden}canvas{width:100%;height:100%;display:block}.visual-top,.visual-bottom{position:absolute;left:24px;right:30px;display:flex;justify-content:space-between;font-family:monospace;font-size:12px;letter-spacing:1px;color:#858b90}.visual-top{top:35px}.visual-bottom{bottom:38px}.visual-key{display:flex;gap:8px;align-items:center;font-size:10px}.visual-key i{width:5px;height:5px;border-radius:50%;background:var(--silver)}.visual-key i.gold{background:var(--gold);margin-left:10px}#pause{position:absolute;bottom:68px;right:30px;width:34px;height:34px;border:1px solid #3b4045;background:#080a0c99;color:var(--silver);cursor:pointer}#pause:hover,#pause:focus-visible{border-color:var(--gold);color:var(--gold)}.manifesto{border-top:1px solid var(--border);display:grid;grid-template-columns:24% 48% 28%;align-items:center;padding:45px 0 50px;gap:10px}.section-index{font-family:monospace;font-size:12px;color:#84898e;letter-spacing:1px}.manifesto p{font-size:31px;line-height:1.35;margin:0;letter-spacing:-1px}.manifesto p span{color:#939a9f}.manifesto-detail{color:var(--muted);font-size:14px;line-height:1.8;padding-left:15px;border-left:1px solid #51432d}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;padding:28px 0;font-family:monospace;font-size:11px;letter-spacing:1px;color:#7e858b}.location{color:#9c9c94}@media(min-width:1500px){.visual{margin-right:0}}@media(max-width:900px){main{grid-template-columns:1fr 1fr;min-height:610px}h1{font-size:85px}.visual{height:560px}.visual-key{display:none}.description{max-width:310px}.manifesto{grid-template-columns:1fr 2fr}.manifesto-detail{display:none}}@media(max-width:760px){.site-shell{padding:0 6%}header{height:92px}.brand{font-size:17px;gap:10px}.brand-sub{font-size:10px}.brand-mark{font-size:40px}.launch-label{font-size:10px;letter-spacing:1px;gap:7px}main{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:52px 0 0}h1{font-size:clamp(74px,17vw,104px);letter-spacing:-1px;margin-bottom:25px}.intro{font-size:18px}.description{max-width:360px}.visual{height:410px;margin:0 -6vw;width:100vw}.visual-top{top:25px}.visual-bottom{bottom:22px}#pause{bottom:50px}.manifesto{grid-template-columns:1fr;gap:22px;padding:32px 0}.manifesto p{font-size:28px}footer{flex-wrap:wrap;font-size:10px;line-height:1.7;gap:12px}footer>span:last-child{display:none}}

/* Ambient fleet motion sits behind the hero rather than in a separate panel. */
main{display:block;isolation:isolate;overflow:hidden}
.hero-copy{max-width:720px;padding:90px 0 100px}
.visual{position:absolute;inset:0 -5vw;height:auto;width:auto;margin:0;z-index:-1;pointer-events:none}
#fleet{opacity:.32;mask-image:linear-gradient(90deg,transparent 0%,#0003 30%,#000 65%,#0009 100%)}
.visual-top,.visual-bottom{display:none}
#pause{pointer-events:auto;bottom:28px;right:6vw;opacity:.6;z-index:1}
#pause:hover,#pause:focus-visible{opacity:1}
@media(max-width:760px){main{min-height:640px}.hero-copy{padding:60px 0 95px;max-width:100%}.visual{inset:0 -6vw;width:auto;height:auto;margin:0}#fleet{opacity:.22;mask-image:linear-gradient(90deg,#0002,#0008 70%,#000)}#pause{bottom:20px;right:6vw}}

/* Dispersed particles remain visible across the background, softly dimmed under copy. */
#fleet{opacity:.5;mask-image:linear-gradient(90deg,#0005 0%,#0007 35%,#000 75%)}
@media(max-width:760px){#fleet{opacity:.36;mask-image:linear-gradient(90deg,#0005,#000b)}}

/* Sparse ambient fleet spans the viewport behind every section. */
body{isolation:isolate}
.site-shell{position:relative}
main{isolation:auto;overflow:visible}
.visual{position:fixed;inset:0;width:100%;height:100%;margin:0;z-index:-1;pointer-events:none}
#fleet{opacity:.46;mask-image:linear-gradient(90deg,#0006 0%,#0009 40%,#000 80%)}
#pause{position:fixed;right:18px;bottom:18px;background:#080a0ccc}
@media(max-width:760px){.visual{position:fixed;inset:0;width:100%;height:100%;margin:0}#fleet{opacity:.32;mask-image:linear-gradient(90deg,#0006,#000b)}#pause{right:12px;bottom:12px}}