@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap');

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   LIGHT THEME - SMBify Style v3
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root{
  --bg:#FFFFFF;
  --bg2:#F8FAFC;
  --bg3:#F1F5F9;
  --cd:#FFFFFF;
  --ac:#16A34A;
  --ac2:#7ED957;
  --acd:#15803D;
  --ag:rgba(126,217,87,0.12);
  --ba:#86EFAC;
  --bd:#E2E8F0;
  --bd2:#CBD5E1;
  --t1:#0F172A;
  --t2:#475569;
  --t3:#94A3B8;
  --gr:linear-gradient(135deg,#7ED957 0%,#4ADE80 100%);
  --r:12px;
}

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--t1);line-height:1.7;overflow-x:hidden}
a{color:var(--ac);text-decoration:none}
img{max-width:100%;height:auto}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* ━━━ NAV ━━━ */
.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--bd);box-shadow:0 1px 3px rgba(0,0,0,0.02)}
.nav-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 24px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo img{width:42px;height:42px;border-radius:50%;border:2px solid var(--ac);object-fit:cover;background:#fff;padding:2px}
.logo-text{font-family:'Outfit',sans-serif;font-weight:900;font-size:20px;color:var(--t1)}
.logo-text span{color:var(--ac)}
.nl{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.nb{background:none;border:none;color:var(--t2);font-size:13.5px;padding:8px 14px;cursor:pointer;border-radius:8px;transition:all 0.2s;font-family:'DM Sans',sans-serif;font-weight:500;text-decoration:none}
.nb:hover,.nb.on{color:var(--ac);background:var(--ag)}
.nc{background:var(--gr);color:#0F172A;border:none;padding:9px 20px;border-radius:8px;font-weight:700;cursor:pointer;font-size:13.5px;font-family:'DM Sans',sans-serif;text-decoration:none;display:inline-block;transition:all 0.2s;box-shadow:0 2px 8px rgba(126,217,87,0.25)}
.nc:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(126,217,87,0.35);color:#0F172A}
.hamburger{display:none;background:none;border:none;color:var(--t1);font-size:24px;cursor:pointer}

/* ━━━ HERO ━━━ */
.hero{padding:90px 24px 70px;text-align:center;position:relative;overflow:hidden;background:var(--bg)}
.hero::before{content:'';position:absolute;top:-40%;left:20%;width:60%;height:120%;background:radial-gradient(ellipse,rgba(126,217,87,0.08) 0%,transparent 70%);pointer-events:none}
.hbadge{display:inline-flex;align-items:center;gap:8px;background:#F0FDF4;border:1px solid #BBF7D0;padding:7px 18px;border-radius:50px;font-size:13px;color:#16A34A;margin-bottom:24px;font-weight:600}
.hero h1{font-family:'Outfit',sans-serif;font-size:clamp(32px,5.5vw,60px);font-weight:900;line-height:1.08;max-width:880px;margin:0 auto 20px;letter-spacing:-1.5px;color:var(--t1)}
.hero h1 .ac{background:var(--gr);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hsub{font-size:17px;color:var(--t2);max-width:620px;margin:0 auto 32px}
.hbtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ━━━ BUTTONS ━━━ */
.bp{background:var(--gr);color:#0F172A;border:none;padding:14px 28px;border-radius:10px;font-weight:700;cursor:pointer;font-size:15px;font-family:'DM Sans',sans-serif;transition:all 0.2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(126,217,87,0.25)}
.bp:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(126,217,87,0.4);color:#0F172A}
.bs{background:#FFFFFF;color:var(--t1);border:2px solid var(--bd);padding:12px 26px;border-radius:10px;font-weight:600;cursor:pointer;font-size:15px;font-family:'DM Sans',sans-serif;transition:all 0.2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.bs:hover{border-color:var(--ac);color:var(--ac)}

/* ━━━ STATS ━━━ */
.hstats{display:flex;gap:40px;justify-content:center;margin-top:50px;flex-wrap:wrap}
.hs{text-align:center}
.hs .n{font-family:'Outfit',sans-serif;font-size:40px;font-weight:900;background:var(--gr);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hs .l{font-size:13px;color:var(--t3);margin-top:2px}

/* ━━━ SECTIONS ━━━ */
.sec{padding:70px 24px;max-width:1200px;margin:0 auto}
.sec-dk{background:var(--bg2)}
.sh{text-align:center;margin-bottom:48px}
.sh .tg{display:inline-block;font-size:12px;font-weight:700;color:var(--ac);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:10px}
.sh h2{font-family:'Outfit',sans-serif;font-size:clamp(26px,3.8vw,40px);font-weight:800;letter-spacing:-0.8px;margin-bottom:14px;color:var(--t1)}
.sh p{color:var(--t2);max-width:580px;margin:0 auto;font-size:15.5px}

/* ━━━ IMAGE PLACEHOLDER ━━━ */
.img-place{width:100%;border-radius:var(--r);overflow:hidden;background:var(--bg3);border:1px solid var(--bd);min-height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.img-place img{width:100%;height:100%;object-fit:cover;display:block}
.img-place .ph{color:var(--t3);font-size:13px;text-align:center;padding:36px 20px}

/* ━━━ GRIDS ━━━ */
.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.g4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}

/* ━━━ CARDS ━━━ */
.cd{background:var(--cd);border:1px solid var(--bd);border-radius:var(--r);padding:28px;transition:all 0.3s;box-shadow:0 1px 3px rgba(15,23,42,0.04)}
.cd:hover{border-color:var(--ba);transform:translateY(-3px);box-shadow:0 12px 32px rgba(15,23,42,0.08)}
.cd h3{font-family:'Outfit',sans-serif;font-size:19px;font-weight:700;margin-bottom:8px;color:var(--t1)}
.cd p{color:var(--t2);font-size:14.5px}
.cd-link{display:inline-flex;align-items:center;gap:6px;color:#0F172A;font-weight:700;font-size:13px;margin-top:16px;background:var(--gr);padding:10px 22px;border-radius:8px;text-decoration:none;transition:all 0.2s}
.cd-link:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(126,217,87,0.3);color:#0F172A}
.cd-tag{font-size:12px;color:var(--ac);font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}

/* ━━━ SERVICE HERO ━━━ */
.sv-hero{padding:50px 24px 30px;text-align:center}
.sv-hero .tg{color:var(--ac);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:10px;display:block}
.sv-hero h1{font-family:'Outfit',sans-serif;font-size:clamp(28px,4.2vw,44px);font-weight:900;letter-spacing:-1px;margin-bottom:14px;color:var(--t1)}
.sv-hero p{color:var(--t2);max-width:620px;margin:0 auto;font-size:16px}

/* ━━━ CONTENT ━━━ */
.cb{max-width:780px;margin:0 auto;padding:0 24px 40px}
.cb h2{font-family:'Outfit',sans-serif;font-size:25px;font-weight:800;margin:36px 0 14px;letter-spacing:-0.5px;color:var(--t1)}
.cb h3{font-family:'Outfit',sans-serif;font-size:19px;font-weight:700;margin:24px 0 10px;color:var(--t1)}
.cb p{color:var(--t2);margin-bottom:14px;font-size:15px}
.cb strong{color:var(--t1)}
.cb a{color:var(--ac);text-decoration:underline;text-underline-offset:3px}
.cb a:hover{color:var(--acd)}

/* ━━━ PRICING CARDS ━━━ */
.pc{background:var(--cd);border:1px solid var(--bd);border-radius:var(--r);padding:32px;text-align:center;transition:all 0.3s;position:relative;box-shadow:0 1px 3px rgba(15,23,42,0.04)}
.pc.ft{border:2px solid var(--ac2);box-shadow:0 8px 32px rgba(126,217,87,0.15)}
.pc.ft::before{content:'POPULAR';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gr);color:#0F172A;font-size:10px;font-weight:800;padding:5px 16px;border-radius:50px;letter-spacing:1px}
.pc:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(15,23,42,0.08)}
.pc h3{font-family:'Outfit',sans-serif;font-size:19px;font-weight:700;margin-bottom:6px;color:var(--t1)}
.pc .pr{font-family:'Outfit',sans-serif;font-size:44px;font-weight:900;background:var(--gr);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:14px 0}
.pc .pr span{font-size:16px;font-weight:500;color:var(--t2);-webkit-text-fill-color:var(--t2)}
.pc .fi{color:var(--t2);font-size:13.5px;margin-bottom:5px}

/* ━━━ PRICING TABLE ━━━ */
.ptable{width:100%;border-collapse:collapse;margin:30px 0;font-size:14px;background:var(--cd);border-radius:var(--r);overflow:hidden;border:1px solid var(--bd)}
.ptable th{background:var(--bg2);color:var(--t1);font-family:'Outfit',sans-serif;font-weight:700;padding:14px 16px;text-align:left;border-bottom:2px solid var(--bd);font-size:15px}
.ptable th:not(:first-child){text-align:center}
.ptable td{padding:12px 16px;border-bottom:1px solid var(--bd);color:var(--t2)}
.ptable td:not(:first-child){text-align:center}
.ptable td:first-child{color:var(--t1);font-weight:600}
.ptable tr:hover{background:var(--bg3)}
.ptable .section-row td{background:#F0FDF4;color:var(--ac);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;padding:10px 16px}
.ptable .check{color:var(--ac);font-weight:700}
.ptable .elite{color:var(--ac);font-weight:700}

/* ━━━ CASE STUDY ━━━ */
.cc{background:var(--cd);border:1px solid var(--bd);border-radius:var(--r);padding:24px;transition:all 0.3s;box-shadow:0 1px 3px rgba(15,23,42,0.04)}
.cc:hover{border-color:var(--ba);box-shadow:0 8px 24px rgba(15,23,42,0.06)}
.cc-badge{display:inline-block;background:#F0FDF4;color:var(--ac);font-size:11px;font-weight:700;padding:4px 12px;border-radius:6px;margin-bottom:10px;border:1px solid #BBF7D0}
.cc h4{font-family:'Outfit',sans-serif;font-size:16px;font-weight:700;margin-bottom:4px;color:var(--t1)}
.cc-kw{color:var(--ac);font-size:13px;font-weight:600;margin-bottom:14px;font-style:italic}
.cc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.cc-box{background:var(--bg3);border-radius:8px;padding:10px 12px;text-align:center;border:1px solid var(--bd)}
.cc-box .lb{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--t3);margin-bottom:4px;font-weight:700}
.cc-box .vl{font-size:12.5px;font-weight:600}
.cc-box.bf{background:#FEF2F2;border-color:#FECACA}
.cc-box.bf .vl{color:#DC2626}
.cc-box.af{background:#F0FDF4;border-color:#BBF7D0}
.cc-box.af .vl{color:var(--ac)}
.cc-img{margin-top:10px;border-radius:8px;overflow:hidden;background:var(--bg3);min-height:60px;display:flex;align-items:center;justify-content:center}
.cc-img img{width:100%;display:block}
.cc-img .ph{font-size:11px;color:var(--t3);padding:12px}
.cc-tm{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:13px;color:var(--t2)}
.cc-tm strong{color:var(--ac)}

/* ━━━ FAQ ━━━ */
.faq-wrap{background:var(--cd);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,0.04)}
.faq-item{border-bottom:1px solid var(--bd)}
.faq-item:last-child{border-bottom:none}
.faq-q{width:100%;background:none;border:none;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--t1);font-size:15px;font-weight:600;font-family:'DM Sans',sans-serif;text-align:left;gap:16px}
.faq-q:hover{color:var(--ac);background:var(--bg3)}
.faq-q .arr{font-size:22px;transition:transform 0.3s;flex-shrink:0;color:var(--ac);font-weight:600}
.faq-q.open .arr{transform:rotate(45deg)}
.faq-a{display:none;padding:0 24px 20px;color:var(--t2);font-size:14.5px;line-height:1.7}
.faq-a.open{display:block}

/* ━━━ TRUST BAR ━━━ */
.tb{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;padding:40px 24px;background:#F0FDF4;border-top:1px solid #BBF7D0;border-bottom:1px solid #BBF7D0}
.tbi{text-align:center}
.tbi .v{font-family:'Outfit',sans-serif;font-size:26px;font-weight:800;color:var(--ac)}
.tbi .l{font-size:12px;color:var(--t2);margin-top:2px;font-weight:500}

/* ━━━ CTA BANNER ━━━ */
.cta{background:linear-gradient(135deg,#F0FDF4 0%,#ECFCCB 100%);border:1px solid #BBF7D0;border-radius:var(--r);padding:48px 32px;text-align:center;margin:36px 0}
.cta h3{font-family:'Outfit',sans-serif;font-size:26px;font-weight:800;margin-bottom:10px;color:var(--t1)}
.cta p{color:var(--t2);margin-bottom:24px;max-width:480px;margin-left:auto;margin-right:auto}
.cta .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cta a{color:var(--ac)}

/* ━━━ WORKFLOW ━━━ */
.wf{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;counter-reset:step}
.wfs{position:relative;padding:28px 24px;background:var(--cd);border:1px solid var(--bd);border-radius:var(--r);box-shadow:0 1px 3px rgba(15,23,42,0.04)}
.wfs::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:'Outfit',sans-serif;font-size:48px;font-weight:900;background:var(--gr);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0.25;position:absolute;top:10px;right:18px}
.wfs h4{font-family:'Outfit',sans-serif;font-size:16px;font-weight:700;margin-bottom:6px;color:var(--t1)}
.wfs p{font-size:13.5px;color:var(--t2)}

/* ━━━ CITIES ━━━ */
.cy{background:var(--cd);border:1px solid var(--bd);border-radius:10px;padding:18px;transition:all 0.2s;text-align:center;text-decoration:none;display:block;box-shadow:0 1px 3px rgba(15,23,42,0.03)}
.cy:hover{border-color:var(--ac);transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,0.06)}
.cy h4{font-family:'Outfit',sans-serif;font-size:15px;font-weight:700;color:var(--t1)}
.cy p{font-size:12px;color:var(--t3);margin-top:3px}

/* ━━━ INDUSTRIES ━━━ */
.ig{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.it{background:var(--cd);border:1px solid var(--bd);padding:8px 18px;border-radius:50px;font-size:13px;color:var(--t2);font-weight:500;transition:all 0.2s}
.it:hover{border-color:var(--ac);color:var(--ac)}

/* ━━━ CHECK LIST ━━━ */
.chk{display:flex;flex-direction:column;gap:12px;margin:16px 0}
.chki{display:flex;gap:12px;align-items:flex-start}
.chki .ck{color:var(--ac);font-weight:700;flex-shrink:0;margin-top:2px;width:22px;height:22px;border-radius:50%;background:#F0FDF4;display:flex;align-items:center;justify-content:center;font-size:12px}
.chki span{color:var(--t2);font-size:14.5px}

/* ━━━ ABOUT PHOTO ━━━ */
.aph{width:180px;height:180px;border-radius:50%;border:4px solid var(--ac);overflow:hidden;background:var(--bg3);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 32px rgba(22,163,74,0.15)}
.aph img{width:100%;height:100%;object-fit:cover}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   ═══ PREMIUM FOOTER v3 ═══
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.foot{background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);color:#CBD5E1;margin-top:80px;position:relative}
.foot::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gr)}

.foot-top{padding:64px 24px 40px}
.foot-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:48px}

.foot-brand{display:flex;flex-direction:column;gap:20px}
.foot-logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:4px}
.foot-logo img{width:48px;height:48px;border-radius:50%;border:2px solid var(--ac2);padding:2px;background:#fff}
.foot-logo span{font-family:'Outfit',sans-serif;font-weight:900;font-size:20px;color:#F8FAFC}
.foot-logo em{color:var(--ac2);font-style:normal}
.foot-tag{color:#94A3B8;font-size:14px;line-height:1.7;margin:0}

.foot-contact{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.fc-item{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:#94A3B8}
.fc-item .fc-ic{flex-shrink:0;font-size:15px;line-height:1.5}
.fc-item a{color:#CBD5E1;text-decoration:none;transition:color 0.2s;display:inline}
.fc-item a:hover{color:var(--ac2)}

.foot-col h4{font-family:'Outfit',sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#F8FAFC;margin-bottom:18px}
.foot-col a{display:block;color:#94A3B8;font-size:14px;text-decoration:none;padding:6px 0;transition:all 0.2s;border-left:2px solid transparent;padding-left:0}
.foot-col a:hover{color:var(--ac2);padding-left:8px;border-left-color:var(--ac2)}

.foot-connect .foot-cta{display:flex;align-items:center;gap:8px;background:rgba(126,217,87,0.12);border:1px solid rgba(126,217,87,0.3);color:var(--ac2);padding:12px 18px;border-radius:10px;text-decoration:none;font-size:13.5px;font-weight:600;margin-bottom:10px;transition:all 0.2s;padding-left:18px;border-left:1px solid rgba(126,217,87,0.3)}
.foot-connect .foot-cta:hover{background:var(--ac2);color:#0F172A;border-color:var(--ac2);padding-left:18px;border-left:1px solid var(--ac2)}
.foot-connect .foot-cta-alt{background:rgba(29,191,115,0.12);border-color:rgba(29,191,115,0.3);color:#1DBF73}
.foot-connect .foot-cta-alt:hover{background:#1DBF73;color:#fff;border-color:#1DBF73}
.foot-connect .foot-cta span{font-size:16px}
.foot-label{color:#64748B;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:20px 0 12px}

.foot-social{display:flex;flex-wrap:wrap;gap:10px}
.fs{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.25s;color:#fff !important;padding:0;border:none;margin:0}
.fs:hover{transform:translateY(-3px);color:#fff;padding-left:0;border-left:none}
.fs svg{width:18px;height:18px;fill:#fff}
.foot-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.fs-fb{background:#1877F2}
.fs-fb:hover{background:#1865d6;box-shadow:0 4px 12px rgba(24,119,242,0.4)}
.fs-li{background:#0A66C2}
.fs-li:hover{background:#0a58a7;box-shadow:0 4px 12px rgba(10,102,194,0.4)}
.fs-yt{background:#FF0000}
.fs-yt:hover{background:#d90000;box-shadow:0 4px 12px rgba(255,0,0,0.4)}
.fs-ig{background:linear-gradient(135deg,#833AB4 0%,#FD1D1D 50%,#F77737 100%)}
.fs-ig:hover{box-shadow:0 4px 12px rgba(253,29,29,0.4)}
.fs-fi{background:#1DBF73}
.fs-fi:hover{background:#19a463;box-shadow:0 4px 12px rgba(29,191,115,0.4)}
.fs-gg{background:#4285F4}
.fs-gg:hover{background:#3570d6;box-shadow:0 4px 12px rgba(66,133,244,0.4)}
.fs-wa{background:#25D366}
.fs-wa:hover{background:#1eb859;box-shadow:0 4px 12px rgba(37,211,102,0.4)}

.foot-bar{background:rgba(0,0,0,0.2);border-top:1px solid rgba(255,255,255,0.06)}
.foot-bar-in{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.foot-bar-left p{color:#64748B;font-size:12px;margin:0}
.foot-bar-right{display:flex;align-items:center;gap:6px}
.foot-bar-right a{color:#94A3B8;font-size:12px;text-decoration:none;transition:color 0.2s;display:inline;padding:0;border:none}
.foot-bar-right a:hover{color:var(--ac2);padding-left:0;border-left:none}
.fb-sep{color:#475569;font-size:12px}

/* Partner button (keep backward compat) */
.partner-btn{background:rgba(126,217,87,0.1);border:1px solid var(--ac2);color:var(--ac2);padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all 0.2s;display:inline-block;margin-top:14px}
.partner-btn:hover{background:var(--ac2);color:#0F172A}

/* Old fsoc fallback (for pages not yet upgraded) */
.fsoc{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.fsoc a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all 0.2s;color:#FFFFFF;font-weight:700;text-decoration:none;margin-bottom:0}
.fsoc a:hover{transform:translateY(-2px);color:#FFFFFF}
.fsoc a.fb{background:#1877F2}
.fsoc a.li{background:#0A66C2}
.fsoc a.yt{background:#FF0000}
.fsoc a.ig{background:linear-gradient(135deg,#833AB4 0%,#FD1D1D 50%,#F77737 100%)}
.fsoc a.wap{background:#25D366}
.fsoc a.fi{background:#1DBF73}
.fsoc a.gg{background:#4285F4}


/* ━━━ IMAGE-BASED SOCIAL ICONS (v4) ━━━ */
.fs-img{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.25s;overflow:hidden;background:transparent;border:none;padding:0;margin:0}
.fs-img img{width:42px;height:42px;object-fit:cover;display:block;border-radius:50%}
.fs-img:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 6px 16px rgba(0,0,0,0.25)}
.foot-social{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}

/* ━━━ WHATSAPP FLOAT ━━━ */
.wa{position:fixed;bottom:24px;right:24px;z-index:999;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(37,211,102,0.4);text-decoration:none;font-size:28px;transition:transform 0.2s}
.wa:hover{transform:scale(1.1)}

/* ━━━ BACK LINK ━━━ */
.back{display:inline-flex;align-items:center;gap:6px;color:var(--t3);font-size:13px;text-decoration:none;padding:14px 24px;max-width:1200px}
.back:hover{color:var(--ac)}

/* ━━━ BLOG CARDS ━━━ */
.blog-card{background:var(--cd);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;transition:all 0.3s;box-shadow:0 1px 3px rgba(15,23,42,0.04)}
.blog-card:hover{border-color:var(--ba);transform:translateY(-3px);box-shadow:0 12px 32px rgba(15,23,42,0.08)}
.blog-card .bc-body{padding:24px}
.blog-card h3{font-family:'Outfit',sans-serif;font-size:18px;font-weight:700;margin-bottom:8px;color:var(--t1)}
.blog-card p{color:var(--t2);font-size:14px}
.blog-card .bc-link{display:inline-flex;align-items:center;gap:6px;color:var(--ac);font-weight:600;font-size:13px;margin-top:12px}

/* ━━━ FEATURED CASE STUDIES (HOMEPAGE) ━━━ */
.cs-feature{background:var(--cd);border:1px solid var(--bd);border-radius:16px;padding:28px;transition:all 0.3s;box-shadow:0 1px 3px rgba(15,23,42,0.04)}
.cs-feature:hover{border-color:var(--ba);box-shadow:0 12px 40px rgba(15,23,42,0.08)}
.cs-f-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--bd)}
.cs-f-tag{display:inline-block;background:#F0FDF4;color:var(--ac);font-size:10px;font-weight:800;padding:4px 12px;border-radius:50px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;border:1px solid #BBF7D0}
.cs-f-head h3{font-family:'Outfit',sans-serif;font-size:19px;font-weight:800;color:var(--t1);margin-bottom:4px;letter-spacing:-0.3px}
.cs-f-kw{font-size:13px;color:var(--ac);font-weight:600;font-style:italic}
.cs-f-time{background:var(--gr);color:#0F172A;font-family:'Outfit',sans-serif;font-weight:800;font-size:13px;padding:8px 16px;border-radius:50px;white-space:nowrap}
.cs-f-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cs-f-img{border:2px solid var(--bd);border-radius:10px;overflow:hidden;background:var(--bg3)}
.cs-f-img.before{border-color:#FECACA}
.cs-f-img.after{border-color:#BBF7D0}
.cs-f-label{padding:8px 12px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.cs-f-img.before .cs-f-label{background:#FEF2F2;color:#DC2626}
.cs-f-img.after .cs-f-label{background:#F0FDF4;color:#16A34A}
.cs-f-img img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}

/* ━━━ RESPONSIVE ━━━ */
@media(max-width:1024px){
  .foot-in{grid-template-columns:1fr 1fr 1fr;gap:32px}
  .foot-brand{grid-column:span 3}
}
@media(max-width:768px){
  .nl{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--bd);padding:16px;flex-direction:column;z-index:99;box-shadow:0 8px 24px rgba(15,23,42,0.08)}
  .nl.open{display:flex}
  .hamburger{display:block}
  .foot-in{grid-template-columns:1fr 1fr;gap:32px}
  .foot-brand{grid-column:span 2}
  .g2,.g3,.g4{grid-template-columns:1fr}
  .hstats{gap:20px}
  .tb{gap:20px}
  .ptable{font-size:12px}
  .ptable th,.ptable td{padding:8px 6px}
  .foot-bar-in{flex-direction:column;text-align:center}
  .cs-f-grid{grid-template-columns:1fr}
  .cs-f-head{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){
  .foot-in{grid-template-columns:1fr}
  .foot-brand{grid-column:span 1}
}

/* ━━━ CITY CONTENT MAGAZINE STYLES ━━━ */
.city-content .cc-label,.cc-label{display:inline-block;font-size:11px;font-weight:800;color:#16A34A;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:14px;padding-bottom:6px;border-bottom:2px solid #16A34A}
.cc-label-dk{display:inline-block;font-size:11px;font-weight:800;color:#7ED957;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:14px;padding-bottom:6px;border-bottom:2px solid #7ED957}
.cc-h3{font-family:'Outfit',sans-serif;font-size:clamp(24px,3vw,34px);font-weight:900;color:#0F172A;line-height:1.15;letter-spacing:-0.8px;margin-bottom:20px}
.cc-p{color:#475569;font-size:15.5px;line-height:1.8;margin-bottom:16px}
.cc-p-wide{color:#475569;font-size:16px;line-height:1.8;max-width:720px;margin:0 auto 40px}
.cc-p strong{color:#0F172A;font-weight:700}

/* 2-col split */
.cc-split{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
@media(max-width:900px){.cc-split{grid-template-columns:1fr;gap:32px}}

/* Big stat card */
.big-stat-card{background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);border-radius:20px;padding:36px 32px;color:#fff;box-shadow:0 20px 60px rgba(15,23,42,0.25);position:relative;overflow:hidden}
.big-stat-card::before{content:'';position:absolute;top:-50%;right:-50%;width:300px;height:300px;background:radial-gradient(circle,rgba(126,217,87,0.2) 0%,transparent 70%);pointer-events:none}
.bs-top{display:flex;align-items:center;gap:10px;margin-bottom:20px;position:relative}
.bs-icon{width:40px;height:40px;border-radius:10px;background:rgba(126,217,87,0.15);display:flex;align-items:center;justify-content:center;font-size:20px}
.bs-label{font-size:12px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:2px}
.bs-num{font-family:'Outfit',sans-serif;font-size:72px;font-weight:900;line-height:1;background:linear-gradient(135deg,#7ED957 0%,#4ADE80 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}
.bs-sub{font-size:14px;color:#CBD5E1;margin-top:8px;font-weight:500}
.bs-divider{height:1px;background:rgba(255,255,255,0.1);margin:24px 0;position:relative}
.bs-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative}
.bs-gn{font-family:'Outfit',sans-serif;font-size:24px;font-weight:800;color:#FFFFFF}
.bs-gl{font-size:12px;color:#94A3B8;margin-top:2px;font-weight:500}

/* Neighborhood tags */
.nb-list{margin-top:28px;padding-top:24px;border-top:1px solid #E2E8F0}
.nb-label{font-size:11px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}
.nb-tag{display:inline-block;background:#F0FDF4;color:#16A34A;border:1px solid #BBF7D0;padding:6px 14px;border-radius:50px;font-size:13px;font-weight:600;margin:3px 6px 3px 0}

/* Reason grid */
.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
@media(max-width:900px){.reason-grid{grid-template-columns:1fr}}
.reason-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:16px;padding:28px;transition:all 0.3s;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,0.04)}
.reason-card:hover{border-color:#86EFAC;transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,23,42,0.08)}
.reason-num{font-family:'Outfit',sans-serif;font-size:48px;font-weight:900;line-height:1;background:linear-gradient(135deg,#7ED957 0%,#4ADE80 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0.4;margin-bottom:8px}
.reason-card h4{font-family:'Outfit',sans-serif;font-size:18px;font-weight:800;color:#0F172A;margin-bottom:10px;letter-spacing:-0.3px}
.reason-card p{color:#475569;font-size:14px;line-height:1.7}
.reason-card p strong{color:#0F172A;font-weight:700}

/* Compare grid */
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:960px;margin:0 auto}
@media(max-width:700px){.compare-grid{grid-template-columns:1fr}}
.compare-col{background:#1E293B;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:32px 28px}
.compare-col.compare-us{background:rgba(126,217,87,0.08);border-color:rgba(126,217,87,0.3)}
.compare-head{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.08)}
.compare-col.compare-us .compare-head{border-bottom-color:rgba(126,217,87,0.15)}
.compare-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:12px}
.compare-x{background:rgba(239,68,68,0.15);color:#F87171}
.compare-v{background:rgba(126,217,87,0.15);color:#7ED957}
.compare-head h4{font-family:'Outfit',sans-serif;font-size:18px;font-weight:800;color:#FFFFFF;letter-spacing:-0.3px}
.compare-col ul{list-style:none;padding:0;margin:0}
.compare-col ul li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;color:#CBD5E1;font-size:14px;line-height:1.5}
.ci{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:11px;margin-top:1px}
.ci-x{background:rgba(239,68,68,0.15);color:#F87171}
.ci-v{background:rgba(126,217,87,0.2);color:#7ED957}

/* Phase cards */
.phase-list{display:flex;flex-direction:column;gap:20px;max-width:980px;margin:0 auto}
.phase-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:16px;padding:32px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:start;transition:all 0.3s;box-shadow:0 1px 3px rgba(15,23,42,0.04);position:relative}
.phase-card:hover{border-color:#86EFAC;transform:translateY(-2px);box-shadow:0 8px 32px rgba(15,23,42,0.08)}
.phase-num{font-family:'Outfit',sans-serif;font-size:14px;font-weight:800;color:#FFFFFF;background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);padding:10px 18px;border-radius:50px;letter-spacing:1px;white-space:nowrap;align-self:flex-start}
.phase-body h4{font-family:'Outfit',sans-serif;font-size:20px;font-weight:800;color:#0F172A;margin-bottom:8px;letter-spacing:-0.3px}
.phase-body p{color:#475569;font-size:14.5px;line-height:1.7;margin-bottom:14px}
.phase-tags{display:flex;flex-wrap:wrap;gap:6px}
.phase-tags span{background:#F1F5F9;color:#475569;border:1px solid #E2E8F0;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:600}
.phase-time{background:linear-gradient(135deg,#F0FDF4 0%,#DCFCE7 100%);color:#16A34A;border:1px solid #BBF7D0;padding:10px 18px;border-radius:50px;font-size:12px;font-weight:800;letter-spacing:0.5px;white-space:nowrap;text-transform:uppercase}
@media(max-width:700px){.phase-card{grid-template-columns:1fr;gap:16px}.phase-side{grid-column:1}}

/* Industry list */
.industry-list{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.ind-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;transition:all 0.2s}
.ind-item:hover{border-color:#86EFAC;transform:translateX(4px);box-shadow:0 4px 12px rgba(15,23,42,0.04)}
.ind-ic{width:46px;height:46px;border-radius:12px;background:#F0FDF4;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.ind-info strong{display:block;font-family:'Outfit',sans-serif;color:#0F172A;font-size:15px;font-weight:700}
.ind-info span{font-size:13px;color:#64748B}

/* Quote card */
.quote-card{background:linear-gradient(135deg,#F0FDF4 0%,#ECFCCB 100%);border:1px solid #BBF7D0;border-radius:20px;padding:40px 36px;height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.quote-card::before{content:'';position:absolute;top:-30%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(126,217,87,0.2) 0%,transparent 70%);pointer-events:none}
.quote-mark{font-family:'Outfit',sans-serif;font-size:100px;font-weight:900;color:#16A34A;line-height:0.5;margin-bottom:18px;opacity:0.6;position:relative}
.quote-text{font-family:'Outfit',sans-serif;font-size:19px;font-weight:600;color:#0F172A;line-height:1.5;margin-bottom:28px;letter-spacing:-0.3px;position:relative}
.quote-text strong{background:linear-gradient(135deg,#7ED957 0%,#4ADE80 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}
.quote-author{display:flex;align-items:center;gap:12px;padding-top:24px;border-top:1px solid rgba(22,163,74,0.15);position:relative}
.qa-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7ED957 0%,#4ADE80 100%);color:#0F172A;display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-weight:900;font-size:15px;flex-shrink:0}
.qa-info strong{display:block;font-family:'Outfit',sans-serif;font-size:14px;font-weight:700;color:#0F172A}
.qa-info span{font-size:12px;color:#64748B}

/* Timeline */
.timeline-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}
@media(max-width:900px){.timeline-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.timeline-row{grid-template-columns:1fr}}
.tl-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:16px;padding:24px 20px;transition:all 0.3s;box-shadow:0 1px 3px rgba(15,23,42,0.04)}
.tl-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(15,23,42,0.08)}
.tl-card.tl-highlight{border-color:#16A34A;background:linear-gradient(135deg,#FFFFFF 0%,#F0FDF4 100%);box-shadow:0 8px 24px rgba(22,163,74,0.12)}
.tl-month{font-family:'Outfit',sans-serif;font-size:14px;font-weight:800;color:#0F172A;margin-bottom:6px}
.tl-status{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px}
.tl-bar{height:6px;background:#F1F5F9;border-radius:3px;overflow:hidden;margin-bottom:12px}
.tl-fill{height:100%;border-radius:3px;transition:width 0.6s ease}
.tl-card p{font-size:13px;color:#64748B;line-height:1.5;margin:0}

/* Results box */
.results-box{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:20px;padding:36px;box-shadow:0 4px 16px rgba(15,23,42,0.06);align-items:center}
@media(max-width:800px){.results-box{grid-template-columns:1fr}}
.rb-left h4{font-family:'Outfit',sans-serif;font-size:22px;font-weight:800;color:#0F172A;margin-bottom:8px;letter-spacing:-0.5px}
.rb-left p{color:#475569;margin-bottom:18px;font-size:14.5px}
.rb-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.rb-list li{display:flex;align-items:center;gap:12px;color:#1E293B;font-size:14px;font-weight:500}
.rb-ic{width:32px;height:32px;border-radius:8px;background:#F0FDF4;color:#16A34A;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.rb-right{text-align:center;background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);border-radius:16px;padding:32px 24px;color:#FFFFFF;position:relative;overflow:hidden}
.rb-right::before{content:'';position:absolute;top:-40%;left:-30%;width:300px;height:300px;background:radial-gradient(circle,rgba(126,217,87,0.15) 0%,transparent 70%);pointer-events:none}
.rb-big-stat{position:relative}
.rb-num{font-family:'Outfit',sans-serif;font-size:64px;font-weight:900;line-height:1;background:linear-gradient(135deg,#7ED957 0%,#4ADE80 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}
.rb-lbl{font-size:14px;font-weight:700;color:#FFFFFF;margin-bottom:6px}
.rb-sub{font-size:12px;color:#94A3B8}

/* Start grid */
.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
@media(max-width:700px){.start-grid{grid-template-columns:1fr}}
.start-card{display:block;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:16px;padding:28px 20px;text-align:center;text-decoration:none;transition:all 0.3s;color:#0F172A;box-shadow:0 1px 3px rgba(15,23,42,0.04)}
.start-card:hover{transform:translateY(-4px);color:#0F172A;box-shadow:0 16px 40px rgba(15,23,42,0.1)}
.start-card-1:hover{border-color:#25D366;background:linear-gradient(135deg,#FFFFFF 0%,#F0FDF4 100%)}
.start-card-2:hover{border-color:#16A34A;background:linear-gradient(135deg,#FFFFFF 0%,#F0FDF4 100%)}
.start-card-3:hover{border-color:#1DBF73;background:linear-gradient(135deg,#FFFFFF 0%,#F0FDF4 100%)}
.start-card .sc-ic{font-size:36px;margin-bottom:12px}
.start-card h4{font-family:'Outfit',sans-serif;font-size:17px;font-weight:800;color:#0F172A;margin-bottom:4px}
.start-card p{font-size:13px;color:#64748B;margin:0}