:root{--pine:#071710;--pine2:#0d2218;--mint:#8fb99a;--paper:#eef1f3;--ink:#0b1510;--muted:#b8c4bc;--line:rgba(175,218,187,.24);--max:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pine);color:#f6f8f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),calc(100% - 44px));margin-inline:auto}
.skip{position:fixed;left:14px;top:10px;z-index:20;transform:translateY(-160%);background:#fff;color:#071710;padding:10px 14px;font-weight:800}
.skip:focus{transform:none}
:focus-visible{outline:3px solid #c7ebd0;outline-offset:4px}
header{position:sticky;top:0;z-index:10;background:rgba(6,21,16,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav{min-height:82px;display:flex;align-items:center;gap:26px}
.brand{display:flex;flex-direction:column;line-height:1;text-transform:uppercase;font-weight:950;letter-spacing:.02em}
.brand small{font-size:9px;color:#9eb4a5;letter-spacing:.18em;margin-top:6px}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.call{border:1px solid var(--mint);border-radius:3px;padding:11px 14px;white-space:nowrap}
.crumbs{padding:18px 0;color:#aabbb0;font-size:13px}
.crumbs a{text-decoration:underline;text-underline-offset:3px}
.hero{position:relative;overflow:hidden;padding:68px 0 76px;background:radial-gradient(circle at 82% 30%,rgba(86,142,102,.22),transparent 35%),linear-gradient(135deg,#061510,#0d2017)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(143,185,154,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(143,185,154,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);gap:60px;align-items:center}
.eyebrow,.kicker{font-size:12px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:var(--mint)}
h1,h2,h3{line-height:1.06;margin:0;text-transform:uppercase}
h1{font-size:clamp(42px,6.2vw,72px);max-width:13ch;margin:17px 0 24px}
.lede{font-size:18px;color:#d7e0da;max-width:60ch;margin:0 0 30px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 21px;border:1px solid var(--mint);border-radius:3px;text-transform:uppercase;font-weight:900;font-size:13px;letter-spacing:.04em}
.btn.primary{background:var(--mint);color:#061510}
.proof{border:1px solid var(--line);background:rgba(10,28,19,.72);padding:24px}
.proof b{display:block;font-size:14px;text-transform:uppercase;margin-bottom:12px}
.proof ul{list-style:none;padding:0;margin:0;display:grid;gap:11px;color:#cbd7cf;font-size:14px}
.proof li:before{content:"✓";color:var(--mint);font-weight:900;margin-right:10px}
.content{background:var(--paper);color:var(--ink);padding:68px 0}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start}
.content h2{font-size:clamp(28px,4vw,43px);margin:0 0 20px}
.content h3{font-size:19px;margin:34px 0 12px}
.content p{font-size:16px;color:#33443a;margin:0 0 18px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px;padding:0;margin:24px 0 28px;list-style:none}
.checks li{position:relative;padding-left:24px;color:#23372b;font-weight:700}
.checks li:before{content:"✓";position:absolute;left:0;color:#497b57;font-weight:950}
.aside{position:sticky;top:108px;background:#0d2118;color:#fff;border-radius:4px;padding:25px}
.aside h2{font-size:22px;margin-bottom:15px}
.aside p{font-size:14px;color:#c7d2ca}
.aside .btn{width:100%;margin-top:8px}
.areas{padding:58px 0;background:#0a1c14}
.areas-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:start}
.areas h2{font-size:clamp(29px,4vw,43px);margin-top:13px}
.area-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.area-list a,.area-list span{border:1px solid var(--line);background:#0e241a;padding:15px 17px;color:#dce6df;font-weight:750}
.faq{background:#eef1f3;color:#0b1510;padding:62px 0}
.faq h2{font-size:34px;margin:13px 0 25px}
details{background:#fff;border:1px solid rgba(10,22,16,.16);margin-bottom:10px}
summary{cursor:pointer;padding:16px 18px;font-weight:850}
details p{padding:0 18px 18px;margin:0;color:#405047}
.final{padding:54px 0;background:linear-gradient(90deg,#10271b,#132733);text-align:center}
.final h2{font-size:clamp(30px,4vw,45px);margin-bottom:15px}
.final p{color:#c7d2ca;margin:0 auto 24px;max-width:55ch}
footer{padding:34px 0;background:#061510;border-top:1px solid rgba(255,255,255,.07);color:#9aac9f;font-size:13px}
.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.foot a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.hero-inner,.content-grid,.areas-grid{grid-template-columns:1fr}.hero{padding:50px 0 60px}.proof{max-width:520px}.aside{position:static}.nav-links{display:none}.checks{grid-template-columns:1fr}.area-list{grid-template-columns:1fr}}
@media(max-width:520px){.wrap{width:calc(100% - 30px)}.nav{gap:10px}.brand{font-size:14px}.brand small{font-size:7px}.call{margin-left:auto;font-size:0;padding:10px 13px}.call:after{content:"Call";font-size:12px}.hero h1{font-size:42px}.actions{display:grid}.btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}