:root{--bg:#0a0d12;--bg-viewer:#0c0f15;--panel:#0f141b;--panel-2:#141a23;--panel-3:#1b222d;--border:#1e2530;--border-2:#2a323f;--text:#e9eef4;--text-2:#9aa6b4;--muted:#616d7c;--accent:#c6f24a;--accent-2:#a9e02f;--brand-accent:#d4ff3f;--accent-ink:#0a0d12;--accent-glow:#c6f24a73;--accent-veil:#c6f24a29;--accent-faint:#c6f24a12;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:10px;--radius-sm:8px;--container:1180px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--shadow-float:0 2px 4px #0000004d, 0 24px 64px -24px #000000e0;--edge:inset 0 1px 0 #ffffff0d;--t-kw:var(--accent);--t-kind:#79c0ff;--t-act:#fc6;--t-joint:#c0a7ff;--t-atom:#5cd0c0;--t-num:#ff9d6b;--t-str:#d8b48a;--t-punct:#6b7785}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}.bg-fx{z-index:-2;background:radial-gradient(68vw 56vh at 82% -8%, #c6f24a13, transparent 64%), radial-gradient(54vw 52vh at 4% 108%, #466ea014, transparent 58%), var(--bg);position:fixed;inset:0}.bg-fx:after{content:"";opacity:.028;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}code{border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-family:var(--mono);border-radius:5px;padding:1px 6px;font-size:.88em}.hero,.proof,.how,.examples,.developers,.final-cta,.footer{width:min(100%, var(--container));margin-inline:auto;padding-inline:28px}.btn{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);font-family:var(--sans);letter-spacing:.1px;white-space:nowrap;cursor:pointer;box-shadow:var(--edge);transition:transform .14s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out), box-shadow .18s var(--ease-out), color .18s var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;line-height:1.2;display:inline-flex}.btn:active{transform:scale(.97)}.btn:focus-visible,.nav-links a:focus-visible,.footer-links a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn.primary{background:linear-gradient(180deg, var(--accent), var(--accent-2));color:var(--accent-ink);box-shadow:inset 0 1px 0 #ffffff45, 0 8px 22px -10px var(--accent-glow);border-color:#0000}.btn.lg{min-height:48px;padding:13px 22px;font-size:15px}.nav{z-index:20;width:100%;min-height:68px;padding:12px max(24px, calc((100vw - var(--container)) / 2 + 28px));box-shadow:var(--edge);-webkit-backdrop-filter:blur(18px)saturate(140%);background:#0a0d12c7;border-bottom:1px solid #2a323fb8;align-items:center;gap:22px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.4px;align-items:center;gap:9px;font-size:19px;font-weight:800;display:inline-flex}.brand .logo,.footer-brand .logo{color:var(--brand-accent);filter:drop-shadow(0 0 8px var(--accent-glow));flex:none}.nav-links{color:var(--text-2);align-items:center;gap:25px;margin-left:auto;font-size:14px;font-weight:600;display:flex}.nav-links a,.footer-links a{transition:color .15s var(--ease-out)}.nav-cta{padding:9px 15px;font-size:13px}.hero{grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);align-items:center;gap:clamp(48px,7vw,92px);min-height:min(800px,100svh - 68px);padding-top:clamp(72px,9vh,110px);padding-bottom:clamp(88px,11vh,132px);display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--accent);font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:700;line-height:1.4}.headline{letter-spacing:-.058em;max-width:10ch;margin:0 0 24px;font-size:clamp(52px,6vw,84px);font-weight:900;line-height:.94}.headline .hl{color:var(--text)}.subhead{max-width:42ch;color:var(--text-2);margin:0 0 31px;font-size:clamp(17px,1.55vw,20px);line-height:1.55}.hero-cta{flex-wrap:wrap;gap:11px;display:flex}.hero-meta{color:var(--muted);font-family:var(--mono);letter-spacing:.3px;text-transform:uppercase;flex-wrap:wrap;gap:10px 18px;margin-top:24px;font-size:11px;display:flex}.hero-meta span{align-items:center;gap:8px;display:inline-flex}.hero-meta span:before{content:"";background:var(--accent);width:4px;height:4px;box-shadow:0 0 6px var(--accent-glow);border-radius:50%}.hero-stage{min-width:0;padding-top:34px;position:relative}.prompt-card{z-index:3;border:1px solid var(--border-2);border-radius:var(--radius);width:min(360px,74%);box-shadow:var(--edge), 0 16px 34px -22px #000000e6;-webkit-backdrop-filter:blur(14px);background:#141a23f0;padding:14px 17px;position:absolute;top:0;left:-38px}.prompt-label,.code-label,.studio-kicker{color:var(--muted);font-family:var(--mono);letter-spacing:1.35px;text-transform:uppercase;font-size:9px;font-weight:700}.prompt-card p{color:var(--text);margin:4px 0 0;font-size:14px;font-weight:600;line-height:1.4}.studio{border:1px solid var(--border-2);border-radius:var(--radius);background:var(--bg-viewer);box-shadow:var(--edge), var(--shadow-float);position:relative;overflow:hidden}.studio-bar{border-bottom:1px solid var(--border);background:#0f141bf0;align-items:center;gap:10px;min-height:43px;padding:10px 14px;display:flex}.studio-kicker{border-right:1px solid var(--border-2);padding-right:10px}.studio-title{color:var(--text-2);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.studio-live{color:var(--accent);font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:9px;font-weight:700;display:inline-flex}.studio-live i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;animation:1.8s ease-in-out infinite pulse}#hero-canvas{aspect-ratio:4/3.15;width:100%;display:block}.studio-hud{pointer-events:none;position:absolute;bottom:14px;left:16px}.studio-hud span{color:var(--text);text-shadow:0 1px 12px #000000bf;font-size:14px;font-weight:800}.studio-hud span:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent-glow);vertical-align:middle;border-radius:50%;margin-right:8px;display:inline-block}.code-chip{z-index:2;border:1px solid var(--border-2);border-radius:var(--radius-sm);color:var(--text-2);font-family:var(--mono);box-shadow:var(--edge), var(--shadow-float);-webkit-backdrop-filter:blur(12px);background:#0f141bf2;margin:0;padding:13px 16px 15px;font-size:10.5px;line-height:1.65;position:absolute;bottom:-34px;right:-24px}.code-label{margin-bottom:6px;display:block}.t-kw{color:var(--t-kw);font-weight:700}.t-kind{color:var(--t-kind)}.t-act{color:var(--t-act)}.t-joint{color:var(--t-joint)}.t-atom{color:var(--t-atom)}.t-num{color:var(--t-num)}.t-str{color:var(--t-str)}.t-punct{color:var(--t-punct)}.proof{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);padding-top:0;padding-bottom:0;display:grid}.proof-item{border-right:1px solid var(--border);align-items:flex-start;gap:16px;min-width:0;padding:25px 28px;display:flex}.proof-item:last-child{border-right:0}.proof-n,.how-n{color:var(--accent);font-family:var(--mono);letter-spacing:1px;font-size:10px;font-weight:700}.proof-item strong{letter-spacing:-.1px;margin-bottom:2px;font-size:15px;display:block}.proof-item p{color:var(--text-2);margin:0;font-size:13.5px}.how,.examples,.developers{padding-top:clamp(92px,11vw,144px)}.section-head{max-width:680px;margin:0 0 42px}.section-head h2,.final-cta h2{letter-spacing:-.045em;margin:0;font-size:clamp(36px,4.8vw,60px);font-weight:850;line-height:1.02}.section-sub{max-width:54ch;color:var(--text-2);margin:15px 0 0;font-size:16px}.how-steps{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--edge);background:linear-gradient(#141a23b8,#0f141b6b);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.how-steps li{border-right:1px solid var(--border);min-height:168px;padding:27px 28px 30px;position:relative}.how-steps li:last-child{border-right:0}.how-steps h3{letter-spacing:-.35px;margin:23px 0 7px;font-size:20px}.how-steps p{max-width:28ch;color:var(--text-2);margin:0;font-size:14.5px}.how-steps li:not(:last-child):after{content:"→";z-index:2;border:1px solid var(--border-2);background:var(--panel);width:20px;height:20px;color:var(--muted);font-family:var(--mono);border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;top:30px;right:-11px}.examples-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.example-card{border:1px solid var(--border);border-radius:var(--radius);min-height:154px;box-shadow:var(--edge);transition:transform .18s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out), box-shadow .18s var(--ease-out);background:#0f141bb8;flex-direction:column;gap:6px;padding:21px 21px 19px;display:flex;position:relative;overflow:hidden}.example-card:after{content:"";background:radial-gradient(circle at 100% 0%, var(--accent-faint), transparent 68%);pointer-events:none;width:58px;height:58px;position:absolute;top:0;right:0}.example-kind,.dev-kind{color:var(--muted);font-family:var(--mono);letter-spacing:1.15px;text-transform:uppercase;font-size:9.5px;font-weight:700}.example-name{letter-spacing:-.3px;font-size:18px;font-weight:750}.example-go{color:var(--accent);margin-top:auto;font-size:12px;font-weight:700}.example-more{background:0 0;border-style:dashed}.example-more .example-name{color:var(--accent)}.dev-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.dev-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:156px;transition:background .18s var(--ease-out), color .18s var(--ease-out);background:#0f141b47;padding:22px 21px;display:block}.dev-card h3{letter-spacing:-.25px;margin:24px 0 5px;font-size:17px}.dev-card h3 span{color:var(--accent)}.dev-card p{color:var(--text-2);margin:0;font-size:13.5px}.final-cta{border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--edge), var(--shadow-float);background:radial-gradient(70% 170% at 95% 10%,#c6f24a1a,#0000 66%),linear-gradient(#141a23eb,#0f141bb8);margin-top:clamp(100px,13vw,168px);padding-top:clamp(54px,7vw,80px);padding-bottom:clamp(58px,7vw,84px)}.final-cta h2{max-width:12ch}.final-cta>p:not(.eyebrow){color:var(--text-2);margin:15px 0 26px;font-size:17px}.footer{border-top:1px solid var(--border);margin-top:74px;padding-top:34px;padding-bottom:42px}.footer-top{justify-content:space-between;align-items:center;gap:28px;display:flex}.footer-brand{align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.footer-brand small{color:var(--muted);font-family:var(--mono);letter-spacing:.3px;margin-left:4px;font-size:10px;font-weight:500}.footer-links{color:var(--text-2);flex-wrap:wrap;justify-content:flex-end;gap:18px;font-size:13px;font-weight:600;display:flex}.footer-note{color:var(--muted);font-family:var(--mono);margin:16px 0 0;font-size:10.5px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.reveal{opacity:0;transition:opacity .52s var(--ease-out), transform .52s var(--ease-out);transform:translateY(14px)}.reveal.in{opacity:1;transform:none}.hero-stage.reveal{transition-delay:80ms}.proof-item:nth-child(2),.how-steps li:nth-child(2),.dev-card:nth-child(2){transition-delay:45ms}.proof-item:nth-child(3),.how-steps li:nth-child(3),.dev-card:nth-child(3){transition-delay:90ms}.dev-card:nth-child(4){transition-delay:.135s}@media (hover:hover) and (pointer:fine){.btn:hover{border-color:var(--accent);background:var(--panel-3);color:#fff;box-shadow:var(--edge), 0 8px 22px -14px var(--accent-glow);transform:translateY(-1px)}.btn.primary:hover{background:linear-gradient(180deg, #d0fa58, var(--accent));color:var(--accent-ink);box-shadow:inset 0 1px 0 #ffffff4d, 0 12px 28px -11px var(--accent-glow);border-color:#0000}.nav-links a:hover,.footer-links a:hover{color:var(--text)}.example-card:hover{border-color:var(--accent);background:var(--panel-2);box-shadow:var(--edge), 0 16px 32px -22px var(--accent-glow);transform:translateY(-3px)}.dev-card:hover{background:var(--panel-2)}}@media (width<=980px){.hero{grid-template-columns:1fr;gap:58px;min-height:auto}.hero-copy{max-width:650px}.headline{max-width:11ch}.hero-stage{width:min(100%,680px);margin-inline:auto}.proof{padding-inline:28px}.proof-item{padding-inline:20px}.dev-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.nav-links{display:none}.nav-cta{margin-left:auto}.proof,.how-steps,.examples-grid{grid-template-columns:1fr}.proof{border-right:1px solid var(--border);border-left:1px solid var(--border)}.proof-item,.proof-item:last-child{border-right:0;border-bottom:1px solid var(--border)}.proof-item:last-child{border-bottom:0}.how-steps li,.how-steps li:last-child{border-right:0;border-bottom:1px solid var(--border);min-height:auto}.how-steps li:last-child{border-bottom:0}.how-steps li:not(:last-child):after{content:"↓";top:auto;bottom:-11px;right:28px}.footer-top{flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start}}@media (width<=560px){.hero,.proof,.how,.examples,.developers,.footer{padding-inline:18px}.nav{min-height:62px;padding:10px 16px}.brand{font-size:17px}.nav-cta{padding:9px 12px}.hero{gap:44px;padding-top:54px;padding-bottom:76px}.headline{font-size:clamp(47px,14vw,66px)}.subhead{font-size:17px}.hero-cta{width:100%;display:grid}.hero-cta .btn{width:100%}.hero-stage{padding-top:0}.prompt-card{border-bottom-right-radius:0;border-bottom-left-radius:0;width:calc(100% - 24px);margin:0 auto -8px;position:relative;top:auto;left:auto}.studio{border-left:0;border-right:0;border-radius:0;margin-inline:-18px}.studio-kicker,.code-chip{display:none}.proof{padding-inline:0}.how,.examples,.developers{padding-top:92px}.section-head{margin-bottom:32px}.section-head h2,.final-cta h2{font-size:clamp(36px,11vw,48px)}.dev-grid{grid-template-columns:1fr}.dev-card{min-height:132px}.final-cta{width:calc(100% - 36px);margin-top:110px;padding:44px 22px 48px}.footer-brand{flex-wrap:wrap}.footer-brand small{width:100%;margin-left:27px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:opacity .18s var(--ease-out);transform:none}.studio-live i{animation:none}}@media (prefers-reduced-transparency:reduce){.nav,.prompt-card,.code-chip{background:var(--panel);-webkit-backdrop-filter:none}}@media (prefers-contrast:more){.nav,.prompt-card,.studio,.code-chip,.how-steps,.example-card,.final-cta{border-color:var(--text-2)}}