/* =============================================
   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:linear-gradient(145deg,var(--PX) 0%,#054a86 48%,var(--P) 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;
}
.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}
.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 — left heading / right accordion
============================================= */
/*.faq-layout{
  display:grid;grid-template-columns:320px 1fr;
  gap:60px;align-items:start;margin-top:0;
}
.faq-left{position:sticky;top:40px}
.faq-left .EYE{margin-bottom:14px}
.faq-left .H2{margin-bottom:14px}
.faq-left .SUB{font-size:15px;margin-bottom:24px}
.faq-left-cta{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--P);color:#fff;font-size:13.5px;font-weight:700;
  padding:11px 20px;border-radius:var(--R);text-decoration:none!important;
  transition:background .2s,transform .2s;
}
.faq-left-cta:hover{background:var(--PD);transform:translateY(-2px)}
.faq-left-note{
  margin-top:14px;padding:14px 16px;
  background:var(--PL);border:1px solid var(--PM);
  border-radius:var(--R);font-size:12.5px;color:var(--T2);line-height:1.65;
}
.faq-left-note strong{color:var(--T);display:block;margin-bottom:3px;font-size:13px}
.faq-right{width:100%}
.faq-wrap{max-width:100%;margin: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}
@media(max-width:820px){
  .faq-layout{grid-template-columns:1fr}
  .faq-left{position:static}
}*/


/* =============================================
   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{
    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;
}