:root{--bg:#0b0c0d;--bg-viewer:#101214;--panel:#111315;--panel-2:#171a1d;--panel-3:#1c2023;--border:#292d30;--border-2:#3a3f43;--text:#f2f1eb;--text-2:#aaa9a2;--muted:#74746f;--accent:#d4ff3f;--accent-2:#d4ff3f;--brand-accent:#d4ff3f;--accent-ink:#0b0c0d;--accent-glow:#d4ff3f47;--accent-veil:#d4ff3f21;--accent-faint:#d4ff3f0e;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:3px;--radius-sm:3px;--container:1180px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--shadow-float:none;--edge:none;--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:var(--bg);position:fixed;inset:0}.bg-fx:after{content:"";opacity:.018;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,.authoring,.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:var(--accent);color:var(--accent-ink);box-shadow:none;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));border-bottom:1px solid var(--border);box-shadow:none;-webkit-backdrop-filter:blur(18px);background:#0b0c0df0;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:none;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{padding-top:clamp(70px,9vh,108px);padding-bottom:clamp(86px,10vh,120px)}.hero-intro{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);align-items:end;gap:clamp(48px,8vw,112px);margin-bottom:clamp(54px,7vw,82px);display:grid}.hero-copy{z-index:2;position:relative}.hero-support{padding-bottom:7px}.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:-.068em;max-width:11ch;margin:0;font-size:clamp(68px,9.4vw,132px);font-weight:900;line-height:.86}.headline .hl{color:var(--accent)}.subhead{max-width:44ch;color:var(--text-2);margin:0 0 28px;font-size:clamp(17px,1.4vw,19px);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;position:relative}.studio-kicker{color:var(--muted);font-family:var(--mono);letter-spacing:1.35px;text-transform:uppercase;font-size:9px;font-weight:700}.studio{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-viewer);box-shadow:none;position:relative;overflow:hidden}.studio-bar{border-bottom:1px solid var(--border);background:#0e1011;align-items:center;gap:10px;min-height:46px;padding:11px 16px;display:flex}.studio-kicker{background:var(--accent);border:0;flex:none;width:18px;height:1px;padding:0}.studio-title{color:var(--text-2);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.studio-title b{color:var(--text);font-family:var(--sans)}.studio-bar>a{color:var(--accent);font-family:var(--sans);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:700}.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:none;border-radius:1px;animation:1.8s ease-in-out infinite pulse}.studio-workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:520px;display:grid}.source-pane,.viewer-pane{min-width:0;position:relative}.source-pane{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;display:flex}.viewer-pane{background:var(--bg-viewer);flex-direction:column;min-height:0;display:flex;overflow:hidden}.pane-label{border-bottom:1px solid var(--border);min-height:40px;color:var(--text-2);font-family:var(--mono);letter-spacing:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:10px;font-weight:700;display:flex}.hero-source{color:var(--text-2);font:11.5px/1.8 var(--mono);flex:1;margin:0;padding:18px 0;overflow:hidden}.hero-source code{font:inherit;background:0 0;border:0;border-radius:0;padding:0;display:block}.hero-source b,.hero-source em,.hero-source strong{font:inherit}.source-line{white-space:pre;min-height:1.8em;padding:0 18px 0 0;display:block}.source-line i{color:#555a5e;width:44px;font:inherit;text-align:right;-webkit-user-select:none;user-select:none;margin-right:14px;display:inline-block}.source-line.active{color:var(--text);background:#d4ff3f0e}.source-line.active.active-first{box-shadow:inset 2px 0 0 var(--accent)}.source-line.source-gap{min-height:.9em}.viewer-stage{flex:1;min-height:0;position:relative}#hero-canvas{width:100%;height:100%;min-height:420px;display:block}.studio-hud{pointer-events:none;max-width:min(520px,100% - 32px);position:absolute;top:18px;left:16px}.studio-hud span{color:var(--text);text-shadow:0 1px 12px #000000bf;font-size:14px;font-weight:800;display:block}.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}.studio-hud small{color:var(--text-2);text-shadow:0 1px 12px #000000bf;margin-top:5px;font-size:11px;line-height:1.4;display:block}.source-status{border-top:1px solid var(--border);min-height:42px;color:var(--muted);font-family:var(--mono);letter-spacing:.9px;text-transform:uppercase;background:#0e1011;align-items:center;gap:11px;padding:10px 16px;font-size:9px;font-weight:700;display:flex}.source-status i{color:var(--accent);font-style:normal}.studio-ribbon{border-top:1px solid var(--border);background:#0e1011;min-height:38px;padding:0 12px;display:flex;overflow:hidden}.studio-ribbon span{color:var(--muted);border-right:1px solid var(--border);flex:none;align-items:center;padding:0 11px;font-size:9px;font-weight:700;display:inline-flex}.studio-ribbon span:first-child{border-left:1px solid var(--border)}.studio-ribbon span:before{background:var(--muted);content:"";width:5px;height:5px;margin-right:6px}.studio-ribbon span.active{color:var(--bg);background:var(--text)}.studio-ribbon span.active:before{background:var(--bg)}.studio-transport{border-top:1px solid var(--border);min-height:50px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;background:#0e1011;align-items:center;gap:9px;padding:9px 12px;font-size:9px;font-weight:700;display:flex}.studio-play{width:30px;height:30px;color:var(--bg);background:var(--accent);font-family:var(--sans);border-radius:3px;flex:none;justify-content:center;align-items:center;display:inline-flex}.studio-scrub{background:var(--border-2);flex:1;min-width:40px;height:4px;position:relative}.studio-scrub:before{background:var(--accent);content:"";width:29%;height:100%;display:block}.studio-scrub i{background:var(--text);border:2px solid var(--bg);width:10px;height:10px;position:absolute;top:-3px;left:29%}.studio-clock{border-left:1px solid var(--border);padding-left:8px}.studio-loop{align-items:center;gap:5px;display:inline-flex}.studio-loop i{border:1px solid var(--accent);background:var(--accent);width:19px;height:12px;box-shadow:inset 9px 0 0 var(--panel)}.studio-speed,.studio-export{color:var(--text-2);border:1px solid var(--border-2);padding:6px 7px}.studio-export+.studio-export{margin-left:-10px}.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,.authoring,.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:none;background:0 0;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}.authoring{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:start;gap:clamp(54px,8vw,108px);margin-top:clamp(92px,11vw,144px);padding-top:clamp(70px,8vw,104px);padding-bottom:clamp(70px,8vw,104px);display:grid}.authoring-copy h2{letter-spacing:-.045em;max-width:14ch;margin:0;font-size:clamp(36px,4.8vw,60px);font-weight:850;line-height:1.02}.authoring-copy>p:last-child{max-width:58ch;color:var(--text-2);margin:22px 0 0;font-size:17px}.authoring-paths{border-top:1px solid var(--border)}.authoring-paths article{border-bottom:1px solid var(--border);padding:24px 0 26px}.authoring-paths article>span{color:var(--accent);font-family:var(--mono);letter-spacing:1.1px;text-transform:uppercase;font-size:10px;font-weight:700}.authoring-paths h3{letter-spacing:-.35px;margin:20px 0 7px;font-size:21px}.authoring-paths p{color:var(--text-2);margin:0;font-size:14.5px}.text-action{color:var(--accent);font:700 13px/1.4 var(--sans);cursor:pointer;background:0 0;border:0;margin:16px 0 0;padding:0}.text-action:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.examples-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.example-card{border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:154px;box-shadow:none;transition:transform .18s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out), box-shadow .18s var(--ease-out);background:0 0;border-radius:0;flex-direction:column;gap:6px;padding:21px 21px 19px;display:flex;position:relative;overflow:hidden}.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}.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-top:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;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:var(--accent);color:var(--accent-ink);box-shadow:none;border-color:#0000}.nav-links a:hover,.footer-links a:hover{color:var(--text)}.example-card:hover{border-color:var(--border);background:var(--text);box-shadow:none;color:var(--bg);transform:none}.example-card:hover .example-kind,.example-card:hover .example-go{color:#555853}.dev-card:hover{background:var(--panel-2)}.text-action:hover{color:#fff}}@media (width<=980px){.hero-intro{grid-template-columns:1fr;gap:30px}.hero-copy{max-width:820px}.hero-support{max-width:620px}.headline{max-width:11ch}.hero-stage{width:100%}.proof{padding-inline:28px}.proof-item{padding-inline:20px}.dev-grid{grid-template-columns:repeat(2,1fr)}.authoring{grid-template-columns:1fr}}@media (width<=760px){.nav-links{display:none}.nav-cta{margin-left:auto}.proof,.how-steps,.examples-grid,.studio-workspace{grid-template-columns:1fr}.source-pane{border-right:0;border-bottom:1px solid var(--border);min-height:390px}#hero-canvas{height:420px}.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,.authoring,.examples,.developers,.footer{padding-inline:18px}.nav{min-height:62px;padding:10px 16px}.brand{font-size:17px}.nav-cta{padding:9px 12px}.hero{padding-top:54px;padding-bottom:76px}.headline{font-size:clamp(52px,15vw,72px);line-height:.9}.subhead{font-size:17px}.hero-cta{width:100%;display:grid}.hero-cta .btn{width:100%}.studio{border-left:0;border-right:0;border-radius:0;margin-inline:-18px}.studio-kicker{display:none}.hero-source{font-size:10.5px}.source-line i{width:33px;margin-right:9px}.proof{padding-inline:0}.how,.authoring,.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{margin-top:110px;padding:44px 18px 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{background:var(--panel);-webkit-backdrop-filter:none}}@media (prefers-contrast:more){.nav,.studio,.how-steps,.example-card,.final-cta{border-color:var(--text-2)}}