@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
/* ============================================================================
   FINTEX GLOBAL — SHARED STYLES (floaters · testimonials · contact · logo)
   Loaded on every page. Brand tokens mirror the existing site.
   ============================================================================ */
:root{
  --fx-paper:#ffffff; --fx-mist:#f4f6f8; --fx-frost:#eef0f3;
  --fx-navy:#04122E; --fx-ink:#0b2147; --fx-slate:#46586f; --fx-muted:#74859b;
  --fx-cyan:#27baf2; --fx-blue:#0e76c8; --fx-blue-deep:#0a5ca6;
  --fx-line:#e6e8ec; --fx-gold:#e3b341;
  --fx-radius:16px; --fx-radius-sm:11px;
  --fx-shadow-md:0 10px 30px rgba(11,33,71,.10);
  --fx-shadow-lg:0 24px 60px rgba(8,24,58,.16);
  --fx-ease:cubic-bezier(.4,.14,.18,1);
  --fx-wa:#25D366;
}

/* ---- Logo unification (fixes the "F-only" header/footer on the homepage) -- */
.brand .bmark{display:none !important;}     /* hide old text mark */
.brand .fx-mk{height:34px;width:auto;display:inline-block;vertical-align:middle;
  filter:drop-shadow(0 0 12px rgba(39,186,242,.32));}
.brand .fx-wm{height:22px;width:auto;display:inline-block;vertical-align:middle;margin-left:9px;}
.fbrand .brand .fx-mk{height:40px;margin-bottom:0;}
.fbrand .brand .fx-wm{height:24px;}
@media(max-width:520px){ .brand .fx-mk{height:30px;} .brand .fx-wm{height:19px;} }

/* ============================ FLOATING RAIL ================================= */
.fx-rail{position:fixed;right:16px;top:50%;transform:translateY(-50%);
  z-index:1200;display:flex;flex-direction:column;gap:11px;}
.fx-rail__btn{position:relative;width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;border:1px solid rgba(255,255,255,.18);
  color:#fff;box-shadow:var(--fx-shadow-md);transition:transform .25s var(--fx-ease),box-shadow .25s var(--fx-ease);
  -webkit-tap-highlight-color:transparent;text-decoration:none;}
.fx-rail__btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--fx-shadow-lg);}
.fx-rail__btn svg{width:24px;height:24px;}
.fx-rail__btn--wa{background:linear-gradient(145deg,#2bd66f,#12a150);}
.fx-rail__btn--mail{background:#ffffff;color:#e11d2a !important;border-color:rgba(220,30,45,.28) !important;}
.fx-rail__btn--book{background:linear-gradient(145deg,#3a4a66,#1a2742);}
.fx-rail__btn--qr{background:linear-gradient(145deg,#2a3a58,#0b1c3a);}
.fx-rail__btn--top{background:linear-gradient(145deg,#27baf2,#0e76c8);}
.fx-rail__btn .fx-tip{position:absolute;right:62px;top:50%;transform:translateY(-50%) translateX(6px);
  background:var(--fx-navy);color:#fff;font:600 12px/1 'IBM Plex Sans',system-ui,sans-serif;
  padding:8px 11px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity .2s,transform .2s;box-shadow:var(--fx-shadow-md);}
.fx-rail__btn .fx-tip::after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);
  border:5px solid transparent;border-left-color:var(--fx-navy);}
.fx-rail__btn:hover .fx-tip{opacity:1;transform:translateY(-50%) translateX(0);}
.fx-rail__btn--top{opacity:0;visibility:hidden;}
.fx-rail.scrolled .fx-rail__btn--top{opacity:1;visibility:visible;}
@media(max-width:560px){
  .fx-rail{right:10px;gap:9px;}
  .fx-rail__btn{width:46px;height:46px;}
  .fx-rail__btn svg{width:21px;height:21px;}
  .fx-rail__btn .fx-tip{display:none;}
}
@media print{ .fx-rail,.fx-qr-modal{display:none !important;} }
@media (prefers-reduced-motion: reduce){ .fx-rail__btn{transition:none;} }

/* ---- QR modal ---- */
.fx-qr-modal{position:fixed;inset:0;z-index:1300;display:none;place-items:center;
  background:rgba(4,18,46,.55);backdrop-filter:blur(4px);padding:20px;}
.fx-qr-modal.open{display:grid;}
.fx-qr-card{background:#fff;border-radius:var(--fx-radius);max-width:360px;width:100%;
  padding:26px 24px;text-align:center;box-shadow:var(--fx-shadow-lg);animation:fxpop .3s var(--fx-ease);}
@keyframes fxpop{from{opacity:0;transform:translateY(12px) scale(.97);}to{opacity:1;transform:none;}}
.fx-qr-card h3{font:700 19px/1.2 'Space Grotesk',sans-serif;color:var(--fx-ink);margin:0 0 4px;}
.fx-qr-card p{font:400 13.5px/1.55 'IBM Plex Sans',sans-serif;color:var(--fx-slate);margin:0 0 16px;}
.fx-qr-card img{width:210px;height:210px;border:1px solid var(--fx-line);border-radius:12px;padding:8px;background:#fff;}
.fx-qr-actions{display:flex;gap:10px;margin-top:16px;}
.fx-qr-actions a,.fx-qr-actions button{flex:1;font:600 13px/1 'IBM Plex Sans',sans-serif;
  padding:11px;border-radius:9px;border:1px solid var(--fx-line);background:var(--fx-mist);
  color:var(--fx-ink);cursor:pointer;text-decoration:none;}
.fx-qr-actions a.pri{background:var(--fx-blue);border-color:var(--fx-blue);color:#fff;}
.fx-qr-close{position:absolute;}

/* ============================ TESTIMONIALS ================================= */
.fx-tst{background:var(--fx-mist);padding:78px 0;border-top:1px solid var(--fx-line);border-bottom:1px solid var(--fx-line);}
.fx-tst__wrap{max-width:1320px;margin:0 auto;padding:0 26px;}
.fx-tst__head{text-align:center;max-width:640px;margin:0 auto 40px;}
.fx-tst__eyebrow{font:700 12px/1 'IBM Plex Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-blue);display:inline-flex;align-items:center;gap:7px;margin-bottom:13px;}
.fx-tst__eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--fx-cyan);box-shadow:0 0 10px var(--fx-cyan);}
.fx-tst__head h2{font:700 clamp(26px,3.4vw,38px)/1.1 'Space Grotesk',sans-serif;color:var(--fx-ink);margin:0 0 12px;letter-spacing:-.02em;}
.fx-tst__head p{font:400 15.5px/1.6 'IBM Plex Sans',sans-serif;color:var(--fx-slate);margin:0;}
.fx-tst__view{overflow:hidden;}
.fx-tst__track{display:flex;transition:transform .6s var(--fx-ease);}
.fx-tst__slide{flex:0 0 100%;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
@media(max-width:1024px){.fx-tst__slide{grid-template-columns:repeat(2,1fr);}}
@media(max-width:680px){.fx-tst__slide{grid-template-columns:1fr;}}
.fx-card{background:#fff;border:1px solid var(--fx-line);border-radius:var(--fx-radius);padding:24px 22px;box-shadow:var(--fx-shadow-md);display:flex;flex-direction:column;}
.fx-card__stars{color:var(--fx-gold);font-size:15px;letter-spacing:2px;margin-bottom:12px;}
.fx-card__quote{font:400 14.5px/1.6 'IBM Plex Sans',sans-serif;color:var(--fx-ink);margin:0 0 18px;flex:1;}
.fx-card__who{display:flex;align-items:center;gap:12px;}
.fx-card__av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font:700 15px/1 'Space Grotesk',sans-serif;color:#fff;background:linear-gradient(145deg,var(--fx-cyan),var(--fx-blue-deep));flex:none;}
.fx-card__name{font:600 14px/1.2 'IBM Plex Sans',sans-serif;color:var(--fx-ink);}
.fx-card__role{font:400 12.5px/1.3 'IBM Plex Sans',sans-serif;color:var(--fx-muted);}
.fx-tst__nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:32px;}
.fx-tst__arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--fx-line);background:#fff;color:var(--fx-ink);cursor:pointer;display:grid;place-items:center;transition:.2s;}
.fx-tst__arrow:hover{background:var(--fx-blue);color:#fff;border-color:var(--fx-blue);}
.fx-tst__dots{display:flex;gap:8px;}
.fx-tst__dot{width:9px;height:9px;border-radius:50%;background:var(--fx-line);border:none;cursor:pointer;padding:0;transition:.2s;}
.fx-tst__dot.on{background:var(--fx-blue);width:26px;border-radius:5px;}

/* Hide the legacy single WhatsApp bubble — the floating rail now includes it */
.wa-float{display:none !important;}

/* ---- Legacy lead-form upgrade (WhatsApp/Email buttons + thank-you) ---- */
.fx-altsend{margin-top:12px;}
.fx-altsend__or{display:block;text-align:center;font:600 11px/1 'IBM Plex Sans',sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--fx-muted);margin-bottom:10px;}
.fx-altsend__btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.fx-altsend__b{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 13.5px/1 'IBM Plex Sans',sans-serif;
  padding:12px;border-radius:10px;cursor:pointer;border:1px solid var(--fx-line);background:#fff;color:var(--fx-ink);transition:.18s;}
.fx-altsend__b svg{width:17px;height:17px;}
.fx-altsend__b.wa{border-color:#cfeede;color:#0c8a47;}
.fx-altsend__b.wa:hover{background:#f1fbf5;}
.fx-altsend__b.mail:hover{background:var(--fx-mist);}
.fx-legacy-ok{display:none;text-align:center;padding:26px 8px;}
.fx-legacy-ok.show{display:block;animation:fxpop .3s var(--fx-ease);}
.fx-legacy-ok .t{font:700 19px/1.2 'Space Grotesk',sans-serif;color:var(--fx-ink);margin-bottom:7px;}
.fx-legacy-ok p{font:400 13.5px/1.5 'IBM Plex Sans',sans-serif;color:var(--fx-slate);margin:0 auto;max-width:34ch;}

/* ============================================================================
   UNIFIED HEADER (pill) + ACCESSIBILITY WIDGET + DARK / LIGHT THEME
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

/* ---------- Unified pill nav (matches the homepage) ---------- */
.fxnav{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:1150;
  width:calc(100% - 32px);max-width:1180px;}
.fxnav__bar{display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:11px 12px 11px 20px;border-radius:50px;border:1px solid rgba(120,180,235,.16);
  background:linear-gradient(180deg,rgba(13,20,38,.96),rgba(8,13,26,.96));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 10px 34px rgba(4,10,24,.30);transition:background .3s,box-shadow .3s;}
.fxnav.shr .fxnav__bar{background:linear-gradient(180deg,rgba(10,16,30,.98),rgba(6,11,22,.98));box-shadow:0 14px 44px rgba(0,0,0,.42);}
.fxnav__brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.fxnav__mk{height:34px;width:auto;filter:drop-shadow(0 0 12px rgba(43,214,244,.32));}
.fxnav__wm{height:22px;width:auto;}
.fxnav__links{display:flex;align-items:center;gap:4px;}
.fxnav__links a{font:500 14px/1 'Inter',system-ui,sans-serif;color:#9DB1CE;padding:9px 14px;border-radius:30px;text-decoration:none;transition:color .2s,background .2s;}
.fxnav__links a:hover{color:#fff;background:rgba(255,255,255,.07);}
.fxnav__cta{display:flex;align-items:center;gap:10px;}
.fxnav__book{font:600 14px/1 'Sora',system-ui,sans-serif;color:#04122E;padding:12px 20px;border-radius:40px;text-decoration:none;
  background:linear-gradient(120deg,#2BD6F4,#3B82F6);box-shadow:0 10px 28px rgba(43,214,244,.28);transition:transform .2s,box-shadow .2s;white-space:nowrap;}
.fxnav__book:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(43,214,244,.4);}
.fxnav__burger{display:none;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center;}
.fxnav__burger span{width:17px;height:2px;background:#fff;border-radius:2px;transition:.25s;}
.fxnav.open .fxnav__burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.fxnav.open .fxnav__burger span:nth-child(2){opacity:0;}
.fxnav.open .fxnav__burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.fxnav__drawer{display:none;flex-direction:column;gap:4px;margin-top:10px;padding:14px;border-radius:22px;
  border:1px solid rgba(255,255,255,.10);background:rgba(8,14,28,.92);backdrop-filter:blur(16px);}
.fxnav__drawer a{font:500 15px/1 'Inter',sans-serif;color:#cfe0f5;padding:13px 14px;border-radius:12px;text-decoration:none;}
.fxnav__drawer a:hover{background:rgba(255,255,255,.07);}
.fxnav__drawer .fxnav__book{text-align:center;margin-top:6px;padding:14px;}
.fxnav.open .fxnav__drawer{display:flex;}
@media(max-width:860px){
  .fxnav__links{display:none;}
  .fxnav__cta .fxnav__book{display:none;}
  .fxnav__burger{display:flex;}
}
/* push sub-page content below the fixed pill */
body.fx-sub{padding-top:92px;}
@media(max-width:560px){ body.fx-sub{padding-top:84px;} }

/* ---------- Accessibility widget ---------- */
.fx-a11y-btn{position:fixed;left:18px;bottom:18px;z-index:1250;width:50px;height:50px;border-radius:50%;
  border:none;cursor:pointer;display:grid;place-items:center;color:#fff;
  background:linear-gradient(145deg,#0e76c8,#0a2350);box-shadow:0 10px 26px rgba(10,35,80,.32);transition:transform .2s;}
.fx-a11y-btn:hover{transform:scale(1.06);}
.fx-a11y-btn svg{width:26px;height:26px;}
.fx-a11y-panel{position:fixed;left:18px;bottom:78px;z-index:1250;width:268px;border-radius:16px;overflow:hidden;
  background:#fff;border:1px solid var(--fx-line);box-shadow:var(--fx-shadow-lg);display:none;}
.fx-a11y-panel.open{display:block;animation:fxpop .25s var(--fx-ease);}
.fx-a11y-panel__h{font:700 14px/1 'Space Grotesk',sans-serif;color:var(--fx-ink);padding:16px 18px;border-bottom:1px solid var(--fx-line);display:flex;align-items:center;gap:8px;}
.fx-a11y-row{padding:13px 18px;border-bottom:1px solid var(--fx-line);}
.fx-a11y-row:last-child{border-bottom:none;}
.fx-a11y-row .lab{font:600 12px/1 'IBM Plex Sans',sans-serif;color:var(--fx-slate);display:block;margin-bottom:9px;}
.fx-a11y-seg{display:flex;gap:7px;}
.fx-a11y-seg button{flex:1;font:600 13px/1 'IBM Plex Sans',sans-serif;padding:9px;border-radius:9px;border:1px solid var(--fx-line);background:var(--fx-mist);color:var(--fx-ink);cursor:pointer;transition:.15s;}
.fx-a11y-seg button:hover{border-color:var(--fx-cyan);}
.fx-a11y-seg button.on{background:var(--fx-blue);border-color:var(--fx-blue);color:#fff;}
.fx-a11y-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.fx-a11y-toggle .lab{margin:0;}
.fx-a11y-sw{width:42px;height:24px;border-radius:14px;background:var(--fx-line);position:relative;transition:.2s;flex:none;}
.fx-a11y-sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.fx-a11y-toggle.on .fx-a11y-sw{background:var(--fx-blue);}
.fx-a11y-toggle.on .fx-a11y-sw::after{transform:translateX(18px);}
.fx-a11y-reset{width:100%;font:600 12.5px/1 'IBM Plex Sans',sans-serif;padding:11px;border:none;background:var(--fx-mist);color:var(--fx-slate);cursor:pointer;}
.fx-a11y-reset:hover{color:var(--fx-ink);}
@media print{ .fx-a11y-btn,.fx-a11y-panel{display:none !important;} }

/* ---------- Grayscale mode ---------- */
html.fx-grayscale{filter:grayscale(1);}

/* ============================================================================
   DARK THEME  (html[data-fx-theme="dark"])  — content/sub pages
   ============================================================================ */
html[data-fx-theme="dark"]{
  --paper:#141d2e; --mist:#0f1827; --frost:#1a2740;
  --ink:#eef0f3; --slate:#b2c0d4; --muted:#8a9ab0; --line:rgba(255,255,255,.11);
  --navy:#0a1426; color-scheme:dark;
  /* shared-css token mirrors */
  --fx-paper:#141d2e; --fx-mist:#0f1827; --fx-frost:#1a2740;
  --fx-ink:#eef0f3; --fx-slate:#b2c0d4; --fx-muted:#8a9ab0; --fx-line:rgba(255,255,255,.11);
}
html[data-fx-theme="dark"] body{background:#0b1220;color:#eef0f3;}
/* white card surfaces → dark */
html[data-fx-theme="dark"] .step,
html[data-fx-theme="dark"] .feat,
html[data-fx-theme="dark"] .about-stats .as,
html[data-fx-theme="dark"] .lead-form,
html[data-fx-theme="dark"] .sd-leadcard,
html[data-fx-theme="dark"] .tcard,
html[data-fx-theme="dark"] .intlc,
html[data-fx-theme="dark"] .hstep,
html[data-fx-theme="dark"] .doc,
html[data-fx-theme="dark"] .sl,
html[data-fx-theme="dark"] .faqitem,
html[data-fx-theme="dark"] .relc,
html[data-fx-theme="dark"] .whyc,
html[data-fx-theme="dark"] .card,
html[data-fx-theme="dark"] .cx-formcard,
html[data-fx-theme="dark"] .cx-cardlet,
html[data-fx-theme="dark"] .wb-panel,
html[data-fx-theme="dark"] .wb-card,
html[data-fx-theme="dark"] .fx-card{background:#141d2e !important;border-color:rgba(255,255,255,.09);}
/* light hero gradients → dark */
html[data-fx-theme="dark"] .sd-hero,
html[data-fx-theme="dark"] .cx-hero{background:radial-gradient(800px 380px at 80% -10%,rgba(39,186,242,.04),transparent 60%),linear-gradient(180deg,#0b1220,#0e1726) !important;border-bottom:1px solid rgba(255,255,255,.08);}
html[data-fx-theme="dark"] .crumb,
html[data-fx-theme="dark"] .dsec.alt,
html[data-fx-theme="dark"] .wb-sec.alt,
html[data-fx-theme="dark"] .fx-tst{background:#0f1827 !important;border-color:rgba(255,255,255,.08);}
html[data-fx-theme="dark"] .wb-sec{background:#0b1220;}
/* inputs */
html[data-fx-theme="dark"] input,
html[data-fx-theme="dark"] select,
html[data-fx-theme="dark"] textarea{background:#0f1827 !important;color:#eef0f3 !important;border-color:rgba(255,255,255,.14) !important;}
html[data-fx-theme="dark"] input::placeholder,
html[data-fx-theme="dark"] textarea::placeholder{color:#7e8ea6;}
/* generic text safety */
html[data-fx-theme="dark"] h1,html[data-fx-theme="dark"] h2,html[data-fx-theme="dark"] h3,
html[data-fx-theme="dark"] h4,html[data-fx-theme="dark"] h5{color:#eef0f3;}
html[data-fx-theme="dark"] .sec-h p,html[data-fx-theme="dark"] .lead{color:#b2c0d4;}
/* keep already-coloured bands (ctaband, digest, footer, fxnav) as designed */
html[data-fx-theme="dark"] footer{background:#070d18;}

/* ============================================================================
   FIXES — dark-theme contrast · QR centering · a11y icon · nav theme toggle
   ============================================================================ */

/* --- QR modal: center the code, and make the card dark (with readable text) in dark mode --- */
.fx-qr-card img{display:block;margin:0 auto;}
html[data-fx-theme="dark"] .fx-qr-card{background:#141d2e;}
html[data-fx-theme="dark"] .fx-qr-card h3{color:#eef0f3;}
html[data-fx-theme="dark"] .fx-qr-card p{color:#aebccf;}
html[data-fx-theme="dark"] .fx-qr-actions a,
html[data-fx-theme="dark"] .fx-qr-actions button{background:#0f1827;color:#eef0f3;border-color:rgba(255,255,255,.16);}
html[data-fx-theme="dark"] .fx-qr-actions a.pri{background:var(--fx-blue);border-color:var(--fx-blue);color:#fff;}

/* --- White "send via" buttons stay readable in dark mode --- */
html[data-fx-theme="dark"] .cx-btn--mail,
html[data-fx-theme="dark"] .fx-altsend__b.mail{background:#0f1827 !important;color:#eef0f3 !important;border-color:rgba(255,255,255,.18) !important;}
html[data-fx-theme="dark"] .cx-btn--mail:hover,
html[data-fx-theme="dark"] .fx-altsend__b.mail:hover{background:#16223a !important;}
html[data-fx-theme="dark"] .cx-btn--wa,
html[data-fx-theme="dark"] .fx-altsend__b.wa{background:#0f1827 !important;color:#34d27f !important;border-color:rgba(52,210,127,.34) !important;}
html[data-fx-theme="dark"] .cx-btn--wa:hover,
html[data-fx-theme="dark"] .fx-altsend__b.wa:hover{background:#16223a !important;}
/* mini link-buttons on contact cards */
html[data-fx-theme="dark"] .cx-mini{background:#0f1827 !important;color:#eef0f3 !important;border-color:rgba(255,255,255,.16) !important;}
html[data-fx-theme="dark"] .cx-mini:hover{background:#16223a !important;border-color:var(--fx-cyan) !important;}

/* --- Thank-you / success messages readable on dark --- */
html[data-fx-theme="dark"] .cx-ok h3,
html[data-fx-theme="dark"] .fx-legacy-ok .t{color:#eef0f3;}
html[data-fx-theme="dark"] .cx-ok p,
html[data-fx-theme="dark"] .fx-legacy-ok p{color:#aebccf;}

/* --- Accessibility panel: header icon was huge --- */
.fx-a11y-panel__h svg{width:17px;height:17px;flex:none;}

/* --- Theme toggle button in the nav bar --- */
.fxnav__theme{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);color:#cfe0f5;cursor:pointer;display:grid;place-items:center;transition:.2s;flex:none;}
.fxnav__theme:hover{background:rgba(255,255,255,.13);color:#fff;}
.fxnav__theme svg{width:19px;height:19px;}
@media(max-width:860px){ .fxnav__theme{display:none;} }

/* ============================================================================
   HOMEPAGE dark-theme completion (its light bands use hardcoded white cards)
   ============================================================================ */
html[data-fx-theme="dark"]{ --ink-dim:#aebccf; --line-l:rgba(255,255,255,.12); --paper2:#1a2740; }
html[data-fx-theme="dark"] .pil,
html[data-fx-theme="dark"] .stat{ background:#141d2e !important; border-color:rgba(255,255,255,.10) !important; box-shadow:0 18px 50px rgba(0,0,0,.35) !important; }
html[data-fx-theme="dark"] .pil-links a{ border-color:rgba(255,255,255,.10); }
html[data-fx-theme="dark"] .pil-links a:hover{ background:rgba(43,214,244,.08); }
html[data-fx-theme="dark"] .about .legal{ color:#9fb1cc; border-left-color:rgba(255,255,255,.18); }
html[data-fx-theme="dark"] .rl{ color:#aebccf; }
html[data-fx-theme="dark"] .rl.on,html[data-fx-theme="dark"] .rl:hover{ color:#eef0f3; }

/* ===== Attractive gradient-green check ticks (global override) ===== */
.sd-ticks svg,
ul.sd-ticks li svg,
.tick svg,
svg.tick{
  color:#ffffff !important;
  background:linear-gradient(140deg,#3EE38C 0%,#13B569 52%,#0A9A54 100%) !important;
  border-radius:7px;
  padding:3px;
  box-sizing:border-box !important;
  box-shadow:0 3px 9px rgba(12,160,88,.32);
}

/* Fix oversized/grey .sd-note check -> neat gradient-green badge (all service pages) */
.sd-note svg{
  width:20px !important;height:20px !important;flex:0 0 20px;
  color:#ffffff !important;
  background:linear-gradient(140deg,#3EE38C,#0A9A54) !important;
  border-radius:6px;padding:3px;box-sizing:border-box !important;vertical-align:middle;
  box-shadow:0 2px 7px rgba(12,160,88,.30);
}


/* ===== Per-page service illustration (fills empty left-hero space) ===== */
.sd-illo{margin-top:30px;max-width:340px}
.sd-illo svg{width:100%;height:auto;display:block}
@media(max-width:900px){.sd-illo{display:none}}


/* ===== TWO DISCIPLINES SPLIT (namespaced, injected on home) ===== */
.fintex-split{background:radial-gradient(900px 400px at 82% -6%,rgba(39,186,242,.04),transparent 60%),linear-gradient(180deg,#ffffff,#f4f6f8);padding:64px 24px 74px;position:relative;font-family:'Inter',system-ui,sans-serif}
.fintex-split .fs-wrap{max-width:1180px;margin:0 auto;position:relative}
.fintex-split .fs-split{display:grid;grid-template-columns:1fr 1px 1fr;align-items:stretch}
.fintex-split .fs-vline{background:linear-gradient(180deg,transparent,#0F916644 15%,#0B57D044 85%,transparent)}
.fintex-split .fs-col{padding:6px 46px 34px;display:flex;flex-direction:column}
.fintex-split .fs-eyb{display:inline-flex;align-items:center;gap:10px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:14px;letter-spacing:.15em;text-transform:uppercase}
.fintex-split .fs-eyb::before{content:"";width:9px;height:9px;border-radius:50%}
.fintex-split .fs-d .fs-eyb{color:#0B57D0}.fintex-split .fs-d .fs-eyb::before{background:#0B57D0}
.fintex-split .fs-a .fs-eyb{color:#0F9166}.fintex-split .fs-a .fs-eyb::before{background:#0F9166}
.fintex-split .fs-col h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(30px,3.4vw,40px);letter-spacing:-.02em;color:#0A1F56;margin:16px 0 14px;line-height:1.05}
.fintex-split .fs-desc{color:#64748b;font-size:16px;line-height:1.6;max-width:440px;min-height:78px}
.fintex-split .fs-rows{margin:26px 0 26px}
.fintex-split .fs-srow{display:flex;align-items:center;gap:14px;padding:15px 4px;border-bottom:1px solid #e9ebef;text-decoration:none;color:#1E293B;transition:.15s}
.fintex-split .fs-srow:hover{padding-left:10px}
.fintex-split .fs-srow .fs-ic svg{width:22px;height:22px}
.fintex-split .fs-srow .fs-lb{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;color:#0A1F56;flex:1}
.fintex-split .fs-srow .fs-arr{width:18px;height:18px;color:#94a3b8}
.fintex-split .fs-d .fs-srow:hover .fs-arr{color:#0B57D0}.fintex-split .fs-a .fs-srow:hover .fs-arr{color:#0F9166}
.fintex-split .fs-btn{display:inline-flex;align-items:center;gap:10px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:16px;color:#fff;padding:16px 30px;border-radius:12px;text-decoration:none;align-self:flex-start;margin-top:auto}
.fintex-split .fs-d .fs-btn{background:linear-gradient(135deg,#0B57D0,#0B3DA0);box-shadow:0 14px 30px rgba(11,61,160,.28)}
.fintex-split .fs-a .fs-btn{background:linear-gradient(135deg,#0F9166,#0C7A54);box-shadow:0 14px 30px rgba(15,145,102,.28)}
.fintex-split .fs-circle{position:absolute;left:calc(50% - 47px);top:150px;width:94px;height:94px;border-radius:50%;background:radial-gradient(circle at 50% 42%,#0a2150,#05122e 62%,#02091c);border:1px solid rgba(120,180,235,.18);box-shadow:0 12px 32px rgba(3,9,26,.45);display:grid;place-items:center}
.fintex-split .fs-circle img{height:70px;width:auto;filter:drop-shadow(0 0 12px rgba(43,214,244,.32))}
.fintex-split .fs-stats{margin-top:44px;background:#fff;border:1px solid #e9ebef;border-radius:18px;box-shadow:0 16px 40px rgba(10,31,86,.07);display:grid;grid-template-columns:repeat(4,1fr);padding:8px}
.fintex-split .fs-stat{padding:26px 28px;border-right:1px solid #e9ebef}.fintex-split .fs-stat:last-child{border:none}
.fintex-split .fs-stat b{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:34px;color:#0F9166;display:block;letter-spacing:-.02em}
.fintex-split .fs-stat.fs-b b{color:#0B57D0}
.fintex-split .fs-stat span{color:#64748b;font-size:14px}
@media(max-width:820px){.fintex-split .fs-split{grid-template-columns:1fr}.fintex-split .fs-vline,.fintex-split .fs-circle{display:none}.fintex-split .fs-col{padding:20px 4px}.fintex-split .fs-stats{grid-template-columns:1fr 1fr}}

/* ===== Elegant heading font (headings only, site-wide) ===== */
h1,h2,h3,.h1,.h2,.h3,.sd-hero h1,.fx-tst__head h2{font-family:'Plus Jakarta Sans','Space Grotesk',system-ui,sans-serif !important}

/* ===== Compact service-page spacing (v2) ===== */
.sd-hero{padding-top:40px !important;padding-bottom:32px !important}
.sd-grid{padding-top:22px !important;padding-bottom:26px !important;gap:34px !important}
.sd-illo{margin-top:14px !important;max-width:300px !important}
.dsec{padding-top:34px !important;padding-bottom:34px !important}
.ctaband{padding-top:46px !important;padding-bottom:46px !important}
.dsec h2{margin-top:0 !important}
.dsec .lead{margin-top:8px !important;margin-bottom:18px !important}
.sd-leadcard{padding:22px !important}
.sd-leadcard .field{margin-bottom:11px !important}
.sd-ticks{margin-top:18px !important;gap:10px !important}
.legal{padding-top:22px !important;padding-bottom:22px !important}
.how{gap:14px !important}

/* ===== FOOTER REVAMP + hero trim (v3) ===== */
.sd-hero{padding-bottom:22px !important}
.legal{display:none !important}  /* remove duplicate pre-footer disclaimer band */
/* legacy footer{} overrides removed — the unified .ftr footer controls its own styles */
.foot-grid{gap:30px !important;padding-bottom:32px !important;border-bottom:1px solid rgba(255,255,255,.08) !important}
.foot-brand .mk{filter:drop-shadow(0 0 10px rgba(43,214,244,.45))}
.foot-brand p{color:#93a9cb !important;font-size:13.5px !important;line-height:1.65 !important;margin-top:14px !important;max-width:270px}
.foot-col h5{font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;font-size:12px !important;letter-spacing:.13em !important;text-transform:uppercase !important;color:#f2f4f7 !important;font-weight:700 !important;margin-bottom:12px !important}
.foot-col a,.foot-col p{color:#a2b8da !important;font-size:13.5px !important;padding:4px 0 !important;transition:color .15s,transform .15s !important}
.foot-col a:hover{color:#3fd0ff !important;transform:translateX(3px)}
.foot-disc{color:#7185a8 !important;font-size:12px !important;line-height:1.6 !important;padding:16px 0 !important;border-bottom:1px solid rgba(255,255,255,.08) !important}
.foot-bot{padding:16px 0 26px !important;color:#8497b8 !important;font-size:12.5px !important}
.fb-soc a{transition:transform .15s}.fb-soc a:hover{transform:translateY(-3px)}
.fb-soc svg{width:34px;height:34px}


/* ===== Hero carousel + Local-presence cards (index) ===== */
.h-rotate{transition:opacity .45s ease}
.h-rotate.fade{opacity:0}
.h-dots{display:flex;gap:9px;margin-top:32px}
.h-dots button{width:9px;height:9px;border-radius:50%;border:none;background:rgba(255,255,255,.28);cursor:pointer;padding:0;transition:.25s}
.h-dots button.on{background:linear-gradient(120deg,#2BD6F4,#3B82F6);width:26px;border-radius:5px}
.geo{background:linear-gradient(180deg,#ffffff,#f4f6f8) !important;border-top:1px solid #e9ebef !important;padding:64px 0 !important}
.geo .eb{color:#0F9166 !important}
.geo-top h2{color:#0A1F56 !important;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.geo .btn-o{color:#0A1F56 !important;border-color:#cdd8ea !important;background:#fff !important}
.geo-grid{gap:22px !important}
.gcard{background:#fff !important;border:1px solid #e9ebef !important;border-radius:16px !important;padding:26px !important;box-shadow:0 10px 30px rgba(11,33,71,.06) !important}
.gcard-h{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.gcard .gflag{width:46px !important;height:32px !important;margin-bottom:0 !important;border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.14) !important}
.gcard-t h3{color:#0A1F56 !important;font-size:19px;margin:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.gcard-t .g-s{color:#64748b !important;font-family:inherit !important;font-size:13.5px !important;margin:3px 0 0 !important}
.gcard .g-d{color:#475569 !important;font-size:14.5px !important;margin:0 0 16px !important;line-height:1.55}
.g-tags{display:flex;gap:8px;flex-wrap:wrap}
.g-tags span{font-size:12.5px;font-weight:600;color:#0A1F56;border:1px solid #dbe4f2;border-radius:20px;padding:6px 14px;background:#f6f7f9}

/* ===== Header wordmark larger + compact black stats (v4) ===== */
.fxnav__wm, .fx-wm{height:30px !important;width:auto !important}
.fxnav__mk, .fx-mk{height:40px !important;width:auto !important}
.fintex-split .fs-stats{margin-top:30px !important}
.fintex-split .fs-stat{padding:16px 22px !important}
.fintex-split .fs-stat b{font-size:23px !important;color:#111827 !important}
.fintex-split .fs-stat.fs-b b{color:#111827 !important}
.fintex-split .fs-stat span{font-size:12.5px !important;color:#5b6b85 !important}

/* ===== Larger top-nav words (v5) ===== */
.fxnav__links a, .nav-links a{font-size:16.5px !important;font-weight:600 !important;padding:9px 15px !important}
@media(max-width:1040px){.fxnav__links a, .nav-links a{font-size:15px !important;padding:8px 11px !important}}

/* ===== CTA band — richer palette + matching buttons (v5) ===== */
.ctaband{background:linear-gradient(180deg,#ffffff 0%,#f6f7f9 100%) !important;position:relative;overflow:hidden;border-top:1px solid #e9ebef}
.ctaband::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2BD6F4,#3B82F6,#16A364) !important}
.ctaband h2{color:#0A1F56 !important}
.ctaband p{color:#51648A !important}
.ctaband .hero-cta a.btn{border:0 !important;font-weight:800 !important;color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.ctaband .hero-cta a.btn:not([data-cfg="wa"]){background:linear-gradient(120deg,#1FB0E6,#2E63EE) !important;color:#fff !important;box-shadow:0 14px 32px rgba(31,120,230,.34) !important}
.ctaband .hero-cta a.btn[data-cfg="wa"]{background:linear-gradient(135deg,#25D366,#12a150) !important;color:#fff !important;box-shadow:0 14px 32px rgba(37,211,102,.34) !important}
.ctaband .hero-cta a.btn:hover{transform:translateY(-2px) !important;filter:brightness(1.04)}

/* ===== Footer brand — stacked, centered full logo (v6) ===== */
.foot-grid{align-items:stretch}
.foot-brand{display:inline-flex !important;flex-direction:column;align-items:center;justify-content:center;gap:9px;align-self:center !important}
.foot-top .fbrand{align-self:center !important;display:flex;flex-direction:column;justify-content:center}
.foot-brand img.mk{height:66px !important;width:auto !important;margin:0 !important}
.foot-brand .fwm{height:30px;width:auto;display:block;margin:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}
.fbrand-logo{display:inline-flex !important;flex-direction:column;align-items:center;gap:9px}
.fbrand-logo .fx-mk{height:66px !important;width:auto !important;margin:0 !important}
.fbrand-logo .fx-wm{height:30px !important;width:auto !important;margin:0 !important}
/* Home footer social — branded icons, matches service pages (v7) */
.foot-top .fbrand{align-items:center !important}
.fbrand .fb-soc{display:flex;gap:10px;margin-top:18px;justify-content:center}
.fbrand .fb-soc a{display:block;line-height:0}
.fbrand .fb-soc svg{width:36px;height:36px;border-radius:9px;transition:transform .2s}
.fbrand .fb-soc a:hover svg{transform:translateY(-2px)}

/* ================= v8 — nav polish + simplified unified footer + flag ================= */
/* Nav links white (home + service) */
.fxnav__links a, .nav-links a{color:#ffffff !important}
.fxnav__links a:hover, .nav-links a:hover{color:#ffffff !important;background:rgba(255,255,255,.12) !important}

/* Indian flag chip before Book a consultation */
.navflag{display:inline-flex;align-items:center;margin-right:2px}
.navflag svg{width:30px;height:20px;display:block;border-radius:3px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}
@media(max-width:680px){.navflag{display:none}}

/* ---- Revamped unified footer (.ftr) ---- */
.ftr{background:linear-gradient(180deg,#0a1c40,#05102a 62%,#03091d);color:#9db1ce;padding:78px 0 30px;position:relative;font-family:'Inter',system-ui,sans-serif}
.ftr::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2BD6F4,#3B82F6,#16A364)}
.ftr-wrap{max-width:1320px;margin:0 auto;padding:0 26px}
.ftr-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.ftr-brand{display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:330px}
.ftr-logo{display:inline-flex;flex-direction:column;align-items:flex-start;gap:9px}
.ftr-mk{height:54px;width:auto;display:block}
.ftr-wm{height:28px;width:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}
.ftr-contact{display:flex;flex-direction:column;gap:12px}
.ftr-cc{display:inline-flex;align-items:center;gap:11px;color:#c2d2ea;text-decoration:none;font-size:14px;transition:color .18s}
.ftr-cc svg{width:17px;height:17px;color:#2BD6F4;flex:none}
.ftr-cc:hover{color:#fff}
.fb-soc{display:flex;gap:10px}
.fb-soc a{display:block;line-height:0}
.fb-soc svg{width:38px;height:38px;border-radius:10px;transition:transform .2s}
.fb-soc a:hover svg{transform:translateY(-2px)}
.ftr-col{padding-top:8px}
.ftr-col h4{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:#7fb4e6;margin:0 0 18px}
.ftr-col a{display:block;color:#aec0da;text-decoration:none;font-size:14.5px;padding:7px 0;transition:color .18s,padding-left .18s}
.ftr-col a:hover{color:#fff;padding-left:6px}
.ftr-bot{margin-top:54px;padding-top:22px;border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:#7488a6}
.ftr-bot b{color:#c2d2ea;font-weight:600}
@media(max-width:900px){.ftr-grid{grid-template-columns:1fr 1fr;gap:34px}.ftr-brand{grid-column:1/-1;max-width:none;align-items:center;text-align:center;margin-bottom:6px}.ftr-logo{align-items:center}.ftr-contact{align-items:center}}
@media(max-width:560px){.ftr-grid{grid-template-columns:1fr;text-align:center}.ftr-col a:hover{padding-left:0}.ftr-col a{padding:8px 0}.ftr-bot{justify-content:center;text-align:center}}

/* ================= v9 — tighten gaps, highlight outsource tags, colourful testimonials ================= */
/* Split — circle removed, tighten spacing */
.fintex-split{padding:54px 24px 44px !important}
.fintex-split .fs-desc{min-height:auto !important}
.fintex-split .fs-rows{margin:20px 0 22px !important}
.fintex-split .fs-stats{margin-top:30px !important}
/* Outsourcing — tighten, highlight the "what you can outsource" as its own card */
.outs{padding:58px 0 64px !important}
.outs-list{margin-top:30px !important;flex-direction:column !important;align-items:flex-start !important;gap:16px;background:linear-gradient(180deg,#ffffff,#f6f7f9);border:1px solid #dbe6f5;border-radius:18px;padding:24px 26px;box-shadow:0 14px 34px rgba(10,30,70,.07)}
.outs-tags span{background:#f4f6f8 !important;border:1px solid #d2e2f7 !important;color:#0A1F56 !important;font-weight:600 !important;font-size:14px !important;padding:9px 16px !important}
/* Pillars — reduce top gap */
.pillars{padding:60px 0 92px !important}
/* Testimonials — colourful cards + bigger gold stars */
.fx-tst{background:linear-gradient(180deg,#f4f6f8,#eceef2) !important}
.fx-card{position:relative;overflow:hidden}
.fx-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:4px 4px 0 0}
.fx-tst__slide .fx-card:nth-child(4n+1)::before{background:linear-gradient(90deg,#2BD6F4,#3B82F6)}
.fx-tst__slide .fx-card:nth-child(4n+2)::before{background:linear-gradient(90deg,#16A364,#0C7A54)}
.fx-tst__slide .fx-card:nth-child(4n+3)::before{background:linear-gradient(90deg,#FF9A3D,#F5731F)}
.fx-tst__slide .fx-card:nth-child(4n+4)::before{background:linear-gradient(90deg,#8B5CF6,#5B37C9)}
.fx-card__stars{font-size:19px !important;letter-spacing:3px !important;color:#F5A623 !important;margin-bottom:14px !important}
.fx-tst__slide .fx-card:nth-child(4n+1) .fx-card__av{background:linear-gradient(145deg,#2BD6F4,#1b6fd6) !important}
.fx-tst__slide .fx-card:nth-child(4n+2) .fx-card__av{background:linear-gradient(145deg,#16A364,#0C7A54) !important}
.fx-tst__slide .fx-card:nth-child(4n+3) .fx-card__av{background:linear-gradient(145deg,#FF9A3D,#F5731F) !important}
.fx-tst__slide .fx-card:nth-child(4n+4) .fx-card__av{background:linear-gradient(145deg,#8B5CF6,#5B37C9) !important}

/* ================= v10 — Services page + About page + breadcrumb ================= */
.crumb{font-size:13px;color:#64748b;font-family:'Inter',system-ui,sans-serif}
.crumb a{color:#2E63EE;text-decoration:none}
.crumb a:hover{text-decoration:underline}
.crumb span{margin:0 8px;color:#9fb0c9}
/* catalogue now lives only on services.html — clear the fixed nav + tighten */
.cat{padding:100px 0 92px !important}
.cat .cat-top .crumb{margin-bottom:18px}
/* "See all services" button on the home pillars overview */
.pil-all{margin-top:22px}
.pil-top{display:flex;flex-direction:column;align-items:flex-start}
/* About page */
.ab-values{background:linear-gradient(180deg,#ffffff,#f6f7f9);padding:70px 0}
.ab-values .eb{color:#2E63EE}
.ab-values h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:clamp(26px,3.2vw,40px);color:#0A1530;letter-spacing:-.02em;margin:14px 0 6px}
.ab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px}
.ab-card{background:#fff;border:1px solid var(--fx-line);border-radius:18px;padding:26px 24px;box-shadow:0 12px 30px rgba(10,30,70,.06)}
.ab-card .ab-ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;margin-bottom:15px;color:#fff}
.ab-card .ab-ic svg{width:25px;height:25px}
.ab-card h3{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:18px;color:#0A1530;margin-bottom:7px}
.ab-card p{color:#51648A;font-size:14.5px;line-height:1.55}
@media(max-width:820px){.ab-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ab-grid{grid-template-columns:1fr}}

/* ===================================================================
   v16 — UNIFIED FULL-WIDTH HEADER (flush to top, one look everywhere)
   Converts both header systems (.fxnav on inner pages, .nav on
   home/about/services) from floating pills to a full-width bar.
   =================================================================== */
.fxnav, header.nav{
  position:fixed !important; top:0 !important; left:0 !important; right:0 !important;
  transform:none !important; width:100% !important; max-width:none !important; z-index:1200 !important;
  background:linear-gradient(180deg,rgba(10,17,33,.98),rgba(7,12,24,.985)) !important;
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border:none !important; border-bottom:1px solid rgba(120,180,235,.14) !important; border-radius:0 !important;
  box-shadow:0 4px 20px rgba(4,10,24,.16) !important; transition:box-shadow .3s,background .3s;
}
.fxnav.shr, header.nav.shr{
  box-shadow:0 8px 28px rgba(0,0,0,.34) !important;
  background:linear-gradient(180deg,rgba(8,14,28,.99),rgba(6,10,20,.99)) !important;
}
/* .fxnav has an inner .fxnav__bar wrapper -> constrain it to the content width */
.fxnav__bar{max-width:1240px; margin:0 auto; padding:11px 26px !important; border-radius:0 !important; border:none !important; background:none !important; box-shadow:none !important;}
/* .nav (home/about/services) has NO inner wrapper -> center its content with fluid side padding */
header.nav{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding-top:11px !important; padding-bottom:11px !important;
  padding-left:max(26px, calc((100% - 1240px) / 2)) !important;
  padding-right:max(26px, calc((100% - 1240px) / 2)) !important;
}
/* fxnav mobile drawer -> full-width dropdown panel instead of floating card */
.fxnav__drawer{margin-top:0 !important; border-radius:0 !important; border:none !important;
  border-top:1px solid rgba(255,255,255,.08) !important; background:rgba(8,14,28,.985) !important; padding:14px 26px !important;}
/* give page content room under the fixed header (safety offset) */
body{scroll-padding-top:80px;}

/* ===================================================================
   v18 — NAVY-FORWARD PROFESSIONAL ACCENTS
   Decorative accents (eyebrows, number badges, icon tiles, small labels)
   -> navy. Blue/cyan kept for buttons & links only.
   Dark-section eyebrows use .on-navy (service/contact/about/services) or
   live in index dark sections (.outs/.geo/.web/.cat) -> left cyan.
   =================================================================== */
.eyebrow:not(.on-navy){color:#0A2A5C !important}
.eyebrow:not(.on-navy)::before{background:#0A2A5C !important;box-shadow:none !important}
.cx-hp-k{color:#0A2A5C !important}
.hstep .n{background:#0A2A5C !important;color:#fff !important;box-shadow:0 6px 14px rgba(10,42,92,.22) !important}
.whyc .ic{color:#0A2A5C !important;background:#eef0f3 !important}
.sc-k{color:#0A2A5C !important}
.grp-i{color:#0A2A5C !important;background:#eef0f3 !important}
/* home (index) uses .eb; ALL home sections are light (light-theme overrides) */
.eb{color:#0A2A5C !important}
.eb::before{background:#0A2A5C !important;opacity:1 !important}
.web-l .eb::before{background:#0A2A5C !important}
.pil-num{color:#0A2A5C !important}

/* ===================================================================
   v20 — COMPACT INDEX VERTICAL RHYTHM + testimonials heading one line
   =================================================================== */
.stmt{padding:54px 0 !important}
.fintex-split{padding:46px 24px 50px !important}
.outs{padding:50px 0 56px !important}
.pillars{padding:50px 0 64px !important}
.pillars .pil-top{margin-bottom:40px !important}
.geo{padding:54px 0 !important}
.web{padding:56px 0 !important}
.about{padding:56px 0 !important}
.fx-tst{padding:56px 0 !important}
.fx-tst__head{max-width:860px !important;margin:0 auto 28px !important}
.fx-tst__head h2{font-size:clamp(23px,2.7vw,32px) !important;line-height:1.12 !important}

/* ===================================================================
   v21 — DEEPER COMPACTING (index): pillar cards, contact band, stats,
   tighter section rhythm. All selectors below are index-only.
   =================================================================== */
.contact{padding:52px 0 !important}
.pillars{padding:44px 0 54px !important}
.pillars .pil-top{margin-bottom:30px !important}
.pil-stack{gap:14px !important}
.pil{padding:22px 28px 20px !important}
.pil-num{font-size:12px !important}
.pil-h{font-size:clamp(20px,2.1vw,25px) !important;margin:5px 0 7px !important}
.pil-p{font-size:14.5px !important;max-width:66ch !important;line-height:1.5 !important}
.pil-links{margin-top:15px !important;gap:8px !important}
.pil-links a{padding:10px 14px !important;font-size:13.5px !important}
.pil-rail{top:100px !important}
.stmt{padding:46px 0 !important}
.fintex-split{padding:40px 24px 46px !important}
.outs{padding:44px 0 48px !important}
.outs-grid{margin-top:26px !important}
.geo{padding:46px 0 !important}
.web{padding:46px 0 !important}
.about{padding:46px 0 !important}
.fx-tst{padding:48px 0 !important}
.stat{padding:20px 22px !important}
.stat b{font-size:30px !important}
.about-stats{gap:12px !important}

/* ===================================================================
   v22 — COMPACT INNER PAGES (55 service pages, services, about, contact)
   =================================================================== */
.dsec{padding-top:30px !important;padding-bottom:30px !important}
.cat{padding-top:54px !important;padding-bottom:58px !important}
.ctaband{padding-top:42px !important;padding-bottom:42px !important}
.abx{padding-top:58px !important;padding-bottom:44px !important}
.abx-do{padding-top:48px !important;padding-bottom:48px !important}
.abx-cta{padding-top:50px !important;padding-bottom:56px !important}
.cx-digest .inner{padding-top:30px !important;padding-bottom:30px !important;gap:22px !important;align-items:center !important}
.cx-digest h2{margin-bottom:7px !important}
.cx-digest::after{width:200px !important;height:200px !important;right:-70px !important;top:-70px !important}

/* ===================================================================
   v23 — WHITE HEADER (+ mobile drawer) + new crest logo everywhere.
   The new crest is drawn for light backgrounds, so the header goes
   white (navy wordmark + navy links, blue CTA kept). Footer stays a
   dark band with a soft glow behind the crest so it still pops.
   =================================================================== */
.fxnav, header.nav{
  background:rgba(255,255,255,.92) !important;
  -webkit-backdrop-filter:saturate(1.35) blur(14px) !important; backdrop-filter:saturate(1.35) blur(14px) !important;
  border-bottom:1px solid rgba(10,42,92,.10) !important;
  box-shadow:0 2px 16px rgba(10,26,56,.06) !important;
}
.fxnav.shr, header.nav.shr{
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 6px 22px rgba(10,26,56,.10) !important;
}
/* nav links -> navy */
.fxnav__links a, .nav-links a{color:#0A2A5C !important}
.fxnav__links a:hover, .nav-links a:hover{color:#123c86 !important;background:rgba(10,42,92,.06) !important}
/* burgers -> navy */
.burger, .fxnav__burger{border-color:rgba(10,42,92,.20) !important;background:rgba(10,42,92,.04) !important}
.burger span, .fxnav__burger span{background:#0A2A5C !important}
/* header wordmark -> navy variant (footer wordmark left white) */
.fx-wm, .fxnav__wm{content:url('img/fintex-wordmark-navy.png?v=3') !important}
/* mobile menus go light to match */
.mnav{background:rgba(255,255,255,.98) !important;-webkit-backdrop-filter:blur(10px) !important;backdrop-filter:blur(10px) !important}
.mnav a{color:#0A2A5C !important}
.mnav a.btn-c, .mnav .btn-c{color:#fff !important}
.fxnav__drawer{background:rgba(255,255,255,.99) !important;border-top:1px solid rgba(10,42,92,.10) !important}
.fxnav__drawer a{color:#0A2A5C !important}
.fxnav__drawer a:hover{background:rgba(10,42,92,.06) !important}
.fxnav__drawer .fxnav__book, .mnav a.btn-c{color:#fff !important}
/* footer crest: soft glow so it lifts off the dark band */
/* v26 — dark footers: crest sits on its own white circle badge (was a glow),
   so the logo reads ORIGINAL & consistent with the header/favicon everywhere */
.ftr-mk, .foot-brand img.mk, .fbrand-logo .fx-mk{
  content:url('img/fintex-badge.png?v=2') !important;   /* pre-baked circle: crest safely inside, never clips */
  background:none !important;border-radius:50% !important;padding:0 !important;
  filter:none !important;box-shadow:0 3px 12px rgba(0,0,0,.30) !important}
.ftr-mk{width:46px !important;height:46px !important}
.foot-brand img.mk, .fbrand-logo .fx-mk{width:52px !important;height:52px !important}

/* ===================================================================
   v25 — remove the little leading dash/line on eyebrows (all pages).
   User dislikes the "hyphen" before eyebrow labels.
   =================================================================== */
.eb::before, .eyebrow:not(.on-navy)::before{display:none !important}
.eb{gap:0 !important}

/* ===================================================================
   v31 — country cards are now links: UAE → safwafintex.com,
   Australia → infitexglobal.com (India stays on this site).
   =================================================================== */
a.gcard{position:relative;display:block;text-decoration:none;color:inherit;cursor:pointer}
a.gcard::after{content:"\2197";position:absolute;top:16px;right:18px;font:700 15px/1 system-ui,sans-serif;color:#2E7DF6;opacity:.5;transition:transform .2s,opacity .2s}
a.gcard:hover{transform:translateY(-5px);border-color:rgba(46,125,246,.55) !important;box-shadow:0 16px 40px -12px rgba(46,125,246,.42)}
a.gcard:hover::after{opacity:1;transform:translate(2px,-2px)}