:root{--bg:#f3f6fb;--surface:#fff;--sky:#dce7fb;--water:#bfd4f2;--ink:#1f2a44;--muted:#4f5b78;--otter:#4a2a1e;--river:#3558c2;--river-ink:#fff;--sage:#2f7d57;--sage-bg:#e1f2e8;--peach:#b4532e;--peach-bg:#fbe6dc;--line:#d5ddeb;--night:#1b2540;--night-ink:#eef2fa;--display:"Fredoka", "Atkinson Hyperlegible Next", system-ui, sans-serif;--body:"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#121826;--surface:#1b2335;--sky:#1e2b45;--water:#22385c;--ink:#e6ecf7;--muted:#a9b4cb;--otter:#ebd3c2;--river:#7ea2ff;--river-ink:#0e1526;--sage:#7fd1a4;--sage-bg:#183526;--peach:#f2a287;--peach-bg:#3a2219;--line:#2c3850;--night:#0b1120;--night-ink:#e6ecf7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:17px/1.6 var(--body);margin:0}img{max-width:100%;display:block}a{color:var(--river)}h1,h2,h3,h4{font-family:var(--display);color:var(--otter);text-wrap:balance;margin:0;line-height:1.12}h1{letter-spacing:-.01em;font-size:clamp(2.5rem,6vw,4.2rem);font-weight:700}h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:600}h3{font-size:1.3rem;font-weight:600}h4{color:var(--muted);margin:22px 0 10px;font-size:1.05rem;font-weight:600}p{margin:0}.wrap{max-width:1120px;padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));margin:0 auto}.section{gap:28px;padding-block:clamp(56px,9vw,104px);display:grid}.lede{color:var(--muted);max-width:38rem;font-size:1.2rem}:focus-visible{outline:3px solid var(--river);outline-offset:3px;border-radius:8px}.button{background:var(--river);min-height:52px;color:var(--river-ink);font:600 1.05rem var(--body);border-radius:999px;justify-content:center;align-items:center;padding:0 26px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #3558c240}.button.small{min-height:40px;padding:0 18px;font-size:.95rem}.bar{justify-content:space-between;align-items:center;gap:16px;padding-block:18px;display:flex}.brand{font:700 1.5rem var(--display);color:var(--otter);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand.small{gap:6px;font-size:1.05rem}nav{align-items:center;gap:22px;display:flex}nav a:not(.button){color:var(--ink);font-weight:600;text-decoration:none}nav a:not(.button):hover{color:var(--river)}.hero{background:var(--sky);position:relative;overflow:hidden}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);padding-block:clamp(56px,8vw,96px) clamp(80px,9vw,120px);display:grid;position:relative}.hero-copy{gap:22px;display:grid}.cta{flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:6px;display:flex}.note{color:var(--muted);font-size:.95rem}.water{background:var(--water);height:30%;position:absolute;inset:auto 0 0}.water:before{content:"";opacity:.55;background:url(/assets/wave-edge-7UouhfLg.svg) 50%/auto 100% repeat-x;height:28px;position:absolute;top:-14px;left:0;right:0}.try{background:var(--surface);border-radius:28px;gap:14px;margin:0;padding:30px 26px 24px;display:grid;position:relative;box-shadow:0 24px 60px #1f2a4424}.try-otto{pointer-events:none;width:132px;position:absolute;top:-86px;right:18px}.try-label{color:var(--muted);font-size:.9rem;font-weight:600}.try-stem{max-width:30rem;font-size:1.05rem;font-weight:600}.try-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.try-options button{border:1.5px solid var(--line);background:var(--bg);min-height:48px;color:var(--ink);font:600 1rem var(--body);cursor:pointer;border-radius:16px;transition:border-color .14s,background .14s}.try-options button:hover:not(:disabled){border-color:var(--river)}.try-options button.right{background:var(--sage-bg);border-color:var(--sage);color:var(--sage)}.try-options button.wrong{background:var(--peach-bg);border-color:var(--peach);color:var(--peach)}.try-options button:disabled{cursor:default}.try-feedback{min-height:3.2em;color:var(--muted);font-size:.97rem}.try-feedback strong{color:var(--ink)}.try-feedback a{font-weight:600}.how{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.steps{counter-reset:step;gap:26px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;grid-template-columns:52px minmax(0,1fr);gap:4px 16px;display:grid}.steps li:before{content:counter(step);background:var(--sky);width:44px;height:44px;color:var(--otter);font:700 1.3rem/44px var(--display);text-align:center;border-radius:50%;grid-row:span 2}.steps p{color:var(--muted)}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px clamp(28px,5vw,64px);padding-top:0}.features article{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:6px 20px;display:grid}.features img{object-fit:contain;grid-row:span 2;width:112px;height:112px}.features p{color:var(--muted)}.covered{background:var(--surface);border-block:1px solid var(--line)}.papers{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,64px);margin-top:8px;display:grid}.paper-head{align-items:center;gap:14px;display:flex}.paper-head img{object-fit:contain;width:72px;height:72px}.topics{gap:8px;margin:0;padding:0;list-style:none;display:grid}.topics li{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;font-size:.97rem;display:grid}.topics img{object-fit:contain;width:40px;height:40px}.ready{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,5vw,64px)}.ready>div{justify-items:start;gap:18px;display:grid}.ready p{color:var(--muted);max-width:36rem;font-size:1.1rem}.faq{max-width:820px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font:600 1.15rem var(--display);color:var(--ink);cursor:pointer;justify-content:space-between;gap:16px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--river);font-size:1.4rem;line-height:1;transition:transform .16s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--muted);max-width:42rem;margin-top:10px}.last{background:var(--night);color:var(--night-ink)}.last h2{color:var(--night-ink)}.last-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,64px);padding-block:clamp(56px,8vw,96px);display:grid}.last-grid img{border-radius:24px}.last-grid>div{justify-items:start;gap:24px;display:grid}.foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-block:28px 40px;font-size:.95rem;display:flex}.foot p{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.foot-links{gap:18px}@media (width<=820px){nav a:not(.button){display:none}.hero-grid,.how,.ready,.last-grid,.papers,.features{grid-template-columns:minmax(0,1fr)}.hero-grid{padding-bottom:72px}.try{margin-top:64px}.how img,.ready img{max-width:340px}}@media (width<=420px){.try-options{grid-template-columns:minmax(0,1fr)}.features article{grid-template-columns:80px minmax(0,1fr)}.features img{width:80px;height:80px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.faq summary:after{transition:none}}