:root{--bg:#f7f6f2;--ink:#17211f;--muted:#5b6461;--line:#d9d6cd;--accent:#0f5c4e;--accent-ink:#ffffff;--card:#ffffff;--maxw:1080px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--accent)}a:hover{text-decoration-thickness:2px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}
header.site{border-bottom:1px solid var(--line);background:rgba(247,246,242,.92);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}
.brand{font-weight:700;letter-spacing:.01em;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:.6rem}
.brand svg{width:28px;height:28px}
nav a{margin-left:1.1rem;text-decoration:none;color:var(--ink);font-size:.95rem}nav a.cta{background:var(--accent);color:var(--accent-ink);padding:.5rem .9rem;border-radius:6px}
nav a[aria-current="page"]{border-bottom:2px solid var(--accent)}
@media (max-width:760px){header.site .wrap{flex-wrap:wrap}nav{display:flex;flex-wrap:wrap;gap:.4rem .2rem}nav a{margin-left:.6rem}}
.hero{padding:4.5rem 1.25rem 3rem}
.hero h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.15;margin:0 0 1rem;max-width:20ch}
.hero p.lead{font-size:1.15rem;color:var(--muted);max-width:60ch;margin:0 0 1.75rem}
.btn{display:inline-block;padding:.75rem 1.2rem;border-radius:6px;text-decoration:none;font-weight:600;border:1px solid var(--accent);color:var(--accent);margin-right:.6rem;margin-bottom:.6rem}
.btn.primary{background:var(--accent);color:var(--accent-ink)}
section{padding:3rem 0;border-top:1px solid var(--line)}
section h2{font-size:1.6rem;margin:0 0 .5rem}section p.sub{color:var(--muted);margin:0 0 1.5rem;max-width:65ch}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.25rem}
.card h3{margin:0 0 .4rem;font-size:1.05rem}.card p{margin:0;color:var(--muted);font-size:.95rem}
.flow{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));counter-reset:step}
.flow div{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:1rem;position:relative;font-size:.95rem}
.flow div::before{counter-increment:step;content:counter(step);display:inline-block;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accent);color:#fff;text-align:center;line-height:1.6rem;font-size:.85rem;margin-bottom:.4rem}
.two{display:grid;gap:2rem;grid-template-columns:1.2fr .8fr}@media (max-width:760px){.two{grid-template-columns:1fr}}
.note{border-left:3px solid var(--accent);padding:.75rem 1rem;background:var(--card);border-radius:0 8px 8px 0;color:var(--muted);font-size:.95rem}
ul.clean{padding-left:1.1rem}ul.clean li{margin:.3rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}td,th{border-bottom:1px solid var(--line);padding:.55rem .4rem;text-align:left;vertical-align:top}th{color:var(--muted);font-weight:600}
footer.site{border-top:1px solid var(--line);padding:2rem 0 3rem;color:var(--muted);font-size:.9rem}
footer.site .disclaimer{max-width:80ch;margin-bottom:1rem}
footer.site nav a{margin:0 1rem 0 0;color:var(--muted)}
form.contact{display:grid;gap:.8rem;max-width:560px}
form.contact label{font-weight:600;font-size:.95rem}form.contact input,form.contact textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--line);border-radius:6px;font:inherit;background:#fff}
.small{font-size:.9rem;color:var(--muted)}