:root{--bg:#0b0b1e;--bg-2:#12122b;--bg-3:#1a1a3a;--line:rgba(165, 180, 252, 0.14);--text:#eef0ff;--muted:#a3a8d1;--indigo:#6366f1;--indigo-2:#818cf8;--indigo-3:#4f46e5;--green:#34d399;--pink:#f472b6;--amber:#fbbf24;--red:#f87171;--font:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius:18px;color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.6 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--indigo-2)}code{font-family:var(--mono);font-size:.88em;background:rgba(129,140,248,.14);padding:.1em .35em;border-radius:6px}h1,h2,h3{line-height:1.08;letter-spacing:-.02em;margin:0 0 .5em}p{margin:0 0 1em}.muted{color:var(--muted)}.wrap{width:min(1200px,100% - 32px);margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:100;background:var(--text);color:var(--bg);padding:8px 12px;border-radius:8px}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.btn{display:inline-flex;align-items:center;gap:.5em;padding:.75em 1.3em;border-radius:999px;border:0;background:linear-gradient(135deg,var(--indigo-3),var(--indigo) 60%,#8b5cf6);color:#fff;font:600 1rem/1 var(--font);text-decoration:none;cursor:pointer;box-shadow:0 8px 24px -8px rgba(99,102,241,.7),inset 0 1px rgba(255,255,255,.25);transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px)rotate(-1deg);box-shadow:0 14px 30px -10px rgba(99,102,241,.9),inset 0 1px rgba(255,255,255,.25)}.btn:active{transform:translateY(0)scale(.98)}.btn--sm{padding:.6em 1em;font-size:.92rem}.btn--lg{padding:1em 1.6em;font-size:1.1rem}.btn--ghost{background:0 0;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--text)}.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--indigo-2)}.btn--glow{animation:glow 2.6s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 0 10px rgba(99,102,241,.12),0 0 60px rgba(139,92,246,.6)}}.link-quiet{color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem}.link-quiet:hover{color:var(--text)}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(11,11,30,.72);border-bottom:1px solid var(--line)}.nav__inner{display:flex;align-items:center;gap:24px;height:64px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.brand b{color:var(--indigo-2)}.logo-mark{width:28px;height:28px}.brand:hover .logo-mark{animation:wiggle .5s ease}@keyframes wiggle{25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.nav__links{display:flex;gap:22px;margin-left:auto}.nav__links a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem}.nav__links a:hover{color:var(--text)}.nav__cta{display:flex;align-items:center;gap:16px}@media(max-width:860px){.nav__links{display:none}.nav__cta{margin-left:auto}}@media(max-width:420px){.nav__cta .link-quiet{display:none}}.hero{position:relative;padding:72px 0 40px;overflow:hidden}.hero__glow{position:absolute;inset:-20% -10% auto;height:900px;pointer-events:none;background:radial-gradient(40% 40% at 20% 30%,rgba(99,102,241,.35),transparent 70%),radial-gradient(30% 35% at 80% 20%,rgba(244,114,182,.22),transparent 70%),radial-gradient(35% 30% at 60% 70%,rgba(52,211,153,.16),transparent 70%);filter:blur(20px)}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(165,180,252,.18) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,#000 30%,transparent 85%)}.hero__copy{position:relative;text-align:center;max-width:900px}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:999px;background:rgba(129,140,248,.12);border:1px solid var(--line);color:var(--indigo-2);font-weight:600;font-size:.9rem}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 rgba(52,211,153,.7);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(52,211,153,0)}100%{box-shadow:0 0 rgba(52,211,153,0)}}.hero__title{font-size:clamp(2.6rem,7.5vw,5.6rem);font-weight:800;margin:24px 0 20px}.scribble{position:relative;white-space:nowrap;background:linear-gradient(90deg,var(--indigo-2),var(--pink),var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}.scribble::after{content:"";position:absolute;left:0;right:0;bottom:-.08em;height:.18em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8 Q 30 2 60 7 T 120 6 T 198 4' stroke='%23f472b6' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")no-repeat 50%/100% 100%;transform-origin:left;animation:draw 1s .4s cubic-bezier(.6,.1,.2,1)both}@keyframes draw{from{transform:scaleX(0)}}.lede{font-size:clamp(1.05rem,2.2vw,1.3rem);color:var(--muted);max-width:680px;margin-inline:auto}.hero__ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:32px 0 56px}.app{position:relative;border-radius:20px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line);box-shadow:0 40px 120px -40px rgba(99,102,241,.6),0 0 0 1px rgba(255,255,255,3%);animation:rise .9s .2s cubic-bezier(.2,.8,.2,1)both}@keyframes rise{from{opacity:0;transform:translateY(40px)scale(.98)}}.app__bar{display:flex;align-items:center;gap:14px;height:44px;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,2%)}.dots{display:flex;gap:7px}.dots i{width:11px;height:11px;border-radius:50%;background:#3b3b62}.dots i:nth-child(1){background:#f87171}.dots i:nth-child(2){background:#fbbf24}.dots i:nth-child(3){background:#34d399}.app__title{font:.85rem var(--mono);color:var(--muted)}.presence{margin-left:auto;display:flex}.avatar{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--c);color:#0b0b1e;font-weight:800;font-size:.75rem;border:2px solid var(--bg-2)}.presence .avatar+.avatar{margin-left:-8px}.app__body{display:grid;grid-template-columns:minmax(0,5fr)minmax(0,7fr);height:520px}.editor{position:relative;border-right:1px solid var(--line);background:#0e0e24}.editor__hl,.editor__input{position:absolute;inset:0;margin:0;padding:18px 18px 48px;font:13.5px/1.65 var(--mono);tab-size:2;white-space:pre;overflow:auto;border:0;letter-spacing:0}.editor__hl{color:#c7cbf0;pointer-events:none}.editor__input{background:0 0;color:transparent;caret-color:var(--amber);resize:none;outline:none}.editor__input::selection{background:rgba(129,140,248,.35)}.editor__status{position:absolute;left:12px;right:12px;bottom:10px;font:600 12px var(--mono);color:var(--green);background:rgba(14,14,36,.9);padding:6px 10px;border-radius:8px;border:1px solid var(--line)}.editor__status.is-warn{color:var(--amber)}.tk-kw{color:#c084fc}.tk-name{color:#fbbf24;font-weight:600}.tk-type{color:#34d399}.tk-str{color:#fda4af}.tk-cm{color:#6b7099;font-style:italic}.tk-err{text-decoration:wavy underline var(--red)}.tk-attr{color:#7dd3fc}.canvas{position:relative;overflow:hidden;touch-action:none;background-color:var(--bg-2);background-image:radial-gradient(rgba(165,180,252,.16) 1px,transparent 1px);background-size:20px 20px}.canvas__world{position:absolute;left:0;top:0;width:660px;transform-origin:0 0}.canvas__links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.canvas__links path{fill:none;stroke:var(--indigo-2);stroke-width:2;stroke-dasharray:6 5;animation:march 1s linear infinite}.canvas__links path.is-hot{stroke:var(--amber);stroke-width:3}.canvas__links circle{fill:var(--indigo-2)}@keyframes march{to{stroke-dashoffset:-11}}.canvas__tables{position:absolute;inset:0}.canvas__hint{position:absolute;right:14px;bottom:6px;margin:0;font-size:.8rem;color:var(--muted);pointer-events:none}.tbl{position:absolute;min-width:170px;border-radius:12px;overflow:hidden;background:#16163a;border:1px solid rgba(129,140,248,.35);box-shadow:0 10px 30px -12px rgba(0,0,0,.8);font:12.5px/1 var(--mono);cursor:grab;user-select:none;animation:pop .45s cubic-bezier(.3,1.6,.5,1)both;transition:box-shadow .15s}.tbl:hover{box-shadow:0 16px 40px -12px rgba(99,102,241,.7)}.tbl.is-dragging{cursor:grabbing;z-index:5;box-shadow:0 20px 50px -10px rgba(99,102,241,.9)}@keyframes pop{from{opacity:0;transform:scale(.6)rotate(-6deg)}}.tbl__head{padding:9px 12px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--indigo-3),#7c3aed)}.tbl__head--enum{background:linear-gradient(135deg,#0f766e,#059669)}.tbl__row{display:flex;justify-content:space-between;gap:16px;padding:7px 12px;border-top:1px solid rgba(129,140,248,.12);color:#dfe2ff}.tbl__row:hover,.tbl__row.is-hot{background:rgba(251,191,36,.12)}.tbl__row em{font-style:normal;color:var(--muted)}.tbl__row .pk{color:var(--amber);margin-right:4px}.cursor{position:absolute;z-index:6;pointer-events:none;display:flex;align-items:flex-start;transition:transform 1.4s cubic-bezier(.45,.05,.3,1)}.cursor svg,.party__cursor svg{width:18px;height:18px;fill:var(--c);stroke:#0b0b1e;stroke-width:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.cursor span,.party__cursor span{margin:14px 0 0 -2px;padding:2px 8px;border-radius:6px;background:var(--c);color:#0b0b1e;font:700 11px var(--font)}.playground__note{text-align:center;color:var(--muted);font-size:.98rem;margin:18px auto 0;max-width:640px}@media(max-width:860px){.app__body{grid-template-columns:1fr;grid-template-rows:260px 420px;height:auto}.editor{border-right:0;border-bottom:1px solid var(--line)}}.marquee{overflow:hidden;padding:28px 0;border-block:1px solid var(--line);margin-top:64px;background:var(--bg-2)}.marquee__track{display:flex;width:max-content;animation:scroll 40s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__group{display:flex;align-items:center;gap:12px;padding-right:12px}@keyframes scroll{to{transform:translateX(-50%)}}.chip{white-space:nowrap;padding:8px 16px;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid var(--line)}.chip--in{background:rgba(99,102,241,.12);color:var(--indigo-2)}.chip--out{background:rgba(52,211,153,.1);color:var(--green)}.marquee__arrow{white-space:nowrap;font:600 .9rem var(--mono);color:var(--pink);padding-inline:10px}.section{padding:110px 0;position:relative}.section--dark{background:linear-gradient(180deg,var(--bg),#0f0f29 40%,var(--bg))}.section--tint{background:var(--bg-2);border-block:1px solid var(--line)}.kicker{font:600 .85rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--indigo-2);margin-bottom:14px}.kicker--green{color:var(--green)}.kicker--red{color:var(--red)}.h2{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:800;max-width:900px}.h3{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800}.grad{background:linear-gradient(90deg,var(--indigo-2),var(--pink) 60%,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.card{padding:28px;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);transition:transform .2s ease,border-color .2s ease,background .2s ease}.card:hover{transform:translateY(-6px)rotate(-.6deg);border-color:rgba(129,140,248,.5);background:var(--bg-3)}.card:nth-child(even):hover{transform:translateY(-6px)rotate(.6deg)}.card:first-child{grid-column:span 2;background:linear-gradient(135deg,rgba(99,102,241,.22),var(--bg-2) 60%)}.card:nth-child(6){grid-column:span 3;background:linear-gradient(135deg,var(--bg-2) 40%,rgba(244,114,182,.16))}.card__icon{font-size:2rem;width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,5%);margin-bottom:18px;transition:transform .3s cubic-bezier(.3,1.8,.5,1)}.card:hover .card__icon{transform:scale(1.15)rotate(-8deg)}.card h3{font-size:1.35rem}.card p{color:var(--muted);margin:0}@media(max-width:900px){.bento{grid-template-columns:1fr 1fr}.card:first-child,.card:nth-child(6){grid-column:span 2}}@media(max-width:600px){.bento{grid-template-columns:1fr}.card:first-child,.card:nth-child(6){grid-column:auto}}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split--flip .split__copy{order:2}.split__copy>p{color:var(--muted);font-size:1.1rem}@media(max-width:900px){.split{grid-template-columns:1fr;gap:40px}.split--flip .split__copy{order:0}}.ticks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}.ticks li::before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;margin-right:10px;border-radius:50%;background:rgba(52,211,153,.15);color:var(--green);font-weight:800;font-size:.8rem}.party{position:relative;height:420px;border-radius:var(--radius);background-color:var(--bg-2);background-image:radial-gradient(rgba(165,180,252,.16) 1px,transparent 1px);background-size:20px 20px;border:1px solid var(--line);overflow:hidden}.party__lines{position:absolute;inset:0;width:100%;height:100%}.party__lines path{fill:none;stroke:var(--indigo-2);stroke-width:2;stroke-dasharray:6 5;animation:march 1s linear infinite;vector-effect:non-scaling-stroke}.party__table{position:absolute;min-width:130px;border-radius:10px;overflow:hidden;background:#16163a;border:1px solid rgba(129,140,248,.35);font:12px/1 var(--mono)}.party__table b{display:block;padding:8px 10px;color:#fff;background:linear-gradient(135deg,var(--indigo-3),#7c3aed)}.party__table span{display:block;padding:6px 10px;border-top:1px solid rgba(129,140,248,.12);color:#dfe2ff}.party__table--a{left:6%;top:12%}.party__table--b{left:50%;top:36%;animation:nudge 7s ease-in-out infinite;outline:2px solid var(--pink);outline-offset:2px}.party__table--c{left:22%;top:64%}@keyframes nudge{0%,100%{transform:translate(0,0)}30%{transform:translate(-24px,14px)}60%{transform:translate(10px,-10px)}}.party__cursor{position:absolute;display:flex;pointer-events:none}.party__cursor--0{animation:wander0 7s ease-in-out infinite}.party__cursor--1{animation:wander1 9s ease-in-out infinite}.party__cursor--2{animation:wander2 8s ease-in-out infinite}@keyframes wander0{0%,100%{left:58%;top:42%}30%{left:52%;top:46%}60%{left:61%;top:36%}}@keyframes wander1{0%,100%{left:14%;top:22%}50%{left:34%;top:70%}}@keyframes wander2{0%,100%{left:80%;top:76%}40%{left:70%;top:18%}70%{left:30%;top:30%}}.io{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center;margin-top:48px}.io__col{padding:32px;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);height:100%}.io__col h3{font-size:1.5rem}.io__col>p{color:var(--muted)}.pills{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.pills li{padding:7px 14px;border-radius:999px;background:rgba(99,102,241,.14);color:var(--indigo-2);font-weight:600;font-size:.92rem;transition:transform .15s}.pills li:hover{transform:translateY(-3px)rotate(-3deg)}.pills--out li{background:rgba(52,211,153,.12);color:var(--green)}.io__machine{display:grid;place-items:center}.gear{font-size:4rem;color:var(--pink);animation:spin 6s linear infinite;line-height:1}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.io{grid-template-columns:1fr}.gear{transform:rotate(90deg)}}.rails{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:40px;padding:40px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(248,113,113,.12),var(--bg-2) 55%);border:1px solid rgba(248,113,113,.25)}.rails__copy>p:last-child{color:var(--muted);margin:0}.rails__code{margin:0;padding:22px;border-radius:14px;background:#0e0e24;border:1px solid var(--line);font:13.5px/1.65 var(--mono);overflow-x:auto;color:#c7cbf0}.rails__becomes{display:block;text-align:center;color:var(--pink);font-weight:600}@media(max-width:900px){.rails{grid-template-columns:1fr;padding:24px}}.timeline{list-style:none;padding:0;margin:0;display:grid;gap:14px;position:relative}.timeline__item{padding:16px 18px;border-radius:14px;background:var(--bg);border:1px solid var(--line);transition:transform .2s}.timeline__item:hover{transform:translateX(6px)}.timeline__head{display:flex;align-items:center;gap:10px;font-size:.95rem}.timeline__head .avatar{border-color:var(--bg)}.timeline__restore{margin-left:auto;font:600 .8rem var(--font);color:var(--indigo-2);background:rgba(99,102,241,.12);border:0;border-radius:999px;padding:5px 12px;cursor:default}.diff{margin:12px 0 0;font:12.5px/1.6 var(--mono);white-space:pre-wrap}.diff span{display:block;padding:0 8px;border-radius:4px}.diff--add{background:rgba(52,211,153,.12);color:#a7f3d0}.diff--del{background:rgba(248,113,113,.12);color:#fecaca}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:64px}@media(max-width:900px){.faq{grid-template-columns:1fr;gap:24px}}.faq__list details{border-bottom:1px solid var(--line)}.faq__list summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-weight:600;font-size:1.15rem;position:relative}.faq__list summary::-webkit-details-marker{display:none}.faq__list summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:1.6rem;color:var(--indigo-2);transition:transform .25s}.faq__list details[open] summary::after{transform:translateY(-50%)rotate(45deg);color:var(--pink)}.faq__list details p{color:var(--muted);margin:0 0 22px}.finale{padding:120px 0 140px;text-align:center;position:relative;overflow:hidden}.finale::before{content:"";position:absolute;left:50%;top:50%;width:900px;height:500px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(99,102,241,.35),transparent);pointer-events:none}.finale__inner{position:relative}.finale__title{font-size:clamp(2.4rem,6.5vw,4.8rem);font-weight:800}.finale .lede{margin-bottom:36px}.confetti{position:fixed;z-index:200;width:10px;height:14px;pointer-events:none;border-radius:2px}.footer{border-top:1px solid var(--line);padding:56px 0 28px;background:var(--bg-2)}.footer__inner{display:grid;grid-template-columns:1.2fr 1.5fr 1fr;gap:40px;align-items:start}.footer__inner .muted{margin-top:10px}.footer__links{display:grid;gap:10px;justify-items:start}.footer__links a{color:var(--muted);text-decoration:none}.footer__links a:hover{color:var(--text)}.footer__base{margin-top:40px;font-size:.85rem}.news label{display:block;font-weight:600;margin-bottom:10px}.news__row{display:flex;gap:8px}.news input{flex:1;min-width:0;padding:.6em 1em;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:1rem var(--font)}.news input:focus{outline:2px solid var(--indigo)}@media(max-width:860px){.footer__inner{grid-template-columns:1fr}}.simple{padding:120px 0;text-align:center}.simple__inner{max-width:700px}.simple h1{font-size:clamp(2.2rem,6vw,3.6rem);font-weight:800}.simple .lede{margin-bottom:32px}.simple__emoji{font-size:4rem;animation:pop .6s cubic-bezier(.3,1.6,.5,1)both}.simple__code{display:inline-block;text-align:left;margin:0 0 32px;padding:18px 22px;border-radius:14px;background:#0e0e24;border:1px solid var(--line);font:14px/1.7 var(--mono);color:#c7cbf0;max-width:100%;overflow-x:auto}.prose{text-align:left}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 70ms)}.js .reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none}}