
:root{
  --green:#1f5f38;
  --green2:#2f7d32;
  --dark:#0f1411;
  --soft:#f4f7f1;
  --gray:#647067;
  --gold:#c9a75d;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--dark);background:#fff}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:auto}
.topbar{background:#0e1712;color:#dbe8dd;font-size:.9rem;padding:9px 0}
.topbar .container,.nav .container{display:flex;align-items:center;justify-content:space-between;gap:18px}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.logo-wrap{display:flex;align-items:center;gap:12px;font-weight:900}
.logo-wrap img{width:58px;height:58px;object-fit:contain}
.logo-text span{display:block;font-size:.78rem;color:var(--green);letter-spacing:2px}
.menu{display:flex;gap:24px;align-items:center;font-weight:700;color:#253029}
.menu a:hover{color:var(--green2)}
.call-btn,.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font-weight:900;transition:.2s}
.call-btn,.primary-btn{background:linear-gradient(135deg,var(--green),var(--green2));color:white;box-shadow:0 14px 35px rgba(31,95,56,.28)}
.secondary-btn{border:1px solid rgba(255,255,255,.55);color:white}
.primary-btn:hover,.call-btn:hover{transform:translateY(-2px)}
.hero{min-height:86vh;background:linear-gradient(90deg,rgba(5,12,8,.87),rgba(5,12,8,.58),rgba(5,12,8,.15)),url('assets/hero.jpg') center/cover no-repeat;color:white;display:flex;align-items:center}
.hero-content{max-width:790px;padding:70px 0}
.eyebrow{display:inline-block;background:rgba(201,167,93,.18);border:1px solid rgba(201,167,93,.6);color:#f5d98b;border-radius:999px;padding:8px 14px;font-weight:900;font-size:.8rem;letter-spacing:.9px;text-transform:uppercase}
h1{font-size:clamp(2.5rem,7vw,5.7rem);line-height:.95;margin:18px 0;font-weight:950;letter-spacing:-3px}
.hero p{font-size:1.22rem;max-width:650px;color:#e8f0e6}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px;max-width:690px}
.trust-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);padding:16px;border-radius:18px;backdrop-filter:blur(10px)}
.trust-card b{display:block;font-size:1.35rem;color:white}
.trust-card span{color:#d8e7dc;font-size:.9rem}
section{padding:82px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:35px}
.section-head h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1;margin:0;letter-spacing:-1.5px}
.section-head p{max-width:570px;color:var(--gray);font-size:1.05rem}
.services{background:var(--soft)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:white;border:1px solid #e3eadf;border-radius:24px;padding:28px;box-shadow:0 18px 40px rgba(17,28,20,.06)}
.card .icon{font-size:2.2rem;margin-bottom:14px}
.card h3{font-size:1.35rem;margin:0 0 10px}
.card p{color:var(--gray);margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.feature-img{border-radius:30px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.18)}
.feature-img img{height:480px;width:100%;object-fit:cover}
.checks{display:grid;gap:13px;margin:25px 0}
.checks div{background:#f7faf4;border-left:5px solid var(--green2);padding:13px 15px;border-radius:13px;font-weight:800}
.before-after{background:#111812;color:white}
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ba-card{position:relative;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.14)}
.ba-card img{height:420px;width:100%;object-fit:cover}
.label{position:absolute;top:18px;left:18px;background:rgba(0,0,0,.68);color:white;border-radius:999px;padding:9px 14px;font-weight:900}
.projects .gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.gallery img{height:430px;width:100%;object-fit:cover;border-radius:28px;box-shadow:0 20px 50px rgba(0,0,0,.13)}
.cta{background:linear-gradient(135deg,var(--green),#10341f);color:white;border-radius:34px;padding:50px;display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:center}
.cta h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:0 0 14px}
.cta p{color:#dcebdd;font-size:1.08rem}
.form-page{background:linear-gradient(180deg,#f4f7f1,#fff)}
.lead-form{background:white;border:1px solid #dfe8dc;border-radius:30px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.09)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.full{grid-column:1/-1}
label{font-weight:850;font-size:.9rem;color:#26342a}
input,select,textarea{width:100%;margin-top:7px;border:1px solid #d8e1d6;border-radius:14px;padding:14px 15px;font:inherit;background:#fbfdf9}
textarea{min-height:120px;resize:vertical}
.options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:9px}
.option{border:1px solid #d8e1d6;border-radius:14px;padding:12px;background:#fbfdf9}
.option input{width:auto;margin-right:8px}
.notice{display:none;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:16px;padding:14px;font-weight:700}
.notice.show{display:block}
button{border:0;cursor:pointer;font:inherit}
.submit{width:100%;padding:16px;border-radius:999px;background:linear-gradient(135deg,var(--green),var(--green2));color:white;font-weight:950;font-size:1.03rem}
.footer{background:#0d130f;color:#dfe9df;padding:45px 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.footer a{display:block;margin:7px 0;color:#dfe9df}
.mobile-toggle{display:none}
.page-hero{padding:90px 0;background:linear-gradient(135deg,#102116,#1f5f38);color:white}
.page-hero h1{font-size:clamp(2.3rem,5vw,4.5rem)}
@media(max-width:850px){
  .menu{display:none}
  .mobile-toggle{display:block}
  .hero{min-height:78vh}
  .trust-row,.grid,.split,.ba-grid,.projects .gallery,.cta,.footer-grid,.form-grid{grid-template-columns:1fr}
  .cta{padding:32px}
  .section-head{display:block}
  .feature-img img,.ba-card img,.gallery img{height:310px}
  h1{letter-spacing:-1.5px}
}
