:root{--g:#0E5A3A;--gd:#093d27;--ink:#14211B;--bg:#F4F7F5;--lf:#E1EEE6;--mut:#53645B;--gold:#C8A23A;--blue:#1F6FEB;--line:#D5E0D9;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;padding-top:env(safe-area-inset-top,0)}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);padding-bottom:env(safe-area-inset-bottom,0)}
a{color:inherit}img,svg{max-width:100%}.w{max-width:1080px;margin:auto;padding:0 20px}
h1,h2,h3{line-height:1.12;letter-spacing:-.025em;margin:0 0 .5em}h1{font-size:clamp(2.1rem,6vw,3.6rem);font-weight:800}h2{font-size:clamp(1.5rem,3.5vw,2.1rem);font-weight:750}h3{font-size:1.1rem}
.btn{display:inline-block;background:var(--g);color:#fff;border:0;border-radius:12px;padding:13px 22px;font:700 1rem inherit;text-decoration:none;cursor:pointer;min-height:48px}.btn:hover{background:var(--gd)}.btn.o{background:transparent;color:var(--g);border:2px solid var(--g)}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
header{background:#fff;border-bottom:1px solid var(--line)}header .w{display:flex;align-items:center;justify-content:space-between;min-height:64px}header nav{display:flex;gap:18px;align-items:center}header nav a{text-decoration:none;font-weight:600}
.hero{background:var(--g);color:#fff;padding:48px 0 64px;position:relative;overflow:hidden}.hero p{max-width:34em;color:#d3e8dc;font-size:1.1rem}
.sf{background:#fff;color:var(--ink);border-radius:18px;padding:14px;display:grid;gap:10px;margin-top:26px;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.sf label{font-size:.85rem;color:var(--mut);font-weight:600;display:block;margin-bottom:3px}.sf select,.sf input{width:100%;min-height:48px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;background:#fff}
.sf small{color:var(--mut)}@media(min-width:760px){.sf{grid-template-columns:1fr 1fr auto;align-items:end}}
.hint{margin-top:14px;font-size:.95rem;color:#b9d8c8}
section{padding:56px 0}.cats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0;list-style:none}@media(min-width:760px){.cats{grid-template-columns:repeat(4,1fr)}}
.cats a{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;text-decoration:none;font-weight:650;min-height:64px}.cats a:hover{border-color:var(--g)}.cats span{font-size:1.5rem}
.steps{display:grid;gap:16px;padding:0;list-style:none;counter-reset:s}@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{counter-increment:s;background:var(--lf);border-radius:var(--r);padding:22px}.steps li:before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--g);color:#fff;font-weight:800;margin-bottom:10px}.steps p{margin:0;color:var(--mut)}
.trust{background:#fff;border-block:1px solid var(--line)}.badges{display:grid;gap:14px}@media(min-width:760px){.badges{grid-template-columns:repeat(3,1fr)}}
.bd{border:1px solid var(--line);border-radius:var(--r);padding:20px}.bd p{margin:.3em 0 0;color:var(--mut)}.chk{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;font-weight:800;vertical-align:middle;margin-right:6px}.chk.b{background:var(--blue)}.chk.g{background:var(--gold)}.chk.n{background:#9aa8a0}
.cta{background:var(--gd);color:#fff;text-align:center}.cta p{color:#cfe3d8}.cta .btn{background:#fff;color:var(--gd)}
footer{padding:32px 0;color:var(--mut);font-size:.92rem}footer .w{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
#install{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0));background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 12px 36px rgba(0,0,0,.25);display:flex;gap:12px;align-items:center;z-index:9;max-width:520px;margin:auto}
#install[hidden]{display:none}#install img{border-radius:12px}#install p{margin:0;flex:1;font-size:.92rem;line-height:1.35}#install button.x{background:none;border:0;font-size:1.4rem;cursor:pointer;min-width:44px;min-height:44px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
