/* ============================================================
   GIRON LANDSCAPING LLC — MASTER STYLESHEET
   Dark green / black premium theme
   ============================================================ */
:root {
  --g1: #0d2b0d;
  --g2: #163d16;
  --g3: #1f5c1f;
  --g4: #2e7d32;
  --g5: #43a047;
  --g6: #66bb6a;
  --g7: #a5d6a7;
  --blk: #060606;
  --d1:  #0e0e0e;
  --d2:  #141414;
  --d3:  #1a1a1a;
  --brd: #222;
  --txt: #e0e0e0;
  --mut: #777;
  --wht: #fff;
  --rad: 10px;
  --shadow: 0 8px 40px rgba(0,0,0,.7);
  --glow: 0 0 30px rgba(67,160,71,.25);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:16px;}
body{font-family:'Segoe UI',system-ui,sans-serif;background:var(--blk);color:var(--txt);line-height:1.65;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:#0a0a0a;}
::-webkit-scrollbar-thumb{background:var(--g4);border-radius:3px;}

/* ── SELECTION ── */
::selection{background:var(--g4);color:#fff;}

/* ── UTILS ── */
.container{max-width:1200px;margin:0 auto;padding:0 5%;}
.tag{color:var(--g6);font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;display:block;}
.sec-h{font-size:clamp(1.8rem,4vw,2.7rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:14px;}
.sec-p{color:var(--mut);font-size:1rem;max-width:640px;margin-bottom:48px;line-height:1.75;}
.divider{width:50px;height:3px;background:linear-gradient(90deg,var(--g4),var(--g6));border-radius:2px;margin:14px 0 40px;}
.sec{padding:90px 0;}
.sec-alt{background:var(--d1);}
.text-center{text-align:center;}
.text-center .sec-p{margin-left:auto;margin-right:auto;}
.text-center .divider{margin-left:auto;margin-right:auto;}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:var(--rad);font-weight:700;font-size:.95rem;transition:all .25s;cursor:pointer;border:none;font-family:inherit;}
.btn-primary{background:var(--g4);color:#fff;}
.btn-primary:hover{background:var(--g5);transform:translateY(-3px);box-shadow:var(--glow);}
.btn-outline{background:transparent;color:#fff;border:2px solid var(--g4);}
.btn-outline:hover{background:rgba(46,125,50,.2);transform:translateY(-3px);}
.btn-white{background:#fff;color:var(--g2);}
.btn-white:hover{background:var(--g7);transform:translateY(-3px);box-shadow:0 8px 30px rgba(255,255,255,.2);}
.btn-lg{padding:18px 42px;font-size:1.05rem;}

/* ── FADE-IN ANIMATIONS ── */
.fade-in{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease;}
.fade-in.visible{opacity:1;transform:translateY(0);}
.fade-left{opacity:0;transform:translateX(-40px);transition:opacity .7s ease,transform .7s ease;}
.fade-left.visible{opacity:1;transform:translateX(0);}
.fade-right{opacity:0;transform:translateX(40px);transition:opacity .7s ease,transform .7s ease;}
.fade-right.visible{opacity:1;transform:translateX(0);}
.scale-in{opacity:0;transform:scale(.92);transition:opacity .6s ease,transform .6s ease;}
.scale-in.visible{opacity:1;transform:scale(1);}

/* ── NAV ── */
#nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(6,6,6,.96);border-bottom:1px solid var(--g3);transition:all .3s;backdrop-filter:blur(12px);}
#nav.scrolled{box-shadow:0 4px 30px rgba(0,0,0,.6);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px;}
.nav-logo{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:900;color:#fff;}
.nav-logo .leaf{font-size:1.4rem;filter:drop-shadow(0 0 6px rgba(102,187,106,.5));}
.nav-logo em{color:var(--g6);font-style:normal;}
.nav-menu{display:flex;align-items:center;gap:6px;list-style:none;}
.nav-menu a{color:var(--mut);font-size:.85rem;font-weight:500;padding:7px 12px;border-radius:6px;transition:all .2s;}
.nav-menu a:hover{color:#fff;background:rgba(255,255,255,.06);}
.nav-cta{background:var(--g4)!important;color:#fff!important;padding:9px 20px!important;}
.nav-cta:hover{background:var(--g5)!important;}
.nav-phone{color:var(--g6)!important;font-weight:700!important;}
.burger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px;}
.burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s;}
.mobile-nav{display:none;position:fixed;top:68px;left:0;right:0;background:rgba(6,6,6,.98);border-bottom:1px solid var(--g3);padding:20px 5%;z-index:999;backdrop-filter:blur(12px);}
.mobile-nav.open{display:block;}
.mobile-nav ul{list-style:none;}
.mobile-nav li{border-bottom:1px solid var(--brd);}
.mobile-nav a{display:block;padding:14px 0;color:var(--txt);font-weight:600;font-size:1rem;}
.mobile-nav .m-cta{display:block;background:var(--g4);color:#fff;text-align:center;padding:14px;border-radius:var(--rad);margin-top:16px;font-weight:700;}

/* ── HERO ── */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:68px;}
.hero-bg{position:absolute;inset:0;z-index:0;}
.hero-bg-grad{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 60%,rgba(14,60,14,.9) 0%,rgba(6,6,6,.97) 60%);}
.hero-particles{position:absolute;inset:0;}
.hero-content{position:relative;z-index:1;max-width:720px;}
.hero-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(67,160,71,.12);border:1px solid rgba(102,187,106,.3);color:var(--g6);font-size:.72rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:28px;}
.hero h1{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:900;color:#fff;line-height:1.1;margin-bottom:22px;}
.hero h1 .accent{color:var(--g6);position:relative;}
.hero h1 .accent::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--g5),var(--g7));border-radius:2px;}
.hero-sub{font-size:1.1rem;color:var(--mut);max-width:580px;margin-bottom:40px;line-height:1.8;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:60px;}
.hero-stats{display:flex;gap:0;flex-wrap:wrap;}
.hstat{padding:0 32px;border-right:1px solid var(--brd);}
.hstat:first-child{padding-left:0;}
.hstat:last-child{border-right:none;}
.hstat-n{font-size:1.9rem;font-weight:900;color:var(--g6);line-height:1;}
.hstat-l{font-size:.68rem;color:var(--mut);text-transform:uppercase;letter-spacing:.8px;margin-top:4px;}
.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--mut);font-size:.72rem;letter-spacing:1px;text-transform:uppercase;animation:bounce 2s infinite;}
.hero-scroll-line{width:1px;height:40px;background:linear-gradient(180deg,var(--g4),transparent);}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}

/* ── TRUST BAR ── */
.trust{background:var(--g2);border-top:1px solid var(--g3);border-bottom:1px solid var(--g3);padding:16px 0;}
.trust-inner{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;}
.ti{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.9);}
.ti-dot{width:6px;height:6px;background:var(--g6);border-radius:50%;flex-shrink:0;}

/* ── SERVICES ── */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:24px;}
.svc-card{background:var(--d2);border:1px solid var(--brd);border-radius:14px;padding:32px 28px;position:relative;overflow:hidden;transition:all .3s;cursor:default;}
.svc-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(46,125,50,.08),transparent);opacity:0;transition:opacity .3s;}
.svc-card:hover::before{opacity:1;}
.svc-card:hover{border-color:var(--g4);transform:translateY(-6px);box-shadow:var(--shadow),var(--glow);}
.svc-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--g4),var(--g6));transform:scaleX(0);transform-origin:left;transition:transform .4s;}
.svc-card:hover::after{transform:scaleX(1);}
.svc-icon{font-size:2.6rem;margin-bottom:18px;display:block;}
.svc-card h3{font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:10px;}
.svc-card p{color:var(--mut);font-size:.875rem;line-height:1.7;}
.svc-badge{display:inline-block;background:rgba(102,187,106,.12);border:1px solid rgba(102,187,106,.3);color:var(--g6);font-size:.62rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:3px 10px;border-radius:100px;margin-top:14px;}
.svc-link{display:inline-flex;align-items:center;gap:6px;color:var(--g6);font-size:.82rem;font-weight:600;margin-top:14px;transition:gap .2s;}
.svc-link:hover{gap:10px;}

/* ── ABOUT ── */
.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center;}
.about-visual{position:relative;}
.about-img-box{background:linear-gradient(145deg,var(--g2),var(--g1));border:1px solid var(--g3);border-radius:18px;padding:56px 44px;text-align:center;position:relative;overflow:hidden;}
.about-img-box::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(67,160,71,.15),transparent);border-radius:50%;}
.aib-icon{font-size:5rem;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(102,187,106,.4));}
.aib-title{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:12px;}
.aib-text{color:rgba(255,255,255,.65);font-size:.88rem;line-height:1.7;}
.aib-badges{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px;}
.aib-badge{background:rgba(46,125,50,.3);border:1px solid var(--g4);color:#fff;font-size:.72rem;font-weight:700;padding:6px 14px;border-radius:100px;}
.about-float{position:absolute;bottom:-20px;right:-20px;background:var(--g4);color:#fff;border-radius:14px;padding:18px 22px;text-align:center;box-shadow:var(--glow);}
.about-float-n{font-size:2rem;font-weight:900;line-height:1;}
.about-float-l{font-size:.65rem;text-transform:uppercase;letter-spacing:.8px;margin-top:4px;opacity:.85;}
.check-list{list-style:none;}
.check-list li{display:flex;align-items:flex-start;gap:12px;color:var(--txt);font-size:.92rem;margin-bottom:14px;line-height:1.6;}
.ck{color:var(--g6);flex-shrink:0;font-size:1rem;margin-top:2px;}

/* ── PROCESS ── */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}
.process-grid::before{content:'';position:absolute;top:34px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,var(--g3),var(--g5),var(--g3));}
.proc-step{text-align:center;padding:0 16px;}
.proc-num{width:68px;height:68px;background:linear-gradient(135deg,var(--g3),var(--g4));border:2px solid var(--g5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#fff;margin:0 auto 20px;position:relative;z-index:1;transition:all .3s;box-shadow:0 0 0 6px var(--blk);}
.proc-step:hover .proc-num{box-shadow:0 0 0 6px var(--blk),var(--glow);transform:scale(1.08);}
.proc-step h4{font-size:1rem;font-weight:700;color:#fff;margin-bottom:8px;}
.proc-step p{color:var(--mut);font-size:.82rem;line-height:1.65;}

/* ── AREA GRID ── */
.area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;}
.area-card{background:var(--d2);border:1px solid var(--brd);border-radius:10px;padding:18px 14px;text-align:center;transition:all .25s;cursor:pointer;}
.area-card:hover{border-color:var(--g5);background:rgba(46,125,50,.12);transform:translateY(-4px);}
.area-card .a-ico{font-size:1.5rem;margin-bottom:7px;}
.area-card h4{font-size:.88rem;font-weight:700;color:#fff;margin-bottom:3px;}
.area-card p{font-size:.7rem;color:var(--mut);}
.area-card a{position:absolute;inset:0;}

/* ── GALLERY ── */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:12px;}
.gal-item{border-radius:12px;overflow:hidden;background:var(--d2);border:1px solid var(--brd);position:relative;}
.gal-item img{width:100%;height:240px;object-fit:cover;transition:transform .5s;}
.gal-item:hover img{transform:scale(1.06);}
.gal-item.tall img{height:400px;}
.gal-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 50%);opacity:0;transition:opacity .3s;}
.gal-item:hover .gal-overlay{opacity:1;}
.gal-cap{position:absolute;bottom:0;left:0;right:0;padding:18px 14px 12px;color:#fff;font-size:.78rem;font-weight:600;transform:translateY(4px);transition:transform .3s;}
.gal-item:hover .gal-cap{transform:translateY(0);}

/* ── WHY US ── */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.why-card{background:var(--d2);border:1px solid var(--brd);border-radius:14px;padding:30px 26px;border-top:3px solid var(--g4);transition:all .3s;}
.why-card:hover{border-color:var(--g5);box-shadow:var(--shadow);transform:translateY(-4px);}
.why-ico{font-size:2rem;margin-bottom:14px;}
.why-card h3{font-size:1rem;font-weight:800;color:#fff;margin-bottom:9px;}
.why-card p{color:var(--mut);font-size:.855rem;line-height:1.68;}

/* ── TESTIMONIALS ── */
.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;}
.tcard{background:var(--d2);border:1px solid var(--brd);border-radius:14px;padding:30px 26px;transition:all .3s;}
.tcard:hover{border-color:var(--g4);box-shadow:var(--shadow);}
.tcard-stars{color:#f9a825;font-size:1rem;letter-spacing:2px;margin-bottom:14px;}
.tcard-quote{color:#fff;font-size:.55rem;opacity:.3;font-size:3rem;line-height:1;margin-bottom:-10px;}
.tcard-text{color:var(--txt);font-size:.9rem;line-height:1.75;font-style:italic;margin-bottom:18px;}
.tcard-author{display:flex;align-items:center;gap:12px;}
.tcard-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--g3),var(--g4));display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.tcard-name{font-size:.88rem;font-weight:700;color:#fff;}
.tcard-loc{font-size:.72rem;color:var(--mut);}
.tcard-platform{display:flex;align-items:center;gap:4px;color:var(--g6);font-size:.68rem;font-weight:600;margin-top:2px;}

/* ── CTA BANNER ── */
.cta-band{background:linear-gradient(135deg,var(--g2) 0%,var(--g1) 50%,#050e05 100%);border-top:1px solid var(--g3);border-bottom:1px solid var(--g3);padding:88px 0;text-align:center;position:relative;overflow:hidden;}
.cta-band::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2343a047' fill-opacity='.04'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/svg%3E");}
.cta-band h2{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;color:#fff;margin-bottom:16px;position:relative;}
.cta-band p{color:rgba(255,255,255,.7);font-size:1.08rem;max-width:520px;margin:0 auto 40px;position:relative;}
.cta-phone-wrap{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;position:relative;}
.cta-num{display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--g2);font-size:1.8rem;font-weight:900;letter-spacing:-1px;padding:20px 48px;border-radius:10px;transition:all .25s;}
.cta-num:hover{transform:scale(1.04);box-shadow:0 8px 40px rgba(255,255,255,.2);}
.cta-text-btn{display:inline-flex;align-items:center;gap:10px;background:var(--g4);color:#fff;font-size:1.1rem;font-weight:700;padding:20px 36px;border-radius:10px;transition:all .25s;}
.cta-text-btn:hover{background:var(--g5);transform:scale(1.04);}
.cta-sub{margin-top:22px;color:rgba(255,255,255,.45);font-size:.8rem;position:relative;}

/* ── CONTACT ── */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start;}
.ci-card{background:var(--d2);border:1px solid var(--brd);border-radius:14px;padding:32px;margin-bottom:16px;display:flex;align-items:flex-start;gap:16px;transition:border-color .2s;}
.ci-card:hover{border-color:var(--g4);}
.ci-ico{width:48px;height:48px;border-radius:10px;background:rgba(46,125,50,.2);border:1px solid var(--g3);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
.ci-label{font-size:.72rem;color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;}
.ci-val{color:#fff;font-size:1rem;font-weight:700;}
.ci-val a{color:#fff;transition:color .2s;}
.ci-val a:hover{color:var(--g6);}
.form-box{background:var(--d2);border:1px solid var(--brd);border-radius:16px;padding:40px 36px;}
.form-box h3{font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:8px;}
.form-box .form-sub{color:var(--mut);font-size:.85rem;margin-bottom:28px;}
.fg{margin-bottom:16px;}
.fg label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.8px;color:var(--mut);margin-bottom:6px;text-transform:uppercase;}
.fg input,.fg textarea,.fg select{width:100%;background:#0f0f0f;border:1px solid #272727;border-radius:8px;color:#fff;padding:12px 16px;font-size:.92rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--g4);box-shadow:0 0 0 3px rgba(46,125,50,.15);}
.fg textarea{resize:vertical;min-height:100px;}
.fg select option{background:#0f0f0f;}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.submit-btn{width:100%;background:linear-gradient(135deg,var(--g4),var(--g5));color:#fff;border:none;border-radius:8px;padding:15px;font-size:1rem;font-weight:800;cursor:pointer;transition:all .25s;font-family:inherit;margin-top:6px;letter-spacing:.3px;}
.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--glow);}
.form-guarantee{display:flex;align-items:center;gap:8px;color:var(--mut);font-size:.75rem;margin-top:12px;justify-content:center;}

/* ── FOOTER ── */
footer{background:#030303;border-top:1px solid #181818;padding:56px 0 24px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;}
.footer-brand .fl{font-size:1.1rem;font-weight:900;color:#fff;display:flex;align-items:center;gap:8px;margin-bottom:14px;}
.footer-brand .fl em{color:var(--g6);font-style:normal;}
.footer-brand p{color:#555;font-size:.82rem;line-height:1.7;max-width:260px;}
.footer-brand .social{display:flex;gap:10px;margin-top:18px;}
.social-btn{width:36px;height:36px;border-radius:8px;background:var(--d3);border:1px solid var(--brd);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;}
.social-btn:hover{background:var(--g4);border-color:var(--g4);}
.footer-col h4{color:#fff;font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:9px;}
.footer-col a{color:#555;font-size:.82rem;transition:color .2s;}
.footer-col a:hover{color:var(--g6);}
.footer-bottom{border-top:1px solid #181818;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.footer-copy{color:#3a3a3a;font-size:.75rem;}
.footer-seo{color:#1a1a1a;font-size:.65rem;line-height:1.6;margin-top:10px;}

/* ── FLOATING WIDGETS ── */
.float-widgets{position:fixed;bottom:28px;right:28px;z-index:900;display:flex;flex-direction:column;gap:12px;align-items:flex-end;}
.fw-call,.fw-text,.fw-toggle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;text-decoration:none;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px rgba(0,0,0,.5);border:none;font-family:inherit;}
.fw-call{background:var(--g4);color:#fff;animation:ring 3s infinite;}
.fw-call:hover{background:var(--g5);transform:scale(1.1);}
.fw-text{background:var(--g2);color:#fff;border:2px solid var(--g4);}
.fw-text:hover{background:var(--g3);transform:scale(1.1);}
.fw-toggle{background:var(--d2);color:#fff;border:1px solid var(--brd);}
.fw-label{background:rgba(0,0,0,.85);color:#fff;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:6px;white-space:nowrap;backdrop-filter:blur(8px);}
.fw-item{display:flex;align-items:center;gap:10px;}
.fw-item-hidden{display:none;}
@keyframes ring{0%,100%{box-shadow:0 0 0 0 rgba(67,160,71,.6)}50%{box-shadow:0 0 0 12px rgba(67,160,71,0)}}

/* ── STICKY CALL BAR (mobile) ── */
.sticky-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:901;background:var(--g2);border-top:2px solid var(--g4);padding:10px 5%;gap:10px;}
.sticky-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border-radius:8px;font-weight:700;font-size:.9rem;}
.sticky-call{background:var(--g4);color:#fff;}
.sticky-txt{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);}

/* ── PAGE HERO (inner pages) ── */
.page-hero{background:linear-gradient(135deg,var(--g1) 0%,var(--blk) 100%);padding:140px 0 80px;border-bottom:1px solid var(--g3);position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2343a047' fill-opacity='.04'%3E%3Ccircle cx='40' cy='40' r='3'/%3E%3C/g%3E%3C/svg%3E");}
.page-hero h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:900;color:#fff;margin-bottom:14px;position:relative;}
.page-hero p{color:var(--mut);font-size:1.05rem;max-width:600px;line-height:1.75;position:relative;}
.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--mut);font-size:.8rem;margin-bottom:18px;position:relative;}
.breadcrumb a{color:var(--g6);}
.breadcrumb span{opacity:.4;}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .process-grid{grid-template-columns:repeat(2,1fr);}
  .process-grid::before{display:none;}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .nav-menu{display:none;}
  .burger{display:flex;}
  .about-grid,.contact-grid{grid-template-columns:1fr;}
  .gallery-grid{grid-template-columns:1fr 1fr;}
  .gal-item.tall img{height:240px;}
  .hero-stats{gap:0;}
  .hstat{padding:0 16px;}
  .sticky-bar{display:flex;}
  .float-widgets{bottom:86px;}
  .process-grid{grid-template-columns:1fr 1fr;}
  .why-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .gallery-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .process-grid{grid-template-columns:1fr;}
  .fg-row{grid-template-columns:1fr;}
  .hero-stats{flex-direction:column;gap:16px;}
  .hstat{border-right:none;border-bottom:1px solid var(--brd);padding:12px 0;}
  .hstat:last-child{border-bottom:none;}
}

/* ════════════════════════════════════════════════════════
   v5 WHITE CONTENT BLOCKS — pop against dark theme
   ════════════════════════════════════════════════════════ */
.content-card{
  background:#ffffff;
  color:#1a1a1a;
  border-radius:18px;
  padding:clamp(28px,4vw,56px) clamp(22px,4vw,52px);
  box-shadow:0 20px 60px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.25);
  margin:0 auto;
  max-width:1180px;
  position:relative;
}
.content-card h1,
.content-card h2,
.content-card h3,
.content-card h4,
.content-card h5{color:#0d2b0d;}
.content-card h1{font-size:clamp(1.9rem,3.6vw,2.6rem);font-weight:900;margin-bottom:14px;line-height:1.15;}
.content-card h2{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;margin:30px 0 12px;line-height:1.2;}
.content-card h2:first-child{margin-top:0;}
.content-card h3{font-size:1.15rem;font-weight:800;margin:20px 0 8px;}
.content-card p{color:#333;font-size:1rem;line-height:1.75;margin-bottom:14px;}
.content-card .tag{color:#2e7d32;}
.content-card .sec-h{color:#0d2b0d;}
.content-card .sec-p,
.content-card .sec-sub{color:#444;}
.content-card .divider{background:linear-gradient(90deg,#2e7d32,#66bb6a);}
.content-card a{color:#1f5c1f;text-decoration:underline;text-decoration-color:rgba(46,125,50,.35);text-underline-offset:3px;}
.content-card a:hover{color:#2e7d32;text-decoration-color:#2e7d32;}
.content-card ul,.content-card ol{padding-left:22px;margin-bottom:14px;}
.content-card li{color:#333;margin-bottom:8px;line-height:1.7;}
.content-card .check-list{list-style:none;padding-left:0;}
.content-card .check-list li{display:flex;align-items:flex-start;gap:12px;color:#222;font-size:.96rem;margin-bottom:12px;line-height:1.6;}
.content-card .check-list .ck{color:#2e7d32;font-weight:900;flex-shrink:0;font-size:1.05rem;margin-top:2px;}
.content-card strong{color:#0d2b0d;}
.content-card .breadcrumb{color:#555;}
.content-card .breadcrumb a{color:#2e7d32;}
.content-card .breadcrumb span{color:#888;}

/* white-section wrapper — gives breathing space between dark page bg and white card */
.white-section{
  background:transparent;
  padding:clamp(40px,7vw,90px) clamp(16px,4vw,40px);
}
.white-section + .white-section{padding-top:0;}

/* FAQ inside white card */
.content-card .faq-item{
  border:1px solid #e3e8e3;
  border-radius:12px;
  overflow:hidden;
  margin-bottom:10px;
  background:#f8faf8;
}
.content-card .faq-q{
  width:100%;background:#f1f6f1;color:#0d2b0d;border:none;
  padding:18px 22px;font-size:.98rem;font-weight:700;text-align:left;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;font-family:inherit;
  transition:background .2s;
}
.content-card .faq-q:hover{background:#e7f0e7;}
.content-card .faq-q span{color:#2e7d32;font-size:1.4rem;line-height:1;transition:transform .25s;}
.content-card .faq-a{display:none;padding:18px 22px;background:#fff;border-top:1px solid #e3e8e3;}
.content-card .faq-a p{color:#444;font-size:.95rem;line-height:1.7;margin:0;}
.content-card .faq-item.open .faq-q span{transform:rotate(45deg);}
.content-card .faq-item.open .faq-a{display:block;}

/* about-grid inside white card */
.content-card .about-grid{gap:48px;}
.content-card .about-img-box{
  background:linear-gradient(145deg,#163d16,#0d2b0d);
  border:1px solid #2e7d32;
  color:#fff;
}
.content-card .about-img-box .aib-title{color:#fff;}
.content-card .about-img-box .aib-text{color:rgba(255,255,255,.85);}

/* svc-card / area-card / tcard inside white card */
.content-card .svc-card,
.content-card .area-card,
.content-card .tcard,
.content-card .bc{
  background:#f6faf6;
  border:1px solid #d9e6d9;
  color:#222;
}
.content-card .svc-card h3,
.content-card .area-card h4,
.content-card .tcard-name,
.content-card .bc h3{color:#0d2b0d;}
.content-card .svc-card p,
.content-card .area-card p,
.content-card .tcard-text,
.content-card .bc p{color:#444;}
.content-card .svc-card:hover,
.content-card .area-card:hover,
.content-card .tcard:hover{border-color:#2e7d32;background:#eef6ee;}
.content-card .tcard-loc,
.content-card .tcard-platform{color:#666;}

/* contact form on white card */
.content-card .form-box,
.content-card .ci-card{
  background:#f6faf6;border:1px solid #d9e6d9;
}
.content-card .ci-val,
.content-card .form-box h3{color:#0d2b0d;}
.content-card .form-box .form-sub,
.content-card .ci-label{color:#555;}
.content-card .fg label{color:#2e7d32;}
.content-card .fg input,
.content-card .fg textarea,
.content-card .fg select{
  background:#fff;border:1px solid #cfdccf;color:#1a1a1a;
}
.content-card .fg input:focus,
.content-card .fg textarea:focus,
.content-card .fg select:focus{border-color:#2e7d32;box-shadow:0 0 0 3px rgba(46,125,50,.15);}

/* responsive */
@media(max-width:768px){
  .content-card{padding:28px 22px;border-radius:14px;}
  .white-section{padding:32px 14px;}
}

/* override CSS variables INSIDE white card so inline color:var(--mut) becomes dark-readable */
.content-card{
  --mut:#444;
  --txt:#1a1a1a;
  --brd:#dde5dd;
  --d2:#f6faf6;
  --d3:#eef4ee;
  --wht:#0d2b0d;
}


/* ════════════════════════════════════════════════════════
   UNIVERSAL FLOATING CALL/TEXT WIDGET — every page
   ════════════════════════════════════════════════════════ */
.giron-floats{
  position:fixed;
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:10px;
  right:18px;
  bottom:18px;
  pointer-events:none;
}
.giron-floats > a{
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:13px 20px;
  border-radius:999px;
  font-weight:800;
  font-size:.95rem;
  letter-spacing:.2px;
  font-family:inherit;
  box-shadow:0 8px 28px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.35);
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  border:1px solid rgba(255,255,255,.18);
  white-space:nowrap;
}
.giron-floats > a:hover{transform:translateY(-2px);filter:brightness(1.05);}
.giron-floats > a:active{transform:translateY(0);}
.giron-floats .gf-ico{font-size:1.15rem;line-height:1;}
.giron-floats .gf-call{
  background:linear-gradient(135deg,#22c55e,#15803d);
  color:#fff !important;
  animation:gfPulse 2.4s ease-in-out infinite;
}
.giron-floats .gf-sms{
  background:linear-gradient(135deg,#0d2b0d,#163d16);
  color:#fff !important;
}
@keyframes gfPulse{
  0%,100%{box-shadow:0 8px 28px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.35), 0 0 0 0 rgba(34,197,94,.45);}
  50%{box-shadow:0 8px 28px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.35), 0 0 0 12px rgba(34,197,94,0);}
}
/* mobile: become a full-width bottom bar */
@media (max-width:640px){
  .giron-floats{
    left:10px;right:10px;bottom:10px;
    flex-direction:row;
    gap:8px;
  }
  .giron-floats > a{
    flex:1 1 50%;
    justify-content:center;
    padding:14px 10px;
    border-radius:14px;
    font-size:.98rem;
    box-shadow:0 6px 20px rgba(0,0,0,.55);
  }
}
/* hide the legacy widgets so we don't duplicate */
.float-widgets,.sticky-bar,.float-bar{display:none !important;}



/* ── about-img-box: photo background with dark overlay (set per-page via inline style) ── */
.about-img-box{
  position:relative !important;
  overflow:hidden !important;
  border-radius:18px !important;
  padding:56px 44px !important;
  text-align:center !important;
  border:1px solid rgba(126,200,80,.35) !important;
  background:#0d2b0d !important;
  isolation:isolate;
  box-shadow:0 12px 36px rgba(0,0,0,.5);
}
.about-img-box::before{
  /* the photo */
  content:'' !important;
  position:absolute !important;
  inset:0;
  background-image:var(--aib-photo, none);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  z-index:-2;
  transform:scale(1.02);
}
.about-img-box::after{
  /* dark green gradient overlay for legibility */
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(10,26,10,.55) 0%, rgba(10,26,10,.78) 60%, rgba(6,14,6,.92) 100%),
    radial-gradient(ellipse at 50% 30%, rgba(46,125,50,.18) 0%, rgba(10,26,10,.0) 60%);
  z-index:-1;
}
.about-img-box .aib-icon,
.about-img-box .aib-title,
.about-img-box .aib-text,
.about-img-box .aib-badges,
.about-img-box .btn{position:relative; z-index:1;}
.about-img-box .aib-title{
  color:#fff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.6);
}
.about-img-box .aib-text{
  color:rgba(255,255,255,.92) !important;
  text-shadow:0 1px 8px rgba(0,0,0,.5);
}
.about-img-box .aib-badge{
  background:rgba(0,0,0,.45) !important;
  border:1px solid rgba(126,200,80,.5) !important;
  color:#fff !important;
  backdrop-filter:blur(4px);
}
.about-img-box .btn-outline{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.5) !important;
  color:#fff !important;
  backdrop-filter:blur(4px);
}
.about-img-box .btn-outline:hover{background:rgba(255,255,255,.18) !important;}