:root{--green:#16a34a;--blue:#0f172a;--muted:#64748b;--bg:#f8fafc;--card:#fff;--shadow:0 20px 60px rgba(15,23,42,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--blue);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topbar{background:#0f172a;color:#fff;font-size:14px;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);box-shadow:0 8px 25px rgba(15,23,42,.06)}.navin{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px;font-weight:900;font-size:26px}.brand img{height:75px}.menu{display:flex;gap:28px;align-items:center;font-weight:800}.menu a:hover{color:var(--green)}.drop{position:relative}.mega{position:absolute;top:34px;left:-120px;width:560px;background:#fff;border-radius:24px;padding:18px;box-shadow:var(--shadow);display:none;grid-template-columns:1fr 1fr;gap:12px}.drop:hover .mega{display:grid}.mega a{background:#f8fafc;border-radius:14px;padding:15px;font-size:17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff;padding:15px 24px;border-radius:999px;font-weight:900;border:0;cursor:pointer;box-shadow:0 16px 35px rgba(22,163,74,.25)}.btn.dark{background:#0f172a}.btn.out{background:#fff;color:var(--green);border:2px solid var(--green)}.hero{min-height:690px;display:grid;place-items:center;position:relative;overflow:hidden}.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:hero 20s infinite}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.76),rgba(255,255,255,.2))}.slide:nth-child(1){background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1800&q=80');opacity:1}.slide:nth-child(2){background-image:url('https://images.unsplash.com/photo-1600210492493-0946911123ea?auto=format&fit=crop&w=1800&q=80');animation-delay:5s}.slide:nth-child(3){background-image:url('https://images.unsplash.com/photo-1600566753151-384129cf4e3e?auto=format&fit=crop&w=1800&q=80');animation-delay:10s}.slide:nth-child(4){background-image:url('https://images.unsplash.com/photo-1600607688066-890987f18a86?auto=format&fit=crop&w=1800&q=80');animation-delay:15s}@keyframes hero{0%,22%{opacity:1}27%,100%{opacity:0}}.heroContent{position:relative;z-index:1;width:min(1180px,92%);animation:fadeUp .9s}.eyebrow{letter-spacing:5px;color:var(--green);font-weight:900;text-transform:uppercase}.hero h1{font-size:clamp(40px,6vw,78px);line-height:1.05;margin:15px 0;max-width:850px}.hero p{font-size:22px;max-width:650px;color:#334155}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.section{padding:90px 0}.title{text-align:center;margin-bottom:44px}.title h2{font-size:clamp(32px,4vw,52px);margin:10px 0}.title p{color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #eef2f7;transition:.35s}.card:hover{transform:translateY(-8px)}.card img{height:260px;width:100%;object-fit:cover}.pad{padding:24px}.pad h3{font-size:26px;margin:0 0 10px}.pad p{color:#334155;font-size:17px;line-height:1.65}.light{background:#f8fafc}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{background:#fff;border-radius:24px;padding:35px;text-align:center;box-shadow:var(--shadow)}.stat b{font-size:45px;color:var(--green)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature{background:#fff;padding:25px;border-radius:20px;box-shadow:var(--shadow)}.feature span{font-size:34px}.quote{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.form{background:rgba(255,255,255,.86);border-radius:28px;padding:32px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}input,select,textarea{width:100%;padding:16px 18px;border:1px solid #dbe3ee;border-radius:14px;margin-bottom:14px;font:inherit}.areas{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.chip{padding:12px 18px;border-radius:999px;background:#fff;border:1px solid #dbe3ee;font-weight:800}.float{position:fixed;right:18px;bottom:85px;z-index:2000;display:flex;flex-direction:column;gap:12px}.float a,.float button{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;border:0;box-shadow:0 12px 28px rgba(0,0,0,.18);cursor:pointer}.wa{background:#16a34a}.call{background:#0f172a}.im{background:#0ea5e9}.jd{background:#f97316}.fb{background:#1877f2}.ig{background:linear-gradient(45deg,#f97316,#e11d48,#7c3aed)}.bottomBar{display:none}.popup{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:3000;display:none;align-items:center;justify-content:center}.popupBox{background:#fff;width:min(380px,90%);border-radius:24px;padding:28px;text-align:center;animation:pop .25s}.popupBox a{display:block;margin:12px 0;padding:15px;border-radius:14px;background:var(--green);color:#fff;font-weight:900}.close{float:right;font-size:28px;cursor:pointer}.footer{background:#0f172a;color:#fff;padding:70px 0 20px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:28px}.footer a{display:block;color:#dbeafe;margin:8px 0}.pageHero{padding:90px 0;background:linear-gradient(135deg,#f0fdf4,#eff6ff);text-align:center}.pageHero h1{font-size:clamp(38px,5vw,70px)}.two{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.spec{padding:18px;border-radius:18px;background:#f8fafc;font-weight:800}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery img{height:230px;width:100%;object-fit:cover;border-radius:20px}.faq{max-width:900px;margin:auto}.faq details{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;margin:12px 0}.faq summary{font-weight:900;cursor:pointer}.preloader{position:fixed;inset:0;background:#fff;z-index:5000;display:grid;place-items:center}.preloader img{height:95px;animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scale(1.07)}}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.reveal{opacity:0;transform:translateY(35px);transition:.7s}.reveal.show{opacity:1;transform:none}@media(max-width:850px){.topbar{display:none}.navin{height:82px}.brand span{display:none}.brand img{height:68px}.menu{display:none}.hero{min-height:720px}.hero h1{font-size:42px}.grid,.stats,.features,.quote,.two,.footergrid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.float{right:12px;bottom:120px}.float a,.float button{width:46px;height:46px;font-size:13px}.bottomBar{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -10px 30px rgba(15,23,42,.12);display:grid;grid-template-columns:repeat(3,1fr);z-index:2100}.bottomBar a,.bottomBar button{padding:13px 8px;text-align:center;border:0;background:#fff;font-weight:900;color:#0f172a}.bottomBar .mid{background:#16a34a;color:#fff}.section{padding:60px 0}.card img{height:220px}.footer{padding-bottom:90px}}

/* Advanced SEO + Mobile Upgrade */
.profileBtn{background:#16a34a;color:#fff;padding:12px 18px;border-radius:999px;font-weight:900;display:inline-flex;align-items:center;gap:8px}.mobileMenuBtn{display:none;background:#0f172a;color:#fff;border:0;border-radius:14px;padding:11px 13px;font-weight:900}.cityGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cityCard{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:24px;box-shadow:var(--shadow)}.cityCard h3{margin-top:0}.breadcrumb{font-weight:800;color:#64748b;margin-bottom:12px}.seoContent{max-width:980px;margin:auto}.seoContent p,.seoContent li{font-size:17px;line-height:1.75;color:#334155}.toc{background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;padding:22px}.downloadBox{background:linear-gradient(135deg,#0f172a,#14532d);color:#fff;border-radius:28px;padding:34px;box-shadow:var(--shadow)}.downloadBox p{color:#dcfce7}.reviewBox{background:#fff;border-radius:24px;padding:26px;box-shadow:var(--shadow)}
@media(max-width:850px){.mobileMenuBtn{display:block}.navin{gap:10px}.menu{position:absolute;top:82px;left:0;right:0;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.12);padding:16px;display:none;flex-direction:column;align-items:stretch;gap:10px}.menu.show{display:flex}.drop:hover .mega{display:none}.drop.open .mega{display:grid;position:static;width:100%;box-shadow:none;padding:8px;grid-template-columns:1fr;left:auto;top:auto;background:#f8fafc}.mega a{font-size:15px}.nav .btn.dark{display:none}.heroContent>div[style*="display:flex"]{flex-direction:column!important;max-width:100%!important}.cityGrid{grid-template-columns:1fr}.specs{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.profileBtn{padding:11px 14px;font-size:14px}.float{display:none}.bottomBar{grid-template-columns:repeat(4,1fr)}.bottomBar a,.bottomBar button{font-size:13px}.hero p{font-size:18px}.actions .btn{width:100%;}.quote .actions .btn{width:auto}.topbar{display:block;font-size:12px}.topbar .container{justify-content:center;text-align:center}.brand img{height:62px}.pageHero{padding:60px 0}.section{padding:50px 0}}

/* Header + Font Final Fix */
body{font-family:'Poppins',Arial,sans-serif;font-weight:400;letter-spacing:-.01em;}
.nav{background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(15,23,42,.07)}
.navin{height:78px;gap:20px;}
.brand{gap:12px;font-size:22px;font-weight:800;line-height:1.05;white-space:nowrap;min-width:240px;}
.brand img{height:60px;width:auto;object-fit:contain;}
.menu{gap:22px;font-weight:700;font-size:16px;line-height:1;}
.menu>a,.drop>a{padding:28px 0;display:inline-flex;align-items:center;}
.mega{top:58px;left:-120px;width:520px;border-radius:20px;padding:16px;}
.mega a{font-size:16px;font-weight:700;padding:14px 16px;line-height:1.35;}
.btn{padding:12px 20px;font-size:16px;font-weight:800;box-shadow:0 12px 26px rgba(22,163,74,.20)}
.btn.dark{box-shadow:0 12px 26px rgba(15,23,42,.16)}
.profileBtn{padding:11px 18px;border-radius:999px;font-size:15px;font-weight:800;line-height:1.15;white-space:nowrap;box-shadow:0 12px 24px rgba(22,163,74,.18)}
h1,h2,h3,.title h2,.hero h1,.pageHero h1{font-weight:800;letter-spacing:-.035em;}
p{font-weight:400;}
.hero{padding-top:20px;}

@media(max-width:1100px){
  .container{width:min(1180px,94%)}
  .brand{font-size:20px;min-width:200px;}
  .brand img{height:54px;}
  .menu{gap:14px;font-size:15px;}
  .profileBtn{padding:10px 14px;font-size:14px;}
  .btn{padding:11px 16px;font-size:15px;}
}

@media(max-width:850px){
  .navin{height:72px;}
  .brand{min-width:0;font-size:18px;}
  .brand span{display:inline-block;font-size:18px;line-height:1.05;}
  .brand img{height:50px;}
  .mobileMenuBtn{display:block;margin-left:auto;}
  .menu{top:72px;font-size:16px;}
  .menu>a,.drop>a{padding:12px 6px;}
  .profileBtn{width:100%;justify-content:center;margin-top:4px;}
  .hero h1{font-size:36px;line-height:1.1;}
  .hero p{font-size:16px;line-height:1.65;}
  .pageHero h1{font-size:34px;}
  .title h2{font-size:32px;}
}

@media(max-width:480px){
  .brand span{display:none;}
  .brand img{height:48px;}
  .mobileMenuBtn{padding:10px 12px;font-size:13px;}
  .hero{min-height:650px;}
}

/* Final header/font/mobile refinement */
body{font-family:"Poppins",Arial,sans-serif;font-weight:400;letter-spacing:-.01em}.nav .container.navin{gap:24px}.brand span{font-size:30px;line-height:1.05;font-weight:800;letter-spacing:-.04em}.brand img{height:78px}.menu a{font-size:16px;font-weight:700}.profileBtn,.nav .btn{font-size:15px!important;padding:14px 22px!important;border-radius:999px!important;white-space:nowrap}.nav{box-shadow:0 8px 24px rgba(15,23,42,.08)}.footer a{display:block;margin:7px 0}.card img{object-fit:cover}@media(max-width:900px){.topbar{display:none}.navin{align-items:center}.brand span{font-size:22px}.brand img{height:58px}.menu{max-height:calc(100vh - 120px);overflow:auto}.menu a{font-size:15px}.profileBtn{display:inline-block}.nav .btn.dark{display:none}.pageHero h1,.hero h1{font-size:34px!important;line-height:1.08}.float{right:10px!important;transform:scale(.84);transform-origin:right center}.bottomBar{display:grid!important;grid-template-columns:repeat(3,1fr);gap:0}.bottomBar a,.bottomBar button{font-size:13px}.grid{grid-template-columns:1fr!important}.section{padding:50px 0}.brand{gap:8px}}
@media(max-width:520px){.brand span{font-size:20px}.brand img{height:54px}.profileBtn{padding:10px 14px!important}.pageHero h1,.hero h1{font-size:30px!important}.btn{font-size:14px!important}.container{width:min(100% - 24px,1180px)!important}.float{display:none!important}}

/* === FINAL MOBILE VIEW FIX - 2026 === */
@media (max-width: 768px){
  html, body{width:100% !important;max-width:100% !important;overflow-x:hidden !important;font-family:'Poppins', Arial, sans-serif !important;}
  .container{width:calc(100% - 28px) !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important;}
  .topbar{display:none !important;}
  .nav{position:sticky !important;top:0 !important;z-index:2500 !important;background:#fff !important;}
  .navin{height:74px !important;padding:0 !important;gap:8px !important;}
  .brand{min-width:auto !important;gap:8px !important;}
  .brand img{height:48px !important;max-width:118px !important;object-fit:contain !important;}
  .brand span{display:block !important;font-size:18px !important;line-height:1.05 !important;font-weight:800 !important;letter-spacing:-.04em !important;}
  .mobileMenuBtn{display:block !important;margin-left:auto !important;background:#0f172a !important;color:#fff !important;border:0 !important;border-radius:12px !important;padding:10px 12px !important;font-size:16px !important;}
  .menu{display:none !important;position:absolute !important;top:74px !important;left:0 !important;right:0 !important;width:100% !important;background:#fff !important;padding:14px !important;box-shadow:0 18px 50px rgba(15,23,42,.16) !important;flex-direction:column !important;align-items:stretch !important;gap:8px !important;z-index:2600 !important;}
  .menu.show{display:flex !important;}
  .menu a{font-size:15px !important;font-weight:700 !important;padding:12px 14px !important;border-radius:12px !important;background:#f8fafc !important;}
  .drop:hover .mega{display:none !important;}
  .drop.open .mega{display:grid !important;position:static !important;width:100% !important;grid-template-columns:1fr !important;left:auto !important;top:auto !important;padding:8px !important;box-shadow:none !important;background:#f1f5f9 !important;border-radius:14px !important;}
  .nav .btn.dark,.nav .profileBtn{display:none !important;}

  .hero{min-height:auto !important;padding:70px 0 34px !important;display:block !important;}
  .slide:after{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.86)) !important;}
  .heroContent{width:calc(100% - 28px) !important;margin:auto !important;padding-top:0 !important;}
  .eyebrow{font-size:13px !important;letter-spacing:3px !important;color:#16a34a !important;}
  .hero h1,.pageHero h1{font-size:32px !important;line-height:1.12 !important;margin:10px 0 !important;color:#0f172a !important;max-width:100% !important;}
  .hero p{font-size:16px !important;line-height:1.55 !important;color:#334155 !important;max-width:100% !important;}
  .actions{gap:10px !important;margin-top:18px !important;}
  .actions .btn,.btn{width:100% !important;min-height:48px !important;padding:13px 16px !important;font-size:15px !important;border-radius:16px !important;}
  .heroContent > div[style*='display:flex']{display:none !important;}

  .section{padding:44px 0 !important;}
  .title{margin-bottom:24px !important;}
  .title h2{font-size:28px !important;line-height:1.16 !important;}
  .title p{font-size:15px !important;line-height:1.55 !important;}
  .grid,.stats,.features,.quote,.two,.footergrid,.cityGrid{grid-template-columns:1fr !important;gap:18px !important;}
  .card{border-radius:18px !important;}
  .card img{height:210px !important;}
  .pad{padding:18px !important;}
  .pad h3{font-size:22px !important;}
  .pad p{font-size:15px !important;}
  .stat{padding:22px !important;}
  .stat b{font-size:34px !important;}
  .feature{padding:20px !important;}
  .form{padding:22px !important;border-radius:22px !important;width:100% !important;}
  input,select,textarea{font-size:15px !important;padding:14px 15px !important;border-radius:13px !important;}
  textarea{min-height:98px !important;}
  .gallery{grid-template-columns:1fr !important;}
  .gallery img{height:210px !important;}
  .footer{padding:45px 0 86px !important;}
  .footer img{height:70px !important;}

  /* Hide side floating icons completely on mobile to avoid half-cut issue */
  .float{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;right:auto !important;}

  /* Use clean bottom action bar on mobile */
  .bottomBar{display:grid !important;grid-template-columns:repeat(3,1fr) !important;position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;background:#fff !important;box-shadow:0 -12px 35px rgba(15,23,42,.14) !important;z-index:3000 !important;padding-bottom:env(safe-area-inset-bottom) !important;}
  .bottomBar a,.bottomBar button{height:58px !important;display:flex !important;align-items:center !important;justify-content:center !important;border:0 !important;background:#fff !important;color:#0f172a !important;font-size:13px !important;font-weight:800 !important;padding:0 6px !important;}
  .bottomBar .mid{background:#16a34a !important;color:#fff !important;}
  .popupBox{width:calc(100% - 36px) !important;border-radius:22px !important;padding:24px !important;}
}

@media (min-width:769px){
  .mobileMenuBtn{display:none !important;}
}