:root{--bg:#F8F5EF;--ink:#111827;--brand:#153D2E;--accent:#D4F07D;--soft:#E8AF88;--line:rgba(17,24,39,.12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:var(--brand)}.wrap{width:min(1120px,90vw);margin:auto}header{padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;color:var(--ink);text-decoration:none}.brand img{width:48px;height:48px;border-radius:12px}nav{display:flex;gap:24px;font-size:14px}nav a{text-decoration:none;color:var(--ink)}.hero{padding:76px 0 82px;max-width:900px}.eyebrow{letter-spacing:.15em;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--brand)}h1{font-size:clamp(42px,7vw,84px);line-height:1.04;letter-spacing:-.055em;max-width:880px;margin:22px 0 26px;font-weight:800}.lead{font-size:clamp(18px,2.2vw,24px);max-width:660px;color:#4b5563}.pill{display:inline-flex;background:var(--brand);color:white;border-radius:100px;padding:14px 24px;font-weight:700;text-decoration:none;margin:18px 0 4px}.small{font-size:14px;color:#596374}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 72px}.card{background:rgba(255,255,255,.75);padding:30px;border:1px solid var(--line);border-radius:24px}.number{display:grid;place-items:center;width:40px;height:40px;background:var(--accent);border-radius:12px;font-weight:800;margin-bottom:22px}h2{font-size:25px;letter-spacing:-.035em;line-height:1.2}.card p{color:#4b5563}.note{background:var(--soft);border-radius:24px;padding:28px 34px;margin:0 0 64px;max-width:900px}.article{max-width:790px;padding:32px 0 80px}.article h1{font-size:clamp(36px,6vw,56px)}.article h2{margin-top:36px}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{font-weight:700;cursor:pointer}details p{max-width:720px;color:#4b5563}.preview{background:#fff2c7;color:#594300;padding:10px 5vw;font-size:13px;border-bottom:1px solid #e5d390}footer{padding:24px 0 40px;border-top:1px solid var(--line);font-size:13px;color:#596374;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{margin-right:18px}@media(max-width:700px){header{align-items:flex-start}nav{gap:12px}.hero{padding-top:44px}.cards{grid-template-columns:1fr}.card{padding:24px}.brand span{max-width:150px;line-height:1.15}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
