:root{color-scheme:dark;--bg:#08101d;--surface:#101b2a;--line:rgba(167,208,222,.17);--text:#f0f5f7;--muted:#9db1c0;--cyan:#6fe5e3;--orange:#ffb370;--page:1320px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.6}
a{color:inherit;text-decoration:none}
button{font:inherit}
.site-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 63% 10%,rgba(21,75,97,.14),transparent 34%),var(--bg)}
.content-width,.site-header,.hero{width:min(calc(100% - 80px),var(--page));margin-inline:auto}
.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);position:relative;z-index:3}
.brand{display:inline-flex;align-items:center;gap:10px;font:700 18px 'Space Grotesk',sans-serif;letter-spacing:.06em;white-space:nowrap}
.brand-logo{display:block;width:38px;height:29px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(75,117,255,.24))}.brand-slash{color:var(--orange);padding:0 2px}
.site-header nav{display:flex;gap:30px;color:#b5c4ce;font-size:13px}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--cyan)}
.header-note{font-size:11px;letter-spacing:.14em;color:#8297a8;white-space:nowrap}
.hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;position:relative;padding:70px 0 80px}
.hero-copy{position:relative;z-index:2;padding-right:20px}.eyebrow,.paper-title-label,.section-kicker,.placeholder-corner,.placeholder-bottom,.stage-caption{font:600 11px 'Space Grotesk',sans-serif;letter-spacing:.16em}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--cyan);margin-bottom:26px}.eyebrow-line{width:28px;height:1px;background:var(--cyan)}
.paper-title-label{color:#718797;margin:0 0 2px}.paper-title{color:#a9bcc7;font-size:14px;margin:0 0 30px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif}h1{font-size:clamp(64px,6.5vw,104px);line-height:.98;letter-spacing:-.072em;margin-bottom:28px;font-weight:600}h1 em{font-style:normal;color:var(--cyan)}
.hero-intro{font-size:22px;line-height:1.35;max-width:530px;margin-bottom:14px}.hero-detail{color:var(--muted);max-width:530px;font-size:15px;line-height:1.8;margin-bottom:30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 20px;border:1px solid var(--line);border-radius:999px;font-weight:600;font-size:13px;min-height:45px}.button-primary{background:var(--cyan);color:#06212b;border-color:var(--cyan)}.button-primary:hover{background:#a1f5ee}.button-muted{color:#879ead;cursor:default}.button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.hero-stage{height:500px;position:relative;isolation:isolate}.stage-grid{position:absolute;inset:8%;background-image:linear-gradient(rgba(115,176,198,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(115,176,198,.10) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle,black 25%,transparent 75%);transform:perspective(500px) rotateX(11deg)}.stage-orbit{position:absolute;border:1px solid rgba(100,219,221,.24);border-radius:50%;width:80%;aspect-ratio:1;left:10%;top:0;transform:rotate(-23deg) scaleY(.58)}.orbit-two{width:59%;left:20%;top:10%;border-color:rgba(255,179,112,.28)}.orbit-three{width:38%;left:30%;top:20%}.trajectory{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.trajectory path{fill:none;stroke-linecap:round}.trajectory-ghost{stroke:rgba(255,179,112,.2);stroke-width:16}.trajectory-main{stroke:var(--orange);stroke-width:2.5;stroke-dasharray:6 11}.stage-point{position:absolute;font:600 11px 'Space Grotesk';letter-spacing:.12em;display:flex;align-items:center;gap:9px;white-space:nowrap}.stage-point span{display:block;width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 7px rgba(111,229,227,.12);background:var(--cyan)}.point-start{bottom:24%;left:7%;color:var(--cyan)}.point-end{right:0;top:16%;color:var(--orange)}.point-end span{background:var(--orange);box-shadow:0 0 0 7px rgba(255,179,112,.13)}.stage-caption{position:absolute;bottom:13px;right:4%;color:#7893a4}.stage-caption span{color:var(--orange);padding:0 6px}
.hero-stage-logo{display:grid;place-items:center}.hero-stage-logo .stage-grid{inset:4%;opacity:.7;mask-image:radial-gradient(ellipse,black 20%,transparent 72%)}.hero-stage-logo .stage-orbit{opacity:.38}.hero-stage-logo .trajectory,.hero-stage-logo .stage-point,.hero-stage-logo .stage-caption{display:none}.hero-logo{position:relative;z-index:2;display:block;width:min(108%,650px);max-width:none;max-height:440px;object-fit:contain;filter:drop-shadow(0 25px 38px rgba(35,97,255,.22)) drop-shadow(0 8px 28px rgba(180,62,255,.15));transform:translateX(2%) rotate(-1deg)}
.hero-media{padding-bottom:100px}.section-kicker{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;color:var(--cyan)}.section-kicker span+span{color:#b3c4ce}.feature-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:28px 0 30px}.feature-intro h2{font-size:clamp(40px,4.5vw,64px);line-height:1.06;letter-spacing:-.055em;margin:0}.feature-intro h2 span{color:var(--cyan)}.feature-intro p{color:var(--muted);max-width:360px;line-height:1.7;margin:0 0 4px}
.media-placeholder{border:1px dashed rgba(111,229,227,.5);background:linear-gradient(140deg,rgba(35,80,94,.16),rgba(13,25,41,.9) 55%,rgba(93,54,42,.12));position:relative;min-height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-placeholder:before{content:'';position:absolute;inset:12px;border:1px solid rgba(156,193,206,.08);pointer-events:none}.media-feature{aspect-ratio:16/7.1}.placeholder-corner,.placeholder-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;color:#8eb8be}.placeholder-corner{top:22px}.placeholder-bottom{bottom:20px;color:#78909e}.placeholder-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px}.placeholder-center strong{font:500 clamp(21px,2vw,30px) 'Space Grotesk';letter-spacing:-.02em}.placeholder-center small{font-size:13px;color:#9db1c0}.placeholder-play{width:54px;height:54px;border-radius:50%;border:1px solid rgba(111,229,227,.6);display:grid;place-items:center;padding-left:3px;color:var(--cyan);margin-bottom:10px;font-size:15px}
@media(max-width:1050px){.header-note{display:none}.hero{min-height:570px}.stage-caption{display:none}}
@media(max-width:760px){.content-width,.site-header,.hero{width:min(calc(100% - 36px),var(--page))}.site-header{height:68px}.site-header nav{gap:12px;font-size:11px;overflow:auto}.site-header nav a:nth-child(n+3){display:none}.brand{font-size:15px}.brand-logo{width:34px;height:26px}.hero{display:block;min-height:0;padding:60px 0 40px}.hero-copy{padding-right:0}h1{font-size:clamp(56px,13vw,80px)}.hero-intro{font-size:19px}.hero-stage{height:260px;margin-top:20px}.hero-logo{width:auto;max-width:100%;height:100%;max-height:210px;transform:none}.stage-point{font-size:8px}.point-start{left:4%}.point-end{right:1%}.hero-media{padding-bottom:70px}.feature-intro{display:block}.feature-intro p{margin-top:20px}.media-feature{aspect-ratio:4/3}.placeholder-bottom{display:none}.placeholder-center small{max-width:260px}.placeholder-corner{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}