:root{--paper:#FFF6E9;--ink:#2A2233;--soft:#4A4054;--sun:#F6C445;--moss:#6BA368;--berry:#E0607E;--sky:#7FB7E6;--rust:#8A5A2B}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Atkinson Hyperlegible,sans-serif;line-height:1.6}h1,h2,h3{font-family:Pixelify Sans,monospace;font-weight:500;margin:0;line-height:1.15}.px{font-family:Pixelify Sans,monospace;font-weight:500}.wrap{max-width:1040px;margin:0 auto;padding:0 16px}nav{border-bottom:1px solid rgba(42,34,51,.12)}nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:10px;font-size:20px}.lang{display:flex;gap:14px;align-items:center;font-size:14px}.lang a{color:var(--ink)}.btn{font:500 16px Pixelify Sans,monospace;border-radius:8px;background:var(--sun);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:8px 16px;cursor:pointer;transition:transform .1s,box-shadow .1s}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}:focus-visible{outline:3px solid var(--sky);outline-offset:3px}section{padding:88px 0}.lab{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rust);margin:0 0 10px}.hero{text-align:center;padding-top:80px}.hero h1{font-size:clamp(34px,6vw,60px)}.hero p.sub{max-width:560px;margin:16px auto 0;font-size:18px;color:var(--soft)}.wl{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:480px;margin:28px auto 0}.wl input{flex:1;min-width:200px;height:44px;border:2px solid var(--ink);background:#fff;color:var(--ink);padding:0 14px;font:inherit;border-radius:8px}.dock{position:relative;height:200px;margin-top:48px}.bar{position:absolute;bottom:0;left:8%;right:8%;height:52px;background:#2a223314;border:2px solid var(--ink);display:flex;gap:14px;align-items:center;justify-content:center}.bar i{width:30px;height:30px;border:2px solid var(--ink)}.walker{position:absolute;bottom:52px;left:12%;animation:walk 12s steps(48) infinite alternate}@keyframes walk{to{left:70%}}.bub{position:absolute;bottom:84px;left:-10px;white-space:nowrap;background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:4px 10px;font-size:15px}h2{font-size:clamp(28px,4vw,40px)}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:40px}.card{background:#fff;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:22px;grid-column:span 2;display:flex;flex-direction:column}.card.w4{grid-column:span 4}.card.w6{grid-column:span 6;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.card h3{font-size:22px;margin-top:auto}.card p{margin:8px 0 0;color:var(--soft)}.card.sun{background:#fce6a6}.card.moss{background:#d7ebd3}.card.sky{background:#dcebf8}.card.berry{background:#f8d5dd}.demo{min-height:96px;margin-bottom:20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:Pixelify Sans,monospace;font-size:15px}.card.w6 .demo{margin:0;min-height:0}.ask{background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:12px 14px;width:100%;max-width:380px}.ask b{font-weight:500}.ask code{display:block;font:13px ui-monospace,Menlo,monospace;margin:6px 0 10px;color:var(--soft)}.sw{display:flex;gap:10px}.sw i{width:40px;height:40px;border:2px solid var(--ink)}.chip{border:2px solid var(--ink);padding:3px 8px;background:#fff}.chip.go{background:var(--moss);color:#fff}.meter{width:100%;max-width:220px;height:16px;border:2px solid var(--ink);position:relative;background:#fff}.meter b{position:absolute;inset:0 auto 0 0;width:90%;background:var(--berry);animation:fill 3s ease-in-out infinite alternate}@keyframes fill{0%{width:40%}}.dark{background:var(--ink);color:var(--paper)}.dark .lab{color:var(--sun)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;position:relative}.steps:before{content:"";position:absolute;top:24px;left:8%;right:8%;border-top:2px dashed rgba(255,246,233,.35)}.steps div{position:relative}.n{display:inline-grid;place-items:center;width:50px;height:50px;border:2px solid var(--paper);background:var(--sun);color:var(--ink);font-size:22px;margin-bottom:16px;box-shadow:4px 4px 0 var(--berry)}.steps h3{font-size:22px}.steps p{margin:6px 0 0;color:#cfc6d8}.faq{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start}details{border:2px solid var(--ink);background:#fff;padding:14px 18px}details+details{margin-top:12px}summary{cursor:pointer;font-weight:700}details p{margin:8px 0 0;color:var(--soft)}.demo-video{display:block;width:100%;height:auto;margin-top:28px;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--paper)}.cta{background:var(--sun);border-block:2px solid var(--ink)}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}.cta .wl{justify-content:flex-start;margin-left:0}.cta .wl-msg{text-align:left}.cta .btn{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--berry)}.buddy{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.buddy svg{margin-top:-12px}.buddy .bub{position:static;font-size:16px}.opts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:300px}.sw-btn{width:28px;height:28px;border:2px solid var(--ink);cursor:pointer;padding:0}.acc-btn{border:2px solid var(--ink);background:#fff;color:var(--ink);font-size:14px;padding:3px 8px;cursor:pointer}.sw-btn[aria-pressed=true]{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.acc-btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}@media(max-width:860px){.bento{grid-template-columns:1fr}.card,.card.w4,.card.w6{grid-column:auto}.faq,.steps{grid-template-columns:1fr}.steps:before{display:none}}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:20px;padding-bottom:28px;font-size:14px;color:#5a5066}@media(prefers-reduced-motion:reduce){.walker,.meter b{animation:none}}a.btn{text-decoration:none;display:inline-block}.wl-msg{width:100%;margin:0;text-align:center;font-weight:700}.btn:disabled{opacity:.7;cursor:wait}