:root{--paper:#f4efe5;--paper-2:#ebe4d6;--ink:#221e22;--ink-2:#5e555c;--ink-3:#8a8188;--rule:#d8cfbf;--accent:#d60257;--accent-2:#f09619;--dark:#1a1518;--dark-2:#2a2227;--serif:"Fraunces","Iowan Old Style",Georgia,serif;--sans:"Instrument Sans","Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--mark:"Fredoka","Arial Rounded MT Bold",sans-serif;--gutter:clamp(16px,4vw,48px);--measure:1180px;--top-h:64px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;font-size:1.0625rem;line-height:1.55}a{color:inherit;text-decoration-color:var(--accent);text-decoration-thickness:1.5px;text-underline-offset:3px}a:hover{color:var(--accent)}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-family:var(--serif);letter-spacing:-.015em;font-variation-settings:"SOFT" 40,"WONK" 1;margin:0;font-weight:600;line-height:1.05}p{margin:0}button{font:inherit}.top{display:flex;max-width:var(--measure);padding:22px var(--gutter)0;height:var(--top-h);justify-content:space-between;align-items:baseline;gap:24px;margin:0 auto}.brand{font-family:var(--mark);letter-spacing:-.01em;text-decoration:none;font-size:1.35rem;font-weight:700}.top nav{display:flex;gap:22px;font-size:.95rem}.top nav a{text-decoration:none;color:var(--ink-2)}.top nav a:hover{color:var(--accent)}main{display:block}section{max-width:var(--measure);padding:0 var(--gutter);margin:0 auto}.eyebrow{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);font-size:.78rem}.stat{font-family:var(--mono);color:var(--ink-2);font-size:.85rem}.stat-n{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}.stat-note{display:block;font-family:var(--mono);color:var(--ink-3);margin-top:2px;font-size:.74rem}.hero{min-height:calc(100svh - var(--top-h));display:flex;flex-direction:column;justify-content:center;max-width:none;padding:0 0 32px}.hero .eyebrow{text-align:center;margin:0 var(--gutter)6px}.hero-wrap{position:relative;overflow:hidden;touch-action:pan-y;width:100%}.hero-wrap canvas{display:block;cursor:crosshair;width:100%}.hero-fallback{display:none;font-family:var(--mark);text-align:center;color:var(--ink);padding:.1em 0;font-size:clamp(64px,18vw,320px);font-weight:700;line-height:1}html.no-pack .hero-wrap canvas{display:none}html.no-pack .hero-fallback{display:block}html.no-pack .stage,html.no-pack .stage-pair{display:none}.try{width:min(100% - 2*var(--gutter),34ch);text-align:center;margin:10px auto 0}#hero-input{display:block;border:0;border-bottom:2px solid var(--ink);font-family:var(--serif);color:var(--ink);font-variation-settings:"SOFT" 40,"WONK" 1;outline:none;text-align:center;background:0 0;border-radius:0;width:100%;padding:6px 0 8px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:500}#hero-input::placeholder{color:var(--ink-3);font-style:italic;font-weight:400}#hero-input:focus{border-bottom-color:var(--accent)}.try .stat{margin-top:12px}.demo{display:grid;grid-template-rows:auto 1fr;border-top:1px solid var(--rule);gap:18px;min-height:100svh;padding-top:clamp(36px,5vw,64px);padding-bottom:28px}.demo-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-end;gap:20px 32px}.demo-n{font-family:var(--mono);color:var(--ink-3);margin-bottom:8px;font-size:.78rem}.demo h2{font-size:clamp(2rem,4vw,3.2rem)}.demo-cap{color:var(--ink-2);max-width:44ch;margin-top:8px}.demo-controls{display:flex;flex-wrap:wrap;align-items: center;gap:14px 18px}.stage{position:relative;border:1px solid var(--rule);overflow:hidden;touch-action:pan-y;background:#fbf8f2;border-radius:10px;min-height:360px}.stage canvas{display:block;position:absolute;cursor:crosshair;top:0;left:0}.stage-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:360px}.stage-bits{background:#fbf8f2}.pane-label{position:absolute;z-index:1;pointer-events:none;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);font-size:.74rem;top:10px;left:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--rule);cursor:pointer;display:grid;background:#fff;border-radius:50%;place-items: center;width:48px;height:48px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s}.chip img{width:26px;height:26px}.chip:hover{border-color:var(--ink-3);transform:translateY(-2px)}.chip.is-active{border-color:var(--ink);box-shadow:0 0 0 3px var(--paper),0 0 0 4.5px var(--ink)}.pills{display:flex;gap:6px}.pill,.toggle{font-family:var(--sans);color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:7px 15px;transition:background-color .14s,color .14s;font-size:.92rem;font-weight:600}.pill[aria-pressed=true],.toggle[aria-pressed=true]{background:var(--ink);color:var(--paper)}.toggle:hover,.pill:hover{border-color:var(--accent)}.field{border:0;border-bottom:1.5px solid var(--ink);outline:none;font-family:var(--serif);color:var(--ink);font-variation-settings:"SOFT" 40,"WONK" 1;background:0 0;border-radius:0;width:22ch;padding:4px 0 5px;font-size:1.15rem}.field::placeholder{color:var(--ink-3);font-style:italic}.field:focus{border-bottom-color:var(--accent)}.big-stat{display:grid;justify-items:end;margin-left:8px;line-height:1}.big-n{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:500}.big-n small{color:var(--ink-2);margin-left:.25em;font-size:.45em}.big-sub{font-family:var(--mono);color:var(--ink-2);margin-top:6px;font-size:.8rem}.engine{display:grid;border-top:1px solid var(--rule);align-content: center;min-height:70svh;padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(36px,5vw,64px)}.engine h2{font-size:clamp(2rem,4vw,3.2rem)}.engine .demo-cap{max-width:52ch}.engine-grid{display:grid;grid-template-columns:minmax(220px,1fr)2fr;align-items: start;gap:clamp(24px,4vw,64px);margin-top:36px}.wasm-card{border-top:2px solid var(--accent);padding-top:16px}.wasm-n{font-family:var(--mono);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(3.2rem,7vw,6rem);font-weight:500;line-height:1}.wasm-n small{color:var(--ink-2);letter-spacing:0;margin-left:.2em;font-size:.38em}.wasm-cap{font-family:var(--mono);color:var(--ink-2);max-width:30ch;margin-top:12px;font-size:.8rem;line-height:1.5}.specs{display:grid;border-top:2px solid var(--ink);margin:0}.specs>div{display:grid;grid-template-columns:9ch 1fr;border-bottom:1px solid var(--rule);gap:18px;padding:12px 0}.specs dt{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);padding-top:4px;font-size:.76rem}.specs dd{color:var(--ink);margin:0;font-size:1rem}.wordmess{background:var(--dark);color:var(--paper);max-width:none;margin-top:clamp(40px,6vw,80px);padding:0}.wordmess-inner{max-width:var(--measure);padding:clamp(56px,7vw,104px)var(--gutter);display:grid;grid-template-columns:1fr 1.2fr;align-items: center;gap:clamp(32px,5vw,80px);margin:0 auto}.wm-icon{border-radius:22px;width:96px;height:96px;margin-bottom:26px;box-shadow:0 10px 30px #00000073}.wordmess h2{margin-bottom:18px;font-size:clamp(2.2rem,4vw,3.4rem)}.wordmess-copy>p{color:#cfc6bc;max-width:44ch}.wm-facts{list-style:none;display:grid;gap:10px;max-width:44ch;margin:26px 0 0;padding:0}.wm-facts li{position:relative;color:#e9e2d7;padding-left:22px}.wm-facts li:before{content:"";position:absolute;background:var(--accent-2);border-radius:50%;width:10px;height:10px;top:.62em;left:0}.store{display:inline-block;margin-top:32px}.store img{width:180px;height:60px}.wm-note{color:#9a9089;margin-top:10px;font-size:.85rem}.wm-shots{position:relative;aspect-ratio:1400/900}.shot{position:absolute;transform-origin:50% 100%;border-radius:12px;width:84%;transition:transform .56s cubic-bezier(.2,.8,.2,1),scale .26s cubic-bezier(.2,.8,.2,1);top:12%;left:8%;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff14}.shot[data-slot="0"]{z-index:4;transform:rotate(-1deg)translateY(6%)}.shot[data-slot="1"]{z-index:3;transform:rotate(3deg)translate(3%)}.shot[data-slot="2"]{z-index:2;transform:rotate(-5deg)translate(-4%,-6%)}.shot[data-slot="3"]{z-index:1;transform:rotate(2deg)translate(1%,-11%)}.shot.is-leaving{z-index:5;transform:rotate(7deg)translate(30%,12%)}@media (hover:hover) and (pointer:fine){.wm-shots:hover .shot[data-slot="0"]{transform:rotate(-2deg)translateY(10%)}.wm-shots:hover .shot[data-slot="1"]{transform:rotate(7deg)translate(10%,-2%)}.wm-shots:hover .shot[data-slot="2"]{transform:rotate(-11deg)translate(-12%,-14%)}.wm-shots:hover .shot[data-slot="3"]{transform:rotate(3deg)translate(3%,-22%)}.wm-shots .shot:hover{z-index:6;scale:1.04}}@media (prefers-reduced-motion:reduce){.shot{transition:none}.wm-shots:hover .shot{scale:1}}.film{padding-top:clamp(72px,10vw,140px)}.film h2{margin-bottom:20px;font-size:clamp(2rem,3.6vw,3rem)}.film-frame{aspect-ratio:16/9;overflow:hidden;background:var(--dark);border-radius:8px}.film-frame iframe{border:0;width:100%;height:100%}.foot{max-width:var(--measure);padding:28px var(--gutter)40px;border-top:1px solid var(--rule);display:flex;color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:24px;margin:clamp(72px,10vw,140px) auto 0;font-size:.92rem}@media (max-width:900px){.stage-pair{grid-template-columns:1fr}.stage-pair .stage{min-height:420px}.wordmess-inner{grid-template-columns:1fr}.wm-shots{margin-top:12px}.big-stat{justify-items:start;margin-left:0}.engine-grid{grid-template-columns:1fr}}@media (max-width:560px){body{font-size:1rem}.top nav{gap:16px;font-size:.9rem}.hero{min-height:0;padding-top:24px}.demo{min-height:0}.stage{height:min(72svh,560px);min-height:400px}#pieces-wrap{aspect-ratio:5/4;height:auto;min-height:0}.stage-pair .stage{height:400px}.chip{width:44px;height:44px}.chip img{width:24px;height:24px}.field{width:100%}.specs>div{grid-template-columns:1fr;gap:4px}}