:root{--green:#15301B;--deep:#0E2213;--panel:#1C3B23;--gold:#E8B12F;--cream:#F6EDD3;--field:#9DB65C;
--ink:#1d2a20;--paper:#FAF7EE;--line:#E3DCC8;--muted:#5d6b60}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);
background:var(--paper);line-height:1.6;font-size:17px}
a{color:#2f6b3a}
img{max-width:100%;display:block}
.company-bar{background:var(--deep);color:#cfd8c9;font-size:14px;display:flex;justify-content:space-between;
align-items:center;padding:8px 5vw;gap:12px;flex-wrap:wrap}
.company-btn{background:var(--cream);color:var(--deep);text-decoration:none;font-weight:600;padding:5px 14px}
.company-btn:hover{background:var(--gold)}
.top{background:var(--green);display:flex;align-items:center;gap:28px;padding:14px 5vw;position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;font-weight:700;font-size:20px}
.brand img{width:38px;height:38px}
.top nav{display:flex;gap:22px;margin-left:auto}
.top nav a{color:#dfe7d6;text-decoration:none;font-size:15px}
.top nav a:hover,.top nav a.on{color:var(--gold)}
.btn{display:inline-block;padding:13px 26px;font-weight:700;text-decoration:none;border:2px solid transparent}
.btn.small{padding:8px 16px;font-size:15px}
.btn-gold{background:var(--gold);color:var(--deep)}
.btn-gold:hover{background:#f3c552}
.btn-ghost{border-color:var(--cream);color:var(--cream)}
.btn-ghost:hover{background:rgba(246,237,211,.12)}
.hero{background:linear-gradient(135deg,var(--green),var(--deep));color:var(--cream);display:grid;
grid-template-columns:minmax(300px,5fr) 7fr;gap:48px;align-items:center;padding:72px 5vw 80px}
.hero h1{font-size:clamp(34px,4.2vw,54px);line-height:1.1;margin:0 0 20px}
.lead{font-size:20px;color:#e6dfc6;margin:0 0 30px}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.small-print{font-size:14px;color:#b7c3ae;margin-top:18px}
.hero-shot{box-shadow:0 30px 60px rgba(0,0,0,.45)}
.band{background:var(--panel);color:var(--cream);padding:30px 5vw}
.points{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:auto}
.points strong{display:block;color:var(--gold);font-size:18px}
.points span{color:#d4dccb;font-size:15px}
.wrap{max-width:1200px;margin:auto;padding:56px 5vw}
h2{font-size:34px;margin:0 0 8px;color:var(--green)}
.sub{color:var(--muted);margin:0 0 40px}
.feature{display:grid;grid-template-columns:4fr 7fr;gap:48px;align-items:center;margin:56px 0}
.feature.flip{grid-template-columns:7fr 4fr}
.feature.flip .feature-text{order:2}
.feature h3{font-size:26px;margin:0 0 10px;color:var(--green)}
.feature img{box-shadow:0 16px 40px rgba(14,34,19,.25)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.tile{background:#fff;border:1px solid var(--line);border-top:4px solid var(--field);padding:20px 22px}
.tile h4{margin:0 0 6px;color:var(--green);font-size:18px}
.tile p{margin:0;color:var(--muted);font-size:15px}
.phone{display:grid;grid-template-columns:5fr 6fr;gap:48px;align-items:center}
.pricing{text-align:center}
.plans{display:grid;grid-template-columns:repeat(2,minmax(260px,400px));gap:24px;justify-content:center;margin:36px 0 24px}
.plan{background:#fff;border:1px solid var(--line);padding:32px;text-align:left;display:flex;flex-direction:column}
.plan.best{background:var(--green);color:var(--cream);border-color:var(--green)}
.plan h3{margin:0;font-size:22px}
.plan .price{font-size:30px;font-weight:700;margin:6px 0 16px;color:var(--gold)}
.plan:not(.best) .price{color:var(--green)}
.plan ul{padding-left:20px;margin:0 0 26px;flex:1}
.plan:not(.best) .btn-ghost{border-color:var(--green);color:var(--green)}
.faq details{background:#fff;border:1px solid var(--line);padding:16px 20px;margin:10px 0}
.faq summary{font-weight:600;cursor:pointer;color:var(--green)}
.faq details p{margin:10px 0 0;color:var(--muted)}
.system ul{color:var(--muted)}
.doc{max-width:900px}
.doc h1{font-size:40px;color:var(--green);margin:0 0 16px}
.doc h2{font-size:28px;margin:40px 0 10px}
.doc h3{font-size:21px;color:var(--green);margin:28px 0 8px}
.doc table{border-collapse:collapse;width:100%;margin:16px 0;background:#fff}
.doc th,.doc td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top;font-size:15px}
.doc th{background:#efe9d8}
.doc code{background:#efe9d8;padding:1px 6px;font-size:15px}
.doc li p{margin:4px 0}
.gallery{display:grid;gap:18px;margin:24px 0 40px}
footer{background:var(--deep);color:#cfd8c9;padding:48px 5vw 28px}
.foot-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;max-width:1200px;margin:auto}
footer h4{color:var(--gold);margin:4px 0 10px}
footer .foot-cols a:not(.brand){display:block;color:#cfd8c9;text-decoration:none;margin:4px 0;font-size:15px}
footer a:hover{color:var(--gold)}
.fine{max-width:1200px;margin:32px auto 0;font-size:13px;color:#8fa08a;border-top:1px solid #24402a;padding-top:18px}
@media (max-width:860px){
 .hero,.feature,.feature.flip,.phone{grid-template-columns:1fr}
 .feature.flip .feature-text{order:0}
 .points,.tiles,.foot-cols{grid-template-columns:1fr 1fr}
 .plans{grid-template-columns:1fr}
 .top nav{display:none}
 .top .btn{margin-left:auto}
}