:root{color-scheme:dark;--bg:#050c19;--text:#f0f5ff;--muted:#a3afc3;--line:#202c40;--cyan:#5de8f0;--violet:#b899ff;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--text);background:radial-gradient(ellipse at 86% 28%,#0d204341,transparent 47%),var(--bg);font-size:1rem;-webkit-font-smoothing:antialiased}
.page{max-width:1440px;margin:0 auto;padding:0 5.5%}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:110px;border-bottom:1px solid var(--line)}
.wordmark{color:var(--text);text-decoration:none;letter-spacing:-1.2px;font-size:2rem;font-weight:300;white-space:nowrap}
.wordmark span{font-weight:750}
.wordmark:focus-visible{outline:2px solid var(--cyan);outline-offset:8px;border-radius:2px}
.header-label{font-family:monospace;font-size:.8125rem;letter-spacing:2.3px;color:var(--muted)}
.status{font-size:.875rem;color:#c6d2e7;border:1px solid #35435a;padding:10px 14px;border-radius:4px;white-space:nowrap}
.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:8px;min-height:660px;padding:66px 0 72px}
.hero-copy{position:relative;z-index:1}
.eyebrow{font-size:.75rem;letter-spacing:2px;font-family:monospace;color:var(--cyan);line-height:1.7;margin:0 0 28px}
h1{font-size:clamp(3.25rem,5.7vw,5.2rem);font-weight:600;letter-spacing:-.055em;line-height:1.07;margin:0 0 27px}
h1 span{color:var(--cyan);background:linear-gradient(100deg,#73f2ed 10%,#86c7ff 55%,#bba0ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.intro{font-size:1.125rem;line-height:1.6;margin:0 0 11px;color:#e0e7f2}
.description{max-width:470px;font-size:1.0625rem;line-height:1.8;color:var(--muted);margin:0}
.launch{display:flex;align-items:center;gap:15px;margin-top:35px}
.launch-rule{width:36px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet))}
.launch p{font-size:1rem;font-weight:500;margin:0;color:#dbe7f9}
.hero-art{align-self:center;min-width:0;position:relative}
.hero-art img{width:112%;height:auto;display:block;max-width:none;margin-left:-6%;filter:drop-shadow(0 18px 45px #2175bc16)}
.art-caption{text-align:center;font-family:monospace;font-size:.75rem;letter-spacing:2.4px;color:#a2b1c8;margin:7px 0 0;line-height:1.8}
.art-caption span{color:#61718d;margin:0 14px}
.direction{border-top:1px solid var(--line);padding-top:29px;padding-bottom:49px}
.direction-label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:34px}
.direction-label h2{font-family:monospace;font-size:.75rem;font-weight:400;letter-spacing:2px;color:#a6b5cc;margin:0;line-height:1.7}
.direction-label>span{font-size:.875rem;color:#a6b5cc}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.pillars article{padding:0 32px;border-left:1px solid var(--line)}
.pillars article:first-child{border-left:0;padding-left:0}
.pillars article:last-child{padding-right:0}
.number{color:#98acc9;font-family:monospace;font-size:.75rem;letter-spacing:1px}
h3{font-size:1.25rem;letter-spacing:-.02em;font-weight:500;margin:14px 0 12px}
.pillars p{font-size:1rem;line-height:1.7;color:var(--muted);margin:0;max-width:340px}
footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:91px;border-top:1px solid var(--line);color:#95a5be;font-size:.8125rem;line-height:1.7}
footer p{margin:0}.footer-note{font-family:monospace;font-size:.75rem;letter-spacing:1.1px}
@media(min-width:1600px){.hero{min-height:700px}}
@media(max-width:1000px){.page{padding:0 5%}.header-label{display:none}.hero{min-height:600px;gap:0}h1{font-size:clamp(3rem,6vw,4.5rem)}.eyebrow{max-width:300px}.hero-art img{width:108%;margin-left:-4%}.pillars article{padding:0 22px}.footer-note{display:none}}
@media(max-width:680px){.page{padding:0 6%}.header{min-height:88px;gap:12px}.wordmark{font-size:1.75rem}.status{font-size:.8125rem;padding:8px 10px}.hero{grid-template-columns:1fr;padding:50px 0 31px;min-height:0}.eyebrow{max-width:none;font-size:.75rem;letter-spacing:1.5px;margin-bottom:22px}h1{font-size:clamp(2.7rem,9.7vw,4.1rem);margin-bottom:24px;letter-spacing:-.045em}.intro{font-size:1.0625rem;max-width:340px}.description{font-size:1rem;max-width:440px}.launch{margin-top:26px}.hero-art{max-width:380px;width:100%;justify-self:center;margin-top:20px}.hero-art img{width:100%;margin:0}.art-caption{margin:-4px 0 0;font-size:.75rem;letter-spacing:1.8px}.direction{padding-top:25px;padding-bottom:34px}.direction-label{display:block;margin-bottom:28px}.direction-label>span{display:block;margin-top:7px}.pillars{grid-template-columns:1fr;gap:24px}.pillars article,.pillars article:first-child,.pillars article:last-child{padding:0 0 24px;border-left:0;border-bottom:1px solid var(--line)}.pillars article:last-child{border-bottom:0;padding-bottom:0}.pillars p{max-width:460px}h3{margin-top:10px;margin-bottom:8px}footer{align-items:flex-start;flex-direction:column;gap:5px;padding:23px 0;min-height:0}}
@media(prefers-reduced-motion:no-preference){.hero-copy,.hero-art{animation:arrive .75s ease-out both}.hero-art{animation-delay:.1s}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
@media(forced-colors:active){h1 span{background:none;-webkit-text-fill-color:CanvasText}.launch-rule{background:CanvasText}}
