@import url('');:root{--bg:#f7f3ea;--ink:#201f2b;--purple:#5e34ca;--acid:#e2f45a;--line:#d7d0c3;--card:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}a{color:inherit}a:hover{text-decoration-thickness:3px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e85d3e;outline-offset:3px}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:white;z-index:20;padding:12px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(18px,5vw,84px);border-bottom:2px solid var(--ink)}.logo{font-weight:900;letter-spacing:-.06em;font-size:1.4rem}.topnav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.pill,.btn{border:2px solid var(--ink);border-radius:999px;background:var(--acid);padding:11px 18px;font-weight:800;text-decoration:none;box-shadow:4px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s}.pill:hover,.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.ghost{background:transparent;box-shadow:none}.hero{max-width:1250px;margin:auto;padding:70px 22px 56px;display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center}.eyebrow{font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;color:var(--purple)}h1{font-size:clamp(3.4rem,8.4vw,8.7rem);letter-spacing:-.09em;line-height:.92;margin:12px 0 26px;max-width:850px}h2{font-size:clamp(2.1rem,4.2vw,4.4rem);letter-spacing:-.07em;line-height:1.02;margin:0 0 20px}h3{margin:0 0 8px}.lead{font-size:clamp(1.12rem,1.8vw,1.4rem);max-width:660px}.illustration{position:relative;min-height:390px;border:3px solid var(--ink);border-radius:35px;background:var(--purple);overflow:hidden;box-shadow:14px 14px 0 var(--acid)}.illustration .paper{position:absolute;inset:48px 32px 48px 50px;background:#fdfaf2;transform:rotate(-7deg);border:3px solid var(--ink);border-radius:16px;padding:24px}.paper span{display:block;height:15px;margin:20px 0;border-radius:12px;background:#d9cdfd}.paper span:nth-child(2){width:65%;background:#efae9e}.paper span:nth-child(3){width:83%}.paper span:nth-child(4){width:50%;background:var(--acid)}.sticker{position:absolute;right:0;bottom:30px;transform:rotate(10deg);background:var(--acid);border:3px solid var(--ink);border-radius:60px;padding:20px;font-size:1.8rem;font-weight:1000}.band{background:var(--ink);color:white;padding:14px;text-align:center;font-weight:800;letter-spacing:.08em}.section{max-width:1200px;margin:auto;padding:75px 22px}.kitchen{background:#ece5fa;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.kitchen>.section{padding-top:60px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:24px;box-shadow:7px 7px 0 #201f2b}.panel.dark{background:#262235;color:#fff}.field{margin:15px 0}label{font-weight:800;display:block;margin-bottom:6px}textarea,input,select{width:100%;padding:12px;border:2px solid #575168;border-radius:10px;background:white;color:#201f2b}textarea{min-height:86px;resize:vertical}.small{font-size:.86rem;color:#625d69}.dark .small{color:#ded8f0}.controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.score{font-size:4rem;line-height:1;font-weight:950;letter-spacing:-.08em;color:var(--acid)}.checks{list-style:none;padding:0}.checks li{padding:10px 0;border-bottom:1px solid #6e6681}.checks li::before{content:'◌ ';color:var(--acid)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1edf8;border:2px solid #a59bba;border-radius:12px;padding:17px;max-height:450px;overflow:auto}.dark pre{color:#201f2b}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.tabs button{border:2px solid var(--ink);background:#fff;border-radius:20px;padding:9px 16px;font-weight:800}.tabs button.active{background:var(--acid)}.examples{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.example{background:white;border:2px solid var(--line);border-radius:18px;padding:19px;display:flex;flex-direction:column;gap:10px}.example button{margin-top:auto;align-self:flex-start}.tag{color:var(--purple);font-weight:900;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:2px solid var(--ink);padding:24px;border-radius:16px;background:#fff}.card:nth-child(2){background:#e5dbff}.card:nth-child(3){background:var(--acid)}.reading a{display:block;padding:13px 0;border-bottom:1px solid var(--line)}footer{background:#201f2b;color:#fff;padding:45px max(22px,calc((100vw - 1150px)/2))}.focus .illustration,.focus .band{display:none}.focus .hero{grid-template-columns:1fr}.focus *{animation:none!important;transition:none!important}@media(max-width:850px){.hero,.grid{grid-template-columns:1fr}.illustration{min-height:300px}.examples,.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:530px){.examples,.cards{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.hero{padding-top:35px}h1{font-size:clamp(3.1rem,14vw,5rem)}.illustration{min-height:260px}.section{padding-top:52px;padding-bottom:52px}.panel{padding:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}