:root{color-scheme:dark;--bg:#080b12;--fg:#f2f5fa;--muted:#939dac;--faint:#768297;--blue:#649bff;--cyan:#62ddf5;--border:rgba(152,175,216,.15);--mono:"Cascadia Code","SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#659bff;color:#080b12}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}
.page{position:relative;isolation:isolate;min-height:100svh;max-width:1600px;margin:0 auto;padding:0 clamp(24px,5.3vw,84px);display:flex;flex-direction:column;overflow:clip}
.page:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 78% 38%,rgba(23,64,142,.08),transparent 55%)}
.header{height:104px;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}
.wordmark{display:flex;align-items:center;font-family:var(--mono);font-size:22px;font-weight:600;letter-spacing:-1px}.brand-symbol{color:var(--blue);font-size:22px;margin-right:18px;letter-spacing:-3px}.wordmark-dot{color:var(--blue)}.brand-cursor{color:var(--blue);padding-left:2px;animation:blink 1.5s step-end infinite}
.site-status{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;color:#b0b8c6}.status-light{width:6px;height:6px;border-radius:100%;background:#97e4b8;box-shadow:0 0 12px #79d39a55}
.main{flex:1;padding:clamp(46px,7.5vh,88px) 0 48px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:20px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:31px;font-family:var(--mono);font-size:12px;letter-spacing:1.2px;color:#aab8cf}.tiny-cross{color:var(--blue);font-size:21px;line-height:1}.eyebrow-divider{color:#46546c;margin:0 2px}
h1{margin:0;font-size:clamp(68px,7.4vw,114px);font-weight:650;line-height:.99;letter-spacing:-.072em}.accent-word{display:inline-block;background:linear-gradient(105deg,#80b5ff 7%,#598dff 52%,#8ce5ff 100%);color:var(--blue);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.period{letter-spacing:-.14em}.description{margin:29px 0 0;color:#a3adbc;font-size:17px;font-weight:400;line-height:1.8;letter-spacing:-.15px}.launch-note{display:flex;align-items:center;gap:12px;margin-top:25px;font-family:var(--mono);font-size:12px;letter-spacing:1.1px;color:#b6cbf2}.note-line{width:25px;height:1px;background:var(--blue)}.note-slash{color:#485970}.note-secondary{color:var(--faint)}
.visual{position:relative;aspect-ratio:1;margin-right:-12px;min-width:0;isolation:isolate}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(84,129,204,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(84,129,204,.1) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,black 20%,transparent 70%)}.visual-glow{position:absolute;inset:8%;background:radial-gradient(ellipse,#174cb625,transparent 66%);filter:blur(30px)}#field{position:absolute;width:100%;height:100%;inset:0;opacity:1}.visual-center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.visual-center span{font-family:var(--mono);font-size:clamp(26px,3vw,43px);font-weight:300;letter-spacing:-5px;color:#bdd8ff;filter:drop-shadow(0 0 18px #5c8dff66);transform:translateY(-1px)}
.frame-corner{position:absolute;width:10px;height:10px;border:solid #4b648d66}.corner-tl{left:5%;top:5%;border-width:1px 0 0 1px}.corner-tr{right:5%;top:5%;border-width:1px 1px 0 0}.corner-bl{left:5%;bottom:5%;border-width:0 0 1px 1px}.corner-br{right:5%;bottom:5%;border-width:0 1px 1px 0}
.visual-top,.visual-bottom{position:absolute;left:9%;right:9%;display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px var(--mono);letter-spacing:1.2px;color:#7f92b3}.visual-top{top:5%}.visual-bottom{bottom:5%;font-size:10px;letter-spacing:.8px}.render-label{display:flex;align-items:center;gap:6px;color:#809cc8}.render-label:before{content:"";display:block;width:4px;height:4px;background:var(--blue);box-shadow:0 0 10px #598dff}.visual-index{font-size:13px;color:#6a84ac}
.bottom-row{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;align-items:end;margin-top:38px}.terminal{max-width:438px;border:1px solid #34425a6b;border-radius:8px;background:linear-gradient(105deg,#111722cc,#0c111bbb);overflow:hidden;box-shadow:0 10px 50px #00000012}.terminal-title{height:35px;padding:0 14px;display:flex;align-items:center;gap:14px;font:11px var(--mono);color:#91a0b6;border-bottom:1px solid #36405455}.terminal-dots{display:flex;gap:5px}.terminal-dots i{height:5px;width:5px;background:#485367;border-radius:50%}.terminal-dots i:first-child{background:#61718a}.terminal-branch{margin-left:auto;color:#8098bd}.terminal-branch span{font-size:14px}.terminal-body{padding:16px 19px;font:12px/1.9 var(--mono);color:#d2def1}.prompt{color:#93baff;margin-right:9px}.terminal-output{color:#8191ab;white-space:nowrap}.terminal-arrow{color:#4b6387;margin-right:10px}.terminal-cursor{color:#659bff;animation:blink 1s step-end infinite}.signature{display:flex;align-items:center;gap:22px;justify-self:end;color:#8a97ac;line-height:1.6;font-size:14px;padding-bottom:12px}.signature strong{font-weight:450;color:#c1c9d7}.signature-line{width:48px;height:1px;background:linear-gradient(90deg,transparent,#647ca5)}
.footer{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--border);font-family:var(--mono);font-size:11px;color:#8290a6}.footer-center{display:flex;gap:10px;font-size:10px;letter-spacing:1px;color:#708198}.footer-cross{color:#6292d9}#motion-toggle{appearance:none;border:0;padding:10px 0 10px 12px;background:none;color:#99a9c0;cursor:pointer;display:flex;gap:9px;align-items:center;font-family:var(--mono);font-size:11px;white-space:nowrap;transition:color .2s}#motion-toggle:hover{color:#c8dffe}.motion-icon{width:13px;height:13px}
.entrance{animation:enter 1s both cubic-bezier(.2,.6,.2,1)}h1.entrance{animation-delay:.08s}.description.entrance{animation-delay:.16s}.launch-note.entrance{animation-delay:.24s}.bottom-row.entrance{animation-delay:.3s}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.accent-word{padding-right:.06em}.period{letter-spacing:0}
@keyframes blink{0%,48%{opacity:1}49%,100%{opacity:.15}}@keyframes enter{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
.motion-paused *{animation-play-state:paused!important}
@media(min-width:1600px){.main{padding-top:85px}.hero{gap:65px}}
@media(max-width:1000px){.page{padding-inline:32px}.header{height:86px}.main{padding-top:56px}.eyebrow{font-size:11px;gap:8px;letter-spacing:.6px}h1{font-size:clamp(64px,8.4vw,88px)}.description{font-size:16px}.visual{margin-right:-24px;margin-left:-12px}.visual-top,.visual-bottom{font-size:9px;letter-spacing:0}.signature{font-size:13px}.footer-center{display:none}}
@media(max-width:700px){.page{padding-inline:24px}.header{height:80px}.wordmark,.brand-symbol{font-size:20px}.brand-symbol{margin-right:13px}.site-status{font-size:10px;gap:7px}.main{padding:45px 0 32px}.hero{grid-template-columns:1fr;gap:20px}.eyebrow{font-size:10px;margin-bottom:24px}.hero-copy{order:0}h1{font-size:clamp(64px,14vw,88px);letter-spacing:-.075em;line-height:1}.description{font-size:16px;line-height:1.7;margin-top:24px}.launch-note{font-size:10px;gap:10px;margin-top:21px}.visual{order:1;width:min(100%,370px);margin:0 auto -8px;aspect-ratio:1}.visual-center span{font-size:32px}.visual-top,.visual-bottom{font-size:9px}.bottom-row{grid-template-columns:1fr;margin-top:20px}.terminal{width:100%;max-width:none}.signature{display:none}.footer{min-height:72px;font-size:10px;gap:12px}#motion-toggle{font-size:10px}.terminal-body{font-size:11px}.terminal-title{font-size:10px}}
@media(max-width:360px){.page{padding-inline:18px}.site-status{font-size:9px}.eyebrow{gap:6px;letter-spacing:0}h1{font-size:61px}.launch-note{font-size:9px}.terminal-body{padding-inline:13px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.entrance{animation:none}.brand-cursor,.terminal-cursor{animation:none}.motion-paused *{animation:none!important}}