html{scroll-behavior:smooth}code,.mono{font-family:var(--font-mono)}.hero{padding:148px 0 var(--s9);background:linear-gradient(180deg, var(--sky-a) 0%, var(--sky-b) 38%, var(--sky-c) 72%, var(--bg) 100%);position:relative;overflow:hidden}.ribbons{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ribbons path{fill:none;stroke-linecap:round;opacity:var(--ribbon-o)}.hero-grid{gap:var(--s6);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;display:grid;position:relative}.ann{align-items:center;gap:var(--s2);background:var(--nav-bg);border:1px solid var(--line);backdrop-filter:blur(8px);border-radius:999px;padding:6px 14px 6px 6px;font-size:14px;font-weight:500;display:inline-flex}.ann b{background:var(--ink);color:var(--bg);font:600 11px/1.4 var(--font-mono);letter-spacing:.02em;border-radius:999px;padding:3px 9px}.hero h1{margin:var(--s5) 0 var(--s5);font-variation-settings:var(--dvar);font-size:clamp(38px,4.7vw,66px)}.sub{color:var(--muted);max-width:30em;font-size:clamp(17px,1.6vw,20px)}.cta{align-items:center;gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;display:flex}.copy-line{margin-top:var(--s4);align-items:center;gap:var(--s3);background:var(--nav-bg);border:1px solid var(--line);font:500 14px/1 var(--font-mono);border-radius:14px;max-width:100%;padding:8px 8px 8px 16px;display:inline-flex}.copy-line span.p{color:var(--peri-deep)}.copy-line button{font:600 12px/1 var(--font-body);border:1px solid var(--line-strong);background:var(--card);color:var(--ink);cursor:pointer;border-radius:9px;padding:8px 12px;display:none}.js .copy-line button{display:inline-block;position:relative}.copy-line button:after{content:"";position:absolute;inset:-8px -4px}.stage{aspect-ratio:1;--k:1;width:100%;max-width:560px;margin-left:auto;position:relative}.stage .glow{filter:blur(10px);background:radial-gradient(circle at 40% 35%,#7b8ff78c,#8ee3c059 55%,#0000 72%);border-radius:50%;position:absolute;inset:14%}.stage .mascot{width:56%;height:auto;position:absolute;top:50%;left:50%;translate:-50% -52%}.chip{font:500 15px/1 var(--font-mono);background:var(--card);border:1px solid var(--line);box-shadow:0 10px 26px -14px var(--shadow);white-space:nowrap;translate:-50% -50%;transform:rotate(var(--a)) translateX(calc(var(--rr) * var(--k))) rotate(calc(var(--a) * -1));border-radius:999px;padding:9px 15px;position:absolute;top:50%;left:50%}.chip.mint{background:var(--mint-tint);color:var(--mint-ink);border-color:#0000}.chip.peri{background:var(--peri-tint);color:var(--peri-deep);border-color:#0000}section{position:relative}.eyebrow{font:500 13px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--peri-deep);margin-bottom:var(--s4);align-items:center;gap:var(--s2);display:flex}h2{font-family:var(--font-display);font-weight:var(--dw);letter-spacing:var(--dls);font-variation-settings:var(--dvar);text-wrap:balance;font-size:clamp(32px,4.2vw,52px);line-height:1.08}.lead{margin-top:var(--s4);color:var(--muted);max-width:30em;font-size:18px}.lead b{color:var(--ink);font-weight:600}.journey{padding-top:var(--s7);position:relative}#trail{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}#trail path{fill:none;stroke-linecap:round}.rider{z-index:5;pointer-events:none;opacity:0;will-change:transform;width:32px;height:32px;margin:-30px 0 0 -16px;transition:opacity .3s;position:absolute;top:0;left:0}.rider.on{opacity:.55}.rider img{transform-origin:50% 100%;width:100%;height:100%}.rider.hop img{animation:.62s cubic-bezier(.3,.7,.4,1) hop}.stop{padding:var(--s8) 0;position:relative}.stop-dot{z-index:2;left:var(--railx);background:var(--card);border:2px solid var(--peri);width:24px;height:24px;font:600 11px/1 var(--font-mono);color:var(--peri-deep);border-radius:50%;place-items:center;margin-left:-12px;transition:background .3s,color .3s,border-color .3s;display:grid;position:absolute;top:96px}.stop-dot.reached{background:var(--mint);border-color:var(--mint);color:#1b2a55}.stop-grid{gap:var(--s8);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;display:grid}.stop.alt .stop-text{order:2}.stop.alt .stop-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.stop.center .stop-grid{gap:var(--s7);grid-template-columns:1fr}.stop.center .stop-text{max-width:640px}.stop.center .lead{max-width:36em}.journey .wrap{padding-left:72px}@media (width>=1241px){:root{--railx:calc((100vw - var(--wrap)) / 2 - 40px)}.journey .wrap{padding-left:var(--gutter)}}.scene{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s6);box-shadow:0 30px 60px -40px var(--shadow);min-width:0;position:relative;overflow:hidden}.scene-label{font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.75;position:absolute;top:14px;right:18px}.prompt{border:1px solid var(--line-strong);padding:var(--s4) var(--s5);background:var(--card-2);font:500 15px/1.6 var(--font-mono);border-radius:14px;min-height:7.4em}.prompt .gt{color:var(--peri-deep);margin-right:8px}.caret{vertical-align:-.2em;background:var(--peri-deep);width:8px;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.s1-row{align-items:center;gap:var(--s4);margin:var(--s5) 0 var(--s4);display:flex}.file{align-items:center;gap:var(--s2);background:var(--mint-tint);color:var(--mint-ink);font:500 14px/1 var(--font-mono);border-radius:10px;padding:9px 14px;display:inline-flex}.file svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.s1-row .arrow{color:var(--muted);font-size:14px}.model{border:1px solid var(--line-strong);border-radius:14px;overflow:hidden}.model-h{background:var(--peri-tint);font:600 14px/1 var(--font-body);color:var(--ink);justify-content:space-between;padding:10px 16px;display:flex}.model-h small{font:500 11px/1.3 var(--font-mono);color:var(--peri-deep)}.field{border-top:1px solid var(--line);font:500 14px/1.2 var(--font-mono);justify-content:space-between;padding:10px 16px;display:flex}.field span:last-child{color:var(--muted)}.s2 svg{width:100%;height:auto}.s2 .node rect{fill:var(--card-2);stroke:var(--line-strong);stroke-width:1.2px}.s2 .node .hd{fill:var(--peri-tint);stroke:none}.s2 .tt{font:600 15px var(--font-body);fill:var(--ink)}.s2 .tm{font:500 12.5px var(--font-mono);fill:var(--muted)}.s2 .rel{fill:none;stroke:var(--peri-deep);stroke-width:2.2px;stroke-linecap:round}.s2 .tag{font:500 11px var(--font-mono);fill:var(--peri-deep)}.s2 .stamp rect{fill:var(--mint-tint);stroke:var(--mint-ink);stroke-width:2px}.s2 .stamp text{font:600 17px var(--font-mono);fill:var(--mint-ink)}.map{padding:var(--s7) var(--s6);grid-template-columns:minmax(0,1fr) minmax(48px,1.1fr) minmax(0,1fr);align-items:stretch;display:grid}.map .codes{justify-content:space-between;gap:var(--s5);flex-direction:column;display:flex}.code{background:var(--card-2);border:1px solid var(--line-strong);cursor:default;border-radius:14px;padding:14px 16px;transition:transform .25s,border-color .25s,background .25s}.code small{font:500 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block}.code b{font:500 22px/1 var(--font-mono)}.wires{min-height:200px;position:relative}.wires svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wire{fill:none;stroke:var(--peri);stroke-width:2.4px;stroke-linecap:round;opacity:.7;transition:stroke .25s,opacity .25s,stroke-width .25s}.truth{padding:var(--s5) var(--s4);text-align:center;background:var(--mint-tint);border:1px solid var(--mint);color:var(--ink);border-radius:18px;align-self:center}.truth small{font:500 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mint-ink);margin-bottom:8px;display:block}.truth b{font:var(--dw) clamp(20px, 2.6vw, 30px)/1.12 var(--font-display);letter-spacing:var(--dls);font-variation-settings:var(--dvar);overflow-wrap:anywhere}.map:has(.code:first-child:is(:hover,:focus-visible)) .wire:first-child,.map:has(.code:nth-child(2):is(:hover,:focus-visible)) .wire:nth-child(2),.map:has(.code:nth-child(3):is(:hover,:focus-visible)) .wire:nth-child(3){stroke:var(--coral);opacity:1;stroke-width:3.6px}.code:is(:hover,:focus-visible){border-color:var(--coral);background:var(--card);transform:translate(4px)}.map-note{text-align:center;margin-top:var(--s4);font:500 12px/1 var(--font-mono);color:var(--muted)}.cs{border:1px solid var(--line-strong);background:var(--card-2);padding:var(--s4);border-radius:14px;position:relative}.cs-h{font:600 14px/1 var(--font-body);margin-bottom:var(--s3);justify-content:space-between;display:flex}.cs-h small{font:500 11px/1 var(--font-mono);color:var(--muted);align-self:center}.edit{align-items:center;gap:var(--s3);margin-top:var(--s2);background:var(--card);border:1px solid var(--line);font:500 13.5px/1.2 var(--font-mono);border-radius:10px;padding:10px 12px;display:flex}.edit i{background:var(--peri-tint);width:22px;height:22px;color:var(--peri-deep);border-radius:6px;place-items:center;font-size:13px;font-style:normal;font-weight:600;display:grid}.review{margin-top:var(--s5)}.review h3{font:600 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s2)}.rev{align-items:center;gap:var(--s3);padding:7px 0;font-size:15px;display:flex}.rev svg{flex:none;width:20px;height:20px}.rev circle{fill:var(--mint-tint);stroke:var(--mint-ink);stroke-width:1.6px}.rev path{fill:none;stroke:var(--mint-ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.published{border:3px solid var(--mint-ink);color:var(--mint-ink);font:600 17px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--card);background:color-mix(in srgb, var(--card) 70%, transparent);border-radius:10px;padding:10px 18px;position:absolute;bottom:16px;right:20px;transform:rotate(-7deg)}.s5{place-items:center;gap:var(--s5);padding:var(--s7) var(--s6);display:grid}.flip{perspective:1100px;width:min(100%,340px);height:210px}.flip-in{width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.4,.1,.2,1);position:relative}.face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid var(--line-strong);text-align:center;background:linear-gradient(160deg, var(--card), var(--card-2));box-shadow:0 24px 40px -28px var(--shadow);border-radius:18px;place-content:center;display:grid;position:absolute;inset:0}.face.back{transform:rotateY(180deg)}.face small{font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--peri-deep);margin-bottom:var(--s3)}.face b{font:var(--dw) clamp(24px, 3.2vw, 34px)/1.1 var(--font-display);letter-spacing:var(--dls);font-variation-settings:var(--dvar);padding:0 16px}.langs{gap:var(--s2);flex-wrap:wrap;justify-content:center;display:flex}.langs span{font:500 13px/1 var(--font-mono);border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;padding:7px 13px;transition:background .4s,color .4s,border-color .4s}.langs span.on{background:var(--peri-tint);color:var(--peri-deep);border-color:#0000}.s6{background:var(--code-bg);color:#e7eaff;padding:var(--s6) var(--s6) var(--s7);border-color:#0000;min-height:380px}.s6 .dots{margin-bottom:var(--s4);gap:7px;display:flex}.s6 .dots i{background:#ffffff2e;border-radius:50%;width:11px;height:11px}.s6 pre{font:400 13.5px/1.75 var(--font-mono);white-space:pre-wrap;word-break:break-all;margin:0}.s6 .c-p{color:var(--mint)}.s6 .c-k{color:#9fb0ff}.s6 .c-s{color:#ffb4a0}.s6 .c-n{color:#f5d58a}.s6 .ref-link{margin-top:var(--s4);border:1px solid var(--mint);color:var(--mint);font:600 13px/1.4 var(--font-body);border-radius:999px;padding:6px 14px;text-decoration:none;display:inline-block}.s6 .ref-link:hover{background:#8ee3c029}.s6 .json{margin-top:var(--s4);padding-top:var(--s4);border-top:1px dashed #ffffff2e}.toast{align-items:center;gap:var(--s3);color:#262a5e;font:500 13px/1.3 var(--font-mono);background:#fff;border-radius:14px;max-width:calc(100% - 40px);padding:12px 16px;display:flex;position:absolute;bottom:76px;right:20px;box-shadow:0 20px 40px -12px #0000008c}.toast i{background:var(--mint);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 4px #8ee3c059}.toast small{font:500 11px/1.2 var(--font-body);color:#62668f;display:block}.mcp{font:500 13px/1 var(--font-mono);color:#c9d3ff;background:#7b8ff738;border:1px solid #7b8ff78c;border-radius:999px;padding:9px 15px;position:absolute;bottom:20px;left:24px}.bento-sec{padding:var(--s10) 0 var(--s9)}.bento-head{max-width:640px;margin-bottom:var(--s7)}.bento{gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.bcard{justify-content:space-between;gap:var(--s5);padding:var(--s6);background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);flex-direction:column;min-height:320px;transition:box-shadow .3s,transform .3s;display:flex}.bcard:hover{box-shadow:0 28px 50px -30px var(--shadow);transform:translateY(-3px)}.bcard h3{font:600 17px/1.2 var(--font-body)}.bcard p{color:var(--muted);margin-top:var(--s2);font-size:16px}.bcard p b{color:var(--ink);font-weight:600}.mini{font:500 12.5px/1 var(--font-mono)}.bcard-wide{align-items:center;gap:var(--s7);flex-direction:row;grid-column:1/-1;min-height:0}.bcard-wide>div:first-child{flex:0 300px}.themes{gap:var(--s4);flex:1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.th{margin:0}.th-pair{aspect-ratio:4/3;position:relative}.th-win{border:1px solid var(--line-strong);background:var(--paper);box-shadow:0 14px 24px -18px var(--shadow);border-radius:10px;transition:transform .3s;display:block;position:absolute;inset:0 12% 12% 0;overflow:hidden}.th-win.dark{background:var(--night);border-color:color-mix(in srgb, var(--night) 70%, #fff);inset:12% 0 0 12%}.th-win i{display:block;position:absolute}.th-win .aa{font:700 15px/1 var(--font-body);color:#2a2c3f;position:absolute;bottom:10%;right:9%}.th.serif .th-win .aa{font-family:Georgia,Times New Roman,serif;font-weight:600}.th-win .c{background:var(--peri);border-radius:3px}.th-bar .a{background:#fff;border-bottom:1px solid #00000014;height:16%;top:0;left:0;right:0}.th-bar .b{background:#0000000d;width:22%;top:16%;bottom:0;left:0}.th-bar .c{width:34%;height:9%;top:28%;left:30%}.th-side .a{background:#0000000f;width:24%;top:0;bottom:0;left:0}.th-side .b{background:#fff;border-radius:6px;inset:10% 7% 10% 30%;box-shadow:0 3px 8px -4px #00000040}.th-side .c{width:30%;height:9%;top:22%;left:37%}.th-strip .a{background:#2a2c3f;width:9%;top:0;bottom:0;left:0}.th-strip .b{background:#0000000d;border-right:1px solid #00000014;width:22%;top:0;bottom:12%;left:9%}.th-strip .c{background:var(--mint);border-radius:0;height:12%;bottom:0;left:9%;right:0}.th.purple .th-bar .a,.th.purple .a{background:#586cdb;border:0}.th.purple .c{background:var(--coral)}.th-win.dark .a{background:#ffffff14;border-color:#ffffff0f}.th-win.dark .b{box-shadow:none;background:#ffffff0d}.th-strip .th-win.dark .a{background:#ffffff24}.th.purple .th-win.dark .a{background:#3a49a8}.th-strip .aa{bottom:18%}.th figcaption{margin-top:var(--s3);font:600 13px/1.2 var(--font-body);color:var(--ink);text-align:center}.bcard-wide:hover .th-win:not(.dark){transform:translate(-3px,-3px)}.mini-table{border:1px solid var(--line-strong);border-radius:10px;overflow:hidden}.mini-table div{border-top:1px solid var(--line);grid-template-columns:56px 1fr;padding:9px 12px;display:grid}.mini-table div:first-child{background:var(--peri-tint);color:var(--peri-deep);border-top:0}.mini-map{grid-template-columns:.85fr 1fr 1.55fr 1.05fr;gap:6px;font-size:11px;display:grid}.mini-map span{background:var(--card-2);border:1px solid var(--line);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;min-width:0;padding:8px 4px;overflow:hidden}.mini-map span.h{color:var(--muted);background:0 0;border:0;font-size:11px}.mini-map span.hit{background:var(--mint-tint);color:var(--mint-ink);border-color:#0000}.mini-map span.l{text-align:left;font-family:var(--font-body);background:0 0;border:0;padding-left:0;font-weight:600}.matrix{grid-template-columns:auto repeat(4,1fr);align-items:center;gap:6px;display:grid}.matrix i{background:var(--card-2);border:1px solid var(--line);border-radius:7px;height:26px}.matrix i.on{background:var(--peri);border-color:var(--peri)}.matrix i.on2{background:var(--mint);border-color:var(--mint)}.matrix span{color:var(--muted);padding-right:6px;font-size:11px}.tree{line-height:1}.tree div{padding:7px 0;position:relative}.tree .l1{margin-left:18px}.tree .l2{margin-left:36px}.tree .l1:before,.tree .l2:before{content:"";border-left:1.5px solid var(--line-strong);border-bottom:1.5px solid var(--line-strong);border-bottom-left-radius:6px;width:10px;height:50%;position:absolute;top:0;left:-12px}.tree b{background:var(--card-2);border:1px solid var(--line);border-radius:8px;padding:4px 10px;font-weight:500}.tree .sel b{background:var(--peri-tint);color:var(--peri-deep);border-color:#0000}.hist{flex-direction:column;gap:0;display:flex}.hist div{align-items:center;gap:var(--s3);padding:7px 0;display:flex;position:relative}.hist div:before{content:"";background:var(--peri);width:10px;height:10px;box-shadow:0 0 0 4px var(--peri-tint);border-radius:50%;flex:none}.hist div+div:after{content:"";border-left:1.5px solid var(--line-strong);height:16px;position:absolute;top:-8px;left:4px}.hist span{color:var(--muted);margin-left:auto;font-size:11px}.hist .pub:before{background:var(--mint);box-shadow:0 0 0 4px var(--mint-tint)}.roles{gap:var(--s2);flex-direction:column;display:flex}.roles div{align-items:center;gap:var(--s3);background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:7px 10px;display:flex}.roles em{background:linear-gradient(135deg, var(--peri), var(--mint));border-radius:50%;flex:none;width:22px;height:22px}.roles span{background:var(--peri-tint);color:var(--peri-deep);border-radius:999px;margin-left:auto;padding:4px 9px;font-size:11px}.roles span.m{background:var(--mint-tint);color:var(--mint-ink)}.many{padding:var(--s9) 0 var(--s8)}.many-head{max-width:680px;margin-bottom:var(--s7)}.many-grid{gap:var(--s7);grid-template-columns:minmax(0,1.5fr) minmax(0,.72fr);align-items:start;display:grid}.many-vis{position:sticky;top:92px}.mstage{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);height:clamp(400px,100vh - 220px,560px);box-shadow:0 30px 60px -40px var(--shadow);--th:28px;--tf:13px;position:relative;overflow:hidden}.mstage:before{content:"";background:radial-gradient(circle at 20% 15%, var(--peri-tint), transparent 55%), radial-gradient(circle at 90% 95%, var(--mint-tint), transparent 50%);opacity:.7;position:absolute;inset:0}.mlines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mlines path{fill:none;stroke:var(--line-strong);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.mlines path.rel{stroke:var(--peri);stroke-width:1.8px;stroke-dasharray:4 6;opacity:.7}.mlines path.tr{stroke:var(--peri-deep);stroke-width:1.8px;opacity:.55}.mlines path.row{stroke:var(--line-strong)}.mlines g{opacity:0}.mdeco{pointer-events:none;position:absolute;inset:0}.dcg{opacity:0;position:absolute;inset:0}.dc{white-space:nowrap;font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);position:absolute;top:0;left:0}.dc.cell{border:1px dashed var(--line-strong);border-radius:8px}.dc.panel{background:var(--code-bg);border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff0f}.dc.key{font:400 12.5px/1 var(--font-mono);letter-spacing:0;text-transform:none;color:#9fb0ff}.dc.brace{font:400 13px/1 var(--font-mono);letter-spacing:0;text-transform:none;color:#c9d3ff}.dc.cap{color:var(--peri-deep)}.mpersp{perspective:1100px;perspective-origin:50%;pointer-events:none;position:absolute;inset:0}.msway{transform-style:preserve-3d;transform:rotateY(calc(var(--sw) * var(--swa,0) * 4deg)) rotateX(calc(var(--sw) * var(--swa,0) * -1.4deg));position:absolute;inset:0}.mtiles{transform-style:preserve-3d;position:absolute;inset:0}@property --sw{syntax:"<number>";inherits:false;initial-value:0}@keyframes mswayk{0%{--sw:-1}to{--sw:1}}@media (prefers-reduced-motion:no-preference){.mstage.swaying .msway{animation:7s ease-in-out infinite alternate mswayk}}.mcv{pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.mread{font:500 12px/1.55 var(--font-mono);color:var(--muted);opacity:0;pointer-events:none;position:absolute;top:14px;left:16px}.mread b{font:600 15px/1.3 var(--font-mono);color:var(--ink);display:block}.tile{height:var(--th);font:600 var(--tf)/1 var(--font-body);white-space:nowrap;box-shadow:0 6px 14px -9px var(--shadow);will-change:transform, opacity;border:1.5px solid #0000;border-radius:999px;align-items:center;padding:0 9px;transition:background-color .35s,color .35s,border-color .35s,border-radius .35s;display:flex;position:absolute;top:0;left:0}.tile .ti{display:block;position:relative}.tile.cat{background:var(--peri);color:#171b47}.tile.prod{background:var(--card);color:var(--ink);border-color:var(--ink)}.tile.mkt{background:var(--mint);color:#0f3b2e}.tile.lang{background:var(--coral);color:#3a1608}.tile.code{background:var(--card-2);color:var(--muted);border-color:var(--line-strong);font:500 calc(var(--tf) - 1px)/1 var(--font-mono);border-radius:8px}.tile.dot{background:var(--mint);color:#0000;box-shadow:none;border-color:#0000;border-radius:8px;padding:0}.tile.api{border-radius:8px}.tile.api .ti:before,.tile.api .ti:after{content:"\"";opacity:.7;position:absolute;top:0}.tile.api .ti:before{right:100%}.tile.api .ti:after{left:100%}.tile.ghost,.tile.cell{background:var(--peri-30);background:color-mix(in srgb, var(--peri) 30%, var(--card));border:1px solid var(--peri);color:#0000;box-shadow:none;border-radius:4px;justify-content:center;padding:0}.tile.cell.chg,.tile.ghost.chg{background:var(--coral);border-color:var(--coral)}.tile.cellv{color:#3a1608;font:600 11px/1 var(--font-mono)}.tile.ax{box-shadow:none;color:var(--peri-deep);font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-radius:0;padding:0}.tile.ver{background:var(--ink);color:var(--bg);font:500 12px/1 var(--font-mono);box-shadow:none;border:0;border-radius:999px}.fly{visibility:hidden;z-index:7;pointer-events:none;will-change:transform, opacity;position:absolute;top:0;left:0}.fly.on{visibility:visible}.hbox{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:0}.hf{border:1.5px solid var(--peri);border-color:color-mix(in srgb, var(--peri-deep) 60%, transparent);background:#7b8ff71c;background:color-mix(in srgb, var(--peri) 11%, transparent);opacity:0;border-radius:6px;transition:opacity .25s;position:absolute}.hf-r,.hf-l,.hf-b{background:#7b8ff730;background:color-mix(in srgb, var(--peri) 19%, transparent)}.hf-t,.hf-u{background:#8ee3c038;background:color-mix(in srgb, var(--mint) 22%, transparent)}.hgrid{grid-template:repeat(4,1fr)/repeat(4,1fr);gap:5%;display:grid;position:absolute;inset:9%}.hgrid span{border:1px solid var(--peri);background:var(--peri-30);background:color-mix(in srgb, var(--peri) 30%, var(--card));font:600 var(--hfs,0px)/1 var(--font-mono);color:#3a1608;border-radius:4px;place-items:center;display:grid}.hgrid span.chg{background:var(--coral);border-color:var(--coral)}.model.got{outline:3px solid var(--mint);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.mstage.drift .tile .ti{animation:6.5s ease-in-out infinite alternate mdrift;animation-delay:var(--dd,0s)}}@keyframes mdrift{0%{transform:translate(-3px,-2px)}to{transform:translate(3px,3px)}}.mind{gap:var(--s2);margin-top:var(--s4);background:var(--nav-bg);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;width:max-content;max-width:100%;padding:5px;display:flex}.mind button{font:600 13.5px/1 var(--font-body);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 15px;transition:background .25s,color .25s;position:relative}.mind button:after{content:"";position:absolute;inset:-6px -2px}.mind button:hover{color:var(--ink);background:var(--peri-tint)}.mind button.on{background:var(--ink);color:var(--bg)}.many-steps{margin:0;padding:0;list-style:none}.mstep{min-height:min(72vh,560px);padding:var(--s5) 0;opacity:.82;flex-direction:column;justify-content:center;transition:opacity .4s;display:flex}.mstep.on{opacity:1}.mstep.tall{justify-content:flex-start;min-height:150vh;padding:0}.mstep.tall .mbody{padding:var(--s5) 0;position:sticky;top:calc(50vh - 110px)}.mn{font:500 12px/1 var(--font-mono);letter-spacing:.08em;color:var(--peri-deep);margin-bottom:var(--s3)}.mstep h3{font:var(--dw) clamp(24px, 2.6vw, 32px)/1.1 var(--font-display);letter-spacing:var(--dls);font-variation-settings:var(--dvar);margin-bottom:var(--s3)}.mstep p{color:var(--muted);max-width:24em;font-size:17px}.many-static{gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));display:none}.ms-card{padding:var(--s5);background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);gap:var(--s3);flex-direction:column;display:flex}.ms-card h3{font:600 17px/1.2 var(--font-body)}.ms-card p{color:var(--muted);font-size:15px}.ms-chips{flex-wrap:wrap;gap:6px;display:flex}.ms-chips span{border-radius:999px;padding:6px 10px}.ms-chips .k1{background:var(--peri);color:#171b47}.ms-chips .k2{border:1.5px solid var(--ink)}.ms-chips .k3{background:var(--mint);color:#0f3b2e}.ms-chips .k4{background:var(--coral);color:#3a1608}.ms-json{background:var(--code-bg);color:#c9d3ff;white-space:pre-wrap;border-radius:10px;margin:0;padding:12px;line-height:1.6}html:not(.js) .many-live,html:not(.js) .many-steps,html:not(.js) .mind,html:not(.js) .many-grid{display:none}html:not(.js) .many-static{display:grid}@media (width<=960px){.many-grid{grid-template-columns:minmax(0,1fr);gap:0}.many-vis{z-index:6;background:var(--bg);padding:var(--s2) 0 var(--s3);margin:0 calc(var(--gutter) * -1);padding-left:var(--gutter);padding-right:var(--gutter);top:64px}.mstage{--th:24px;--tf:11.5px;height:clamp(320px,55vh,480px)}@supports (height:1svh){.mstage{height:clamp(320px,55svh,480px)}}.mind{margin-top:var(--s2);gap:2px;padding:3px}.mind button{padding:7px;font-size:11.5px}.mstep{min-height:52vh;padding-top:var(--s6);justify-content:flex-start}.mstep.tall{min-height:120vh;padding:0}.mstep.tall .mbody{padding-top:var(--s6);position:static}.mstep p{max-width:none}.many-static{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.mind{display:none}.many{padding:var(--s8) 0 var(--s7)}.many-head{margin-bottom:var(--s5)}.mstage{--th:22px;--tf:10px}.tile{padding:0 6px}.tile.code{padding:0 5px;font-size:9.5px}.dc{letter-spacing:.03em;font-size:9.5px}.dc.key,.dc.brace{letter-spacing:0;font-size:11px}.many-static{grid-template-columns:1fr}}.who{padding:0 0 var(--s10)}.who-head{max-width:640px;margin-bottom:var(--s7)}.who-grid{gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.who-card{padding:var(--s7) var(--s6) var(--s6);border-radius:var(--r-card);border:1px solid var(--line);background:var(--card)}.who-card.for{background:linear-gradient(160deg, var(--mint-tint), var(--card) 70%)}.who-card h3{align-items:center;gap:var(--s3);font:var(--dw) 24px/1.1 var(--font-display);letter-spacing:var(--dls);font-variation-settings:var(--dvar);margin-bottom:var(--s5);display:flex}.who-card .mk{width:30px;height:30px;font:600 16px/1 var(--font-body);background:var(--mint);color:#0f3b2e;border-radius:50%;place-items:center;display:grid}.who-card.not .mk{background:var(--coral);color:#3a1608}.who-card li{padding:var(--s3) 0;border-top:1px solid var(--line);color:var(--muted)}.who-card li:first-child{border-top:0}.who-card li b{color:var(--ink);font-weight:600}@media (width<=960px){.who-grid{grid-template-columns:1fr}.who-card{padding:var(--s6) var(--s5)}.who{padding-bottom:var(--s9)}}.band{background:var(--band);color:#fff;padding:var(--s10) 0 var(--s9);position:relative;overflow:hidden}.band .ribbons{opacity:.5}.band-h{font:600 clamp(40px, 11vw, 158px)/.95 var(--font-cond);white-space:nowrap;text-transform:uppercase;letter-spacing:-.005em;position:relative}.band-h span{display:block}.band-h span+span{color:var(--mint)}.tiers{gap:var(--s5);margin-top:var(--s8);grid-template-columns:1fr 1fr;display:grid;position:relative}.tier{padding:var(--s6);border-radius:var(--r-card);backdrop-filter:blur(6px);background:#ffffff12;border:1px solid #ffffff38}.tier h3{font:var(--dw) 26px/1.15 var(--font-display);letter-spacing:var(--dls);font-variation-settings:var(--dvar);margin-bottom:var(--s3)}.tier p{color:#ffffffd1}.tier .tag{margin-bottom:var(--s4);font:500 12px/1 var(--font-mono);background:#ffffff24;border-radius:999px;padding:5px 12px;display:inline-block}.tier .btn{margin-top:var(--s5)}.tier ul li{color:#ffffffe6;border-top:1px solid #ffffff24;padding:8px 0 8px 28px;position:relative}.tier ul li:first-child{border-top:0}.tier ul li:before{content:"";border-left:2px solid var(--mint);border-bottom:2px solid var(--mint);width:10px;height:6px;position:absolute;top:17px;left:4px;transform:rotate(-45deg)}.open{background:var(--bg-alt);padding:var(--s10) 0}.open-grid{gap:var(--s8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.open p.big{letter-spacing:-.01em;font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.4}.open p+p{margin-top:var(--s4);color:var(--muted)}.timeline{margin-top:var(--s9);position:relative}.tl-line{background:var(--line-strong);transform-origin:0;height:2px;position:absolute;top:7px;left:0;right:0}.tl{justify-content:space-between;display:flex;position:relative}.tl li{align-items:center;gap:var(--s3);font:500 12px/1 var(--font-mono);color:var(--muted);flex-direction:column;display:flex}.tl li:before{content:"";background:var(--bg-alt);border:2px solid var(--peri);border-radius:50%;width:16px;height:16px}.tl li:last-child{color:var(--ink)}.tl li:last-child:before{background:var(--mint);border-color:var(--mint);box-shadow:0 0 0 5px var(--mint-tint)}.tl-cap{margin-top:var(--s5);color:var(--muted);font-size:15px}.k-prod{--kbg:var(--card);--kfg:var(--ink);--kbd:var(--ink)}.k-cat{--kbg:var(--peri);--kfg:#171b47}.k-mkt{--kbg:var(--mint);--kfg:#0f3b2e}.k-lang{--kbg:var(--coral);--kfg:#3a1608}.k-code{--kbg:var(--card-2);--kfg:var(--muted);--kbd:var(--line-strong)}.k-ver{--kbg:var(--ink);--kfg:var(--bg)}.k-jv{--kbg:#ff8a6b29;--kfg:#ffb4a0;--kbd:#ff8a6b73}.sl{border:1.5px solid var(--kbd,transparent);background:var(--kbg);color:var(--kfg);font:600 13px/1.2 var(--font-body);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 11px;display:inline-flex}.sl.mono{font:500 12.5px/1.2 var(--font-mono);border-radius:8px}.sl.tight{min-height:0;font:500 13.5px/1.5 var(--font-mono);border-radius:6px;padding:0 8px}.field{align-items:center}.edit{flex-wrap:wrap}.edit .et{flex:0 auto;max-width:calc(100% - 34px)}.code b.sl{font:500 19px/1.2 var(--font-mono);border-radius:10px;padding:6px 12px}.truth b.sl{font:var(--dw) clamp(17px, 2vw, 24px)/1.15 var(--font-display);letter-spacing:var(--dls);font-variation-settings:var(--dvar);white-space:normal;text-align:center;overflow-wrap:anywhere;border-radius:16px;padding:8px 14px}.face b.sl{font:var(--dw) clamp(20px, 2.6vw, 28px)/1.1 var(--font-display);letter-spacing:var(--dls);font-variation-settings:var(--dvar);white-space:normal;border-radius:18px;padding:8px 18px}.s2 .node rect.sp{fill:var(--kbg);stroke:var(--kbd,none);stroke-width:1.5px}.s2 .sg .tt{font:600 13px var(--font-body);fill:var(--kfg)}.cmd1{display:block}@media (width<=640px){.cmd1{min-height:3.5em}.map{grid-template-columns:minmax(0,1.5fr) minmax(24px,.3fr) minmax(0,1fr)}.code b.sl{border-radius:8px;padding:4px 7px;font-size:12px}.truth b.sl{overflow-wrap:break-word;padding:6px 5px;font-size:14px}}.anim .scene.rv{transform:none}.anim .rv{opacity:0;transition:opacity .5s,transform .5s;transition-delay:var(--d,0s);transform:translateY(18px)}.anim .rv.in{opacity:1;transform:none}.anim .s1.done .file{opacity:1;transition:opacity .3s,transform .6s cubic-bezier(.3,1.6,.5,1);transform:none}.anim .s1.done .arrow{opacity:1;transition:opacity .4s .5s;transform:none}.anim .s1 .file,.anim .s1 .arrow{opacity:0;transform:translateY(-26px)}.anim .s1 .field>span:last-child{opacity:0;transform:translate(-12px)}.anim .s1.done .field>span:last-child{opacity:1;transition:opacity .35s,transform .35s;transition-delay:calc(.5s + var(--i) * .18s);transform:none}.anim .s2 .tm{opacity:0}.anim .stop.go .s2 .tm{opacity:1;transition:opacity .5s;transition-delay:calc(var(--i) * .26s)}.anim .s2 .rel{stroke-dasharray:1;stroke-dashoffset:1px}.anim .s2 .tag{opacity:0}.anim .s2 .stamp{opacity:0;transform-box:fill-box;transform-origin:50%;transform:scale(1.9)rotate(-10deg)}.anim .stop.go .s2 .rel{stroke-dashoffset:0;transition:stroke-dashoffset 1s;transition-delay:calc(.7s + var(--i) * .5s)}.anim .stop.go .s2 .tag{opacity:1;transition:opacity .4s 1.6s}.anim .stop.go .s2 .stamp{opacity:1;transition:opacity .2s 2.5s,transform .5s cubic-bezier(.3,1.8,.5,1) 2.5s;transform:scale(1)rotate(-4deg)}.anim .s3 .code small,.anim .s3 .truth small{opacity:0}.anim .stop.go .s3 .code small{opacity:1;transition:opacity .45s;transition-delay:calc(var(--i) * .16s)}.anim .stop.go .s3 .truth small{opacity:1;transition:opacity .5s 1.9s}.anim .s3 .wire{stroke-dasharray:var(--len,1000);stroke-dashoffset:var(--len,1000)}.anim .stop.go .s3 .wire{stroke-dashoffset:0;transition:stroke-dashoffset .9s,stroke .25s,opacity .25s,stroke-width .25s;transition-delay:calc(.6s + var(--i) * .45s), 0s, 0s, 0s}.anim .s4 .edit i,.anim .s4 .edit .et{opacity:0;transform:translate(-24px)}.anim .stop.go .s4 .edit i,.anim .stop.go .s4 .edit .et{opacity:1;transition:opacity .5s,transform .6s cubic-bezier(.2,.9,.3,1);transition-delay:calc(.3s + var(--i) * .3s);transform:none}.anim .s4 .rev{opacity:0}.anim .s4 .rev path{stroke-dasharray:1;stroke-dashoffset:1px}.anim .s4 .published{opacity:0;transform:rotate(-7deg)scale(2)}.anim .stop.go .s4 .rev{opacity:1;transition:opacity .3s;transition-delay:calc(1.7s + var(--i) * .5s)}.anim .stop.go .s4 .rev path{stroke-dashoffset:0;transition:stroke-dashoffset .4s;transition-delay:calc(1.9s + var(--i) * .5s)}.anim .stop.go .s4 .published{opacity:1;transition:opacity .2s 3.6s,transform .45s cubic-bezier(.3,1.8,.5,1) 3.6s;transform:rotate(-7deg)}.anim .s6 .toast,.anim .s6 .mcp{opacity:0}.anim .s6.step-json .jl{animation:.9s both jlflash;animation-delay:calc(var(--i) * 50ms)}@keyframes jlflash{0%{background:0 0}30%{background:#8ee3c029}to{background:0 0}}.anim .s6 .toast{transform:translate(120%)}.anim .s6 .mcp{transform-origin:0 100%;transform:scale(.7)}.anim .s6.step-toast .toast{opacity:1;transition:opacity .3s,transform .6s cubic-bezier(.2,.9,.3,1.15);transform:none}.anim .s6.step-mcp .mcp{opacity:1;transition:opacity .3s,transform .5s cubic-bezier(.3,1.7,.5,1);transform:none}.anim .bcard.rv{transition-property:opacity,transform,box-shadow}.anim .tl-line{transition:transform 1.6s .2s;transform:scaleX(0)}.anim .timeline.in .tl-line{transform:none}.anim .tl li{opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.3,1.8,.5,1);transition-delay:calc(.2s + var(--i) * .11s);transform:scale(.6)}.anim .timeline.in .tl li{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.chip{animation:orbit var(--t,40s) linear infinite;animation-delay:var(--dl,0s)}.stage .mascot{animation:6s ease-in-out infinite bob}.stage .glow{animation:8s ease-in-out infinite breathe}.ribbons g{animation:drift var(--t,20s) ease-in-out infinite alternate;animation-delay:var(--dl,0s)}.hero-text>*,.stage{animation:.7s cubic-bezier(.2,.8,.2,1) both rise}.hero-text>:nth-child(2){animation-delay:80ms}.hero-text>:nth-child(3){animation-delay:.16s}.hero-text>:nth-child(4){animation-delay:.24s}.hero-text>:nth-child(5){animation-delay:.32s}.stage{animation-delay:.2s}.wave{animation:3.2s ease-in-out infinite waving}.stop-dot.reached{animation:.8s ease-out ping}}@keyframes orbit{0%{transform:rotate(var(--a)) translateX(calc(var(--rr) * var(--k))) rotate(calc(var(--a) * -1))}to{transform:rotate(calc(var(--a) + 360deg)) translateX(calc(var(--rr) * var(--k))) rotate(calc((var(--a) + 360deg) * -1))}}@supports not (translate:1px){.stage .mascot{margin:auto;inset:0}.chip{transform:translate(-50%, -50%) rotate(var(--a)) translateX(calc(var(--rr) * var(--k))) rotate(calc(var(--a) * -1))}@media (prefers-reduced-motion:no-preference){.chip{animation-name:orbit-fb}}@keyframes orbit-fb{0%{transform:translate(-50%, -50%) rotate(var(--a)) translateX(calc(var(--rr) * var(--k))) rotate(calc(var(--a) * -1))}to{transform:translate(-50%, -50%) rotate(calc(var(--a) + 360deg)) translateX(calc(var(--rr) * var(--k))) rotate(calc((var(--a) + 360deg) * -1))}}}@keyframes bob{50%{transform:translateY(-14px)rotate(1.5deg)}}@keyframes breathe{50%{opacity:.85;transform:scale(1.08)}}@keyframes drift{0%{transform:translate(-26px,10px)}to{transform:translate(30px,-18px)}}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}@keyframes waving{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}60%{transform:rotate(4deg)}}@keyframes hop{0%{transform:scale(1)translateY(0)}18%{transform:scale(1.1,.9)translateY(0)}50%{transform:scale(.95,1.06)translateY(-8px)}80%{transform:scale(1.08,.92)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes ping{0%{box-shadow:0 0 #8ee3c0cc}to{box-shadow:0 0 0 16px #8ee3c000}}.tier.filled{border-color:var(--mint);background:#ffffff2b}.copy-line{flex-wrap:wrap}.copy-line>span{overflow-wrap:anywhere}@media (width<=960px){.hero{padding-top:112px}.hero-grid{grid-template-columns:1fr}.stage{max-width:440px;margin:0 auto}.stop-grid,.stop.alt .stop-grid{gap:var(--s6);grid-template-columns:1fr}.stop.alt .stop-text{order:0}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bcard-wide{align-items:stretch;gap:var(--s5);flex-direction:column}.bcard-wide>div:first-child{flex:none}.open-grid,.tiers{grid-template-columns:1fr}}@media (width<=640px){:root{--railx:11px}body{font-size:16px}.hero{padding:96px 0 var(--s8)}.stage{--k:.54}.chip{padding:7px 11px;font-size:13px}.stage .mascot{width:52%}.journey .wrap{padding-left:38px;padding-right:var(--gutter)}.stop{padding:var(--s7) 0}.stop-dot{width:16px;height:16px;margin-left:-8px;font-size:0;top:78px}.rider{width:26px;height:26px;margin:-24px 0 0 -13px}.scene{padding:var(--s4)}.map{padding:var(--s5) var(--s3)}.code{padding:10px}.code b{font-size:17px}.truth{padding:var(--s4) var(--s2)}.bento{grid-template-columns:1fr}.themes{row-gap:var(--s5);grid-template-columns:repeat(3,minmax(0,1fr))}.bcard{min-height:0;padding:var(--s5)}.band{padding:var(--s9) 0 var(--s8)}.open{padding:var(--s9) 0}.bento-sec{padding:var(--s9) 0 var(--s8)}.tl li{font-size:9.5px}.tl li:before{width:12px;height:12px}.tl-line{top:5px}.s5{padding:var(--s6) var(--s4)}.flip{height:180px}.review{margin-bottom:48px}.published{font-size:14px;bottom:10px;right:10px}.s1-row{flex-wrap:wrap}.s6{padding:var(--s4) var(--s4) 76px}.toast{bottom:64px;right:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.stop-more{align-items:center;gap:var(--s2);min-height:44px;margin-top:var(--s3);color:var(--peri-deep);border-bottom:1.5px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.stop-more:hover{border-color:var(--peri)}