/* =============================================
   RESET
============================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
:root{
--text-primary:#111827;
--text-secondary:#374151;
--text-muted:#6B7280;
--text-caption:#9CA3AF;
--text-footer:#4B5563;
--text-accent:#2563EB;
--button-text:#FFFFFF;
--bg-primary:#FFFFFF;
--bg-section:#F8FAFC;
--border:#E5E7EB;
--font-heading:'Inter',sans-serif;
--font-body:'Inter',sans-serif;
}

  --P:#2563EB;--PD:#1D4ED8;--PX:#2563EB;--PL:#e4f0fb;--PM:#b8d8f5;
  --G:#13a06e;--GL:#e0f5ec;
  --T:#111827;--T2:#4B5563;--T3:#7b8ea8;
  --BG:#FFFFFF;--BG2:#F8FAFC;--BG3:#F1F5F9;
  --BD:#E5E7EB;
  --FH:'Inter',sans-serif;--FB:'Inter',sans-serif;
  --R:10px;--R2:16px;--R3:22px;--R4:30px;
  --S1:0 2px 16px rgba(9,97,171,.08);
  --S2:0 8px 32px rgba(9,97,171,.14);
  --S3:0 20px 60px rgba(9,97,171,.18);
  --W:1280px;
}
html{scroll-behavior:smooth}
body{font-family:var(--FB);color:var(--T);background:var(--BG);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--P);text-decoration:none}
a:hover{text-decoration:underline}
strong{font-weight:700}
img{max-width:100%;display:block}

/* =============================================
   LAYOUT
============================================= */
.W{width:100%;max-width:var(--W);margin:0 auto;padding:0 40px}
.S{padding:25px 0}
.SA{background:var(--BG2)}
.C{text-align:center}

/* =============================================
   TYPE SYSTEM
============================================= */
.EYE{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--FH);font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:2.5px;
  color:var(--P);background:var(--PL);
  padding:5px 14px;border-radius:40px;margin-bottom:14px;
}
.EYE::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--P);flex-shrink:0}
.EYE.W2{color:#93c5fd;background:rgba(255,255,255,.1)}
.EYE.W2::before{background:#93c5fd}

.H2{
  font-family:var(--FH);
  font-size:clamp(24px,3.4vw,40px);
  font-weight:800;line-height:1.18;letter-spacing:-.5px;
  margin-bottom:14px;color:var(--T);
}
.H2 span{color:var(--P)}
.H2.wh{color:#fff}.H2.wh span{color:#93c5fd}

.SUB{font-size:16px;color:var(--T2);max-width:620px;line-height:1.78}
.C .SUB{margin:0 auto}

/* =============================================
   BUTTONS
============================================= */
.BTN{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--FH);font-size:14px;font-weight:700;
  padding:13px 26px;border-radius:var(--R);
  border:2px solid transparent;cursor:pointer;
  transition:all .2s;text-decoration:none!important;white-space:nowrap;
}
.BTN svg{width:16px;height:16px;flex-shrink:0}
.BTN-W{background:#fff;color:var(--P);border-color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.16)}
.BTN-W:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.22)}
.BTN-O{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.BTN-O:hover{background:rgba(255,255,255,.12);border-color:#fff}

/* =============================================
   BANNER — two-column, full bleed
============================================= */
.banner{
  background: radial-gradient(1000px 560px at 70% 24%, rgba(74, 112, 224, 0.45), transparent 60%), linear-gradient(140deg, #0a1442 0%, #15246a 55%, #0c1a55 100%);
  color:#fff;position:relative;overflow:hidden;
}
/* animated mesh blobs */
.banner::before{
  content:'';position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(ellipse 60% 80% at 90% 10%,rgba(19,160,110,.25) 0%,transparent 65%),
    radial-gradient(ellipse 40% 50% at 0% 100%,rgba(147,197,253,.1) 0%,transparent 60%);
}
.banner::after{
  content:'';position:absolute;inset:0;z-index:0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:56px 56px;
}
.banner-layout{
  position:relative;z-index:2;
  max-width:var(--W);margin:0 auto;padding:88px 40px 0;
  display:grid;grid-template-columns:1fr 400px;gap:48px;align-items:center;
}

/* Left column */
.banner-bc{font-size:12px;opacity:.65;margin-bottom:16px;display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.banner-bc a{color:rgba(255,255,255,.8)}.hero-bc a:hover{color:#fff;text-decoration:none}
.banner-bc .sep{opacity:.4}
.banner-pill{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(19,160,110,.2);border:1px solid rgba(19,160,110,.45);
  border-radius:40px;padding:6px 14px;
  font-size:12px;font-weight:700;color:#6ee7b7;margin-bottom:20px;
}
.banner-pill .dot{width:7px;height:7px;border-radius:50%;background:#34d399;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.banner h1{
  font-family:var(--FH);font-size:clamp(28px,4.6vw,52px);
  font-weight:900;line-height:1.1;letter-spacing:-1.5px;margin-bottom:18px;
  color:#fff;
}
.banner h1 em{font-style:normal;color:#93c5fd}
.banner-sub{font-size:17px;opacity:.88;line-height:1.72;max-width:580px;margin-bottom:28px}
.banner-stars{display:flex;align-items:center;gap:8px;margin-bottom:26px}
.banner-stars .s{color:#fbbf24;font-size:15px;letter-spacing:1px}
.banner-stars span{font-size:13px;opacity:.8}
.banner-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:0}
/* Right card */
.banner-card{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-radius:var(--R3);padding:28px 24px;
}
.banner-card-title{
  font-family:var(--FH);font-size:10px;font-weight:800;
  text-transform:uppercase;letter-spacing:2px;
  color:rgba(255,255,255,.5);margin-bottom:16px;
}
.banner-hc-rows{display:flex;flex-direction:column;gap:10px}
.banner-hc-row{
  display:flex;align-items:center;gap:11px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  border-radius:10px;padding:11px 13px;transition:background .2s;
}
.banner-hc-row:hover{background:rgba(255,255,255,.13)}
.banner-hc-ic{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.banner-hc-ic svg{width:16px;height:16px;stroke:#93c5fd;fill:none;stroke-width:2}
.banner-hc-row span{font-size:13px;font-weight:500}
/* Stats strip — flush bottom */
.banner-stats{
  position:relative;z-index:2;
  max-width:var(--W);margin:40px auto 0;
  display:grid;grid-template-columns:repeat(5,1fr);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.13);
  border-radius:var(--R2) var(--R2) 0 0;overflow:hidden;
}
.hs{padding:22px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.1)}
.hs:last-child{border-right:none}
.hs strong{display:block;font-family:var(--FH);font-size:28px;font-weight:900;line-height:1;margin-bottom:5px}
.hs span{font-size:11.5px;opacity:.7;display:block}

/* =============================================
   TRUST BAR
============================================= */
.trust{background:#fff;border-bottom:1px solid var(--BD);padding:13px 40px}
.trust-in{max-width:var(--W);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.ti{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--T2)}
.ti svg{width:14px;height:14px;stroke:var(--G);fill:none;stroke-width:2.5;flex-shrink:0}
.ti-sep{width:1px;height:16px;background:var(--BD);flex-shrink:0}

/* =============================================
   ABOUT SECTION — tight 2-col
============================================= */
/* =============================================
   ABOUT TOP HEADING
============================================= */
#about .C{
  max-width:760px;
  margin:0 auto;
}

/* =============================================
   RIGHT CARD EXTRA STATS
============================================= */
.cred-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:18px;
}

.cred-stat{
  background:#fff;
  border:1px solid var(--BD);
  border-radius:10px;
  padding:14px 10px;
  text-align:center;
}

.cred-stat strong{
  display:block;
  font-family:var(--FH);
  font-size:24px;
  font-weight:900;
  color:var(--P);
  line-height:1;
  margin-bottom:6px;
}

.cred-stat span{
  font-size:11px;
  color:var(--T2);
  line-height:1.5;
  display:block;
}

/* =============================================
   TRUSTED BY
============================================= */
.trusted-wrap{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(9,97,171,.12);
}

.trusted-title{
  font-size:13px;
  font-weight:700;
  color:var(--T);
  margin-bottom:10px;
}

.trusted-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.trusted-tags span{
  background:#fff;
  border:1px solid var(--BD);
  border-radius:30px;
  padding:6px 12px;
  font-size:11px;
  font-weight:600;
  color:var(--T2);
}

/* =============================================
   MOBILE
============================================= */
@media(max-width:560px){

  .cred-stats{
    grid-template-columns:1fr;
  }

}
.about-grid{display:grid;grid-template-columns:1fr 440px;gap:56px;align-items:start}
.about-text p{font-size:15.5px;color:var(--T2);line-height:1.82}
.about-text p+p{margin-top:13px}
.feat-list{margin-top:26px;display:flex;flex-direction:column;gap:12px}
.feat{
  display:flex;gap:13px;align-items:flex-start;
  background:var(--BG2);border:1px solid var(--BD);
  border-radius:var(--R);padding:15px 16px;
  transition:box-shadow .2s,border-color .2s;
}

.feat:hover{box-shadow:var(--S1);border-color:var(--PM)}
.feat-ico{width:38px;height:38px;border-radius:9px;background:var(--PL);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.feat-ico svg{width:19px;height:19px;stroke:var(--P);fill:none;stroke-width:2}
.feat strong{display:block;font-size:14px;font-weight:700;margin-bottom:2px;color:var(--T)}
.feat p{font-size:13px;color:var(--T2);line-height:1.6}
/* Credentials card */
.cred{
  background:linear-gradient(148deg,var(--PL),var(--GL));
  border:1px solid var(--BD);border-radius:var(--R3);
  padding:28px 24px;position:relative;overflow:hidden;
}
.cred::after{
  content:'';position:absolute;top:-40px;right:-40px;
  width:140px;height:140px;border-radius:50%;
  background:radial-gradient(circle,rgba(9,97,171,.08),transparent);
  pointer-events:none;
}
.cred h3{font-family:var(--FH);font-size:15.5px;font-weight:800;margin-bottom:16px;color:var(--T)}
.cred-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}
.ci{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--T)}
.ci::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--P);flex-shrink:0}
.cpills{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(9,97,171,.12)}
.cp{
  background:#fff;border:1.5px solid var(--BD);
  padding:4px 11px;border-radius:7px;
  font-family:var(--FH);font-size:11px;font-weight:800;
  color:var(--PD);letter-spacing:.4px;
}
.crate{
  display:flex;align-items:center;gap:9px;
  margin-top:13px;padding:11px 13px;
  background:#fff;border-radius:9px;border:1px solid var(--BD);
}
.crate .st{color:#f59e0b;font-size:13px;letter-spacing:1px}
.crate strong{font-size:14px}
.crate span{font-size:12px;color:var(--T3)}

/* Cred stats row */
.cred-stats{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:8px;margin-top:16px;padding-top:14px;
  border-top:1px solid rgba(9,97,171,.12);
}
.cred-stat{
  background:#fff;border-radius:10px;padding:12px 10px;
  text-align:center;border:1px solid var(--BD);
}
.cred-stat strong{
  display:block;font-family:var(--FH);font-size:20px;font-weight:900;
  color:var(--P);line-height:1;margin-bottom:3px;
}
.cred-stat span{font-size:10.5px;color:var(--T2);line-height:1.4;display:block}

/* Cred trust logos strip */
.cred-trusted{
  margin-top:14px;padding:12px 14px;
  background:#fff;border-radius:10px;border:1px solid var(--BD);
  display:flex;align-items:center;gap:8px;
}
.cred-trusted-label{
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;
  color:var(--T3);white-space:nowrap;flex-shrink:0;
}
.cred-trusted-badges{display:flex;flex-wrap:wrap;gap:5px;flex:1}
.ctbadge{
  font-size:10px;font-weight:700;padding:3px 8px;border-radius:5px;
  background:var(--PL);color:var(--PD);border:1px solid var(--PM);
  letter-spacing:.3px;
}

/* =============================================
   SERVICES GRID
============================================= */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.svc{
  background:#fff;border:1px solid var(--BD);
  border-radius:var(--R2);padding:26px 22px;
  position:relative;overflow:hidden;
  transition:box-shadow .28s,transform .28s;
}
.svc::before{
  content:'';position:absolute;top:0;left:0;right:0;
  height:3px;background:var(--gc,var(--P));
}
.svc:hover{box-shadow:var(--S2);transform:translateY(-5px)}
.svc-ic{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.svc-ic svg{width:24px;height:24px;fill:none;stroke-width:1.8}
.ib{background:#eff6ff}.ib svg{stroke:#2563eb}
.ig{background:#f0fdf4}.ig svg{stroke:#16a34a}
.iv{background:#f5f3ff}.iv svg{stroke:#7c3aed}
.ic2{background:#ecfeff}.ic2 svg{stroke:#0891b2}
.ia{background:#fffbeb}.ia svg{stroke:#d97706}
.ir{background:#fef2f2}.ir svg{stroke:#dc2626}
.it{background:#f0fdfa}.it svg{stroke:#0d9488}
.ip{background:#fdf4ff}.ip svg{stroke:#a21caf}
.svc h3{font-family:var(--FH);font-size:15.5px;font-weight:800;margin-bottom:8px;color:var(--T)}
.svc p{font-size:13px;color:var(--T2);line-height:1.68;margin-bottom:13px}
.stags{display:flex;flex-wrap:wrap;gap:5px}
.stag{font-size:10.5px;padding:3px 9px;border-radius:20px;background:var(--BG2);color:var(--T3);border:1px solid var(--BD);font-weight:500}

/* =============================================
   WHY CHOOSE — bordered grid
============================================= */
.why-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  margin-top:44px;
  border:1px solid var(--BD);border-radius:var(--R3);overflow:hidden;
}
.why{
  background:#fff;padding:28px 24px;
  border-right:1px solid var(--BD);
  border-bottom:1px solid var(--BD);
  transition:background .2s;
}
.why:hover{background:var(--BG2)}
.why:nth-child(3n){border-right:none}
.why:nth-child(4),.why:nth-child(5),.why:nth-child(6){border-bottom:none}
.why-num{font-family:var(--FH);font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--P);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.why-num::before{content:'';width:20px;height:2px;background:var(--P);border-radius:2px}
.why h3{font-family:var(--FH);font-size:15px;font-weight:800;margin-bottom:8px;color:var(--T)}
.why p{font-size:13px;color:var(--T2);line-height:1.68}

/* =============================================
   AI SECTION TOP HEADING
============================================= */
#ai-healthcare .C{
  max-width:760px;
  margin:0 auto;
}

/* =============================================
   AI TAGS
============================================= */
.ai-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}

.ai-tags span{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  padding:7px 12px;
  font-size:11px;
  font-weight:600;
  color:#fff;
  backdrop-filter:blur(10px);
}

/* =============================================
   MOBILE
============================================= */
@media(max-width:560px){

  .ai-tags{
    justify-content:center;
  }

}
.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.ai-list{display:flex;flex-direction:column;gap:12px}
.ai-item{
  display:flex;gap:13px;align-items:flex-start;
  padding:16px 17px;background:#fff;border:1px solid var(--BD);
  border-radius:var(--R);transition:box-shadow .2s,border-color .2s;
}
.ai-item:hover{box-shadow:var(--S1);border-color:var(--PM)}
.ai-ic{width:40px;height:40px;border-radius:9px;background:var(--PL);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ai-ic svg{width:19px;height:19px;stroke:var(--P);fill:none;stroke-width:2}
.ai-item strong{display:block;font-size:14px;font-weight:700;margin-bottom:2px;color:var(--T)}
.ai-item p{font-size:13px;color:var(--T2);line-height:1.6}
/* AI dark card */
.ai-panel{
  background:linear-gradient(148deg,var(--PX),#054a86);
  border-radius:var(--R3);padding:34px 28px;color:#fff;
  position:relative;overflow:hidden;
}
.ai-panel::before{
  content:'';position:absolute;top:-50px;right:-50px;
  width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(19,160,110,.3),transparent);pointer-events:none;
}
.ai-panel::after{
  content:'';position:absolute;bottom:-30px;left:-30px;
  width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,rgba(147,197,253,.15),transparent);pointer-events:none;
}
.ai-panel h3{font-family:var(--FH);font-size:20px;font-weight:800;margin-bottom:10px;position:relative;z-index:1}
.ai-panel>p{font-size:14px;opacity:.84;line-height:1.72;margin-bottom:22px;position:relative;z-index:1}
.ai-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}
.ai-stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:14px;text-align:center}
.ai-stat strong{display:block;font-family:var(--FH);font-size:26px;font-weight:900;color:#93c5fd;line-height:1;margin-bottom:4px}
.ai-stat span{font-size:11.5px;opacity:.75;line-height:1.4;display:block}

/* AI panel extra content */
.ai-panel-divider{height:1px;background:rgba(255,255,255,.12);margin:20px 0;position:relative;z-index:1}
.ai-panel-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:1}
.ai-panel-cta-text{font-size:13px;opacity:.88;line-height:1.5;flex:1}
.ai-panel-cta-btn{
  display:inline-flex;align-items:center;white-space:nowrap;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);
  color:#fff;font-size:12.5px;font-weight:700;padding:8px 16px;
  border-radius:8px;text-decoration:none!important;
  transition:background .2s,border-color .2s;
}
.ai-panel-cta-btn:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5)}
.ai-tech-strip{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  margin-top:14px;position:relative;z-index:1;
}
.ai-tech-label{
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;
  opacity:.55;margin-right:2px;
}
.ai-tech-pill{
  font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:20px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.85);
}

/* =============================================
   PROCESS — timeline
============================================= */
.proc-row{
  display:grid;grid-template-columns:repeat(6,1fr);
  margin-top:50px;position:relative;
}
.proc-row::before{
  content:'';position:absolute;
  top:31px;left:calc(100%/12);right:calc(100%/12);height:2px;
  background:linear-gradient(90deg,var(--P),var(--G));z-index:0;
}
.pstep{text-align:center;position:relative;z-index:1;padding:0 6px}
.pnum{
  width:62px;height:62px;border-radius:50%;margin:0 auto 13px;
  background:linear-gradient(135deg,var(--P),var(--PD));
  color:#fff;font-family:var(--FH);font-size:18px;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  border:4px solid #fff;box-shadow:0 0 0 3px var(--P),var(--S1);
}
.pstep h4{font-family:var(--FH);font-size:12px;font-weight:800;margin-bottom:5px;color:var(--T)}
.pstep p{font-size:11.5px;color:var(--T2);line-height:1.5}

/* =============================================
   TECH STACK
============================================= */
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}
.tcol{background:#fff;border:1px solid var(--BD);border-radius:var(--R);padding:20px 18px}
.tcol-h{font-family:var(--FH);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.8px;color:var(--T3);margin-bottom:12px}
.tpills{display:flex;flex-wrap:wrap;gap:7px}
.tpill{font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:20px;background:var(--PL);color:var(--PD)}

/* =============================================
   COMPLIANCE
============================================= */
.comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}
.comp{
  background:#fff;border:1px solid var(--BD);
  border-radius:var(--R2);padding:24px 18px;text-align:center;
  position:relative;overflow:hidden;transition:box-shadow .25s,transform .25s;
}
.comp:hover{box-shadow:var(--S2);transform:translateY(-4px)}
.comp::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--P),var(--G))}
.comp-b{font-family:var(--FH);font-size:20px;font-weight:900;color:var(--P);margin-bottom:5px}
.comp h4{font-size:13px;font-weight:700;margin-bottom:5px;color:var(--T)}
.comp p{font-size:12px;color:var(--T2);line-height:1.55}

/* =============================================
   INDUSTRIES
============================================= */
.ind-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:38px}
.ind{
  background:#fff;border:1px solid var(--BD);
  border-radius:var(--R);padding:20px 12px;text-align:center;
  transition:all .22s;
}
.ind:hover{background:var(--PL);border-color:var(--P);transform:translateY(-3px);box-shadow:var(--S1)}
.ind-em{font-size:28px;margin-bottom:8px}
.ind span{font-size:12px;font-weight:700;color:var(--T);display:block;line-height:1.4}

/* =============================================
   CTA BAND
============================================= */
.cta-band{
  background:linear-gradient(145deg,var(--PX) 0%,var(--PD) 55%,var(--G) 100%);
  padding:76px 40px;color:#fff;text-align:center;position:relative;overflow:hidden;
}
.cta-band::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 50% 80% at 80% 50%,rgba(255,255,255,.05),transparent),
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:auto,52px 52px,52px 52px;
}
.cta-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}
.cta-band h2{font-family:var(--FH);font-size:clamp(24px,4vw,40px);font-weight:900;letter-spacing:-.5px;margin-bottom:13px;color:#fff;}
.cta-band p{font-size:16px;opacity:.88;max-width:500px;margin:0 auto 30px;line-height:1.72}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}



/* =============================================
   FAQ
============================================= */
.faq-wrap{max-width:760px;margin:38px auto 0}
.faq-item{border:1px solid var(--BD);border-radius:var(--R);margin-bottom:9px;background:#fff;overflow:hidden}
.faq-q{
  width:100%;background:transparent;border:none;text-align:left;
  padding:17px 22px;font-family:var(--FB);font-size:15px;font-weight:700;
  cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;
  color:var(--T);transition:background .18s;
}
.faq-q:hover{background:var(--BG2)}
.faq-q[aria-expanded="true"]{background:var(--PL)}
.faq-q .arr{width:18px;height:18px;flex-shrink:0;transition:transform .3s;stroke:var(--P);fill:none;stroke-width:2.5}
.faq-q[aria-expanded="true"] .arr{transform:rotate(180deg)}
.faq-a{display:none;padding:0 22px 16px;font-size:14.5px;color:var(--T2);line-height:1.8}
.faq-a.open{display:block}

/* =============================================
   CITIES
============================================= */
.cities{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;justify-content:center}
.ctag{
  padding:7px 17px;border:1px solid var(--BD);border-radius:40px;
  font-size:13px;font-weight:500;color:var(--T2);background:#fff;
  transition:all .18s;
}
.ctag:hover{background:var(--PL);color:var(--P);border-color:var(--P)}

/* =============================================
   ANIMATIONS
============================================= */
@media(prefers-reduced-motion:no-preference){
  .fu{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease}
  .fu.in{opacity:1;transform:translateY(0)}
  .fu:nth-child(2){transition-delay:.07s}
  .fu:nth-child(3){transition-delay:.14s}
  .fu:nth-child(4){transition-delay:.21s}
  .fu:nth-child(5){transition-delay:.28s}
  .fu:nth-child(6){transition-delay:.35s}
  .fu:nth-child(7){transition-delay:.42s}
  .fu:nth-child(8){transition-delay:.49s}
  .fu:nth-child(9){transition-delay:.56s}
}
@media(prefers-reduced-motion:reduce){.fu{opacity:1;transform:none}}

/* =============================================
   RESPONSIVE
============================================= */
@media(max-width:1100px){
  .banner-layout{grid-template-columns:1fr}
  .banner-card{display:none}
  .about-grid{grid-template-columns:1fr}
  .ai-grid{grid-template-columns:1fr}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .tech-grid,.comp-grid{grid-template-columns:repeat(2,1fr)}
  .ind-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:820px){
  .W{padding:0 24px}
  .banner-layout{padding:64px 24px 0}
  .banner-stats{grid-template-columns:repeat(3,1fr)}
  .hs:nth-child(4),.hs:nth-child(5){border-top:1px solid rgba(255,255,255,.1)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .why:nth-child(3n){border-right:1px solid var(--BD)}
  .why:nth-child(2n){border-right:none}
  .why:nth-child(4),.why:nth-child(5){border-bottom:1px solid var(--BD)}
  .why:nth-child(6){border-bottom:none}
  .proc-row{grid-template-columns:repeat(3,1fr);gap:20px}
  .proc-row::before{display:none}
  .ind-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:560px){
  .W{padding:0 16px}
  .banner-layout{padding:52px 16px 0}
  .svc-grid,.tech-grid,.comp-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .why{border-right:none!important;border-bottom:1px solid var(--BD)!important}
  .why:last-child{border-bottom:none!important}
  .proc-row{grid-template-columns:repeat(2,1fr)}
  .ind-grid{grid-template-columns:repeat(2,1fr)}
  .banner-stats{grid-template-columns:repeat(2,1fr)}
  .hs:nth-child(5){grid-column:span 2}
  .cta-btns{flex-direction:column;align-items:center}
  .trust{padding:12px 16px}
  .trust-in{gap:14px}
  .ti-sep{display:none}
}


/* =============================================================
   FINTECH PAGE (ultimate_fixed_preview_animated)
   All rules scoped under .ft-page to avoid conflicts with the
   healthcare page styles above.
   ============================================================= */
.ft-page {
  /* Isolate fintech token overrides inside this wrapper */
}

*, *::before, *::after{ box-sizing: border-box; margin: 0; padding: 0; }

  :root{
    --PX:#2563EB;
    --P:#1E40AF;
    --bg-primary: #FFFFFF;
    --bg-secondary: #F8FAFC;
    --bg-card: #FFFFFF;
    --accent: #2563EB;
    --accent-hover: #1D4ED8;
    --accent-light: #EFF6FF;
    --text-primary: #111827;
    --text-secondary: #475569;
    --text-muted: #64748B;
    --border: #E2E8F0;
    --section-light: #F8FAFC;
    --section-light-text: #0F172A;
    --radius-card: 16px;
    --radius-btn: 10px;
    --shadow-card: 0 4px 20px rgba(0,0,0,0.08);
    --container: 1280px;
    --font: "Inter", sans-serif;
  }

  body{
    font-family: var(--font);
    background: #FFFFFF;
    color: #111827;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
  }

  .ft-page .container{
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 24px;
  }

  /* ── Breadcrumb ── */
  .ft-page .breadcrumb{
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border);
    padding: 12px 0;
  }
  .ft-page .breadcrumb nav{
    font-size: 13px;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }
  .ft-page .breadcrumb a{ color: var(--text-muted); text-decoration: none; }
  .ft-page .breadcrumb a:hover{ color: var(--accent); }
  .ft-page .breadcrumb .sep{ opacity: 0.4; }
  .ft-page .breadcrumb .current{ color: var(--text-secondary); }

  /* ── Hero ── */
  .ft-page .hero .perm{
      margin-top: 40px;
    margin-bottom: 0px;
    background: var(--bg-secondary);
    padding: 96px 0 80px;
    border-bottom: 1px solid var(--border);
    position: relative;
    overflow: hidden;
  }
  .ft-page .hero::before{
    content: "";
    position: absolute;
    top: -120px; right: -80px;
    width: 520px; height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(37,99,235,0.10) 0%, transparent 70%);
    pointer-events: none;
  }
  .ft-page .hero-inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
  }
  .ft-page .hero-eyebrow{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(37,99,235,0.12);
    border: 1px solid rgba(37,99,235,0.3);
    color: #60A5FA;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 6px;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
  }
  .ft-page .hero h1{
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.15;
    color: #111827;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
  }
  .ft-page .hero h1 span{ color: #60A5FA; }
  .ft-page .hero p{
    font-size: 17px;
    color: var(--text-secondary);
    max-width: 520px;
    margin-bottom: 36px;
    line-height: 1.7;
  }
  .ft-page .hero-cta{
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
  }
  .ft-page .btn-primary{
    background: var(--accent);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 13px 28px;
    border-radius: var(--radius-btn);
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.2s;
  }
  .ft-page .btn-primary:hover{ background: var(--accent-hover); }
  .ft-page .btn-outline{
    background: transparent;
    color: var(--text-secondary);
    font-size: 15px;
    font-weight: 500;
    padding: 12px 26px;
    border-radius: var(--radius-btn);
    border: 1px solid var(--border);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: border-color 0.2s, color 0.2s;
  }
  .ft-page .btn-outline:hover{ border-color: var(--accent); color: #60A5FA; }

  .ft-page .hero-stats{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 44px;
    padding-top: 44px;
    border-top: 1px solid var(--border);
  }
  .ft-page .hero-stat-num{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
  }
  .ft-page .hero-stat-label{
    font-size: 13px;
    color: var(--text-muted);
    margin-top: 3px;
  }

  /* Hero visual panel */
  .ft-page .hero-visual{
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
    padding: 28px;
    box-shadow: 0 8px 30px rgba(37,99,235,0.08);
  }
  .ft-page .hero-visual-title{
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 20px;
  }
  .ft-page .tech-tag-grid{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
  }
  .ft-page .tech-tag{
    background: rgba(37,99,235,0.1);
    border: 1px solid rgba(37,99,235,0.2);
    color: #93C5FD;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 6px;
  }
  .ft-page .mini-card-row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .ft-page .mini-card{
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 14px;
  }
  .ft-page .mini-card-icon{
    font-size: 20px;
    margin-bottom: 7px;
  }
  .ft-page .mini-card-label{
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
  }
  .ft-page .mini-card-val{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-top: 2px;
  }

  /* ── Section Shared ── */
  .ft-page section{ padding: 80px 0; }
  .ft-page .section-eyebrow{
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #60A5FA;
    margin-bottom: 12px;
  }
  .ft-page .section-heading{
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 600;
    line-height: 1.2;
    color: #111827;
    margin-bottom: 16px;
    letter-spacing: -0.01em;
  }
  .ft-page .section-heading.dark{ color: var(--section-light-text); }
  .ft-page .section-sub{
    font-size: 16px;
    color: var(--text-secondary);
    max-width: 680px;
    line-height: 1.7;
  }
  .ft-page .section-sub.dark{ color: #475569; }
  .ft-page .section-header{ margin-bottom: 52px; }
  .ft-page .section-header.center{ text-align: center; }
  .ft-page .section-header.center .section-sub{ margin: 0 auto; }

  /* ── Services Grid ── */
  .ft-page .services-section{ background: var(--bg-secondary); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
  .ft-page .services-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .ft-page .service-card{
    background: #FFFFFF;
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
    padding: 28px;
    transition: border-color 0.2s, transform 0.2s;
  }
  .ft-page .service-card:hover{ border-color: rgba(37,99,235,0.5); transform: translateY(-3px); }
  .ft-page .service-icon{
    width: 48px;
    height: 48px;
    background: rgba(37,99,235,0.12);
    border: 1px solid rgba(37,99,235,0.2);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 18px;
  }
  .ft-page .service-card h3{
    font-size: 17px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 10px;
  }
  .ft-page .service-card p{
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: 16px;
  }
  .ft-page .service-link{
    font-size: 13px;
    font-weight: 600;
    color: #60A5FA;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }
  .ft-page .service-link:hover{ color: var(--accent); }

  /* ── Why Choose ── */
  
 /* =========================================
   WHY SECTION
========================================= */

.why-section {
  padding: 100px 0;
  background: #f8fbff;
}

/* TOP HEADER */

.why-top-header {
  max-width: 900px;
  margin: 0 auto 70px;
  text-align: center;
}

.section-eyebrow {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 999px;
  background: #e8f0ff;
  color: #2563eb;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.section-heading {
  font-size: 58px;
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 24px;
}

.heading-dark {
  color: #0f172a;
}

.heading-blue {
  color: #2563eb;
}

.section-sub {
  font-size: 21px;
  line-height: 1.8;
  color: #475569;
  max-width: 820px;
  margin: 0 auto;
}

/* GRID */

.why-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 50px;
  align-items: start;
}

/* LEFT ITEMS */

.why-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.why-item {
  display: flex;
  gap: 22px;
  background: #fff;
  padding: 30px;
  border-radius: 24px;
  border: 1px solid #e2e8f0;
  transition: 0.3s ease;
}

.why-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(37, 99, 235, 0.08);
}

.why-icon {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: #edf4ff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  flex-shrink: 0;
}

.why-item h4 {
  font-size: 24px;
  margin-bottom: 12px;
  color: #0f172a;
}

.why-item p {
  color: #475569;
  line-height: 1.8;
  font-size: 17px;
}

/* RIGHT CARD */

.why-right-card {
  background: linear-gradient(180deg, #edf5ff 0%, #f8fbff 100%);
  padding: 40px;
  border-radius: 28px;
  border: 1px solid #dbeafe;
  position: sticky;
  top: 100px;
}

.why-right-card h3 {
  font-size: 34px;
  margin-bottom: 35px;
  color: #0f172a;
}

.cert-list {
  display: flex;
  flex-direction: column;
}

.cert-row {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px 0;
  border-bottom: 1px solid #dbeafe;
}

.cert-badge {
  min-width: 110px;
  padding: 10px 16px;
  border-radius: 12px;
  background: #dcfce7;
  color: #16a34a;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

.cert-label {
  color: #334155;
  line-height: 1.6;
}

/* MOBILE */

@media (max-width: 992px) {

  .why-grid {
    grid-template-columns: 1fr;
  }

  .section-heading {
    font-size: 42px;
  }

  .section-sub {
    font-size: 18px;
  }

  .why-right-card {
    position: relative;
    top: 0;
  }
}

  .ft-page .why-section{ background: #FFFFFF; }
  .ft-page .why-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
  }
  .ft-page .why-list{ display: flex; flex-direction: column; gap: 20px; }
  .ft-page .why-item{
    display: flex;
    gap: 16px;
    padding: 20px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
  }
  .ft-page .why-icon{
    width: 44px;
    height: 44px;
    min-width: 44px;
    background: rgba(37,99,235,0.12);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
  }
  .ft-page .why-item h4{ font-size: 15px; font-weight: 600; color: #111827; margin-bottom: 5px; }
  .ft-page .why-item p{ font-size: 13px; color: var(--text-secondary); line-height: 1.5; }

  .ft-page .why-right-card{
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
    padding: 36px;
  }
  .ft-page .why-right-card h3{ font-size: 22px; font-weight: 600; color: #111827; margin-bottom: 24px; }
  .ft-page .cert-list{ display: flex; flex-direction: column; gap: 12px; }
  .ft-page .cert-row{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
  }
  .ft-page .cert-row:last-child{ border-bottom: none; }
  .ft-page .cert-badge{
    background: rgba(16,185,129,0.1);
    border: 1px solid rgba(16,185,129,0.2);
    color: #34D399;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 5px;
    min-width: 90px;
    text-align: center;
  }
  .ft-page .cert-label{ font-size: 14px; color: var(--text-secondary); }

  /* ── Tech Stack ── */
  .ft-page .tech-section{ background: var(--section-light); }
  .ft-page .tech-tabs{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 36px;
    border-bottom: 2px solid #E2E8F0;
    padding-bottom: 0;
  }
  .ft-page .tech-tab{
    font-size: 14px;
    font-weight: 500;
    color: #64748B;
    padding: 10px 18px;
    border: none;
    background: none;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.2s;
  }
  .ft-page .tech-tab.active{ color: var(--accent); border-bottom-color: var(--accent); font-weight: 600; }
  .ft-page .tech-grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
  }
  .ft-page .tech-chip{
    background: #fff;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 14px 10px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #334155;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    transition: border-color 0.2s;
  }
  .ft-page .tech-chip:hover{ border-color: var(--accent); }
  .ft-page .tech-chip-icon{ font-size: 22px; margin-bottom: 6px; }

  /* ── Process ── */
  .ft-page .process-section{ background: var(--bg-secondary); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
  .ft-page .process-timeline{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0;
    position: relative;
    counter-reset: process;
  }
  .ft-page .process-timeline::before{
    content: "";
    position: absolute;
    top: 28px;
    left: calc(100% / 12);
    right: calc(100% / 12);
    height: 2px;
    background: var(--border);
  }
  .ft-page .process-step{
    padding: 0 12px;
    text-align: center;
    position: relative;
  }
  .ft-page .step-circle{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--accent);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    border: 3px solid var(--bg-secondary);
    position: relative;
    z-index: 1;
  }
  .ft-page .step-title{ font-size: 14px; font-weight: 600; color: #111827; margin-bottom: 6px; }
  .ft-page .step-desc{ font-size: 12px; color: var(--text-muted); line-height: 1.5; }

  /* ── Industries ── */
  .ft-page .industries-section{ background: #FFFFFF; }
  .ft-page .industries-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
  .ft-page .industry-card{
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
    padding: 24px;
    transition: border-color 0.2s;
  }
  .ft-page .industry-card:hover{ border-color: rgba(37,99,235,0.4); }
  .ft-page .industry-icon{ font-size: 28px; margin-bottom: 12px; }
  .ft-page .industry-card h3{ font-size: 15px; font-weight: 600; color: #111827; margin-bottom: 6px; }
  .ft-page .industry-card p{ font-size: 13px; color: var(--text-muted); line-height: 1.5; }

  /* ── Case Studies / Results ── */
  .ft-page .results-section{ background: var(--section-light); }
  .ft-page .results-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .ft-page .result-card{
    background: #fff;
    border: 1px solid #E2E8F0;
    border-radius: var(--radius-card);
    padding: 28px;
    box-shadow: 0 8px 30px rgba(37,99,235,0.08);
  }
  .ft-page .result-tag{
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: var(--accent-light);
    color: var(--accent);
    padding: 4px 10px;
    border-radius: 5px;
    margin-bottom: 16px;
  }
  .ft-page .result-card h3{ font-size: 17px; font-weight: 600; color: var(--section-light-text); margin-bottom: 10px; }
  .ft-page .result-card p{ font-size: 14px; color: #64748B; line-height: 1.6; margin-bottom: 20px; }
  .ft-page .result-metrics{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .ft-page .metric-box{
    background: #F8FAFC;
    border-radius: 10px;
    padding: 12px;
    text-align: center;
  }
  .ft-page .metric-num{ font-size: 22px; font-weight: 700; color: var(--accent); }
  .ft-page .metric-label{ font-size: 11px; color: #94A3B8; margin-top: 2px; }

  /* ── Pricing Tiers ── */
  .ft-page .pricing-section{ background: var(--bg-secondary); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
  .ft-page .pricing-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .ft-page .pricing-card{
    background: #FFFFFF;
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
    padding: 32px;
    position: relative;
  }
  .ft-page .pricing-card.featured{
    border-color: var(--accent);
    background: var(--bg-card);
  }
  .ft-page .pricing-badge{
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--accent);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: 20px;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }
  .ft-page .pricing-tier{ font-size: 13px; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 10px; }
  .ft-page .pricing-name{ font-size: 22px; font-weight: 700; color: #111827; margin-bottom: 6px; }
  .ft-page .pricing-range{ font-size: 26px; font-weight: 700; color: #60A5FA; margin-bottom: 4px; }
  .ft-page .pricing-timeline{ font-size: 13px; color: var(--text-muted); margin-bottom: 24px; }
  .ft-page .pricing-divider{ height: 1px; background: var(--border); margin-bottom: 20px; }
  .ft-page .pricing-features{ list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 28px; }
  .ft-page .pricing-features li{
    font-size: 14px;
    color: var(--text-secondary);
    display: flex;
    align-items: flex-start;
    gap: 9px;
  }
  .ft-page .pricing-features li::before{ content: "✓"; color: #34D399; font-weight: 700; min-width: 14px; margin-top: 1px; }

  /* ── FAQ ── */
  .ft-page .faq-section{ background: #FFFFFF; }
  .ft-page .faq-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .ft-page .faq-item{
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
    padding: 24px;
  }
  .ft-page .faq-item h3{ font-size: 15px; font-weight: 600; color: #111827; margin-bottom: 10px; }
  .ft-page .faq-item p{ font-size: 14px; color: var(--text-secondary); line-height: 1.6; }

  /* ── CTA Banner ── */
  .ft-page .cta-section{
    background: var(--accent);
    padding: 80px 0;
  }
  .ft-page .cta-inner{ text-align: center; }
  .ft-page .cta-inner h2{ font-size: clamp(26px, 3vw, 40px); font-weight: 700; color: #fff; margin-bottom: 16px; letter-spacing: -0.01em; }
  .ft-page .cta-inner p{ font-size: 17px; color: rgba(255,255,255,0.85); max-width: 600px; margin: 0 auto 36px; line-height: 1.6; }
  .ft-page .cta-btns{ display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
  .ft-page .btn-white{
    background: #fff;
    color: var(--accent);
    font-size: 15px;
    font-weight: 700;
    padding: 13px 28px;
    border-radius: var(--radius-btn);
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: opacity 0.2s;
  }
  .ft-page .btn-white:hover{ opacity: 0.92; }
  .ft-page .btn-ghost-white{
    background: transparent;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 26px;
    border-radius: var(--radius-btn);
    border: 1px solid rgba(255,255,255,0.4);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.2s;
  }
  .ft-page .btn-ghost-white:hover{ background: rgba(255,255,255,0.1); }

  /* ── About Strip ── */
  .ft-page .about-strip{
    background: var(--bg-secondary);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 56px 0;
  }
  .ft-page .about-strip-inner{
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 60px;
    align-items: center;
  }
  .ft-page .about-strip h2{ font-size: 26px; font-weight: 600; color: #111827; margin-bottom: 12px; }
  .ft-page .about-strip p{ font-size: 15px; color: var(--text-secondary); line-height: 1.7; }
  .ft-page .about-numbers{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
  .ft-page .abn{ text-align: center; }
  .ft-page .abn-val{ font-size: 34px; font-weight: 800; /*color: #fff;*/ }
  .ft-page .abn-label{ font-size: 13px; color: var(--text-muted); margin-top: 4px; }

  /* Responsive */
  @media (max-width: 1024px) {
    .ft-page .hero-inner, .ft-page .why-grid{ grid-template-columns: 1fr; }
    .ft-page .hero-visual{ display: none; }
    .ft-page .services-grid{ grid-template-columns: repeat(2, 1fr); }
    .ft-page .process-timeline{ grid-template-columns: repeat(3, 1fr); }
    .ft-page .process-timeline::before{ display: none; }
    .ft-page .tech-grid{ grid-template-columns: repeat(4, 1fr); }
    .ft-page .industries-grid{ grid-template-columns: repeat(2, 1fr); }
    .ft-page .results-grid, .ft-page .pricing-grid{ grid-template-columns: 1fr; }
    .ft-page .faq-grid{ grid-template-columns: 1fr; }
    .ft-page .about-numbers{ grid-template-columns: repeat(2, 1fr); }
    .ft-page .about-strip-inner{ grid-template-columns: 1fr; gap: 32px; }
  }
  @media (max-width: 640px) {
    .ft-page section{ padding: 56px 0; }
    .ft-page .hero{ padding: 56px 0 48px; }
    .ft-page .services-grid{ grid-template-columns: 1fr; }
    .ft-page .hero-stats{ grid-template-columns: 1fr 1fr; }
    .ft-page .industries-grid{ grid-template-columns: 1fr 1fr; }
    .ft-page .mini-card-row{ grid-template-columns: 1fr 1fr; }
    .ft-page .tech-grid{ grid-template-columns: repeat(3, 1fr); }
  }

body{
  background:#FFFFFF !important;
  color:#111827 !important;
}
.ft-page .hero{
  background:linear-gradient(180deg,#EFF6FF 0%, #FFFFFF 100%) !important;
}
.ft-page .hero h1, .ft-page .section-heading, .ft-page .service-card h3, .ft-page .why-item h4, .ft-page .pricing-name, .ft-page .faq-item h3{
  color:#111827 !important;
}
.ft-page .hero p, .ft-page .section-sub, .ft-page .service-card p, .ft-page .why-item p, .ft-page .faq-item p{
  color:#475569 !important;
}
.ft-page .service-card, .ft-page .why-item, .ft-page .hero-visual, .ft-page .pricing-card, .ft-page .faq-item, .ft-page .result-card, .ft-page .industry-card{
  background:#FFFFFF !important;
  border:1px solid #E2E8F0 !important;
  box-shadow:0 10px 30px rgba(37,99,235,0.06) !important;
}
.ft-page .tech-chip{
  background:#F8FAFC !important;
}
.ft-page .btn-outline{
  color:#2563EB !important;
  border-color:#BFDBFE !important;
}
.ft-page .breadcrumb, .ft-page .services-section, .ft-page .process-section, .ft-page .pricing-section, .ft-page .about-strip{
  background:#F8FAFC !important;
}



.ft-page .expertise-section, .ft-page .hero-visual, .ft-page .expertise-card, .ft-page .feature-card, .ft-page .tech-card{
    background: linear-gradient(145deg, var(--PX) 0%, #054a86 48%, var(--P) 100%) !important;
    color: white !important;
    border: none !important;
}

.ft-page .hero-visual *, .ft-page .expertise-section *, .ft-page .expertise-card *, .ft-page .feature-card *, .ft-page .tech-card *{
    color: white !important;
}

.ft-page .tech-chip{
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    /*color: white !important;*/
}

.ft-page .hero-visual .service-card, .ft-page .hero-visual .industry-card, .ft-page .hero-visual .result-card{
    background: rgba(255,255,255,0.12) !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    backdrop-filter: blur(10px);
}

.ft-page .hero-visual .service-card h3, .ft-page .hero-visual .industry-card h3, .ft-page .hero-visual .result-card h3{
    color: #ffffff !important;
}


.ft-page .hero, .ft-page .banner, .ft-page .hero-section, .ft-page .hero-wrapper{
    background: linear-gradient(145deg, var(--PX) 0%, #054a86 48%, var(--P) 100%) !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.ft-page .hero *, .ft-page .banner *, .ft-page .hero-section *, .ft-page .hero-wrapper *{
    color: white !important;
}

.ft-page .hero p, .ft-page .banner p, .ft-page .hero-section p{
    color: rgba(255,255,255,0.85) !important;
}

.ft-page .hero .btn-primary, .ft-page .banner .btn-primary{
    background: white !important;
    color: #2563EB !important;
    border: none !important;
}

.ft-page .hero .btn-outline, .ft-page .banner .btn-outline{
    border: 1px solid rgba(255,255,255,0.4) !important;
    color: white !important;
    background: transparent !important;
}

.ft-page .hero-visual, .ft-page .expertise-section{
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    backdrop-filter: blur(12px);
}

.ft-page .hero .service-card, .ft-page .hero .industry-card, .ft-page .hero .result-card{
    background: rgba(255,255,255,0.10) !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
}


/* ═══════════════════════════════════════
   ANIMATIONS — no font/color changes
   ═══════════════════════════════════════ */

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(32px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes slideInRight {
  from { opacity: 0; transform: translateX(40px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes scaleIn {
  from { opacity: 0; transform: scale(0.88); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-10px); }
}
@keyframes pulse-ring {
  0%   { box-shadow: 0 0 0 0 rgba(37,99,235,0.30); }
  70%  { box-shadow: 0 0 0 14px rgba(37,99,235,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,99,235,0); }
}
@keyframes shimmer {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}
@keyframes borderGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(37,99,235,0); }
  50%       { box-shadow: 0 0 20px 2px rgba(37,99,235,0.18); }
}

/* ── Scroll-reveal ── */
.ft-page .reveal{
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.65s cubic-bezier(0.16,1,0.3,1),
              transform 0.65s cubic-bezier(0.16,1,0.3,1);
}
.ft-page .reveal.visible{ opacity: 1; transform: translateY(0); }

.ft-page .reveal-left{
  opacity: 0; transform: translateX(-36px);
  transition: opacity 0.65s cubic-bezier(0.16,1,0.3,1),
              transform 0.65s cubic-bezier(0.16,1,0.3,1);
}
.ft-page .reveal-left.visible{ opacity: 1; transform: translateX(0); }

.ft-page .reveal-right{
  opacity: 0; transform: translateX(36px);
  transition: opacity 0.65s cubic-bezier(0.16,1,0.3,1),
              transform 0.65s cubic-bezier(0.16,1,0.3,1);
}
.ft-page .reveal-right.visible{ opacity: 1; transform: translateX(0); }

.ft-page .reveal-scale{
  opacity: 0; transform: scale(0.90);
  transition: opacity 0.55s cubic-bezier(0.16,1,0.3,1),
              transform 0.55s cubic-bezier(0.16,1,0.3,1);
}
.ft-page .reveal-scale.visible{ opacity: 1; transform: scale(1); }

/* Staggered children */
.ft-page .stagger > *:nth-child(1){ transition-delay: 0ms; }
.ft-page .stagger > *:nth-child(2){ transition-delay: 90ms; }
.ft-page .stagger > *:nth-child(3){ transition-delay: 180ms; }
.ft-page .stagger > *:nth-child(4){ transition-delay: 270ms; }
.ft-page .stagger > *:nth-child(5){ transition-delay: 360ms; }
.ft-page .stagger > *:nth-child(6){ transition-delay: 450ms; }
.ft-page .stagger > *:nth-child(7){ transition-delay: 540ms; }
.ft-page .stagger > *:nth-child(8){ transition-delay: 630ms; }

/* ── Hero entrance animations ── */
.ft-page .hero-content .hero-eyebrow{ animation: fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.1s both; }
.ft-page .hero-content h1{ animation: fadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.22s both; }
.ft-page .hero-content > p{ animation: fadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.36s both; }
.ft-page .hero-cta{ animation: fadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.50s both; }
.ft-page .hero-stats{ animation: fadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.65s both; }
.ft-page .hero-visual{
  animation: slideInRight 0.8s cubic-bezier(0.16,1,0.3,1) 0.3s both,
             float 6s ease-in-out 1.2s infinite;
}

/* Tech tags stagger pop-in */
.ft-page .tech-tag{ display: inline-block; animation: scaleIn 0.45s cubic-bezier(0.16,1,0.3,1) both; }
.ft-page .tech-tag:nth-child(1){ animation-delay: 0.55s; }
.ft-page .tech-tag:nth-child(2){ animation-delay: 0.65s; }
.ft-page .tech-tag:nth-child(3){ animation-delay: 0.75s; }
.ft-page .tech-tag:nth-child(4){ animation-delay: 0.85s; }
.ft-page .tech-tag:nth-child(5){ animation-delay: 0.95s; }
.ft-page .tech-tag:nth-child(6){ animation-delay: 1.05s; }
.ft-page .tech-tag:nth-child(7){ animation-delay: 1.15s; }
.ft-page .tech-tag:nth-child(8){ animation-delay: 1.25s; }

/* Hero mini cards */
.ft-page .mini-card{ animation: scaleIn 0.45s cubic-bezier(0.16,1,0.3,1) both; }
.ft-page .mini-card:nth-child(1){ animation-delay: 1.0s; }
.ft-page .mini-card:nth-child(2){ animation-delay: 1.1s; }
.ft-page .mini-card:nth-child(3){ animation-delay: 1.2s; }
.ft-page .mini-card:nth-child(4){ animation-delay: 1.3s; }
.ft-page .mini-card{ transition: transform 0.28s ease, box-shadow 0.28s ease; }
.ft-page .mini-card:hover{
  transform: translateY(-4px) scale(1.04);
  box-shadow: 0 8px 20px rgba(37,99,235,0.20) !important;
}

/* ── Hero orb float ── */
.ft-page .hero::before{ animation: float 8s ease-in-out infinite; }

/* ── Buttons ── */
.ft-page .btn-primary{
  transition: background 0.2s, transform 0.18s, box-shadow 0.18s !important;
}
.ft-page .btn-primary:hover{
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 8px 24px rgba(37,99,235,0.35) !important;
}
.ft-page .btn-primary:active{ transform: translateY(0) scale(0.98); }

.ft-page .btn-outline{
  transition: border-color 0.2s, color 0.2s, transform 0.18s, box-shadow 0.18s !important;
}
.ft-page .btn-outline:hover{
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(37,99,235,0.12) !important;
}

.ft-page .btn-white{
  transition: opacity 0.2s, transform 0.18s, box-shadow 0.18s !important;
}
.ft-page .btn-white:hover{
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
}

/* ── Service cards ── */
.ft-page .service-card{
  transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s !important;
}
.ft-page .service-card:hover{
  border-color: rgba(37,99,235,0.5) !important;
  transform: translateY(-7px) !important;
  box-shadow: 0 18px 42px rgba(37,99,235,0.13) !important;
}
.ft-page .service-icon{
  transition: transform 0.32s cubic-bezier(0.34,1.56,0.64,1);
}
.ft-page .service-card:hover .service-icon{ transform: scale(1.2) rotate(-5deg); }

/* ── Industry cards ── */
.ft-page .industry-card{
  transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s !important;
}
.ft-page .industry-card:hover{
  border-color: rgba(37,99,235,0.4) !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 14px 32px rgba(37,99,235,0.11) !important;
}
.ft-page .industry-icon{
  display: inline-block;
  transition: transform 0.32s cubic-bezier(0.34,1.56,0.64,1);
}
.ft-page .industry-card:hover .industry-icon{ transform: scale(1.28) rotate(8deg); }

/* ── Why items ── */
.ft-page .why-item{
  transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s !important;
}
.ft-page .why-item:hover{
  border-color: rgba(37,99,235,0.4) !important;
  transform: translateX(8px) !important;
  box-shadow: 0 8px 24px rgba(37,99,235,0.10) !important;
}
.ft-page .why-icon{
  transition: transform 0.32s cubic-bezier(0.34,1.56,0.64,1);
}
.ft-page .why-item:hover .why-icon{ transform: scale(1.2) rotate(-6deg); }

/* ── Result cards ── */
.ft-page .result-card{
  transition: transform 0.25s, box-shadow 0.25s !important;
}
.ft-page .result-card:hover{
  transform: translateY(-7px) !important;
  box-shadow: 0 22px 52px rgba(37,99,235,0.15) !important;
}

/* ── Pricing cards ── */
.ft-page .pricing-card{
  transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s !important;
}
.ft-page .pricing-card:hover{
  transform: translateY(-7px) !important;
  box-shadow: 0 20px 48px rgba(37,99,235,0.14) !important;
}
.ft-page .pricing-card.featured{ animation: borderGlow 3s ease-in-out infinite; }

/* ── FAQ items ── */
.ft-page .faq-item{
  transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s !important;
}
.ft-page .faq-item:hover{
  border-color: rgba(37,99,235,0.35) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(37,99,235,0.10) !important;
}

/* ── Tech chips ── */
.ft-page .tech-chip{
  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s !important;
}
.ft-page .tech-chip:hover{
  border-color: var(--accent) !important;
  transform: translateY(-4px) scale(1.05) !important;
  box-shadow: 0 6px 18px rgba(37,99,235,0.16) !important;
}

/* ── Process step circles ── */
.ft-page .step-circle{
  transition: transform 0.25s;
  animation: pulse-ring 2.8s ease-out infinite;
}
.ft-page .process-step:nth-child(2) .step-circle{ animation-delay: 0.46s; }
.ft-page .process-step:nth-child(3) .step-circle{ animation-delay: 0.92s; }
.ft-page .process-step:nth-child(4) .step-circle{ animation-delay: 1.38s; }
.ft-page .process-step:nth-child(5) .step-circle{ animation-delay: 1.84s; }
.ft-page .process-step:nth-child(6) .step-circle{ animation-delay: 2.30s; }
.ft-page .process-step:hover .step-circle{ transform: scale(1.18); }

/* ── Section eyebrow shimmer ── */
.ft-page .section-eyebrow{
  background: linear-gradient(90deg, #3B82F6 20%, #93C5FD 50%, #3B82F6 80%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: shimmer 3.5s linear infinite;
}

/* ── CTA animated orbs ── */
.ft-page .cta-section{ position: relative; overflow: hidden; }
.ft-page .cta-section::before{
  content: "";
  position: absolute; top: -50%; left: -15%;
  width: 480px; height: 480px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  animation: float 9s ease-in-out infinite;
  pointer-events: none;
}
.ft-page .cta-section::after{
  content: "";
  position: absolute; bottom: -45%; right: -8%;
  width: 360px; height: 360px;
  border-radius: 50%;
  background: rgba(255,255,255,0.05);
  animation: float 11s ease-in-out 2s infinite reverse;
  pointer-events: none;
}

/* ── Stat number hover bounce ── */
.ft-page .hero-stat{ transition: transform 0.25s; cursor: default; }
.ft-page .hero-stat:hover{ transform: translateY(-4px); }
.ft-page .abn{ transition: transform 0.25s; cursor: default; }
.ft-page .abn:hover{ transform: translateY(-5px); }

/* ── Cert rows slide ── */
.ft-page .cert-row{ transition: background 0.2s, padding-left 0.22s; }
.ft-page .cert-row:hover{ background: rgba(37,99,235,0.04); padding-left: 8px; }

/* ── Breadcrumb links ── */
.ft-page .breadcrumb a{ transition: color 0.2s, transform 0.2s; display: inline-block; }
.ft-page .breadcrumb a:hover{ transform: translateY(-1px); }

/* ── Related links ── */
.ft-page a[href^="/services/"], .ft-page a[href^="/blog/"], .ft-page a[href^="/case-studies"]{
  transition: transform 0.2s, box-shadow 0.2s !important;
}
.ft-page a[href^="/services/"]:hover, .ft-page a[href^="/blog/"]:hover, .ft-page a[href^="/case-studies"]:hover{
  transform: translateX(5px) !important;
  box-shadow: 0 4px 14px rgba(37,99,235,0.12) !important;
}

/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after{
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

.ft-page .heading-dark{
  color:#111827 !important;
}
.ft-page .heading-blue{
  color:#3B82F6 !important;
}
.ft-page .section-header.center{
  text-align:center !important;
}
.ft-page .section-header.center .section-sub{
  margin:0 auto !important;
}
.ft-page .about-strip, .ft-page .hero, .ft-page .cta-section, .ft-page .hero-visual, .ft-page .expertise-section, .ft-page .tech-card, .ft-page .feature-card{
  /*background: linear-gradient(145deg, var(--PX) 0%, #054a86 48%, var(--P) 100%) !important;*/
}



/* Updated heading colors and alignment */

.ft-page .hero h1{
  color:#ffffff !important;
}

.ft-page .hero h1 span{
  color:#9CCBFF !important;
}

.ft-page .section-header.center{
  text-align:center !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.ft-page .section-header.center .section-sub{
  text-align:center !important;
  margin:0 auto !important;
  max-width:780px !important;
}

.ft-page .heading-dark{
  color:#081225 !important;
}

.ft-page .heading-blue{
  color:#3B82F6 !important;
}

.ft-page .why-section .section-header{
  width:100%;
  margin:0 auto 50px auto !important;
  text-align:center !important;
  align-items:center !important;
}

.ft-page .why-section .section-heading{
  width:100%;
  text-align:center !important;
}

.ft-page .why-section .section-sub{
  width:100%;
  text-align:center !important;
  margin:0 auto !important;
}

.ft-page .hero{
  background: linear-gradient(145deg, var(--PX) 0%, #054a86 48%, var(--P) 100%) !important;
}


/* Final center alignment fixes */

.ft-page #why-algosoft .section-header, .ft-page .why-algosoft .section-header, .ft-page section.why-section .section-header, .ft-page section .section-header.center{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.ft-page #why-algosoft .section-heading, .ft-page .why-algosoft .section-heading, .ft-page section.why-section .section-heading{
    text-align:center !important;
    width:100% !important;
    margin:0 auto 20px auto !important;
}

.ft-page #why-algosoft .section-sub, .ft-page .why-algosoft .section-sub, .ft-page section.why-section .section-sub{
    text-align:center !important;
    width:100% !important;
    max-width:900px !important;
    margin:0 auto !important;
    display:block !important;
}

/* =============================================
   CLOUD MIGRATION PAGE (algosoft-cloud-migration-v7)
   Scoped styles extracted from the page template.
   All rules specific to the cloud migration page.
============================================= */

:root {
  --primary: #373ab7;
  --primary-dark: #2b2e96;
  --primary-light: #4284ff;
  --primary-lighter: #6aa3ff;
  --primary-faint: rgba(55,58,183,0.08);
  --primary-faint2: rgba(66,132,255,0.1);
  --bg-white: #ffffff;
  --bg-light: #f4f6ff;
  --bg-lighter: #eef1ff;
  --bg-card: #ffffff;
  --border: #dde2f5;
  --border-light: #e8ecfa;
  --text-white: #ffffff;
  --text-dark: #0d0f2e;
  --text-body: #3a3d5c;
  --text-muted: #6b6f99;
  --text-faint: #9da1c4;
  --shadow-sm: 0 2px 12px rgba(55,58,183,0.08);
  --shadow-md: 0 6px 28px rgba(55,58,183,0.14);
  --shadow-lg: 0 16px 48px rgba(55,58,183,0.18);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  font-family: 'Poppins', sans-serif;
  background: var(--bg-white);
  color: var(--text-body);
  line-height: 1.7;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5 {
  font-family: 'Poppins', sans-serif;
  color: var(--text-dark);
  line-height: 1.2;
}

.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* ── HERO ── */
.hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #060a22;
    padding: 0 !important;
    margin: 0 !important;
}

/* Image sits on the RIGHT at natural proportions — no stretch, no blur */
.hero-banner-img {
  position: absolute;
  right: -2%;
  top: 50%;
  transform: translateY(-50%);
  height: 85%;          /* scale by height, width follows naturally */
  width: auto;          /* never distort the aspect ratio */
  max-width: none;      /* allow it to be wider than container */
  object-fit: unset;
  opacity: 0.92;
  pointer-events: none;
}

/* Dark left panel overlay — keeps text fully readable */
.hero-overlay {
  position: absolute; inset: 0;
  background:
    linear-gradient(100deg,
      #060a22 0%,
      #060a22 30%,
      rgba(6,10,34,0.90) 46%,
      rgba(6,10,34,0.40) 62%,
      rgba(6,10,34,0.0) 80%);
}

/* Dot-grid pattern — left side only */
.hero-grid {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.07) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0) 60%);
  pointer-events: none;
}

/* Glowing orb accent — bottom-left */
.hero-glow {
  position: absolute;
  bottom: -120px; left: -80px;
  width: 480px; height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(66,132,255,0.18) 0%, transparent 70%);
  pointer-events: none;
}

/* Top subtle glow */
.hero-glow2 {
  position: absolute;
  top: -60px; right: 38%;
  width: 320px; height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(100,80,255,0.12) 0%, transparent 70%);
  pointer-events: none;
}

/* Inner layout */
.hero-inner {
  position: relative; z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  min-height: calc(100vh - 68px);
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 520px;
  width: 100%;
}


/* Remove old stat styles that conflict */
.hero-stats { display: none; }
.hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(66,132,255,0.18);
  border: 1px solid rgba(66,132,255,0.45);
  color: rgba(255,255,255,0.95); font-size: 12px; font-weight: 600;
  padding: 7px 18px; border-radius: 100px;
  margin-bottom: 28px; letter-spacing: 1.2px; text-transform: uppercase;
  box-shadow: 0 0 24px rgba(66,132,255,0.2);
}
.hero-badge::before {
  content: ''; width: 7px; height: 7px; border-radius: 50%;
  background: #fff;
  animation: pulse-dot 2s ease-in-out infinite;
}
@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.7); }
}
h1.hero-title {
  font-size: clamp(38px, 5vw, 66px);
  font-weight: 800;
  line-height: 1.08;
  margin-bottom: 24px;
  letter-spacing: -2px;
  color: #fff;
}
.hero-title .line2 { color: rgba(255,255,255,0.5); font-weight: 300; letter-spacing: -1px; }
.hero-title .highlightss {
  color: #fff;
  position: relative; display: inline-block;
  text-decoration: underline;
  text-decoration-color: #4284ff;
  text-underline-offset: 10px;
  text-decoration-thickness: 4px;
}
.hero-desc {
  font-size: 17px; color: rgba(255,255,255,0.72); line-height: 1.8;
  margin-bottom: 38px; max-width: 480px;
  font-weight: 300;
}
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.btn-white {
  background: #fff; color: var(--primary);
  padding: 14px 30px; border-radius: 10px;
  text-decoration: none; font-family: 'Poppins', sans-serif;
  font-size: 14px; font-weight: 700;
  transition: all 0.2s;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
.btn-white:hover { background: var(--bg-lighter); transform: translateY(-2px); }
.btn-ghost {
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.35);
  color: #fff;
  padding: 14px 30px; border-radius: 10px;
  text-decoration: none; font-family: 'Poppins', sans-serif;
  font-size: 14px; font-weight: 500;
  transition: all 0.2s;
}
.btn-ghost:hover { background: rgba(255,255,255,0.2); }
.hero-stats {
  display: flex; gap: 36px; margin-top: 52px;
  padding-top: 36px;
  border-top: 1px solid rgba(255,255,255,0.18);
  flex-wrap: wrap;
}
.stat-num {
  font-family: 'Poppins', sans-serif;
  font-size: 30px; font-weight: 800; color: #fff;
}
.stat-num span { color: rgba(255,255,255,0.6); }
.stat-label { font-size: 12px; color: rgba(255,255,255,0.65); margin-top: 2px; font-weight: 400; }

/* ── TRUST BAR ── */
.trust-bar {
  background: var(--bg-lighter);
  border-bottom: 1px solid var(--border);
  padding: 18px 0;
}

.trust-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary);
}

.trust-item span {
  font-size: 16px;
}

/* ── SECTION COMMON ── */
section { padding: 50px 0; }
.section-label {
  display: inline-block;
  font-size: 11px; font-weight: 700; letter-spacing: 2.5px;
  color: var(--primary-light);
  text-transform: uppercase;
  margin-bottom: 12px;
  padding: 4px 12px;
  background: var(--primary-faint2);
  border-radius: 4px;
}
.section-title {
  font-size: clamp(26px, 3.5vw, 42px);
  font-weight: 700; letter-spacing: -0.8px;
  margin-bottom: 16px;
  color: var(--text-dark);
}
.section-desc {
  font-size: 16px; color: var(--text-muted);
  max-width: 560px; line-height: 1.75; font-weight: 400;
}
.section-header { margin-bottom: 52px; }
.section-header.centered { text-align: center; }
.section-header.centered .section-desc { margin: 0 auto; }

/* ── CHALLENGES ── */
.challenges { background: var(--bg-light); margin: 0;}
.challenge-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}
.challenge-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 14px; padding: 28px;
  transition: all 0.25s;
  box-shadow: var(--shadow-sm);
}
.challenge-card:hover {
  border-color: var(--primary-light);
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.challenge-icon {
  width: 48px; height: 48px;
  background: var(--primary-faint2);
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px; font-size: 22px;
  border: 1px solid var(--border-light);
}
.challenge-title {
  font-size: 16px; font-weight: 700;
  color: var(--text-dark); margin-bottom: 8px;
}
.challenge-desc { font-size: 14px; color: var(--text-muted); line-height: 1.65; }

/* ── COMPARISON TABLE ── */
.comp-section { background: #fff; }
/* ── Comparison Section ────────────────────────────────────── */
.comp-section { padding: 80px 0; }

/* image frame */
.comp-visual-frame {
  border: 1px solid var(--BD);
  border-radius: var(--R3);
  overflow: hidden;
  margin-bottom: 32px;
  background: var(--BG2);
}
.comp-visual-labels {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.comp-visual-label {
  padding: 11px 20px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.comp-visual-label svg { width: 15px; height: 15px; flex-shrink: 0; }
.comp-visual-label--left {
  color: #991b1b;
  background: #fef2f2;
  border-bottom: 1px solid #fecaca;
}
.comp-visual-label--right {
  color: #1e40af;
  background: #eff6ff;
  border-bottom: 1px solid #bfdbfe;
  border-left: 1px solid var(--BD);
}
.comp-visual-frame img {
  width: 100%;
  display: block;
  background: #fff;
  object-fit: contain;
  max-height: 340px;
}
.comp-visual-footer {
  padding: 14px 24px;
  font-size: 13.5px;
  color: var(--T2);
  line-height: 1.65;
  text-align: center;
  border-top: 1px solid var(--BD);
}

/* comparison table */
.comp-table-outer {
  overflow-x: auto;
  border-radius: var(--R3);
  border: 1px solid var(--BD);
  box-shadow: var(--S1);
}
.comp-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 560px;
}
.comp-table thead th {
  padding: 14px 22px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.comp-table thead th.col-feat {
  text-align: left;
  color: var(--T3);
  background: var(--BG2);
  border-bottom: 1px solid var(--BD);
}
.comp-table thead th.col-on {
  text-align: center;
  color: #991b1b;
  background: #fef2f2;
  border-bottom: 1px solid #fecaca;
  border-left: 1px solid var(--BD);
}
.comp-table thead th.col-cloud {
  text-align: center;
  color: #1e40af;
  background: #eff6ff;
  border-bottom: 1px solid #bfdbfe;
  border-left: 1px solid var(--BD);
}
.comp-table tbody tr { border-top: 1px solid var(--BD); }
.comp-table tbody tr:nth-child(even) td.col-feat { background: var(--BG2); }
.comp-table tbody tr:nth-child(even) td.col-on   { background: #fff9f9; }
.comp-table tbody tr:nth-child(even) td.col-cloud { background: #f5f9ff; }
.comp-table tbody td { padding: 14px 22px; font-size: 14px; }
.comp-table tbody td.col-feat { color: var(--T); font-weight: 600; }
.comp-table tbody td.col-on {
  text-align: center;
  border-left: 1px solid var(--BD);
}
.comp-table tbody td.col-cloud {
  text-align: center;
  border-left: 1px solid var(--BD);
}
/* dot badge */
.comp-dot {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13.5px;
  font-weight: 600;
}
.comp-dot::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}
.comp-dot--bad  { color: #b91c1c; }
.comp-dot--bad::before  { background: #ef4444; }
.comp-dot--good { color: #15803d; }
.comp-dot--good::before { background: #22c55e; }

/* ── SERVICES ── */
.services { background: var(--bg-light); }
.services-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}
.service-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 16px; padding: 32px;
  position: relative; overflow: hidden;
  transition: all 0.25s;
  box-shadow: var(--shadow-sm);
}
.service-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--primary), var(--primary-light));
  opacity: 0; transition: opacity 0.25s;
}
.service-card:hover { border-color: var(--primary-light); box-shadow: var(--shadow-md); transform: translateY(-3px); }
.service-card:hover::before { opacity: 1; }
.service-icon { font-size: 34px; margin-bottom: 18px; }
.service-title { font-size: 19px; font-weight: 700; color: var(--text-dark); margin-bottom: 10px; }
.service-desc { font-size: 14px; color: var(--text-muted); line-height: 1.65; margin-bottom: 18px; }
.service-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.tag {
  background: var(--primary-faint);
  border: 1px solid rgba(55,58,183,0.15);
  color: var(--primary); font-size: 12px; font-weight: 600;
  padding: 4px 10px; border-radius: 100px;
}

/* ── STRATEGIES ── */
.strategies { background: var(--primary); }
.strategies .section-label { background: rgba(255,255,255,0.12); color: rgba(255,255,255,0.9); }
.strategies .section-title { color: #fff; }
.strategies .section-desc { color: rgba(255,255,255,0.7); }
.strategies-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.strategy-card {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 16px; padding: 32px 28px;
  text-align: center; transition: all 0.28s;
  position: relative; overflow: hidden;
}
.strategy-card::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--primary-light), #a78bfa);
  opacity: 0; transition: opacity 0.28s;
}
.strategy-card:hover { background: rgba(255,255,255,0.13); transform: translateY(-4px); border-color: rgba(255,255,255,0.28); box-shadow: 0 12px 40px rgba(0,0,0,0.25); }
.strategy-card:hover::after { opacity: 1; }
.strategy-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2);
  font-size: 11px; font-weight: 800; letter-spacing: 0px;
  color: rgba(255,255,255,0.8); text-transform: uppercase;
  margin: 0 auto 16px;
}
.strategy-icon {
  font-size: 30px; margin-bottom: 12px; display: block;
}
.strategy-name { font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 10px; letter-spacing: -0.3px; }
.strategy-desc { font-size: 13px; color: rgba(255,255,255,0.65); line-height: 1.65; }

/* ── PROCESS ── */
.process { background: var(--bg-light); }
.process-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.process-left { position: sticky; top: 100px; }
.process-left .section-label { margin-bottom: 14px; }
.process-left .section-title { font-size: clamp(28px, 3.5vw, 42px); font-weight: 800; margin-bottom: 18px; }
.process-left .section-desc { font-size: 16px; color: var(--text-muted); line-height: 1.75; margin-bottom: 36px; }
.process-why-box {
  background: var(--primary);
  border-radius: 16px;
  padding: 30px 28px;
  box-shadow: var(--shadow-md);
}
.process-why-box h4 {
  font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 10px;
}
.process-why-box p {
  font-size: 14px; color: rgba(255,255,255,0.78); line-height: 1.75;
}
.process-list {
  display: flex; flex-direction: column;
  gap: 0; position: relative;
}
.process-list::before {
  content: '';
  position: absolute;
  left: 27px; top: 28px; bottom: 28px; width: 2px;
  background: linear-gradient(to bottom, var(--primary-light), var(--border) 85%, transparent);
  border-radius: 2px;
}
.process-items {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 22px;
  padding: 28px 0;
  position: relative;
}
.process-item + .process-items { border-top: 1px solid var(--border-light); }
.process-num {
  width: 56px; height: 56px; border-radius: 50%;
  background: var(--primary); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 800; letter-spacing: 0.5px;
  flex-shrink: 0; position: relative; z-index: 1;
  box-shadow: 0 4px 18px rgba(55,58,183,0.35);
  border: 3px solid var(--bg-light);
}
.process-title { font-size: 17px; font-weight: 700; color: var(--text-dark); margin-bottom: 7px; }
.process-desc { font-size: 14px; color: var(--text-muted); line-height: 1.7; }

/* ── SECURITY ── */
.security { background: #fff; }
.security-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.security-card {
  background: var(--bg-light);
  border: 1px solid var(--border);
  border-radius: 14px; padding: 28px;
  transition: all 0.25s; box-shadow: var(--shadow-sm);
}
.security-card:hover { border-color: var(--primary-light); box-shadow: var(--shadow-md); }
.security-icon {
  width: 50px; height: 50px; border-radius: 12px;
  background: var(--primary); border: none;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; margin-bottom: 16px;
}
.security-title { font-size: 16px; font-weight: 700; color: var(--text-dark); margin-bottom: 8px; }
.security-desc { font-size: 14px; color: var(--text-muted); line-height: 1.6; }
.compliance-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.badge {
  background: var(--primary); color: #fff;
  font-size: 11px; font-weight: 700;
  padding: 4px 10px; border-radius: 6px; letter-spacing: 0.3px;
}

/* ── INDUSTRIES ── */
.industries { background: var(--bg-lighter); }
.industry-grid { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.industry-pill {
  background: #fff; border: 1px solid var(--border);
  color: var(--text-body); font-size: 14px; font-weight: 500;
  padding: 10px 20px; border-radius: 100px;
  display: flex; align-items: center; gap: 8px;
  transition: all 0.2s; box-shadow: var(--shadow-sm);
}
.industry-pill:hover { border-color: var(--primary); color: var(--primary); box-shadow: var(--shadow-md); }
.industry-pill span { font-size: 16px; }

/* ── WHY US ── */
.why-us { background: var(--primary); }
.why-us .section-label { background: rgba(255,255,255,0.12); color: rgba(255,255,255,0.9); }
.why-us .section-title { color: #fff; }
.why-us .section-desc { color: rgba(255,255,255,0.7); }
.why-grids { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 18px; }
.why-item {
  display: flex; gap: 16px; align-items: flex-start;
  padding: 24px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px; transition: all 0.2s;
}
.why-item:hover { background: rgba(255,255,255,0.13); }
.why-check {
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--primary-light); color: #fff;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-size: 14px; font-weight: 700;
}
.why-title { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 4px; }
.why-desc { font-size: 13px; color: rgba(255,255,255,0.65); line-height: 1.6; }

/* ── FAQ ── */
.faq { background: var(--bg-light); }
.faq-list { display: flex; flex-direction: column; gap: 12px; max-width: 800px; margin: 0 auto; }
.faq-item {
  background: #fff; border: 1px solid var(--border);
  border-radius: 12px; overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow 0.2s;
}
.faq-item.open { box-shadow: var(--shadow-md); border-color: var(--primary-light); }
.faq-q {
  padding: 20px 24px; cursor: pointer;
  font-size: 15px; font-weight: 600; color: var(--text-dark);
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
}
.faq-q:hover { color: var(--primary); }
.faq-toggle {
  font-size: 22px; color: var(--primary-light); flex-shrink: 0;
  transition: transform 0.2s; font-weight: 300; line-height: 1;
}
.faq-a {
  padding: 0 24px; max-height: 0; overflow: hidden;
  font-size: 14px; color: var(--text-muted); line-height: 1.75;
  transition: max-height 0.3s ease, padding 0.3s ease;
}
.faq-item.open .faq-a { max-height: 300px; padding: 0 24px 20px; }
.faq-item.open .faq-toggle { transform: rotate(45deg); }

/* ── CTA ── */
.cta-section { background: var(--bg-lighter); padding: 96px 0; border-top: 1px solid var(--border); }
.cta-box {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
  border-radius: 24px; padding: 72px 64px;
  text-align: center; position: relative; overflow: hidden;
  box-shadow: var(--shadow-lg);
}
.cta-box::before {
  content: ''; position: absolute;
  width: 500px; height: 500px; border-radius: 50%;
  background: rgba(255,255,255,0.05);
  top: -200px; right: -150px; pointer-events: none;
}
.cta-box::after {
  content: ''; position: absolute;
  width: 300px; height: 300px; border-radius: 50%;
  background: rgba(255,255,255,0.04);
  bottom: -100px; left: -80px; pointer-events: none;
}
.cta-title { font-size: clamp(28px, 4vw, 42px); font-weight: 800; color: #fff; margin-bottom: 16px; letter-spacing: -0.5px; }
.cta-desc { font-size: 16px; color: rgba(255,255,255,0.8); margin-bottom: 36px; max-width: 480px; margin-left: auto; margin-right: auto; font-weight: 300; }
.cta-checks {
  margin-top: 36px; display: flex; gap: 28px; justify-content: center; flex-wrap: wrap;
  padding-top: 32px; border-top: 1px solid rgba(255,255,255,0.2);
}
.cta-check { display: flex; align-items: center; gap: 8px; font-size: 13px; color: rgba(255,255,255,0.85); font-weight: 500; }
.cta-check::before { content: '✓'; font-weight: 800; color: rgba(255,255,255,0.9); }


/* ── ANIMATIONS ── */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: translateY(0); }
}
.hero-content > * { animation: fadeUp 0.7s cubic-bezier(.22,.68,0,1.2) both; }
.hero-badge { animation-delay: 0.1s; }
h1.hero-title { animation-delay: 0.2s; }
.hero-desc { animation-delay: 0.3s; }
.hero-actions { animation-delay: 0.4s; }
.hero-stats { animation-delay: 0.5s; }

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .process-layout { grid-template-columns: 1fr !important; gap: 40px !important; }
  .process-left { position: static; }
  .strategies-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-stat-cards { gap: 10px; }
  .hero-stat-card { padding: 14px 16px; }
}
@media (max-width: 600px) {
  .cta-box { padding: 40px 24px; }
  .strategies-grid { grid-template-columns: 1fr; }
  .hero-stat-cards { gap: 8px; }
  .hero-stat-card .stat-num { font-size: 20px; }
}


/* ── South Africa page pricing tables & extras ── */
.price-tbl{width:100%;border-collapse:collapse;margin-top:32px;border-radius:var(--R2);overflow:hidden;box-shadow:var(--S1)}
.price-tbl thead tr{background:linear-gradient(90deg,var(--PX),#054a86);color:#fff}
.price-tbl thead th{padding:16px 20px;font-family:var(--FH);font-size:13px;font-weight:700;text-align:left;letter-spacing:.4px}
.price-tbl tbody tr{background:#fff;border-bottom:1px solid var(--BD);transition:background .18s}
.price-tbl tbody tr:hover{background:var(--BG2)}
.price-tbl tbody tr:last-child{border-bottom:none}
.price-tbl td{padding:15px 20px;font-size:14px;color:var(--T2);vertical-align:middle}
.price-tbl td:first-child{font-weight:700;color:var(--T)}
.price-tbl td .badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}
.badge-basic{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}
.badge-standard{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}
.badge-advanced{background:#fdf4ff;color:#a21caf;border:1px solid #f0abfc}
.badge-enterprise{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}
.breakdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.breakdown-card{background:#fff;border:1px solid var(--BD);border-radius:var(--R);padding:22px 18px;text-align:center;transition:box-shadow .2s,transform .2s}
.breakdown-card:hover{box-shadow:var(--S2);transform:translateY(-4px)}
.breakdown-pct{font-family:var(--FH);font-size:32px;font-weight:900;color:var(--P);line-height:1;margin-bottom:6px}
.breakdown-stage{font-size:13px;font-weight:700;color:var(--T);margin-bottom:5px}
.breakdown-desc{font-size:12px;color:var(--T2);line-height:1.55}
.hidden-cost-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:36px}
.hc-item{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--BD);border-radius:var(--R);padding:18px 16px;transition:box-shadow .2s,border-color .2s}
.hc-item:hover{box-shadow:var(--S1);border-color:var(--PM)}
.hc-ic{width:42px;height:42px;border-radius:10px;background:var(--PL);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hc-ic svg{width:20px;height:20px;stroke:var(--P);fill:none;stroke-width:2}
.hc-item strong{display:block;font-size:14px;font-weight:700;color:var(--T);margin-bottom:3px}
.hc-item p{font-size:13px;color:var(--T2);line-height:1.6}
.reduce-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:36px}
.rl-item{background:#fff;border:1px solid var(--BD);border-radius:var(--R);padding:20px 18px;transition:box-shadow .2s}
.rl-item:hover{box-shadow:var(--S1)}
.rl-num{font-family:var(--FH);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--P);margin-bottom:8px}
.rl-item h4{font-size:14px;font-weight:700;color:var(--T);margin-bottom:5px}
.rl-item p{font-size:13px;color:var(--T2);line-height:1.6}
.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.tl-card{background:#fff;border:1px solid var(--BD);border-radius:var(--R2);padding:24px 18px;border-top:3px solid var(--P)}
.tl-card h4{font-family:var(--FH);font-size:15px;font-weight:800;color:var(--T);margin-bottom:8px}
.tl-card .tl-dur{font-size:22px;font-weight:900;color:var(--P);margin-bottom:4px}
.tl-card p{font-size:13px;color:var(--T2);line-height:1.6}
.intro-highlight{background:var(--PL);border-left:4px solid var(--P);border-radius:0 var(--R) var(--R) 0;padding:16px 20px;margin:20px 0;font-size:15px;color:var(--T2);line-height:1.75}
.intro-highlight strong{color:var(--P)}
@media(max-width:820px){
  .breakdown-grid{grid-template-columns:repeat(2,1fr)}
  .hidden-cost-grid,.reduce-list,.timeline-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .breakdown-grid{grid-template-columns:1fr}
  .price-tbl thead th,.price-tbl td{padding:12px 14px;font-size:13px}
}

/************************* CRM Development Cost Page ****************************/
.tier-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
.tier-card{background:#fff;border:1px solid var(--BD);border-radius:var(--R2);padding:28px 24px;position:relative;overflow:hidden;transition:box-shadow .22s,transform .22s}
.tier-card:hover{box-shadow:var(--S2);transform:translateY(-5px)}
.tc-accent{position:absolute;top:0;left:0;right:0;height:4px}
.tc-tier{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--P);margin-bottom:6px}
.tier-card h3{font-size:18px;font-weight:800;color:var(--T);margin-bottom:8px}
.tc-price{font-family:var(--FH);font-size:26px;font-weight:900;color:var(--P)}
.tc-local{font-size:13px;color:var(--T2);margin:4px 0 14px;padding-bottom:14px;border-bottom:1px solid var(--BD)}
.tc-timeline{display:inline-flex;align-items:center;gap:5px;background:var(--PL);color:var(--P);font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:16px}
.tc-features{list-style:none;padding:0;margin:0}
.tc-features li{padding:7px 0;font-size:13px;color:var(--T2);border-bottom:1px solid var(--BD);display:flex;gap:9px;align-items:flex-start;line-height:1.5}
.tc-features li:last-child{border-bottom:none}
.tc-chk{width:17px;height:17px;border-radius:50%;background:#f0fdf4;border:1.5px solid #bbf7d0;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.tc-chk svg{width:9px;height:9px;stroke:#16a34a;fill:none;stroke-width:3}

.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.module-card{background:#fff;border:1px solid var(--BD);border-radius:var(--R);padding:20px 16px;transition:box-shadow .2s,border-color .2s}
.module-card:hover{box-shadow:var(--S1);border-color:var(--PM)}
.mc-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mc-ic{width:38px;height:38px;border-radius:10px;background:var(--PL);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mc-ic svg{width:18px;height:18px;stroke:var(--P);fill:none;stroke-width:2}
.module-card h4{font-size:13px;font-weight:700;color:var(--T);line-height:1.35}
.mc-price{font-family:var(--FH);font-size:15px;font-weight:800;color:var(--P);margin-bottom:5px}
.module-card p{font-size:12px;color:var(--T2);line-height:1.6}

.vs-wrap{overflow-x:auto;margin-top:36px}
.vs-table{width:100%;border-collapse:collapse;border-radius:var(--R2);overflow:hidden;box-shadow:var(--S1)}
.vs-table thead{background:linear-gradient(90deg,var(--PX),#054a86);color:#fff}
.vs-table thead th{padding:14px 20px;font-size:13px;font-weight:700;text-align:left}
.vs-table thead th:not(:first-child){text-align:center}
.vs-table tbody tr{border-bottom:1px solid var(--BD);transition:background .15s}
.vs-table tbody tr:hover{background:var(--BG2)}
.vs-table td{padding:13px 20px;font-size:13px;color:var(--T2);vertical-align:middle}
.vs-table td:first-child{font-weight:600;color:var(--T)}
.vs-table td:not(:first-child){text-align:center}
.ytick{color:#16a34a;font-size:17px;font-weight:700}
.ncross{color:#dc2626;font-size:17px;font-weight:700}
.pcircle{color:#d97706;font-size:12px;font-weight:600}

.roi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.roi-card{background:#fff;border:1px solid var(--BD);border-radius:var(--R2);padding:28px 16px;text-align:center;transition:box-shadow .22s,transform .22s}
.roi-card:hover{box-shadow:var(--S2);transform:translateY(-4px)}
.roi-num{font-family:var(--FH);font-size:42px;font-weight:900;color:var(--P);line-height:1;margin-bottom:8px}
.roi-label{font-size:13px;font-weight:700;color:var(--T);margin-bottom:5px}
.roi-desc{font-size:12px;color:var(--T2);line-height:1.6}

.factor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.factor-block{display:flex;gap:16px;align-items:flex-start;padding:24px;background:#fff;border:1px solid var(--BD);border-radius:var(--R2);transition:box-shadow .2s}
.factor-block:hover{box-shadow:var(--S1)}
.fn-box{min-width:50px;height:50px;width:50px;border-radius:12px;background:linear-gradient(135deg,var(--PX),var(--P));display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--FH);font-size:17px;font-weight:900;flex-shrink:0}
.factor-block h3{font-size:14px;font-weight:700;color:var(--T);margin-bottom:5px}
.factor-block p{font-size:13px;color:var(--T2);line-height:1.65}

.int-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}
.int-card{background:#fff;border:1px solid var(--BD);border-radius:var(--R);padding:16px 12px;text-align:center;transition:box-shadow .2s,border-color .2s}
.int-card:hover{box-shadow:var(--S1);border-color:var(--PM)}
.int-ic{width:36px;height:36px;border-radius:8px;background:var(--PL);display:flex;align-items:center;justify-content:center;margin:0 auto 8px}
.int-ic svg{width:16px;height:16px;stroke:var(--P);fill:none;stroke-width:2}
.int-name{font-size:12px;font-weight:700;color:var(--T);margin-bottom:3px}
.int-cost{font-size:11px;color:var(--P);font-weight:600}

.price-pills{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}
.price-pill{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:40px;padding:8px 16px;backdrop-filter:blur(4px)}
.price-pill strong{display:block;font-size:15px;font-weight:900;color:#fff;line-height:1.2}
.price-pill span{font-size:10px;color:rgba(255,255,255,.78);text-transform:uppercase;letter-spacing:.5px}

.hid-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:36px}
.hid-item{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--BD);border-radius:var(--R);padding:18px 16px;transition:box-shadow .2s}
.hid-item:hover{box-shadow:var(--S1)}
.hid-ic{width:40px;height:40px;border-radius:10px;background:var(--PL);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hid-ic svg{width:18px;height:18px;stroke:var(--P);fill:none;stroke-width:2}
.hid-item strong{display:block;font-size:14px;font-weight:700;color:var(--T);margin-bottom:3px}
.hid-item p{font-size:13px;color:var(--T2);line-height:1.6}

@media(max-width:900px){.tier-cards{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr)}.roi-grid{grid-template-columns:repeat(2,1fr)}.int-grid{grid-template-columns:repeat(2,1fr)}.factor-grid{grid-template-columns:1fr}}
@media(max-width:560px){.module-grid{grid-template-columns:1fr}.roi-grid{grid-template-columns:repeat(2,1fr)}.int-grid{grid-template-columns:repeat(2,1fr)}}




/* ── ERP cost-in-kenya Page Design – same CSS variables, distinct layout ── */
.tier-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
.tier-card{background:#fff;border:1px solid var(--BD);border-radius:var(--R2);padding:28px 24px;position:relative;overflow:hidden;transition:box-shadow .22s,transform .22s}
.tier-card:hover{box-shadow:var(--S2);transform:translateY(-5px)}
.tc-accent{position:absolute;top:0;left:0;right:0;height:4px}
.tc-tier{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--P);margin-bottom:6px}
.tier-card h3{font-size:18px;font-weight:800;color:var(--T);margin-bottom:8px}
.tc-price{font-family:var(--FH);font-size:26px;font-weight:900;color:var(--P)}
.tc-local{font-size:13px;color:var(--T2);margin:4px 0 14px;padding-bottom:14px;border-bottom:1px solid var(--BD)}
.tc-timeline{display:inline-flex;align-items:center;gap:5px;background:var(--PL);color:var(--P);font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:16px}
.tc-features{list-style:none;padding:0;margin:0}
.tc-features li{padding:7px 0;font-size:13px;color:var(--T2);border-bottom:1px solid var(--BD);display:flex;gap:9px;align-items:flex-start;line-height:1.5}
.tc-features li:last-child{border-bottom:none}
.tc-chk{width:17px;height:17px;border-radius:50%;background:#f0fdf4;border:1.5px solid #bbf7d0;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.tc-chk svg{width:9px;height:9px;stroke:#16a34a;fill:none;stroke-width:3}

.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.module-card{background:#fff;border:1px solid var(--BD);border-radius:var(--R);padding:20px 16px;transition:box-shadow .2s,border-color .2s}
.module-card:hover{box-shadow:var(--S1);border-color:var(--PM)}
.mc-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mc-ic{width:38px;height:38px;border-radius:10px;background:var(--PL);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mc-ic svg{width:18px;height:18px;stroke:var(--P);fill:none;stroke-width:2}
.module-card h4{font-size:13px;font-weight:700;color:var(--T);line-height:1.35}
.mc-price{font-family:var(--FH);font-size:15px;font-weight:800;color:var(--P);margin-bottom:5px}
.module-card p{font-size:12px;color:var(--T2);line-height:1.6}

.vs-wrap{overflow-x:auto;margin-top:36px}
.vs-table{width:100%;border-collapse:collapse;border-radius:var(--R2);overflow:hidden;box-shadow:var(--S1)}
.vs-table thead{background:linear-gradient(90deg,var(--PX),#054a86);color:#fff}
.vs-table thead th{padding:14px 20px;font-size:13px;font-weight:700;text-align:left}
.vs-table thead th:not(:first-child){text-align:center}
.vs-table tbody tr{border-bottom:1px solid var(--BD);transition:background .15s}
.vs-table tbody tr:hover{background:var(--BG2)}
.vs-table td{padding:13px 20px;font-size:13px;color:var(--T2);vertical-align:middle}
.vs-table td:first-child{font-weight:600;color:var(--T)}
.vs-table td:not(:first-child){text-align:center}
.ytick{color:#16a34a;font-size:17px;font-weight:700}
.ncross{color:#dc2626;font-size:17px;font-weight:700}
.pcircle{color:#d97706;font-size:12px;font-weight:600}

.roi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.roi-card{background:#fff;border:1px solid var(--BD);border-radius:var(--R2);padding:28px 16px;text-align:center;transition:box-shadow .22s,transform .22s}
.roi-card:hover{box-shadow:var(--S2);transform:translateY(-4px)}
.roi-num{font-family:var(--FH);font-size:42px;font-weight:900;color:var(--P);line-height:1;margin-bottom:8px}
.roi-label{font-size:13px;font-weight:700;color:var(--T);margin-bottom:5px}
.roi-desc{font-size:12px;color:var(--T2);line-height:1.6}

.factor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.factor-block{display:flex;gap:16px;align-items:flex-start;padding:24px;background:#fff;border:1px solid var(--BD);border-radius:var(--R2);transition:box-shadow .2s}
.factor-block:hover{box-shadow:var(--S1)}
.fn-box{min-width:50px;height:50px;width:50px;border-radius:12px;background:linear-gradient(135deg,var(--PX),var(--P));display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--FH);font-size:17px;font-weight:900;flex-shrink:0}
.factor-block h3{font-size:14px;font-weight:700;color:var(--T);margin-bottom:5px}
.factor-block p{font-size:13px;color:var(--T2);line-height:1.65}

.int-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}
.int-card{background:#fff;border:1px solid var(--BD);border-radius:var(--R);padding:16px 12px;text-align:center;transition:box-shadow .2s,border-color .2s}
.int-card:hover{box-shadow:var(--S1);border-color:var(--PM)}
.int-ic{width:36px;height:36px;border-radius:8px;background:var(--PL);display:flex;align-items:center;justify-content:center;margin:0 auto 8px}
.int-ic svg{width:16px;height:16px;stroke:var(--P);fill:none;stroke-width:2}
.int-name{font-size:12px;font-weight:700;color:var(--T);margin-bottom:3px}
.int-cost{font-size:11px;color:var(--P);font-weight:600}

.price-pills{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}
.price-pill{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:40px;padding:8px 16px;backdrop-filter:blur(4px)}
.price-pill strong{display:block;font-size:15px;font-weight:900;color:#fff;line-height:1.2}
.price-pill span{font-size:10px;color:rgba(255,255,255,.78);text-transform:uppercase;letter-spacing:.5px}

.hid-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:36px}
.hid-item{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--BD);border-radius:var(--R);padding:18px 16px;transition:box-shadow .2s}
.hid-item:hover{box-shadow:var(--S1)}
.hid-ic{width:40px;height:40px;border-radius:10px;background:var(--PL);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hid-ic svg{width:18px;height:18px;stroke:var(--P);fill:none;stroke-width:2}
.hid-item strong{display:block;font-size:14px;font-weight:700;color:var(--T);margin-bottom:3px}
.hid-item p{font-size:13px;color:var(--T2);line-height:1.6}

/* ERP-specific: implementation phases */
.phase-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:36px;position:relative}
.phase-row::before{content:'';position:absolute;top:26px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--P),var(--PM));z-index:0}
.phase-card{background:#fff;border:1px solid var(--BD);border-radius:var(--R2);padding:20px 16px;text-align:center;position:relative;z-index:1;margin:0 6px;transition:box-shadow .2s,transform .2s}
.phase-card:hover{box-shadow:var(--S1);transform:translateY(-3px)}
.phase-num{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--PX),var(--P));color:#fff;font-family:var(--FH);font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.phase-card h4{font-size:13px;font-weight:700;color:var(--T);margin-bottom:5px}
.phase-dur{font-family:var(--FH);font-size:15px;font-weight:800;color:var(--P);margin-bottom:5px}
.phase-card p{font-size:12px;color:var(--T2);line-height:1.55}

@media(max-width:900px){.tier-cards{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr)}.roi-grid{grid-template-columns:repeat(2,1fr)}.int-grid{grid-template-columns:repeat(2,1fr)}.factor-grid{grid-template-columns:1fr}.phase-row{grid-template-columns:repeat(2,1fr)}.phase-row::before{display:none}}
@media(max-width:560px){.module-grid{grid-template-columns:1fr}.roi-grid{grid-template-columns:repeat(2,1fr)}.int-grid{grid-template-columns:repeat(2,1fr)}.phase-row{grid-template-columns:1fr}}


/************************************** AI Chatbot Development Cost ********************************************************/
/* ── NEW DESIGN: Ladder Pricing + Left-Border Cards ── */
.ldr{margin-top:40px}
.ldr-step{display:grid;grid-template-columns:260px 1fr;border:1px solid var(--BD);border-radius:var(--R2);margin-bottom:14px;overflow:hidden;transition:box-shadow .22s,transform .22s}
.ldr-step:hover{box-shadow:var(--S2);transform:translateX(5px)}
.ldr-left{background:linear-gradient(135deg,var(--PX),var(--P));padding:24px 22px;display:flex;flex-direction:column;justify-content:center}
.ldr-tier{font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:4px}
.ldr-name{font-size:17px;font-weight:800;color:#fff;margin-bottom:8px;line-height:1.25}
.ldr-price{font-family:var(--FH);font-size:23px;font-weight:900;color:#fff}
.ldr-local{font-size:11px;color:rgba(255,255,255,.75);margin-top:4px}
.ldr-dur{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.18);border-radius:14px;padding:3px 10px;font-size:10px;font-weight:700;color:#fff;margin-top:8px;width:fit-content}
.ldr-right{background:#fff;padding:20px 28px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.ldr-tag{background:var(--PL);color:var(--P);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;white-space:nowrap}

.uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.uc-card{background:#fff;border:1px solid var(--BD);border-radius:var(--R2);padding:22px 20px;border-left:4px solid var(--P);transition:box-shadow .2s,transform .2s}
.uc-card:hover{box-shadow:var(--S1);transform:translateY(-3px)}
.uc-icon{width:38px;height:38px;border-radius:9px;background:var(--PL);display:flex;align-items:center;justify-content:center;margin-bottom:11px}
.uc-icon svg{width:18px;height:18px;stroke:var(--P);fill:none;stroke-width:2}
.uc-card h3{font-size:14px;font-weight:700;color:var(--T);margin-bottom:5px}
.uc-card p{font-size:12px;color:var(--T2);line-height:1.65}

.mod-table{margin-top:32px;border:1px solid var(--BD);border-radius:var(--R2);overflow:hidden;box-shadow:var(--S1)}
.mod-hdr{display:grid;grid-template-columns:1fr 150px 140px;padding:13px 24px;background:linear-gradient(90deg,var(--PX),#054a86);color:#fff}
.mod-hdr span{font-size:12px;font-weight:700}
.mod-hdr span:not(:first-child){text-align:center}
.mod-row{display:grid;grid-template-columns:1fr 150px 140px;align-items:center;padding:14px 24px;border-bottom:1px solid var(--BD);transition:background .15s}
.mod-row:last-child{border-bottom:none}
.mod-row:hover{background:var(--BG2)}
.mod-row:nth-child(even){background:#f9fafc}
.mod-name{font-size:13px;font-weight:600;color:var(--T)}
.mod-name small{display:block;font-size:11px;color:var(--T2);font-weight:400;margin-top:2px;line-height:1.5}
.mod-cost{font-family:var(--FH);font-size:14px;font-weight:800;color:var(--P);text-align:center}
.mod-time{font-size:12px;color:var(--T2);text-align:center}

.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.stat-card{background:linear-gradient(135deg,var(--PX),var(--P));border-radius:var(--R2);padding:28px 20px;text-align:center;color:#fff;transition:transform .22s,box-shadow .22s}
.stat-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(4,62,132,.3)}
.stat-big{font-family:var(--FH);font-size:42px;font-weight:900;line-height:1;margin-bottom:8px}
.stat-label{font-size:13px;font-weight:700;margin-bottom:4px}
.stat-sub{font-size:11px;opacity:.8;line-height:1.5}

.plat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}
.plat-card{background:#fff;border:1px solid var(--BD);border-radius:var(--R2);padding:20px 14px;text-align:center;transition:box-shadow .2s,border-color .2s,transform .2s}
.plat-card:hover{box-shadow:var(--S1);border-color:var(--PM);transform:translateY(-3px)}
.plat-ic{width:44px;height:44px;border-radius:12px;background:var(--PL);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.plat-ic svg{width:22px;height:22px;stroke:var(--P);fill:none;stroke-width:2}
.plat-name{font-size:13px;font-weight:700;color:var(--T);margin-bottom:3px}
.plat-price{font-size:12px;color:var(--P);font-weight:700;margin-bottom:3px}
.plat-desc{font-size:11px;color:var(--T2);line-height:1.5}

.price-pills{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}
.price-pill{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:40px;padding:8px 16px;backdrop-filter:blur(4px)}
.price-pill strong{display:block;font-size:15px;font-weight:900;color:#fff;line-height:1.2}
.price-pill span{font-size:10px;color:rgba(255,255,255,.78);text-transform:uppercase;letter-spacing:.5px}

.factor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.factor-block{display:flex;gap:16px;align-items:flex-start;padding:24px;background:#fff;border:1px solid var(--BD);border-radius:var(--R2);transition:box-shadow .2s}
.factor-block:hover{box-shadow:var(--S1)}
.fn-box{min-width:50px;height:50px;width:50px;border-radius:12px;background:linear-gradient(135deg,var(--PX),var(--P));display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--FH);font-size:17px;font-weight:900;flex-shrink:0}
.factor-block h3{font-size:14px;font-weight:700;color:var(--T);margin-bottom:5px}
.factor-block p{font-size:13px;color:var(--T2);line-height:1.65}

@media(max-width:900px){.ldr-step{grid-template-columns:1fr}.uc-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.plat-grid{grid-template-columns:repeat(2,1fr)}.factor-grid{grid-template-columns:1fr}.mod-hdr{display:none}.mod-row{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.uc-grid{grid-template-columns:1fr}.plat-grid{grid-template-columns:repeat(2,1fr)}.mod-row{grid-template-columns:1fr}}


/**********************************mvp development cost page *********************************/

/* Currency comparison table */
.curr-table{width:100%;border-collapse:collapse;border-radius:var(--R2);overflow:hidden;box-shadow:var(--S1);margin-top:32px}
.curr-table thead{background:linear-gradient(90deg,var(--PX),#054a86);color:#fff}
.curr-table thead th{padding:13px 18px;font-size:12px;font-weight:700;text-align:left}
.curr-table tbody tr{border-bottom:1px solid var(--BD);transition:background .15s}
.curr-table tbody tr:hover{background:var(--BG2)}
.curr-table tbody tr:nth-child(even){background:#f9fafc}
.curr-table td{padding:13px 18px;font-size:13px;color:var(--T2);vertical-align:middle}
.curr-table td:first-child{font-weight:600;color:var(--T)}
.curr-table td strong{color:var(--P)}
@media(max-width:900px){.ldr-step{grid-template-columns:1fr}.uc-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.factor-grid{grid-template-columns:1fr}}
@media(max-width:560px){.uc-grid{grid-template-columns:1fr}}