:root{
  --black:#0C0C0A;
  --panel:#121308;
  --panel-2:#15170c;
  --glow:#1C210C;
  --lime:#C4E839;
  --lime-dim:#a7c62f;
  --white:#F1F1F0;
  --muted:rgba(241,241,240,0.62);
  --muted-2:rgba(241,241,240,0.40);
  --line:rgba(241,241,240,0.10);
  --line-lime:rgba(196,232,57,0.22);
  --radius:14px;
  --serif:'Playfair Display', Georgia, serif;
  --sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--black);
  color:var(--white);
  font-family:var(--sans);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px;}
section{position:relative;}
.eyebrow{
  font-size:12px;letter-spacing:4px;text-transform:uppercase;
  color:var(--lime);font-weight:600;
  display:inline-flex;align-items:center;gap:12px;
}
.eyebrow::before,.eyebrow::after{content:"";width:16px;height:1px;background:var(--lime);opacity:.6;}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.5px;}
.lime{color:var(--lime);}
.italic{font-style:italic;}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--sans);font-weight:600;font-size:15px;
  padding:14px 26px;border-radius:9px;cursor:pointer;border:1px solid transparent;
  transition:transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.btn-primary{background:var(--lime);color:var(--black);box-shadow:0 0 0 rgba(196,232,57,0);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px rgba(196,232,57,.5);}
.btn-ghost{border-color:rgba(241,241,240,.22);color:var(--white);}
.btn-ghost:hover{border-color:var(--lime);color:var(--lime);}

/* NAV */
header{position:sticky;top:0;z-index:50;background:rgba(12,12,10,.78);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
nav{display:flex;align-items:center;justify-content:space-between;height:70px;}
.brand{font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:-.5px;}
.brand b{font-weight:500;}
.brand .fx{color:var(--lime);font-style:italic;}
.navlinks{display:flex;gap:30px;font-size:14px;color:var(--muted);font-weight:500;}
.navlinks a:hover{color:var(--white);}
.nav-cta{display:flex;align-items:center;gap:14px;}
.menu-btn{display:none;background:none;border:0;color:var(--white);font-size:26px;cursor:pointer;}
@media(max-width:860px){
  .navlinks,.nav-cta .btn{display:none;}
  .menu-btn{display:block;}
}
.mobile-menu{display:none;flex-direction:column;gap:4px;padding:12px 24px 20px;border-bottom:1px solid var(--line);background:var(--black);}
.mobile-menu a{padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted);font-weight:500;}
.mobile-menu.open{display:flex;}

/* HERO */
.hero{
  text-align:center;padding:96px 0 80px;
  background:
    radial-gradient(90% 70% at 50% -10%, var(--glow) 0%, rgba(28,33,12,0) 60%),
    radial-gradient(60% 50% at 50% 0%, rgba(196,232,57,.08) 0%, rgba(196,232,57,0) 55%);
}
.hero h1{font-size:clamp(38px,6vw,66px);max-width:900px;margin:26px auto 0;}
.hero p.lead{font-size:clamp(16px,2.2vw,19px);color:var(--muted);max-width:600px;margin:24px auto 0;}
.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:36px;}
.trust-strip{
  display:flex;justify-content:center;flex-wrap:wrap;gap:14px 46px;
  margin-top:56px;padding-top:30px;border-top:1px solid var(--line);
  font-size:14px;color:var(--muted);
}
.trust-strip b{color:var(--lime);font-weight:700;}
.trust-strip span{white-space:nowrap;}

/* SECTION HEAD */
.sec{padding:92px 0;}
.sec-head{max-width:640px;}
.sec-head.center{margin:0 auto;text-align:center;}
.sec-head h2{font-size:clamp(30px,4.4vw,46px);margin:18px 0 0;}
.sec-head p{color:var(--muted);margin-top:16px;font-size:16px;}

/* WHY - grid cards */
.grid{display:grid;gap:18px;margin-top:48px;}
.grid-4{grid-template-columns:repeat(4,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-2{grid-template-columns:repeat(2,1fr);}
@media(max-width:960px){.grid-4{grid-template-columns:repeat(2,1fr);}.grid-3{grid-template-columns:1fr;}}
@media(max-width:620px){.grid-4,.grid-2{grid-template-columns:1fr;}}
.card{
  background:linear-gradient(180deg,var(--panel) 0%,rgba(18,19,8,.4) 100%);
  border:1px solid var(--line);border-radius:var(--radius);padding:26px;
  transition:border-color .18s ease, transform .18s ease;
}
.card:hover{border-color:var(--line-lime);transform:translateY(-3px);}
.card .ic{
  width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:rgba(196,232,57,.12);color:var(--lime);margin-bottom:18px;
  font-size:20px;font-weight:700;font-family:var(--serif);
}
.card h3{font-size:20px;margin-bottom:8px;}
.card p{color:var(--muted);font-size:14.5px;}

/* PROCESS timeline */
.steps{margin-top:52px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
@media(max-width:900px){.steps{grid-template-columns:1fr;gap:0;}}
.step{position:relative;padding:24px 18px;}
.step .num{
  font-family:var(--serif);font-size:34px;color:var(--lime);font-style:italic;
  line-height:1;margin-bottom:14px;
}
.step h4{font-family:var(--sans);font-weight:600;font-size:15px;margin-bottom:6px;}
.step p{color:var(--muted);font-size:13.5px;}
.step::after{
  content:"";position:absolute;top:34px;right:-6px;width:12px;height:1px;background:var(--line-lime);
}
.steps .step:last-child::after{display:none;}
@media(max-width:900px){
  .step{border-left:1px solid var(--line);padding-left:26px;}
  .step .num{position:absolute;left:-20px;background:var(--black);font-size:26px;padding:2px 0;}
  .step::after{display:none;}
}

/* SPLIT (who we serve + scenarios) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:48px;align-items:start;}
@media(max-width:860px){.split{grid-template-columns:1fr;gap:40px;}}
.list{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:2px;}
.list li{position:relative;padding:14px 0 14px 24px;border-bottom:1px solid var(--line);color:var(--muted);font-size:15px;}
.list li::before{content:"";position:absolute;left:2px;top:21px;width:7px;height:7px;background:var(--lime);border-radius:2px;transform:rotate(45deg);}
.list li b{color:var(--white);font-weight:600;}

/* OPTIONAL services chips */
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px;}
.chip{border:1px solid var(--line);border-radius:100px;padding:10px 20px;font-size:14px;color:var(--muted);transition:.18s;}
.chip:hover{border-color:var(--line-lime);color:var(--white);}

/* TRUST band */
.band{
  margin-top:0;background:
    radial-gradient(100% 120% at 50% 0%, rgba(196,232,57,.06),rgba(196,232,57,0) 60%),
    var(--panel-2);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;text-align:center;}
@media(max-width:720px){.stats{grid-template-columns:repeat(2,1fr);}}
.stat .n{font-family:var(--serif);font-size:clamp(34px,5vw,50px);color:var(--lime);line-height:1;}
.stat .l{color:var(--muted);font-size:14px;margin-top:10px;}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:48px;align-items:start;}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr;gap:36px;}}
.contact-cta{
  background:linear-gradient(180deg,var(--panel) 0%,rgba(18,19,8,.4) 100%);
  border:1px solid var(--line-lime);border-radius:var(--radius);padding:34px 30px;
}
.contact-cta h3{font-size:26px;margin-bottom:12px;}
.contact-cta p{color:var(--muted);font-size:15px;}
.contact-cta .btn{margin-top:24px;width:100%;justify-content:center;font-size:16px;padding:16px 26px;}
.contact-note{font-size:12.5px;color:var(--muted-2);margin-top:14px;text-align:center;}
.wa-ic{width:20px;height:20px;flex:0 0 20px;}
.contact-info .row{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);}
.contact-info .row .ic{width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:rgba(196,232,57,.12);color:var(--lime);display:flex;align-items:center;justify-content:center;font-size:18px;}
.contact-info .row .t small{display:block;color:var(--muted);font-size:12.5px;}
.contact-info .row .t a,.contact-info .row .t span{font-weight:600;font-size:15.5px;}
.guarantee{margin-top:26px;background:rgba(196,232,57,.07);border:1px solid var(--line-lime);border-radius:var(--radius);padding:20px 22px;}
.guarantee b{color:var(--lime);}

/* FOOTER */
footer{border-top:1px solid var(--line);padding:44px 0 40px;margin-top:0;color:var(--muted);font-size:14px;}
.foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;align-items:center;}
.foot-links{display:flex;gap:24px;flex-wrap:wrap;}
.foot-links a:hover{color:var(--white);}
.foot-bottom{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:var(--muted-2);}
.disclaimer{margin-top:14px;font-size:11.5px;color:var(--muted-2);max-width:760px;line-height:1.55;}
