:root{--bg:#F5F2EB;--ink:#1D2622;--muted:#5F6A64;--accent:#23453A;--onaccent:#F5F2EB;--alt:#ECE6DA;--card:#FFFFFF;--line:rgba(29,38,34,.14);--head:"DM Serif Display",Georgia,serif;--body:"Manrope",Arial,sans-serif;--headw:400;--brandw:400;--brandls:.1em;--phbg:#c9bfae;--ftrbg:#1D2622;--hdrbg:#F5F2EB;--radius:4px}
.hero{--heroshade:linear-gradient(90deg,rgba(18,24,21,.78),rgba(18,24,21,.15))}
.hero h1{max-width:11ch}
.svc .ph{aspect-ratio:3/2}
.proc{counter-reset:p;display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
.proc div{border-top:3px solid var(--accent);padding-top:1.2rem}
.proc h3{font-size:1.3rem}
.est{font-family:var(--head);font-size:clamp(2rem,5vw,3.2rem);color:var(--accent);line-height:1.1;margin:.4rem 0}
input[type=range]{width:100%;accent-color:var(--accent)}
.badges{display:flex;gap:2.5rem;flex-wrap:wrap;font-weight:600;color:var(--muted);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}
@media (max-width:860px){.proc{grid-template-columns:1fr 1fr}}