:root{--forest:#047857;--deep:#064e3b;--gold:#c9a84c;--ink:#10231d;--mist:#eef3f1;--line:#dfe8e4}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.badge{width:44px;height:44px;border-radius:8px;background:#1e293b;color:#fff;font:900 28px/44px Arial,sans-serif;text-align:center}
.logo b{font-size:22px;letter-spacing:1px}
nav{display:flex;gap:22px;flex-wrap:wrap}
nav a{text-decoration:none;font-weight:600;font-size:15px;color:#35514a}
nav a:hover{color:var(--forest)}
.hero{background:var(--deep);color:#fff;padding:92px 0 84px}
.hero h1{font-size:clamp(38px,7vw,70px);line-height:1.04;letter-spacing:-1.5px;max-width:14ch;font-weight:800}
.hero p{margin-top:24px;font-size:19px;max-width:48ch;color:#cfe6dd}
.btns{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none}
.btn.gold{background:var(--gold);color:var(--ink)}
.btn.gold:hover{background:#d8b95e}
.btn.line{border:2px solid #7fb9a4;color:#fff}
.btn.line:hover{background:rgba(255,255,255,.1)}
section{padding:68px 0}
h2{font-size:clamp(26px,4vw,34px);letter-spacing:-.5px;line-height:1.15;margin-bottom:12px}
.lead{max-width:58ch;color:#4a625b}
.range{background:var(--mist)}
.grid{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.item{background:#fff;border-left:5px solid var(--forest);padding:20px 22px;border-radius:0 8px 8px 0}
.item h3{font-size:18px}
.item p{font-size:15px;color:#4a625b;margin-top:4px}
.soon{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:#7a5f10;background:#f6ecce;padding:2px 10px;border-radius:99px}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px;margin-top:28px}
.why h3{font-size:18px;margin-bottom:6px;color:var(--forest)}
.why p{font-size:15px;color:#4a625b}
.where{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.where span{border:2px solid var(--forest);color:var(--forest);font-weight:700;padding:10px 22px;border-radius:8px}
.contact{background:var(--forest);color:#fff}
.contact .lead{color:#d5efe5}
.contact a.mail{display:inline-block;margin-top:18px;font-size:clamp(22px,4vw,32px);font-weight:800;text-underline-offset:6px}
.contact .abn{margin-top:18px;font-size:15px;color:#d5efe5}
footer{background:var(--ink);color:#b9ccc5;padding:40px 0;font-size:14px}
footer p+p{margin-top:10px}
footer nav{margin:14px 0}
footer nav a{color:#fff;font-size:14px}
.ack{max-width:80ch;border-top:1px solid #2c4a40;padding-top:16px;margin-top:16px}
.legal{padding:48px 0 64px}
.legal h1{font-size:clamp(30px,5vw,42px);margin-bottom:6px}
.legal h2{margin-top:44px;font-size:28px}
.legal h3{margin-top:22px;font-size:18px}
.legal p,.legal li{max-width:75ch;color:#2d453d;margin-top:10px}
.legal ul{margin-left:22px}
.note{background:var(--mist);border-left:5px solid var(--gold);padding:14px 18px;margin-top:20px;max-width:75ch;font-size:15px}
@media (max-width:600px){.hero{padding:60px 0 52px}section{padding:52px 0}}