*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#292b28;background:#faf9f6;margin:0;font-family:system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip{background:#fff;padding:8px;position:absolute;left:-999px}.skip:focus{z-index:9;top:8px;left:8px}header{border-bottom:1px solid #e9e5dc;justify-content:space-between;align-items:center;gap:12px;padding:20px 6%;display:flex}header b{font-size:24px}nav{align-items:center;gap:18px;font-size:15px;display:flex}.pill{background:var(--accent);color:#fff;border-radius:999px;padding:9px 16px}main{max-width:1160px;margin:auto;padding:0 6% 60px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:70px 0;display:grid}.hero img{aspect-ratio:4/5;object-fit:cover;border-radius:calc(var(--radius)*1.5);background:#dfe8e3;width:100%}.eyebrow{letter-spacing:3px;color:var(--accent);font-size:12px;font-weight:700}h1{font-family:var(--heading-font);letter-spacing:-2px;white-space:pre-line;margin:14px 0;font-size:clamp(40px,6vw,76px);font-weight:600;line-height:1.05}h2{font-family:var(--heading-font);letter-spacing:-1px;margin:8px 0 28px;font-size:clamp(28px,4vw,42px)}p{color:#5d5e56;line-height:1.7}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button,button{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;font:inherit;border:0;padding:15px 26px;font-weight:600;display:inline-block}button:disabled{opacity:.6;cursor:wait}.ghost{border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);padding:14px 24px;font-weight:600}.sec{padding:50px 0}.grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}article{border-radius:var(--radius);background:#fff;border:1px solid #e5dfd6;padding:26px}article small{color:var(--accent);font-weight:700}h3{margin:10px 0 6px}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;border-radius:var(--radius);background:#fff;border:1px solid #e5dfd6;padding:24px;font-weight:600}.steps li:before{content:counter(s);background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:12px;display:grid}.cta{background:var(--accent);color:#fff;border-radius:calc(var(--radius)*1.5);margin:30px 0;padding:48px 6%}.cta h2,.cta p{color:#fff}.button.light{color:#1f4a3b;background:#fff}.note{font-size:14px}.cta .note{opacity:.9;margin-top:20px}.box{border-radius:var(--radius);background:#fff;border:1px dashed #b9b4a8;margin-top:30px;padding:18px}form{gap:16px;max-width:560px;display:grid}label{gap:8px;font-size:14px;font-weight:600;display:grid}input,textarea{font:inherit;background:#fff;border:1px solid #bbb;border-radius:10px;padding:13px}.row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.hint{margin:0;font-size:13px}[role=status]{min-height:1.5em;margin:0}.ok{color:#1f6b3f}footer{border-top:1px solid #e9e5dc;padding:28px 6%}@media (width<=900px){.grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;padding:40px 0}.hero img{aspect-ratio:4/3}}@media (width<=600px){.grid,.steps,.row{grid-template-columns:1fr}nav a:not(.pill){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
