:root{--bg:#15171c;--bg-black:#0b0c0f;--surface:#20232a;--line:#2e323c;--ink:#f6f3ee;--mute:#9aa0ab;--accent:#ff783e;--accent2:#347fc5;--accent2-text:#6faee8;--good:#269681;--good-text:#3fc1a6;--font:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--pixel:"Silkscreen", "Space Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:22px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--font);margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--accent2-text)}b,strong{font-weight:700}code,pre{font-family:var(--mono);font-variant-ligatures:none}:not(pre)>code{color:var(--accent2-text);white-space:nowrap;background:#347fc524;border-radius:6px;padding:.12em .42em;font-size:.86em;font-weight:600}.wrap{z-index:2;width:100%;max-width:1080px;margin:0 auto;padding:0 20px;position:relative}.hl{color:var(--accent)}.stage{isolation:isolate;padding:84px 0;position:relative;overflow:hidden}.stage:before,.stage:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.ember{background:radial-gradient(60% 55% at 12% 8%, #ff783e4d, transparent 70%), radial-gradient(55% 50% at 92% 92%, #347fc53d, transparent 70%), radial-gradient(40% 35% at 70% 30%, #2696811a, transparent 70%), var(--bg)}.ember:before{opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='64'%3E%3Cpath d='M30 22 L48 34 L66 22' fill='none' stroke='%23FF783E' stroke-width='5' stroke-linejoin='miter'/%3E%3C/svg%3E");background-size:96px 64px;animation:14s linear infinite drift}.ember:after{box-shadow:inset 0 0 160px #0000008c}@keyframes drift{0%{background-position:0 0}to{background-position:0 -128px}}.dots{background:var(--bg)}.dots:before{background:radial-gradient(circle at 1.5px 1.5px,#f6f3ee17 1.5px,#0000 0) 0 0/26px 26px}.pixels{background:var(--bg-black)}.pixels:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' shape-rendering='crispEdges'%3E%3Crect x='14' y='30' width='5' height='5' fill='%23F6F3EE' opacity='.22'/%3E%3Crect x='120' y='12' width='4' height='4' fill='%23F6F3EE' opacity='.16'/%3E%3Crect x='180' y='96' width='6' height='6' fill='%23FF783E' opacity='.32'/%3E%3Crect x='70' y='150' width='4' height='4' fill='%23F6F3EE' opacity='.18'/%3E%3Crect x='160' y='190' width='5' height='5' fill='%23F6F3EE' opacity='.14'/%3E%3Crect x='40' y='96' width='4' height='4' fill='%23347FC5' opacity='.30'/%3E%3C/svg%3E");background-size:220px 220px}.floor{z-index:1;pointer-events:none;transform-origin:50% 100%;background:linear-gradient(#ff783e57 2px,#0000 2px) 0 0/100% 48px,linear-gradient(90deg,#ff783e42 2px,#0000 2px) 0 0/64px 100%;height:40%;animation:2.4s linear infinite floorrun;position:absolute;bottom:0;left:-20%;right:-20%;transform:perspective(380px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000 8%,#000 90%);mask-image:linear-gradient(#0000 8%,#000 90%)}@keyframes floorrun{0%{background-position:0 0,0 0}to{background-position:0 48px,0 0}}.kicker{font:400 13px/1.3 var(--pixel);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);align-items:center;gap:4px;margin:0 0 12px;display:inline-flex}.kicker .cursor{background:currentColor;width:.55em;height:1.05em;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}h1,h2{text-transform:uppercase;letter-spacing:-.035em;margin:0;font-weight:700}h1{margin-bottom:18px;font-size:clamp(36px,6.4vw,64px);line-height:1}h2{margin-bottom:14px;font-size:clamp(30px,5vw,48px);line-height:1.02}h3{letter-spacing:-.015em;margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.25}.h3big{font-size:clamp(22px,3vw,28px)}.lead{color:#e6e2db;max-width:34em;margin:0 0 18px;font-size:19px}.sub{color:var(--mute);max-width:44em;margin:0 0 26px}.small{color:var(--mute);margin-top:14px;font-size:15px}.hero{padding:36px 0 96px}.brand{align-items:center;gap:10px;width:fit-content;margin-bottom:40px;display:flex}.brand .wordmark{width:auto;height:22px}.hero-grid{grid-template-columns:1.25fr .9fr;align-items:center;gap:30px;display:grid}.facts{flex-wrap:wrap;gap:8px;margin:0 0 24px;display:flex}.facts span{font:400 12px/1 var(--pixel);text-transform:uppercase;border:1px solid var(--line);color:var(--ink);background:#15171c99;border-radius:999px;padding:8px 10px}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.btn{font:700 16px/1 var(--font);cursor:pointer;background:var(--accent);color:var(--bg);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 6px #b8501f}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(4px);box-shadow:0 2px #b8501f}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.ghost{color:var(--ink);border:1.5px solid var(--line);box-shadow:none;background:0 0}.hero-art{justify-content:center;align-items:flex-end;display:flex;position:relative}.hero-orb{z-index:2;justify-items:center;gap:14px;display:grid;position:relative}.hero-orb-ring{border:1px solid var(--line);background:radial-gradient(circle,#15171cf2 55%,#15171c66 72%,#0000 73%);border-radius:50%;place-items:center;width:220px;height:220px;display:grid;box-shadow:0 0 0 10px #ff783e0f,0 30px 60px #00000073}.hero-chip{font:600 14px/1 var(--mono);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;display:inline-flex}.pulse{background:var(--good-text);border-radius:50%;width:8px;height:8px;animation:1.2s step-end infinite caret}.mascot{z-index:3;filter:drop-shadow(0 10px 30px #00000080);width:150px;height:auto;margin-bottom:-40px;margin-left:-34px;position:relative}.grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.state{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(#23262e,#1a1c22);grid-template-columns:64px 1fr;align-items:center;gap:16px;padding:18px;display:grid}.state h3 code{color:var(--accent);background:#ff783e1f;font-size:15px}.state .what{color:var(--mute);margin:0;font-size:14px;line-height:1.4}.state .use{margin:6px 0 0;font-size:14px;line-height:1.4}.note{background:#347fc51a;border:1px solid #347fc559;border-radius:16px;align-items:center;gap:14px;margin-top:22px;padding:14px 18px;display:flex}.note img{flex:none;width:54px;height:auto}.note p{margin:0}.two{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.checks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.checks li:before{content:"✓";color:var(--good-text);margin-right:10px;font-weight:700}.demo{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);overflow:hidden;box-shadow:0 30px 60px #00000080}.demo-bar,.code-bar{border-bottom:1px solid var(--line);font:400 13px/1 var(--mono);color:var(--mute);background:#1b1d23;align-items:center;gap:12px;padding:10px 14px;display:flex}.lights{gap:6px;display:inline-flex}.lights i{background:#3a3e48;border-radius:50%;width:10px;height:10px;display:block}.lights i:first-child{background:#e5484d}.lights i:nth-child(2){background:#f5b14a}.lights i:nth-child(3){background:var(--good)}.demo-body{text-align:center;align-content:center;justify-items:center;gap:18px;min-height:300px;padding:30px 20px;display:grid}.demo-text{min-height:1.6em;margin:0;font-size:20px}.paths{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:50px;display:grid}.path{border-radius:var(--radius);border:1px solid var(--line);color:var(--ink);background:linear-gradient(#23262e,#1a1c22);padding:22px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.path:hover{border-color:var(--accent);transform:translateY(-2px)}.path p{color:var(--mute);margin:0}.tag{width:34px;height:34px;font:700 16px/1 var(--pixel);background:var(--accent);color:var(--bg);border-radius:10px;place-items:center;margin-bottom:12px;display:inline-grid}.tag.blue{background:var(--accent2);color:var(--ink)}.block{margin-top:44px;scroll-margin-top:20px}.steps{gap:26px;margin:20px 0 0;padding:0;list-style:none;display:grid}.step{grid-template-columns:44px 1fr;gap:16px;display:grid}.num{width:44px;height:44px;font:700 18px/1 var(--pixel);color:var(--accent);background:#ff783e24;border:1px solid #ff783e66;border-radius:12px;place-items:center;display:grid}.step-body{min-width:0}.step-body>p{color:#d9d5ce;margin:0 0 12px}.code{border:1px solid var(--line);background:#101216;border-radius:16px;margin-top:4px;overflow:hidden}.code-label{color:var(--accent2-text);flex:1}.copy{font:700 13px/1 var(--font);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px}.copy.done{background:var(--good);border-color:var(--good)}.code pre{margin:0;padding:14px 16px;font-size:13.5px;line-height:1.65;overflow-x:auto}.code pre.prompt{white-space:pre-wrap;word-break:break-word;font-size:14px}.ln em{color:#555b67;-webkit-user-select:none;user-select:none;width:2.2em;font-style:normal;display:inline-block}.tips{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tip{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(#1c1e24,#15171c);padding:20px}.tip p{color:#d9d5ce;margin:0}.inline-demo{color:var(--mute);align-items:center;gap:8px;margin-top:12px;font-size:15px;display:flex}.license{border-radius:var(--radius);background:#2696811f;border:1px solid #26968173;margin-top:18px;padding:20px}.license p{margin:0}.foot{padding:64px 0}.foot-grid{grid-template-columns:150px 1fr;align-items:center;gap:26px;display:grid}.foot p{margin:0 0 10px}.mascot-sm{width:150px;height:auto}.tagline{font:400 13px/1.3 var(--pixel);text-transform:uppercase;color:var(--accent)}@media (width<=860px){.stage{padding:60px 0}.hero{padding:24px 0 70px}.hero-grid,.two{grid-template-columns:1fr}.hero-art{margin-top:10px}.mascot{width:110px;margin-bottom:-30px;margin-left:-26px}.hero-orb-ring{width:180px;height:180px}.grid,.paths,.tips{grid-template-columns:1fr}.step{grid-template-columns:36px 1fr;gap:12px}.num{width:36px;height:36px;font-size:15px}.foot-grid{grid-template-columns:1fr}.mascot-sm{width:110px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}