:root{--bg:#09090f;--card:#111118;--card2:#16161f;--border:rgba(255,255,255,.08);--green:#00e87a;--green2:#00c465;--purple:#7c6af7;--text:#f0f0f8;--sub:#9191a8;--faint:#5a5a72;--max:1120px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}nav{position:sticky;top:0;z-index:99;background:rgba(9,9,15,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:0 28px}.nav-inner{max-width:var(--max);height:64px;margin:auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:'Syne',Arial,sans-serif;font-weight:800;font-size:18px;text-decoration:none;color:var(--text)}.nav-logo span{color:var(--green)}.nav-links{display:flex;gap:22px;list-style:none}.nav-links a{color:var(--sub);text-decoration:none;font-size:14px;font-weight:600}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;border-radius:10px;transition:.2s}.nav-cta{background:var(--green);color:#000;padding:8px 18px;font-size:14px}.nav-cta:hover,.btn-green:hover{background:var(--green2);transform:translateY(-1px)}.hero,.page-hero{max-width:var(--max);margin:auto;text-align:center;padding:90px 28px 70px}.hero-badge{display:inline-flex;background:rgba(0,232,122,.1);border:1px solid rgba(0,232,122,.25);color:var(--green);font-size:13px;font-weight:700;padding:6px 16px;border-radius:100px;margin-bottom:28px}.hero h1,.page-hero h1{font-family:'Syne',Arial,sans-serif;font-size:clamp(40px,6vw,74px);line-height:1.08;letter-spacing:-2px;margin-bottom:24px}.hero em,.page-hero em{font-style:normal;color:var(--green)}.hero p,.page-hero p{font-size:18px;color:var(--sub);max-width:700px;margin:0 auto 36px}.btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{padding:14px 26px;font-size:15px;border:0;cursor:pointer}.btn-green{background:var(--green);color:#000}.btn-outline{border:1px solid var(--border);color:var(--text)}.section{max-width:var(--max);margin:auto;padding:72px 28px}.divider{height:1px;background:var(--border);max-width:var(--max);margin:auto}.section-tag{display:inline-block;color:var(--green);font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.section-title{font-family:'Syne',Arial,sans-serif;font-size:clamp(28px,4vw,48px);line-height:1.1;letter-spacing:-1px;margin-bottom:16px}.section-sub{color:var(--sub);max-width:700px;margin-bottom:42px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden}.stats-row-2{grid-template-columns:repeat(2,1fr);max-width:620px;margin:auto}.stat-item,.card,.service-card,.case-card,.cert-card{background:var(--card);border:1px solid var(--border);border-radius:16px}.stat-item{text-align:center;padding:30px 20px}.stat-num{font-family:'Syne',Arial,sans-serif;font-size:38px;font-weight:900;color:var(--green)}.stat-label{font-size:13px;color:var(--sub)}.service-card{padding:28px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;transition:.25s}.service-card:hover{background:var(--card2);border-color:rgba(0,232,122,.3);transform:translateY(-3px)}.tag{display:inline-block;align-self:flex-start;background:rgba(0,232,122,.1);color:var(--green);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.service-card h3,.card h3{font-family:'Syne',Arial,sans-serif;font-size:19px;margin-bottom:10px}.service-card p,.card p,.case-desc{color:var(--sub);font-size:14px}.arrow{margin-top:20px;color:var(--green);font-size:13px;font-weight:800}.card,.case-card{padding:28px}.case-niche{font-size:12px;color:var(--purple);font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.case-card h3{font-family:'Syne',Arial,sans-serif;font-size:21px;margin-bottom:22px}.metrics{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:18px}.metric .num{font-family:'Syne',Arial,sans-serif;font-size:28px;font-weight:900;color:var(--green)}.metric .lbl{font-size:12px;color:var(--sub)}.ai-pill{display:inline-block;margin-top:16px;border:1px solid rgba(124,106,247,.3);background:rgba(124,106,247,.12);color:var(--purple);border-radius:99px;padding:6px 14px;font-size:12px;font-weight:800}.process-step{display:flex;gap:28px;padding:30px 0;border-bottom:1px solid var(--border)}.step-n{font-family:'Syne',Arial,sans-serif;color:rgba(255,255,255,.11);font-size:46px;font-weight:900;line-height:1;width:58px;flex-shrink:0}.step-body h4{font-family:'Syne',Arial,sans-serif;font-size:20px;margin-bottom:8px}.step-body p{color:var(--sub)}.certs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cert-card{text-align:center;padding:20px}.cert-logo{font-size:28px}.cert-title{font-family:'Syne',Arial,sans-serif;font-weight:900;font-size:14px;margin-top:8px}.cert-sub{color:var(--sub);font-size:12px}.cert-badge{display:inline-block;background:rgba(0,232,122,.1);border:1px solid rgba(0,232,122,.2);color:var(--green);border-radius:99px;padding:3px 10px;font-size:10px;font-weight:900;text-transform:uppercase;margin-top:8px}.cta-block{max-width:var(--max);margin:auto;text-align:center;background:linear-gradient(135deg,var(--card),#0d1a12);border:1px solid rgba(0,232,122,.2);border-radius:24px;padding:58px 34px}.cta-block h2{font-family:'Syne',Arial,sans-serif;font-size:36px;margin-bottom:10px}.cta-block p{color:var(--sub);margin-bottom:28px}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:14px 16px;font-family:inherit}.form textarea{min-height:130px}.notice{background:rgba(0,232,122,.07);border:1px solid rgba(0,232,122,.18);border-radius:14px;padding:18px;color:var(--sub)}.mapbox{min-height:300px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:16px;border:1px solid var(--border);background:var(--card)}.map-grid{display:grid;grid-template-columns:repeat(5,20px);gap:5px}.dot{width:20px;height:20px;border-radius:50%;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center}.bad{background:rgba(255,80,80,.2);color:#ff6b6b}.mid{background:rgba(255,180,0,.2);color:#ffb400}.good{background:rgba(0,232,122,.2);color:var(--green)}.star{background:var(--green);color:#000}footer{border-top:1px solid var(--border);text-align:center;padding:38px 28px}.footer-logo{font-family:'Syne',Arial,sans-serif;font-size:20px;font-weight:900}.footer-logo span,.footer-email{color:var(--green)}.footer-email{text-decoration:none;font-weight:700}.footer-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:18px}.footer-links a{color:var(--sub);text-decoration:none;font-size:13px}.footer-copy{color:var(--faint);font-size:13px;margin-top:15px}@media(max-width:900px){.grid-3,.grid-2{grid-template-columns:1fr 1fr}.certs-grid,.stats-row{grid-template-columns:1fr 1fr}}@media(max-width:700px){nav{padding:0 18px}.nav-links{display:none}.hero,.page-hero,.section{padding-left:20px;padding-right:20px}.grid-3,.grid-2{grid-template-columns:1fr}.certs-grid,.stats-row{grid-template-columns:1fr 1fr}.process-step{gap:16px}.step-n{font-size:32px;width:38px}.cta-block{padding:40px 22px}}

/* Mobile + trust strip fixes */
.trust-strip { padding-bottom: 56px; }
.stats-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
}
.stats-row-2 { max-width: none; }
.stat-item {
  min-height: 136px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
}
.stat-num {
  font-size: clamp(30px, 5vw, 42px);
  line-height: 1;
  word-break: keep-all;
}
.stat-label { margin-top: 8px; }

@media (max-width: 900px) {
  .stats-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
}

@media (max-width: 700px) {
  body { overflow-x: hidden; }
  nav { padding: 0 14px; }
  .nav-inner { height: auto; min-height: 64px; gap: 10px; }
  .nav-logo { font-size: 16px; white-space: nowrap; }
  .nav-cta { padding: 8px 12px; font-size: 12px; }
  .hero, .page-hero { padding-top: 58px; padding-bottom: 44px; }
  .hero h1, .page-hero h1 { font-size: clamp(34px, 11vw, 46px); letter-spacing: -1px; }
  .hero p, .page-hero p { font-size: 16px; }
  .btn { width: 100%; max-width: 330px; }
  .btn-row { align-items: center; }
  .stats-row { grid-template-columns: 1fr; gap: 12px; }
  .stat-item { min-height: 116px; padding: 26px 18px; }
  .stat-num { font-size: 38px; }
  .section { padding-top: 56px; padding-bottom: 56px; }
  .section-title { font-size: clamp(28px, 9vw, 38px); }
  .service-card, .card, .case-card { padding: 24px; }
  .cta-block h2 { font-size: 28px; }
}

/* USP section */
.usp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.usp-item{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 20px;color:var(--text);font-weight:700;line-height:1.45}
@media(max-width:700px){.usp-grid{grid-template-columns:1fr}.usp-item{padding:16px 18px;font-size:15px}}

/* Strong mobile overflow fix */
html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
img, svg, video { max-width: 100%; height: auto; }

@media (max-width: 520px) {
  nav { padding: 0 12px; }
  .nav-inner { width: 100%; max-width: 100%; min-width: 0; }
  .nav-logo { font-size: 14px; letter-spacing: -0.3px; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .nav-cta { flex-shrink: 0; padding: 8px 12px; font-size: 12px; border-radius: 9px; }

  .hero, .page-hero { width: 100%; max-width: 100%; padding: 44px 16px 38px; overflow: hidden; }
  .hero-badge { font-size: 11px; padding: 6px 10px; max-width: 100%; }
  .hero h1, .page-hero h1 {
    font-size: clamp(28px, 8.2vw, 36px);
    line-height: 1.14;
    letter-spacing: -0.8px;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: normal;
  }
  .hero h1 br, .page-hero h1 br { display: none; }
  .hero p, .page-hero p { font-size: 15px; max-width: 100%; margin-bottom: 28px; }
  .btn-row { width: 100%; gap: 10px; }
  .btn { width: 100%; max-width: 100%; padding: 13px 16px; font-size: 14px; }

  .section { width: 100%; max-width: 100%; padding-left: 16px; padding-right: 16px; }
  .section-title { font-size: clamp(26px, 8vw, 34px); overflow-wrap: break-word; }
  .section-sub { font-size: 15px; }
  .stats-row, .grid-3, .grid-2, .certs-grid, .usp-grid { grid-template-columns: 1fr !important; width: 100%; }
  .stat-item, .service-card, .card, .case-card, .cert-card, .usp-item { width: 100%; max-width: 100%; }
  .process-step { flex-direction: row; width: 100%; }
  .cta-block { width: 100%; max-width: 100%; border-radius: 18px; padding: 34px 18px; }
  .cta-block h2 { font-size: 26px; line-height: 1.15; }
  footer { padding-left: 16px; padding-right: 16px; }
}


/* FINAL FIX: 3 trust boxes only + mobile optimization */
html, body { max-width: 100%; overflow-x: hidden; }
.trust-strip { max-width: var(--max); margin: 0 auto; width: 100%; }
.trust-strip .stats-row, .stats-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
.stats-row .stat-item {
  width: 100% !important;
  min-width: 0 !important;
  border-radius: 16px !important;
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
}
.hero h1 br { display: none; }
@media (max-width: 700px) {
  nav { padding: 0 14px !important; }
  .nav-inner { height: 60px !important; gap: 10px !important; }
  .nav-logo { font-size: 15px !important; white-space: nowrap; }
  .nav-cta { padding: 8px 12px !important; font-size: 12px !important; white-space: nowrap; }
  .hero, .page-hero { padding: 52px 18px 46px !important; }
  .hero h1, .page-hero h1 { font-size: 34px !important; line-height: 1.13 !important; letter-spacing: -1px !important; overflow-wrap: break-word; }
  .hero p, .page-hero p { font-size: 15px !important; max-width: 100% !important; }
  .btn-row { flex-direction: column !important; align-items: stretch !important; }
  .btn-row .btn, .btn { width: 100%; }
  .trust-strip .stats-row, .stats-row { grid-template-columns: 1fr !important; gap: 12px !important; }
  .stat-item { padding: 26px 18px !important; }
  .stat-num { font-size: 42px !important; line-height: 1.05 !important; }
  .usp-grid, .grid-3, .grid-2, .certs-grid { grid-template-columns: 1fr !important; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .trust-strip .stats-row, .stats-row { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}


/* Pricing packages */
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.pricing-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:32px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.pricing-card.featured{border-color:rgba(0,232,122,.35);background:linear-gradient(180deg,rgba(0,232,122,.08),var(--card))}
.package-label{display:inline-flex;align-self:flex-start;background:rgba(0,232,122,.1);color:var(--green);border:1px solid rgba(0,232,122,.2);border-radius:99px;padding:5px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:18px}
.pricing-card h3{font-family:'Syne',Arial,sans-serif;font-size:24px;margin-bottom:10px}
.price{font-family:'Syne',Arial,sans-serif;font-size:44px;font-weight:900;color:var(--green);line-height:1;margin:12px 0 18px}
.price span{font-family:'DM Sans',Arial,sans-serif;font-size:15px;color:var(--sub);font-weight:700;margin-left:4px}
.pricing-card p{color:var(--sub);font-size:15px;margin-bottom:20px}
.price-list{list-style:none;display:grid;gap:10px;margin:0 0 26px;color:var(--sub);font-size:14px;line-height:1.45}
.price-list li{padding-left:0}
.pricing-card .btn{margin-top:auto}
.pricing-note{margin-top:18px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:14px;padding:16px 18px;color:var(--sub);font-size:14px}
@media(max-width:700px){.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:24px}.price{font-size:38px}}
