:root{--paper:#eef3f6;--sheet:#fff;--ink:#1c2b4a;--ink-soft:#4a5a78;--teal:#2e8c83;--mustard:#e8b931;--sky:#bfd7ea;--rule:#d5dee6;--focus:#0b5fff;--measure:68ch;--font-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);margin:0;font-size:1.0625rem;line-height:1.6}a{color:var(--teal);text-underline-offset:.18em}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .5em;line-height:1.12}h1{font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:700}h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:650}h3{font-size:1.2rem;font-weight:650}p{margin:0 0 1em}.wrap{width:min(1100px,100% - 32px);margin-inline:auto}.site-header{padding:20px 0}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{font-family:var(--font-display);color:var(--ink);align-items:center;gap:10px;font-size:1.5rem;font-weight:800;text-decoration:none;display:inline-flex}.logo-mark{background:var(--mustard);clip-path:polygon(6% 10%,96% 2%,90% 94%,2% 88%);width:30px;height:30px;color:var(--ink);place-items:center;font-size:1rem;display:grid}.nav{flex-wrap:wrap;gap:20px;display:flex}.nav a{color:var(--ink);font-weight:600;text-decoration:none}.nav a:hover{text-decoration:underline}.hero{padding:40px 0 72px;overflow-x:clip}.hero .wrap{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.hero p.lead{color:var(--ink-soft);max-width:52ch;font-size:1.2rem}.status{background:var(--sheet);border:2px solid var(--ink);clip-path:polygon(0 4%,100% 0,99% 96%,1% 100%);margin-top:8px;padding:8px 14px;font-weight:600;display:inline-block}.stack{min-height:340px;position:relative}.sheet{background:var(--sheet);clip-path:polygon(2% 3%,98% 0,100% 97%,0 100%);padding:28px;position:absolute;inset:0}.sheet.back-2{background:var(--sky);transform:rotate(-6deg)translate(-14px,10px)}.sheet.back-1{background:var(--mustard);transform:rotate(4deg)translate(10px,6px)}.sheet.front{flex-direction:column;gap:14px;display:flex;transform:rotate(-1deg)}.q-meta{color:var(--ink-soft);font-size:.95rem}.q-text{font-family:var(--font-display);font-size:1.6rem;font-weight:650}.choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{border:2px solid var(--ink);background:var(--sheet);padding:10px 12px;font-weight:600}.choice.right{background:var(--teal);color:#fff;border-color:var(--teal)}.feedback{color:var(--teal);font-weight:600}section.band{padding:56px 0}section.band.white{background:var(--sheet)}.cols{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.prose{max-width:var(--measure)}.prose h2{margin-top:1.6em}.prose h2:first-child{margin-top:0}.prose ul{padding-left:1.2em}.prose li{margin-bottom:.4em}.steps{max-width:var(--measure);padding-left:1.4em}.steps li{margin-bottom:.8em}.product h3{background:var(--sky);clip-path:polygon(0 6%,100% 0,98% 100%,2% 94%);padding:4px 10px;display:inline-block}.product:nth-child(2) h3{background:var(--mustard)}.page{padding:32px 0 64px}.page .sheet-panel{background:var(--sheet);padding:clamp(20px,4vw,48px)}.updated{color:var(--ink-soft)}.site-footer{color:var(--ink-soft);padding:32px 0 48px;font-size:.95rem}.site-footer .wrap{border-top:2px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;display:flex}.site-footer a{color:var(--ink-soft)}.site-footer nav{flex-wrap:wrap;gap:18px;display:flex}@media (max-width:760px){.hero .wrap,.cols{grid-template-columns:1fr}.hero{padding-top:16px}.stack{min-height:320px;margin:0 8px}.q-text{font-size:1.3rem}}@media (prefers-reduced-motion:no-preference){.sheet.front{animation:.7s ease-out both settle}@keyframes settle{0%{opacity:0;transform:rotate(-7deg)translateY(16px)}to{opacity:1;transform:rotate(-1deg)}}}