:root{color-scheme:light;--ink:#183e50;--teal:#086f80;--muted:#4d6571}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#faf9f4;font:18px/1.65 system-ui,-apple-system,sans-serif}a{color:var(--teal);text-underline-offset:4px}header,main,footer{max-width:1120px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:14px;align-items:center;font-size:24px;font-weight:800;text-decoration:none}.brand img{width:52px;border-radius:15px}nav{display:flex;gap:24px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:40px 0 70px}.eyebrow{font-size:14px;letter-spacing:.12em;font-weight:800;color:var(--teal);text-transform:uppercase}h1{font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-.045em;margin:22px 0}h2{font-size:32px;line-height:1.2}p{color:var(--muted)}.lead{font-size:22px}.button{display:inline-block;padding:13px 22px;border-radius:16px;background:var(--teal);color:white;text-decoration:none;font-weight:700}.screen{padding:22px;background:#d1eee7;border-radius:36px;transform:rotate(2deg)}.screen img{display:block;width:100%;border-radius:20px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.features article{padding-top:18px;border-top:4px solid #b9d9d3}.features h2{font-size:23px}.badge{display:inline-block;background:#e9dcfa;color:#633784;border-radius:9px;padding:2px 9px;font-size:13px;font-weight:800}.help{max-width:800px}.help h1{font-size:52px}.help section{padding:20px 0;border-bottom:1px solid #d8e0db}.note{background:#f0e8fa;padding:18px 24px;border-radius:18px}footer{font-size:14px;border-top:1px solid #d8e0db;margin-top:60px}a:focus-visible{outline:3px solid #a45dda;outline-offset:4px}@media(max-width:700px){header,main,footer{padding:20px}nav{gap:16px;font-size:15px}.hero{grid-template-columns:1fr;gap:32px;padding-top:12px}.screen{max-width:420px;margin:auto;transform:none}.features{grid-template-columns:1fr}.help h1{font-size:40px}}
