@font-face{font-family:Space Grotesk;src:url('/fonts/space-grotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:Space Mono;src:url('/fonts/space-mono.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--paper:#090a11;--surface:#101220;--surface-strong:#171a2b;--ink:#f6f8ff;--ink-muted:#a8aec7;--brand:#625df5;--brand-strong:#4f49d4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;min-height:100vh;color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;background:radial-gradient(60% 60% at 80% -10%,rgba(98,93,245,.32),transparent 65%),radial-gradient(45% 35% at 10% 12%,rgba(36,206,255,.14),transparent 70%),linear-gradient(180deg,#090a11 0%,#07080d 50%,#090a11 100%);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p,h1,h2{margin:0}img,video{max-width:100%}::selection{color:#fff;background:var(--brand)}:focus-visible{outline:3px solid #7fd5ff;outline-offset:5px}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;color:#000;padding:12px 18px;border-radius:10px}.skip-link:focus{top:12px}.site-header{position:sticky;top:16px;z-index:50;padding:0 16px}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:1152px;margin:auto;padding:12px 20px;border:1px solid #ffffff1a;border-radius:16px;background:#0c0e18e6;box-shadow:0 18px 60px #0008;backdrop-filter:blur(24px);font-size:14px}.wordmark{font-weight:600}.github-link{color:var(--ink-muted)}.github-link:hover{color:#fff}.nav-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:12px;background:#fff;color:#000;font-weight:600}.nav-download:hover{background:#ffffffe6}.page-shell{width:100%;max-width:1152px;margin:auto;padding:40px 40px 64px}.panel{border:1px solid #ffffff1a;border-radius:24px;background:var(--surface)}.hero{position:relative;overflow:hidden;padding:40px;box-shadow:0 32px 80px #0006;animation:rise .45s ease-out}.hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent 0,transparent 56px,#ffffff0a 57px,transparent 96px);opacity:.5;pointer-events:none}.hero-glow{position:absolute;top:-80px;right:40px;width:256px;height:256px;border-radius:50%;background:#625df540;filter:blur(64px);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1fr .95fr;gap:32px;align-items:center}.eyebrow{font-family:Space Mono,monospace;font-size:12px;line-height:16px;text-transform:uppercase;letter-spacing:.22em;color:#7fd5ff}h1{margin-top:16px;font-size:60px;line-height:1.25;font-weight:700}.hero-copy{margin-top:20px;max-width:576px;font-size:18px;line-height:28px;color:var(--ink-muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 28px;border-radius:999px;font-size:16px;font-weight:600;text-align:center;transition:background .15s,box-shadow .15s}.button-primary{background:var(--brand);color:#fff;box-shadow:0 10px 30px #625df559}.button-primary:hover{background:var(--brand-strong)}.button-secondary{border:1px solid #ffffff33;color:var(--ink)}.button-secondary:hover{background:#ffffff14}.screenshot-frame{padding:12px;border:1px solid #ffffff1a;border-radius:16px;background:var(--surface-strong);animation:rise .55s ease-out}.screenshot-frame img{display:block;width:100%;height:auto;border-radius:12px}.workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.workflow-card{padding:20px;border-radius:16px;background:#101220cc}.workflow-card .step{font-family:Space Mono,monospace;font-size:12px;line-height:16px;color:#7fd5ff}.workflow-card p+ p{margin-top:8px;font-size:18px;font-weight:600;line-height:28px}.section-panel{margin-top:32px;padding:40px;background:#101220e6}.section-heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}h2{font-size:30px;line-height:36px;font-weight:700}.section-heading p{margin-top:8px;color:var(--ink-muted)}.demo-badge{padding:4px 12px;border:1px solid #ffffff26;border-radius:999px;font-family:Space Mono,monospace;font-size:12px;line-height:16px;color:var(--ink-muted);white-space:nowrap}.video-frame{overflow:hidden;margin-top:20px;border:1px solid #ffffff1a;border-radius:16px;background:#000}.video-frame video{display:block;width:100%;height:auto}.message-panel{margin-top:24px;min-height:360px}.message-panel h1{max-width:800px}.message-panel .hero-copy{max-width:680px}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.page-shell{padding:32px 24px 48px}.nav-shell{padding:12px 16px}.hero,.section-panel{padding:28px}.hero-grid{grid-template-columns:1fr}.workflow{grid-template-columns:1fr}.site-header nav{display:none}h1{font-size:36px;line-height:1.25}h2{font-size:24px;line-height:32px}.hero-copy{font-size:18px}.section-heading .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}