:root{
  --ink:#0A2540;
  --ink-2:#123456;
  --blue:#0E63B3;
  --blue-deep:#0A4E8F;
  --teal:#1B7FD4;
  --teal-bright:#3E9BE8;
  --mint:#E8F2FC;
  --sky:#EAF2FB;
  --paper:#FBFCFE;
  --line:#DCE6F0;
  --slate:#47586C;
  --white:#FFFFFF;
  --radius:14px;
  --shadow:0 10px 30px rgba(10,37,64,.08);
  --font-display:"Sora",system-ui,sans-serif;
  --font-body:"Inter",system-ui,sans-serif;
  --font-mono:"JetBrains Mono","IBM Plex Mono",monospace;
  --font-arabic:"IBM Plex Sans Arabic",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1360px;margin:0 auto;padding:0 32px}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:18px}
.eyebrow .ar{font-family:var(--font-arabic);font-size:.92rem;letter-spacing:0;text-transform:none;color:var(--teal);font-weight:600}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--teal-bright);border-radius:2px}
h1,h2,h3{font-family:var(--font-display);line-height:1.16;letter-spacing:-.02em}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:700;margin-bottom:14px}
.lede{color:var(--slate);font-size:1.06rem;max-width:640px}
section{padding:88px 0}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:600;font-size:.98rem;padding:14px 26px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible{outline:3px solid var(--teal-bright);outline-offset:3px}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(14,99,179,.28)}
.btn-primary:hover{background:var(--blue-deep)}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--blue)}
.btn-teal{background:var(--teal);color:#fff;box-shadow:0 8px 20px rgba(27,127,212,.28)}
.btn-teal:hover{background:#0A4E8F}

/* ---------- Nav ---------- */
header{position:sticky;top:0;z-index:60;background:rgba(251,252,254,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:800;font-size:1.12rem;letter-spacing:-.01em}
.logo-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--blue) 0%,var(--teal-bright) 100%);display:grid;place-items:center;color:#fff;font-size:1rem;font-weight:800}
.logo small{display:block;font-family:var(--font-mono);font-weight:500;font-size:.6rem;letter-spacing:.16em;color:var(--slate);text-transform:uppercase}
.nav-links{display:flex;gap:24px;font-size:.94rem;font-weight:500;color:var(--slate)}
.nav-links a{padding:6px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.nav-links a:hover{color:var(--blue);border-color:var(--teal-bright)}
.nav-cta{display:flex;gap:12px;align-items:center}
.nav .btn{padding:10px 20px;font-size:.9rem}
.menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px}
.menu-btn span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}

/* ---------- Overlay nav (home hero only) ---------- */
.page-home header{position:absolute;top:var(--ticker-h,38px);left:0;right:0;background:transparent;border-bottom-color:transparent;box-shadow:none;color:#fff;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,top .2s ease}
.page-home header .logo,.page-home header .logo *{color:#fff}
.page-home header .nav-links>a,.page-home header .nav-links>.nav-drop>a.nav-drop-toggle{color:#fff}
.page-home header .nav-links>a:hover,.page-home header .nav-links>.nav-drop>a.nav-drop-toggle:hover{color:var(--teal-bright)}
.page-home header .lang-switch{color:#fff!important}
.page-home header .nav-cta .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.32)}
.page-home header .nav-cta .btn-ghost:hover{border-color:#fff}
.page-home header .menu-btn span{background:#fff}
.page-home header.scrolled{position:fixed;top:0;background:rgba(251,252,254,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(10,37,64,.08);color:var(--ink)}
.page-home header.scrolled .logo,.page-home header.scrolled .logo *{color:var(--ink)}
.page-home header.scrolled .logo small{color:var(--slate)}
.page-home header.scrolled .nav-links>a,.page-home header.scrolled .nav-links>.nav-drop>a.nav-drop-toggle{color:var(--slate)}
.page-home header.scrolled .lang-switch{color:var(--slate)!important}
.page-home header.scrolled .nav-cta .btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.page-home header.scrolled .menu-btn span{background:var(--ink)}
@media(max-width:980px){.page-home header{position:fixed;top:0;background:rgba(251,252,254,.94);border-bottom:1px solid var(--line);color:var(--ink)}
  .page-home header .logo,.page-home header .logo *{color:var(--ink)}
  .page-home header .menu-btn span{background:var(--ink)}
  .page-home .hero{padding-top:150px}}

/* ---------- Scroll-scrubbed sequence ---------- */
.scrub-section{position:relative;height:400vh;background:var(--ink)}
.scrub-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;color:#fff}
.scrub-sticky .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%}
.scrub-eyebrow{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-bright);margin-bottom:18px}
.scrub-stage{grid-column:1;grid-row:1;opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}
.scrub-stage.active{opacity:1;transform:none;pointer-events:auto}
.scrub-stages{display:grid}
.scrub-num{font-family:var(--font-mono);font-size:.85rem;color:#8FADCC;margin-bottom:14px}
.scrub-stage h3{font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;margin-bottom:16px;color:#fff}
.scrub-stage p{color:#B9CCE0;max-width:480px;font-size:1.02rem}
.scrub-nav{list-style:none;display:flex;flex-direction:column;gap:4px;border-inline-start:1px solid rgba(255,255,255,.14)}
.scrub-nav li{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;color:#5D7997;padding:14px 0 14px 22px;position:relative;transition:color .3s ease}
.scrub-nav li::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:transparent;transition:background .3s ease}
.scrub-nav li.active{color:#fff}
.scrub-nav li.active::before{background:var(--teal-bright)}
.scrub-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.1)}
.scrub-progress span{display:block;height:100%;width:0;background:var(--teal-bright)}
@media(prefers-reduced-motion:reduce),(max-width:900px){
  .scrub-section{height:auto}
  .scrub-sticky{position:relative;height:auto;padding:80px 0;display:block}
  .scrub-sticky .wrap{display:block}
  .scrub-stages{display:block}
  .scrub-stage{position:static;grid-column:auto;grid-row:auto;opacity:1!important;transform:none!important;pointer-events:auto;margin-bottom:56px}
  .scrub-stage:last-child{margin-bottom:0}
  .scrub-nav{display:none}
  .scrub-progress{display:none}
}

/* ---------- Ticker ---------- */
.ticker{background:#061829;color:#8FADCC;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.ticker .wrap{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}
.ticker b{color:var(--teal-bright);font-weight:600}
.ticker .sep{opacity:.4}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;padding:96px 0 80px;background:
 radial-gradient(1100px 620px at 82% 8%,rgba(62,155,232,.22),transparent 60%),
 radial-gradient(900px 620px at -10% 30%,rgba(14,99,179,.20),transparent 55%),
 linear-gradient(160deg,var(--ink) 0%,#061829 100%);color:#fff}
.hero-grid{display:grid;grid-template-columns:0.92fr 1.45fr;gap:28px;align-items:center}
.hero .eyebrow{color:var(--teal-bright)}
.hero h1{font-size:clamp(2.6rem,6vw,4.6rem);font-weight:800;margin-bottom:22px;letter-spacing:-.03em;color:#fff}
.hero h1 .hl{color:var(--teal-bright);position:relative;white-space:nowrap}
.hero h1 .hl::after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:.28em;background:rgba(62,155,232,.18);z-index:-1;border-radius:4px}
.hero p{color:#B9CCE0;font-size:1.1rem;max-width:540px;margin-bottom:32px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}
.hero .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.hero .btn-ghost:hover{border-color:var(--teal-bright)}
.hero-note{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.78rem;color:#8FADCC;text-transform:uppercase;letter-spacing:.06em}
.hero-note .dot{width:8px;height:8px;border-radius:50%;background:var(--teal-bright);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(62,155,232,.45)}50%{box-shadow:0 0 0 8px rgba(62,155,232,0)}}

/* Orbit — signature (v3, enlarged + bold motion) */
.orbit-shell{position:relative;aspect-ratio:1/1;max-width:840px;margin:0 auto;animation:orbitIn 1s cubic-bezier(.16,1,.3,1) both}
.orbit-svg{width:100%;height:100%;overflow:visible}
.orbit-ring{fill:none;stroke:var(--line);stroke-width:1.2}
.orbit-dash{fill:none;stroke:var(--blue);stroke-width:1.4;stroke-dasharray:2 10;opacity:.55;transform-box:view-box;transform-origin:300px 300px}
.ring-spin-a{animation:ringspin 34s linear infinite}
.ring-spin-b{animation:ringspin 26s linear infinite reverse}
@keyframes ringspin{to{transform:rotate(360deg)}}
.orbit-sweep{transform-box:view-box;transform-origin:300px 300px;animation:ringspin 7s linear infinite}
.core-pulses .cpulse{transform-box:fill-box;transform-origin:center;stroke-width:1.4;opacity:0;animation:corePulse 3.9s ease-out infinite}
@keyframes corePulse{0%{transform:scale(1);opacity:.5}70%{opacity:.1}100%{transform:scale(2.55);opacity:0}}
.hub-glow{transform-box:fill-box;transform-origin:center;animation:hubGlowPulse 3.6s ease-in-out infinite}
@keyframes hubGlowPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.16)}}
.hub{filter:drop-shadow(0 16px 30px rgba(14,99,179,.35));transform-box:fill-box;transform-origin:center;animation:hubBreathe 3.8s ease-in-out infinite}
@keyframes hubBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.node{cursor:default;transform-box:fill-box;transform-origin:center;animation:nodeFloat 4.6s ease-in-out infinite}
@keyframes nodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.node-bg{fill:#0F2B47;stroke:rgba(143,173,204,.35);stroke-width:1.4;transition:stroke .25s}
.node-ring{fill:none;stroke:var(--teal-bright);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .25s,transform .25s}
.node:hover .node-ring{opacity:.9;transform:scale(1.09)}
.node:hover .node-bg{stroke:var(--teal-bright)}
.nlabel{fill:#fff!important}
.nsub{fill:#8FADCC!important}
.orbit-ring{stroke:rgba(143,173,204,.25)!important}
.spokes{stroke:rgba(143,173,204,.18)!important}
@keyframes orbitIn{from{opacity:0;transform:scale(.9) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media (prefers-reduced-motion:reduce){
  .hub-glow,.hub,.node,.orbit-shell,.ring-spin-a,.ring-spin-b,.orbit-sweep,.cpulse{animation:none}
  .orbit-sweep,.core-pulses{display:none}
}

/* ---------- Stats strip (mega numbers) ---------- */
.stats{background:var(--paper);color:var(--ink);padding:64px 0 48px;border-bottom:1px solid var(--line)}
.stats::before{content:"FROM DAY-TO-DAY OPERATIONS, CLARITY EMERGES";display:block;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.12em;color:var(--slate);padding-bottom:22px;margin-bottom:36px;border-bottom:1px solid var(--line)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:left}
.stat{border-inline-start:1px solid var(--line);padding:0 28px}
.stat:first-child{border-inline-start:none;padding-inline-start:0}
.stat-icon{display:none}
.stat-num{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,4.2vw,3.4rem);letter-spacing:-.03em;line-height:1;margin-bottom:14px;color:var(--ink)}
.stat-num em{font-style:normal;color:var(--blue)}
.stat span,.stat-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
@media(max-width:860px){.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:32px}.stat:nth-child(3){border-inline-start:none}}
@media(max-width:520px){.stats-grid{grid-template-columns:1fr}.stat{border-inline-start:none;border-top:1px solid var(--line);padding:24px 0 0}.stat:first-child{border-top:none}}

/* ---------- Ghost-type divider ---------- */
.ghost-divider{background:var(--ink);color:#fff;padding:90px 0;text-align:center;position:relative;overflow:hidden}
.ghost-divider .ghost-word{font-family:var(--font-display);font-weight:800;font-size:clamp(3.4rem,11vw,9rem);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px rgba(143,173,204,.28);line-height:1;text-transform:uppercase;white-space:nowrap}
.ghost-divider .ghost-cap{position:relative;z-index:1;margin-top:-1.3em;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.08em;color:#B9CCE0;max-width:560px;margin-inline:auto}
.ghost-divider .ghost-cap b{color:var(--teal-bright);font-weight:600}

/* ---------- About ---------- */
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}
.about-side{background:linear-gradient(160deg,var(--sky),var(--mint));border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.about-side h3{font-size:1.05rem;margin-bottom:16px}
.about-side ul{list-style:none}
.about-side li{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(10,37,64,.12);font-size:.95rem;color:var(--ink-2)}
.about-side li:last-child{border-bottom:none}
.about-side li::before{content:"";flex:0 0 18px;height:18px;margin-top:3px;border-radius:50%;background:var(--teal) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>') center/11px no-repeat}
.kx-band{margin-top:28px;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px}
.kx-band .k{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--blue)}
.kx-band p{font-size:.88rem;color:var(--slate)}


/* ---------- Platform ---------- */
.platform{background:#fff;border-top:1px solid var(--line)}
.plat-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:40px 0 48px}
.plat-stat{background:var(--sky);border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:center}
.plat-stat b{display:block;font-family:var(--font-display);font-size:1.7rem;font-weight:800;color:var(--blue)}
.plat-stat span{font-size:.8rem;color:var(--slate);font-weight:500}
.plat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.plat-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:var(--paper);transition:transform .2s,border-color .2s}
.plat-card:hover{transform:translateY(-3px);border-color:var(--teal-bright)}
.plat-card .pi{width:42px;height:42px;border-radius:12px;background:var(--mint);color:var(--teal);display:grid;place-items:center;margin-bottom:14px}
.plat-card h3{font-size:1rem;font-weight:700;margin-bottom:8px}
.plat-card p{font-size:.88rem;color:var(--slate)}
@media (max-width:960px){.plat-stats{grid-template-columns:repeat(2,1fr)}.plat-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.plat-grid{grid-template-columns:1fr}}


/* ---------- Legacy vs Future ---------- */
.shift-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:44px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}
.shift-col{padding:40px 36px}
.shift-legacy{background:#F2F4F7}
.shift-legacy h3{color:#6B7A8D}
.shift-future{background:linear-gradient(150deg,var(--ink) 0%,#0C3A63 100%);color:#fff}
.shift-col h3{font-size:1.15rem;font-weight:700;margin-bottom:6px}
.shift-future h3{color:#fff}
.shift-col .tag{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;display:inline-block}
.shift-legacy .tag{color:#94A3B4}
.shift-future .tag{color:var(--teal-bright)}
.shift-col ul{list-style:none;margin-top:14px}
.shift-col li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;font-size:.93rem}
.shift-legacy li{color:#5C6B7D;border-bottom:1px dashed #DCE2EA}
.shift-future li{color:#D7E5F2;border-bottom:1px dashed rgba(255,255,255,.14)}
.shift-col li:last-child{border-bottom:none}
.shift-col li svg{flex:0 0 18px;margin-top:3px}
.shift-legacy li svg{color:#B24A4A}
.shift-future li svg{color:var(--teal-bright)}
@media (max-width:840px){.shift-grid{grid-template-columns:1fr}}

/* ---------- Solutions ---------- */
.solutions{background:linear-gradient(180deg,#fff 0%,var(--sky) 140%)}
.sol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:44px}
.sol-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s}
.sol-card:hover{transform:translateY(-4px);border-color:rgba(14,99,179,.4)}
.sol-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--teal-bright))}
.sol-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;background:var(--sky);color:var(--blue)}
.sol-card:nth-child(even) .sol-icon{background:var(--mint);color:var(--teal)}
.sol-card h3{font-size:1.28rem;font-weight:700;margin-bottom:10px}
.sol-card>p{color:var(--slate);font-size:.96rem;margin-bottom:18px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-family:var(--font-body);font-size:.8rem;font-weight:500;padding:6px 13px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink-2)}

/* ---------- Industries ---------- */
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.ind{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px;display:flex;align-items:center;gap:14px;font-weight:600;font-size:.95rem;transition:border-color .2s,transform .2s}
.ind:hover{border-color:var(--teal-bright);transform:translateY(-3px)}
.ind svg{flex:0 0 26px;color:var(--teal)}

/* ---------- Why ---------- */
.why{background:var(--ink);color:#fff}
.why .eyebrow{color:var(--teal-bright)}
.why .eyebrow .ar{color:#CFE6FF}
.why h2{color:#fff}
.why .lede{color:#B9C8DA}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}
.why-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:26px 22px;transition:background .2s,border-color .2s}
.why-card:hover{background:rgba(255,255,255,.09);border-color:rgba(62,155,232,.6)}
.why-card .n{font-family:var(--font-mono);font-size:.72rem;color:var(--teal-bright);letter-spacing:.12em;margin-bottom:12px}
.why-card h3{font-size:1.02rem;font-weight:700;margin-bottom:8px;color:#fff}
.why-card p{font-size:.87rem;color:#AEBFD3}


/* ---------- Data residency ---------- */
.residency{background:linear-gradient(120deg,var(--ink) 0%,#0A4E8F 100%);border-radius:24px;color:#fff;padding:52px 48px;display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center;position:relative;overflow:hidden}
.residency::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(62,155,232,.25),transparent 70%)}
.residency h2{color:#fff;font-size:clamp(1.5rem,2.8vw,2.1rem)}
.residency p{color:#C3D8EC;font-size:.98rem;margin-top:12px;max-width:520px}
.res-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(62,155,232,.16);border:1px solid rgba(62,155,232,.5);color:#CFE6FF;border-radius:999px;padding:7px 16px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.res-list{list-style:none;position:relative;z-index:1}
.res-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.93rem;color:#DCE8F5}
.res-list li:last-child{border-bottom:none}
.res-list svg{flex:0 0 20px;margin-top:2px;color:var(--teal-bright)}
.residency-wrap{padding:0 24px 96px}
@media (max-width:960px){.residency{grid-template-columns:1fr;padding:40px 28px}}

/* ---------- Comparison ---------- */
.compare-note{font-size:.9rem;color:var(--slate);max-width:720px;margin-bottom:34px}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}
table{width:100%;border-collapse:collapse;min-width:640px}
th,td{padding:15px 20px;text-align:left;font-size:.92rem;border-bottom:1px solid var(--line)}
thead th{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;background:var(--sky);color:var(--ink-2)}
thead th.ish-col{background:var(--ink);color:#fff}
td.ish-col{background:var(--mint);font-weight:600;color:var(--ink)}
tbody tr:last-child td{border-bottom:none}
td .feat{font-weight:600}
.tbl-foot{font-size:.82rem;color:var(--slate);margin-top:16px}

/* ---------- Partners ---------- */
.partners{padding:64px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.partners p{text-align:center;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin-bottom:26px}
.partner-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.partner{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--slate);border:1px solid var(--line);border-radius:999px;padding:10px 24px;transition:color .2s,border-color .2s}
.partner:hover{color:var(--blue);border-color:var(--blue)}


/* ---------- Awards ---------- */
.awards{background:linear-gradient(180deg,var(--paper),var(--sky) 160%)}
.award-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.award{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;text-align:center;transition:transform .2s,border-color .2s;display:flex;flex-direction:column;align-items:center}
.award:hover{transform:translateY(-4px);border-color:var(--teal-bright)}
.award .medal{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--sky),var(--mint));display:grid;place-items:center;color:var(--teal);margin-bottom:16px;border:1px solid var(--line)}
.award h3{font-size:.98rem;font-weight:700;margin-bottom:8px;line-height:1.35}
.award p{font-size:.83rem;color:var(--slate)}
.award .by{margin-top:auto;padding-top:14px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
@media (max-width:960px){.award-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.award-grid{grid-template-columns:1fr}}

/* ---------- Testimonial ---------- */
.quote-card{background:linear-gradient(140deg,var(--sky),#fff 60%);border:1px solid var(--line);border-radius:var(--radius);padding:46px;max-width:860px;margin:40px auto 0;box-shadow:var(--shadow);position:relative}
.quote-card::before{content:"\201C";position:absolute;top:6px;left:26px;font-family:var(--font-display);font-size:6rem;color:var(--teal-bright);opacity:.35;line-height:1}
.quote-card blockquote{font-family:var(--font-display);font-size:1.25rem;font-weight:600;line-height:1.5;margin-bottom:22px}
.quote-who{display:flex;align-items:center;gap:14px}
.quote-who .avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--teal-bright));display:grid;place-items:center;color:#fff;font-weight:700;font-family:var(--font-display)}
.quote-who b{display:block;font-size:.95rem}
.quote-who span{font-size:.82rem;color:var(--slate)}

/* ---------- CTA ---------- */
.cta{background:linear-gradient(135deg,#083C71 0%,var(--blue) 52%,var(--blue-deep) 100%);color:#fff;text-align:center;border-radius:24px;padding:70px 40px;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 260px at 80% 0%,rgba(255,255,255,.14),transparent 60%)}
.cta>*{position:relative}
.cta h2{color:#fff;max-width:640px;margin:0 auto 16px}
.cta p{color:#DCEAF7;max-width:560px;margin:0 auto 34px}
.cta .btn-ghost{border-color:rgba(255,255,255,.5);background:transparent;color:#fff}
.cta .btn-ghost:hover{background:rgba(255,255,255,.12)}
.cta-wrap{padding:20px 24px 100px}

/* ---------- Footer ---------- */
footer{background:var(--ink);color:#9FB4CB;padding:64px 0 34px;font-size:.9rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
footer h4{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:16px}
footer a{display:block;padding:5px 0;transition:color .15s}
footer a:hover{color:var(--teal-bright)}
.foot-logo{color:#fff;margin-bottom:14px}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.8rem}
.foot-bottom .ar{font-family:var(--font-arabic)}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}

/* ---------- Responsive ---------- */
@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .orbit-shell{margin:0 auto;max-width:560px}
  .about-grid{grid-template-columns:1fr}
  .sol-grid{grid-template-columns:1fr}
  .why-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}
  .ind-grid{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .nav-links{display:none}
  .menu-btn{display:block}
  /* keep only the language switch visible on mobile, styled as a pill next to the menu button */
  .nav-cta{display:flex;margin-inline-start:auto;margin-inline-end:10px}
  .nav-cta .btn{display:none}
  .nav-cta .lang-switch{border:1px solid var(--line);border-radius:999px;padding:7px 14px;margin-inline-end:0!important;color:var(--blue)!important;background:#fff;line-height:1}
}
@media (max-width:560px){
  section{padding:64px 0}
  .ind-grid{grid-template-columns:1fr}
  .why-grid,.stats-grid{grid-template-columns:1fr 1fr}
  .quote-card{padding:34px 24px}
  .cta{padding:54px 24px}
  .hero h1 .hl{white-space:normal}
}
@media (max-width:480px){
  .impl-steps{grid-template-columns:repeat(2,1fr);gap:14px}
  .impl-flow{padding:24px 18px}
}
@media (max-width:400px){
  .wrap{padding:0 18px}
  .logo{white-space:normal;font-size:.95rem}
  .logo span{font-size:.86rem;line-height:1.12}
  .logo-img,.logo-mark{flex-shrink:0}
  .why-grid,.stats-grid{grid-template-columns:1fr}
}
@media (max-width:360px){
  .wrap{padding:0 14px}
  .menu-btn{padding:8px 0}
}
/* Mobile menu */
.mobile-menu{display:none;position:fixed;inset:72px 0 auto 0;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px;z-index:55;box-shadow:var(--shadow)}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:12px 0;font-weight:600;border-bottom:1px solid var(--line)}
.mobile-menu a:last-child{border-bottom:none}

/* ---------- Page banner (subpages) ---------- */
.page-banner{background:linear-gradient(130deg,var(--ink) 0%,#0C3A63 62%,#0A4E8F 100%);color:#fff;padding:76px 0 56px}
.page-banner h1{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;color:#fff;max-width:760px}
.page-banner .eyebrow{margin-bottom:14px}
.page-banner .eyebrow::before{background:var(--teal-bright)}

/* ---------- Contact page ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;transition:border-color .2s,transform .2s}
a.contact-card:hover{border-color:var(--blue);transform:translateY(-2px)}
.contact-card b{display:block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:4px}
.contact-card span{font-size:.94rem;color:var(--ink-2)}
.contact-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}
.contact-form h3{font-size:1.25rem;font-weight:700;margin-bottom:20px}
.contact-form label{display:block;font-size:.82rem;font-weight:600;color:var(--ink-2);margin-bottom:16px}
.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:6px;padding:11px 14px;border:1.5px solid var(--line);border-radius:10px;font-family:var(--font-body);font-size:.95rem;color:var(--ink);background:var(--paper);transition:border-color .15s}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--blue)}
.form-note{font-size:.78rem;color:var(--slate);margin-top:12px;text-align:center}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}

/* ---------- Patient communications ---------- */
.comms{background:linear-gradient(180deg,#fff,var(--mint) 200%)}
.comms-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;margin-top:12px}
.channel-row{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 26px}
.channel{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-weight:600;font-size:.9rem}
.channel svg{color:var(--teal)}
.comms-list{list-style:none}
.comms-list li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;font-size:.95rem;color:var(--ink-2)}
.comms-list svg{flex:0 0 19px;margin-top:3px;color:var(--teal-bright)}
.phone-mock{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:22px;max-width:390px;margin-left:auto}
.phone-mock .ph-top{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}
.phone-mock .ph-top .pm{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--teal-bright));color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:.8rem}
.phone-mock .ph-top b{font-size:.9rem}
.phone-mock .ph-top span{display:block;font-size:.72rem;color:var(--slate)}
.msg{border-radius:14px;padding:13px 15px;margin-bottom:11px;font-size:.84rem;line-height:1.45}
.msg b{display:flex;align-items:center;gap:7px;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}
.msg-wa{background:#E9F8EF;border:1px solid #CDEBD9;color:#1B7FD4}.msg-wa b{color:#1B7FD4}
.msg-sms{background:var(--sky);border:1px solid var(--line);color:#1D4B79}.msg-sms b{color:var(--blue)}
.msg-em{background:#F6F2FC;border:1px solid #E4DAF3;color:#4C3A6B}.msg-em b{color:#7A5BB5}
@media (max-width:900px){.comms-grid{grid-template-columns:1fr}.phone-mock{margin:0 auto}}

/* ---------- RCM / Dhamani ---------- */
.dhamani-hero{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.dh-badge{display:inline-flex;align-items:center;gap:9px;background:var(--mint);border:1px solid #BFDCF2;color:var(--teal);border-radius:999px;padding:8px 18px;font-weight:700;font-size:.82rem;margin-bottom:18px}
.rcm-flow{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:34px;margin-top:44px}
.rcm-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative}
.rcm-step{text-align:center;padding:0 8px;position:relative}
.rcm-step .rn{width:44px;height:44px;border-radius:50%;background:var(--sky);border:2px solid var(--blue);color:var(--blue);display:grid;place-items:center;margin:0 auto 12px;font-family:var(--font-display);font-weight:800;font-size:1rem;position:relative;z-index:1}
.rcm-step:nth-child(even) .rn{background:var(--mint);border-color:var(--blue-deep);color:var(--blue-deep)}
.rcm-step b{display:block;font-size:.85rem;font-weight:700;margin-bottom:4px}
.rcm-step span{font-size:.74rem;color:var(--slate);line-height:1.4;display:block}
.rcm-steps::before{content:"";position:absolute;top:22px;left:8%;right:8%;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 14px)}
.rcm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
@media (max-width:960px){.dhamani-hero{grid-template-columns:1fr}.rcm-steps{grid-template-columns:repeat(3,1fr);gap:22px}.rcm-steps::before{display:none}.rcm-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.rcm-steps{grid-template-columns:1fr 1fr}.rcm-grid{grid-template-columns:1fr}}

/* ---------- Responsive polish ---------- */
@media (max-width:640px){
  .wrap{padding:0 18px}
  .hero{padding:60px 0 52px}
  .nav .btn{padding:9px 15px;font-size:.82rem}
  .logo{font-size:1rem}
  .logo-mark{width:34px;height:34px;font-size:.9rem}
  .kx-band{flex-direction:column;align-items:flex-start;gap:10px}
  .foot-grid{grid-template-columns:1fr;gap:30px}
  .contact-cards{grid-template-columns:1fr}
  .table-scroll{-webkit-overflow-scrolling:touch}
  .chips{gap:6px}
  .chip{font-size:.76rem;padding:5px 11px}
  .rcm-flow{padding:22px 18px}
  .residency{padding:34px 22px}
  .comms-grid{gap:36px}
  .phone-mock{padding:18px;border-radius:20px}
  .sol-card{padding:26px 22px}
  .plat-stats{grid-template-columns:1fr 1fr;gap:12px}
  .award-grid{gap:14px}
  h2{font-size:1.55rem}
  .lede{font-size:.98rem}
  .page-banner{padding:56px 0 42px}
}
@media (max-width:400px){
  .stats-grid,.why-grid,.plat-stats{grid-template-columns:1fr}
  .rcm-steps{grid-template-columns:1fr 1fr}
  .hero-ctas .btn{width:100%;justify-content:center}
  .cta .btn{width:100%;justify-content:center}
  .orbit-shell{max-width:350px}
}
/* Fluid media safety */
.table-scroll table{font-size:.88rem}
svg,img{height:auto}

/* orbit v2 labels */
.node .nlabel{font-family:Inter,sans-serif;font-size:12px;font-weight:700;fill:var(--ink);text-anchor:middle}
.node .nsub{font-family:Inter,sans-serif;font-size:9.5px;font-weight:500;fill:var(--slate);text-anchor:middle}
@media (prefers-reduced-motion:reduce){.pulses{display:none}}

/* ---------- Nav refinement ---------- */
.nav{gap:18px}
@media (min-width:961px){.logo{white-space:nowrap;flex-shrink:0}}
@media (max-width:960px){.logo{white-space:normal;flex-shrink:1;min-width:0}.logo>span{font-size:.98rem;line-height:1.15}.logo small{display:none}}
.logo>span{line-height:1.25}
.nav-links{flex-wrap:nowrap}
.nav-links a{white-space:nowrap}
.nav-cta{flex-shrink:0}
.nav .btn{white-space:nowrap}
/* "Talk to Our Experts" duplicates the primary "Request a Demo" (both -> contact); keep header uncluttered */
.nav-cta a.btn-ghost[href$="contact.html"]{display:none}
@media (max-width:1360px){
  .nav-links{gap:20px;font-size:.9rem}
  .nav-cta .btn-ghost{display:none}
}
@media (max-width:1120px){
  .logo{font-size:1rem}
  .logo small{display:none}
  .nav-links{gap:16px;font-size:.87rem}
}
@media (max-width:1120px) and (min-width:961px){
  .nav-links{gap:13px;font-size:.84rem}
  .nav .btn{padding:9px 15px;font-size:.85rem}
  .lang-switch{margin-inline-end:0!important;font-size:.88rem!important}
}

/* ================================================================
   PREMIUM THEME — Apple/Azure-inspired refinement
   ================================================================ */
:root{
  --radius:18px;
  --shadow:0 18px 44px rgba(10,37,64,.10);
  --ease:cubic-bezier(.4,0,.2,1);
}
body{letter-spacing:-.005em}
::selection{background:var(--mint);color:var(--ink)}

/* Bigger, calmer rhythm */
section{padding:112px 0}
h2{font-size:clamp(2rem,4.2vw,3rem);letter-spacing:-.025em;line-height:1.1}
.lede{font-size:1.12rem;line-height:1.65}

/* Glass navigation */
header{background:rgba(251,252,254,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(220,230,240,.7)}
.nav{height:76px}
.nav-links a{border-bottom:none;position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:linear-gradient(90deg,var(--blue),var(--teal-bright));transition:right .3s var(--ease)}
.nav-links a:hover::after{right:0}

/* Hero: large gradient headline */
.hero{padding:110px 0 96px}
.hero h1{font-size:clamp(2.6rem,5.6vw,4.15rem);letter-spacing:-.032em;line-height:1.06}
.hero h1 .hl{background:linear-gradient(92deg,var(--blue) 0%,var(--teal-bright) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 .hl::after{display:none}
.hero p{font-size:1.16rem}

/* Buttons: pill, gradient, springy */
.btn{padding:15px 30px;font-size:1rem;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease)}
.btn:hover{transform:translateY(-2px) scale(1.015)}
.btn:active{transform:translateY(0) scale(.99)}
.btn-primary{background:linear-gradient(135deg,#1173CC 0%,#0A4E8F 100%);box-shadow:0 10px 26px rgba(14,99,179,.32)}
.btn-primary:hover{box-shadow:0 16px 36px rgba(14,99,179,.4)}
.btn-teal{background:linear-gradient(135deg,#3E9BE8 0%,#0A4E8F 100%)}
.nav .btn{padding:11px 22px;font-size:.9rem}

/* Cards: soft depth, gentle lift */
.sol-card,.plat-card,.award,.ind,.contact-form,.quote-card,.rcm-flow,.table-scroll,.phone-mock,.about-side{border-radius:20px}
.sol-card,.plat-card,.award,.ind{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.sol-card:hover,.plat-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(10,37,64,.14);border-color:rgba(14,99,179,.35)}
.award:hover,.ind:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(10,37,64,.12)}
.why-card{border-radius:20px;transition:transform .35s var(--ease),background .3s,border-color .3s}
.why-card:hover{transform:translateY(-4px)}

/* Gradient stat numbers */
.stats{padding:56px 0}
.plat-stat b{background:linear-gradient(92deg,var(--blue),var(--teal-bright));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Section eyebrows: pill style (Azure-like) */
.eyebrow{background:rgba(14,99,179,.06);border:1px solid rgba(14,99,179,.14);border-radius:999px;padding:7px 16px}
.eyebrow::before{width:7px;height:7px;border-radius:50%;background:var(--teal-bright)}
.why .eyebrow{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.page-banner .eyebrow,.cta .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}

/* Reveal: softer entrance */
.reveal{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* Banner + CTA polish */
.page-banner{padding:88px 0 64px}
.cta{border-radius:28px;padding:80px 44px}
.residency{border-radius:28px}

/* Focus visibility everywhere */
a:focus-visible,button:focus-visible{outline:3px solid var(--teal-bright);outline-offset:3px;border-radius:6px}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none}
  .btn,.sol-card,.plat-card,.award,.ind,.why-card{transition:none}
}
@media (max-width:640px){
  section{padding:76px 0}
  .hero{padding:72px 0 60px}
  .hero h1{font-size:2.15rem}
  h2{font-size:1.65rem}
  .btn{padding:13px 24px;font-size:.95rem}
  .cta{padding:56px 24px}
}

/* ---------- Product models ---------- */
.models-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:44px;align-items:stretch}
.model{background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px 34px;display:flex;flex-direction:column;position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.model:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(10,37,64,.14)}
.model.featured{border:2px solid var(--teal-bright);box-shadow:0 22px 54px rgba(62,155,232,.16)}
.model .ribbon{position:absolute;top:-14px;inset-inline-start:32px;background:linear-gradient(90deg,var(--teal),var(--teal-bright));color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.model .m-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px}
.model.featured .m-icon{background:var(--mint);color:var(--teal)}
.model:not(.featured) .m-icon{background:var(--sky);color:var(--blue)}
.model h3{font-size:1.35rem;font-weight:800;margin-bottom:6px}
.model .m-sub{font-size:.92rem;color:var(--slate);margin-bottom:20px}
.model ul{list-style:none;margin-bottom:26px}
.model li{display:flex;gap:11px;align-items:flex-start;padding:8px 0;font-size:.93rem;color:var(--ink-2);border-bottom:1px dashed var(--line)}
.model li:last-child{border-bottom:none}
.model li svg{flex:0 0 18px;margin-top:3px;color:var(--teal-bright)}
.model .m-best{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:.85rem;color:var(--slate);margin-bottom:24px}
.model .m-best b{color:var(--ink)}
.model .btn{margin-top:auto;justify-content:center}
@media (max-width:840px){.models-grid{grid-template-columns:1fr;gap:34px}}

/* ================================================================
   DELIGHT PASS — motion, light & depth
   ================================================================ */
/* Scroll progress bar */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--blue),var(--teal-bright));z-index:100;transition:width .1s linear;border-radius:0 3px 3px 0}

/* Animated aurora hero background */
.hero{position:relative;isolation:isolate}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;z-index:-1;pointer-events:none}
.hero::before{width:560px;height:560px;top:-220px;right:-140px;background:radial-gradient(circle,rgba(62,155,232,.35),transparent 65%);animation:float1 16s ease-in-out infinite alternate}
.hero::after{width:520px;height:520px;bottom:-240px;left:-160px;background:radial-gradient(circle,rgba(14,99,179,.32),transparent 65%);animation:float2 19s ease-in-out infinite alternate}
@keyframes float1{from{transform:translate(0,0) scale(1)}to{transform:translate(-60px,50px) scale(1.12)}}
@keyframes float2{from{transform:translate(0,0) scale(1)}to{transform:translate(70px,-40px) scale(1.08)}}

/* Button shine sweep */
.btn-primary,.btn-teal{position:relative;overflow:hidden}
.btn-primary::after,.btn-teal::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .55s var(--ease)}
.btn-primary:hover::after,.btn-teal:hover::after{left:130%}

/* Solution icons: gradient fills */
.sol-card .sol-icon{background:linear-gradient(135deg,var(--blue),#3E8ED9);color:#fff;box-shadow:0 8px 18px rgba(14,99,179,.28)}
.sol-card:nth-child(even) .sol-icon{background:linear-gradient(135deg,var(--teal),#7FC4FF);color:#fff;box-shadow:0 8px 18px rgba(27,127,212,.28)}
.plat-card .pi{transition:transform .35s var(--ease)}
.plat-card:hover .pi{transform:scale(1.1) rotate(-4deg)}
.ind svg{transition:transform .3s var(--ease)}
.ind:hover svg{transform:scale(1.18)}

/* Partner marquee */
.partner-row{flex-wrap:nowrap;overflow:hidden;justify-content:flex-start;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.partner-track{display:flex;gap:14px;animation:marquee 26s linear infinite;flex-shrink:0;padding-inline-end:14px}
.partner-row:hover .partner-track{animation-play-state:paused}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
[dir="rtl"] .partner-track{animation-name:marquee-rtl}
@keyframes marquee-rtl{from{transform:translateX(0)}to{transform:translateX(100%)}}
.partner{flex-shrink:0}

/* Table row hover */
tbody tr{transition:background .2s}
tbody tr:hover{background:rgba(14,99,179,.035)}
tbody tr:hover td.ish-col{background:#DAF0E6}

/* Footer gradient hairline */
footer{position:relative}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--teal-bright),var(--blue));background-size:200% 100%;animation:hairline 8s linear infinite}
@keyframes hairline{to{background-position:200% 0}}

/* Staggered reveal (set via JS custom property) */
.reveal{transition-delay:var(--rd,0s)}

@media (prefers-reduced-motion:reduce){
  .hero::before,.hero::after{animation:none}
  .partner-track{animation:none}
  footer::before{animation:none}
  .btn-primary::after,.btn-teal::after{display:none}
  .scroll-progress{display:none}
}

/* ---------- Global version band ---------- */
.gv-band{margin-top:26px;background:linear-gradient(120deg,var(--ink) 0%,#0C3A63 55%,#0A4E8F 100%);border-radius:22px;padding:40px 44px;display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;color:#fff;position:relative;overflow:hidden}
.gv-band::after{content:"";position:absolute;right:-70px;top:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(62,155,232,.28),transparent 70%)}
.gv-globe{width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:var(--teal-bright);flex-shrink:0;position:relative;z-index:1}
.gv-band h3{font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:8px;position:relative;z-index:1}
.gv-band p{color:#C4D6E6;font-size:.98rem;max-width:760px;position:relative;z-index:1}
.gv-band .gv-tag{display:inline-block;background:rgba(62,155,232,.16);border:1px solid rgba(62,155,232,.5);color:#CFE6FF;border-radius:999px;padding:5px 14px;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
@media (max-width:760px){.gv-band{grid-template-columns:1fr;padding:32px 26px;text-align:center}.gv-globe{margin:0 auto}}

/* ---------- Mission / Vision / Leadership ---------- */
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:44px}
.mv-card{border-radius:22px;padding:38px 34px;position:relative;overflow:hidden}
.mv-card.mission{background:linear-gradient(150deg,var(--sky),#fff 70%);border:1px solid var(--line)}
.mv-card.vision{background:linear-gradient(150deg,var(--ink) 0%,#0C3A63 100%);color:#fff}
.mv-card .mv-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px}
.mv-card.mission .mv-icon{background:linear-gradient(135deg,var(--blue),#3E8ED9);color:#fff}
.mv-card.vision .mv-icon{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--teal-bright)}
.mv-card h3{font-size:1.3rem;font-weight:800;margin-bottom:12px}
.mv-card.vision h3{color:#fff}
.mv-card p{font-size:.98rem;line-height:1.7;color:var(--slate)}
.mv-card.vision p{color:#C4D6E6}
.leader-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:44px}
.leader-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px 34px;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column}
.leader-card::before{content:"\201C";position:absolute;top:10px;inset-inline-start:26px;font-family:var(--font-display);font-size:5rem;color:var(--teal-bright);opacity:.3;line-height:1}
[dir="rtl"] .leader-card::before{content:"\201D"}
.leader-card .role-tag{display:inline-block;align-self:flex-start;background:var(--mint);border:1px solid #BFDCF2;color:var(--teal);border-radius:999px;padding:5px 14px;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}
.leader-card p{font-size:.97rem;line-height:1.75;color:var(--ink-2);margin-bottom:22px}
.leader-who{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.leader-who .avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--teal-bright));display:grid;place-items:center;color:#fff;font-weight:800;font-family:var(--font-display);font-size:1.05rem;flex-shrink:0}
.leader-who b{display:block;font-size:1rem}
.leader-who span{font-size:.84rem;color:var(--slate)}
@media (max-width:840px){.mv-grid,.leader-grid{grid-template-columns:1fr}}

/* ---------- Certifications ---------- */
.certs{background:#fff;border-top:1px solid var(--line)}
.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.cert{border:1px solid var(--line);border-radius:16px;padding:20px 18px;text-align:center;transition:border-color .2s,transform .25s var(--ease)}
.cert:hover{border-color:var(--teal-bright);transform:translateY(-3px)}
.cert b{display:block;font-family:var(--font-display);font-size:1.02rem;font-weight:800;color:var(--blue);margin-bottom:4px}
.cert span{font-size:.78rem;color:var(--slate)}
.std-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}
.std{font-size:.8rem;font-weight:700;padding:7px 16px;border-radius:999px;background:var(--sky);border:1px solid var(--line);color:var(--ink-2)}
/* ---------- Implementation steps ---------- */
.impl-flow{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:34px;margin-top:44px}
.impl-steps{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}
.impl-step{text-align:center;padding:0 4px}
.impl-step .in{width:38px;height:38px;border-radius:50%;background:var(--sky);border:2px solid var(--blue);color:var(--blue);display:grid;place-items:center;margin:0 auto 10px;font-family:var(--font-display);font-weight:800;font-size:.9rem}
.impl-step:nth-child(even) .in{background:var(--mint);border-color:var(--teal);color:var(--teal)}
.impl-step b{display:block;font-size:.8rem;font-weight:700;margin-bottom:2px}
.impl-step span{font-size:.68rem;color:var(--slate);line-height:1.35;display:block}
@media (max-width:1000px){.impl-steps{grid-template-columns:repeat(3,1fr);gap:20px}}
@media (max-width:640px){.cert-grid{grid-template-columns:1fr 1fr}.impl-steps{grid-template-columns:repeat(3,1fr)}}
@media (max-width:480px){.impl-steps{grid-template-columns:repeat(2,1fr);gap:14px}.impl-flow{padding:24px 18px}}

/* ---------- Floating action buttons ---------- */
.fab-strip{position:fixed;bottom:24px;inset-inline-end:24px;display:flex;flex-direction:column;gap:12px;z-index:90}
.fab{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px rgba(10,37,64,.2);font-size:0}
.fab:hover{transform:scale(1.1)}
.fab-whatsapp{background:linear-gradient(135deg,#25D366,#20BA58);color:#fff}
.fab-demo{background:linear-gradient(135deg,var(--blue),var(--teal-bright));color:#fff}
.fab svg{width:28px;height:28px;display:block}
[dir="rtl"] .fab-strip{inset-inline-end:auto;inset-inline-start:24px}
@media (max-width:640px){.fab-strip{bottom:16px;inset-inline-end:16px}.fab{width:48px;height:48px}.fab svg{width:24px;height:24px}}
/* ---------- Contact methods in footer ---------- */
.contact-methods{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;justify-content:center}
.contact-method{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink-2);transition:color .2s}
.contact-method:hover{color:var(--teal-bright)}
.contact-method svg{width:20px;height:20px;flex-shrink:0}

/* ---------- Dhamani integration hero ---------- */
.dhamani-hero{background:linear-gradient(135deg,var(--ink) 0%,#0D3E5C 100%);color:#fff;border-radius:20px;padding:44px 40px;margin-bottom:44px;position:relative;overflow:hidden}
.dhamani-hero::before{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(62,155,232,.2),transparent 70%);z-index:0}
.dhamani-hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center}
.dhamani-badge{width:90px;height:90px;background:rgba(255,255,255,.1);border:2px solid var(--teal-bright);border-radius:50%;display:grid;place-items:center;color:var(--teal-bright);flex-shrink:0}
.dhamani-badge svg{width:50px;height:50px}
.dhamani-content h2{font-size:1.8rem;margin-bottom:12px;color:#fff}
.dhamani-content p{font-size:1.05rem;line-height:1.7;color:#B8D4E6;margin-bottom:18px}
.dhamani-payers{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}
.payer-badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600}
@media (max-width:800px){.dhamani-hero .wrap{grid-template-columns:1fr}.dhamani-hero{padding:32px 26px}.dhamani-content h2{font-size:1.5rem}}

/* ---------- Standards / Compliance grid ---------- */
.standards-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:40px}
.std-card{border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff}
.std-card h3{font-size:1.1rem;font-weight:800;color:var(--ink);margin-bottom:12px}
.std-card ul{list-style:none;margin:0}
.std-card li{font-size:.92rem;color:var(--slate);margin-bottom:8px;padding-inline-start:0}
.std-card li::before{content:"✓ ";color:var(--teal-bright);font-weight:700;margin-inline-end:6px}
/* ---------- What was broken / How we fixed it ---------- */
.problem-solution{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:40px;align-items:start}
.problem-col,.solution-col{border-radius:16px;padding:30px}
.problem-col{background:rgba(229,57,53,.08);border:1px solid rgba(229,57,53,.2)}
.problem-col h3{color:#C62828;font-size:1.15rem;margin-bottom:16px}
.solution-col{background:rgba(62,155,232,.08);border:1px solid rgba(62,155,232,.2)}
.solution-col h3{color:var(--teal);font-size:1.15rem;margin-bottom:16px}
.problem-col ul,.solution-col ul{list-style:none;margin:0}
.problem-col li,.solution-col li{font-size:.93rem;color:var(--ink-2);margin-bottom:10px;padding-inline-start:0}
.problem-col li::before{content:"✗ ";font-weight:700;margin-inline-end:6px;color:#C62828}
.solution-col li::before{content:"✓ ";font-weight:700;margin-inline-end:6px;color:var(--teal-bright)}
/* ---------- Symphony modules catalogue ---------- */
.symphony-intro{background:linear-gradient(135deg,var(--sky),#fff 70%);border-left:4px solid var(--blue);border-radius:8px;padding:22px;margin-bottom:40px}
.symphony-intro b{display:block;color:var(--blue);font-size:1.05rem;margin-bottom:6px}
.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.module-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;text-align:center;transition:border .2s,transform .2s}
.module-item:hover{border-color:var(--teal-bright);transform:translateY(-2px)}
.module-item .icon{width:42px;height:42px;background:linear-gradient(135deg,var(--blue),var(--teal-bright));border-radius:10px;margin:0 auto 10px;display:grid;place-items:center;color:#fff;font-size:1.2rem}
.module-item b{display:block;font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:4px}
.module-item span{font-size:.8rem;color:var(--slate)}
/* ---------- Differentiation points ---------- */
.diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.diff-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;text-align:center}
.diff-card .num{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--teal-bright));color:#fff;display:grid;place-items:center;margin:0 auto 12px;font-family:var(--font-display);font-weight:800;font-size:1.1rem}
.diff-card b{display:block;font-size:.95rem;font-weight:800;color:var(--ink);margin-bottom:8px}
.diff-card p{font-size:.88rem;color:var(--slate);line-height:1.5}
@media (max-width:1000px){.standards-grid,.diff-grid{grid-template-columns:1fr 1fr}.modules-grid{grid-template-columns:repeat(2,1fr)}.problem-solution{grid-template-columns:1fr}}
@media (max-width:640px){.standards-grid,.diff-grid,.modules-grid{grid-template-columns:1fr}}

/* ---------- Problem-Solution Visual Flow ---------- */
.prob-sol-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:stretch;margin-top:40px}
.problems-col{display:flex;flex-direction:column;gap:20px}
.problem-item{display:flex;gap:16px;align-items:flex-start;padding:0}
.problem-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#E8E8E8,#D0D0D0);display:grid;place-items:center;color:var(--slate);font-size:1.4rem;flex-shrink:0}
.problem-item h4{font-size:1rem;font-weight:800;color:var(--slate);margin:0 0 4px 0}
.problem-item p{font-size:.88rem;color:var(--slate);margin:0;line-height:1.5}
.arrows-col{display:flex;flex-direction:column;justify-content:space-around;align-items:center;min-width:60px}
.arrow{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2196F3,#1976D2);display:grid;place-items:center;color:#fff;font-weight:800;animation:pulse-arrow 1.5s ease-in-out infinite}
@keyframes pulse-arrow{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}
.solutions-col{display:flex;flex-direction:column;gap:20px}
.solution-pill{background:linear-gradient(135deg,var(--ink) 0%,var(--blue) 60%,#3E9BE8 100%);border-radius:999px;padding:16px 24px;display:flex;align-items:center;gap:14px;text-decoration:none;transition:all .3s var(--ease);color:#fff;box-shadow:0 6px 18px rgba(14,99,179,.25)}
.solution-pill:hover{background:linear-gradient(135deg,var(--blue) 0%,#3E9BE8 100%);transform:translateX(8px);box-shadow:0 10px 26px rgba(14,99,179,.4)}
.solution-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}
.solution-pill b{font-weight:700;display:block}
@media (max-width:1100px){.prob-sol-flow{grid-template-columns:1fr}.arrows-col{display:none}.problem-item,.solution-pill{font-size:.9rem}.problem-item h4{font-size:.95rem}}

/* ---------- Differentiation with stat bars ---------- */
.diff-section-hero{background:linear-gradient(90deg,var(--ink) 0%,#0D3E5C 100%);color:#fff;padding:40px;border-radius:8px;margin-bottom:44px;text-align:center}
.diff-section-hero b{display:block;font-size:1.15rem;font-weight:700;margin-bottom:6px}
.diff-section-hero p{font-size:1.05rem;color:#C4D6E6;font-style:italic;margin:0}
.diff-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:40px 0}
.diff-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;text-align:left;transition:all .3s var(--ease)}
.diff-card:hover{border-color:var(--teal-bright);box-shadow:0 8px 24px rgba(14,99,179,.12);transform:translateY(-4px)}
.diff-card .num{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--teal-bright));color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.05rem;margin-bottom:14px}
.diff-card b{display:block;font-size:.95rem;font-weight:800;color:var(--ink);margin-bottom:10px}
.diff-card p{font-size:.88rem;color:var(--slate);line-height:1.6;margin:0}
.diff-card svg{width:40px;height:40px;margin-bottom:12px;color:var(--blue)}
.stat-bar-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:44px}
.stat-bar{background:linear-gradient(135deg,#2E8FD8,#1B7FD4);color:#fff;padding:20px;border-radius:6px;text-align:center;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px rgba(14,99,179,.2)}
.stat-bar b{display:block;font-size:1.5rem;font-weight:800}
.stat-bar span{font-size:.85rem;font-weight:600;opacity:.9;display:block;margin-top:4px}
@media (max-width:1000px){.diff-cards{grid-template-columns:repeat(2,1fr)}.stat-bar-row{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.diff-cards{grid-template-columns:1fr}.stat-bar-row{grid-template-columns:repeat(2,1fr)}}

/* ---------- Customer Segments ---------- */
.segments-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:40px 0}
.segment-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;position:relative;transition:all .3s var(--ease)}
.segment-card:hover{border-color:var(--blue);box-shadow:0 8px 24px rgba(14,99,179,.12);transform:translateY(-4px)}
.segment-card .seg-num{position:absolute;top:16px;inset-inline-end:16px;width:34px;height:34px;border-radius:50%;background:var(--sky);border:1px solid var(--line);color:var(--slate);display:grid;place-items:center;font-size:.8rem;font-weight:700}
.segment-card .seg-icon{width:48px;height:48px;color:var(--blue);margin-bottom:14px;font-size:2rem;display:flex;align-items:center}
.segment-card h4{font-size:1rem;font-weight:800;color:var(--blue);margin:0 0 4px 0}
.segment-card p{font-size:.85rem;color:var(--slate);font-style:italic;margin:0}
.seg-stat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:40px}
.seg-stat{background:linear-gradient(135deg,var(--blue) 0%,var(--teal-bright) 100%);color:#fff;padding:20px 14px;border-radius:14px;text-align:center;border:none;box-shadow:0 6px 18px rgba(14,99,179,.22)}
.seg-stat b{display:block;font-family:var(--font-display);font-size:1.6rem;font-weight:800;margin:0 0 4px}
.seg-stat span{font-size:.82rem;font-weight:600;opacity:.92;display:block;line-height:1.3}
@media (max-width:1000px){.segments-grid{grid-template-columns:repeat(2,1fr)}.seg-stat-row{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.segments-grid{grid-template-columns:1fr}.seg-stat-row{grid-template-columns:repeat(2,1fr)}}

/* ---------- CEO featured card ---------- */
.ceo-feature{display:grid;grid-template-columns:340px 1fr;gap:0;background:linear-gradient(135deg,var(--ink) 0%,#0C3A63 100%);border-radius:22px;overflow:hidden;margin-top:44px;box-shadow:var(--shadow)}
.ceo-photo{position:relative;display:flex;align-items:flex-end;justify-content:center;padding:28px 10px 0;background:radial-gradient(circle at 50% 30%,rgba(62,155,232,.18),transparent 65%)}
.ceo-photo img{width:100%;max-width:300px;display:block;filter:drop-shadow(0 12px 28px rgba(0,0,0,.35))}
.ceo-msg{padding:40px 42px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.ceo-msg .role-tag{display:inline-block;align-self:flex-start;background:rgba(62,155,232,.18);border:1px solid rgba(62,155,232,.45);color:var(--teal-bright);border-radius:999px;padding:5px 14px;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}
.ceo-msg p{font-size:.99rem;line-height:1.8;color:#C8DAE9;margin-bottom:22px}
.ceo-msg .who b{display:block;font-family:var(--font-display);font-size:1.15rem;color:#fff}
.ceo-msg .who span{font-size:.86rem;color:var(--teal-bright);font-weight:600}
@media (max-width:900px){.ceo-feature{grid-template-columns:1fr}.ceo-photo{padding-top:34px}.ceo-photo img{max-width:260px}.ceo-msg{padding:30px 26px}}

/* ---------- Footer social row ---------- */
.social-row{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px 0 6px;flex-wrap:wrap}
.social-link{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--slate);transition:all .25s var(--ease);font-size:0}
.social-link:hover{color:#fff;background:linear-gradient(135deg,var(--blue),var(--teal-bright));border-color:transparent;transform:translateY(-3px)}
.social-link svg{width:19px;height:19px}
.site-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--blue);text-decoration:none;font-size:.95rem;margin-bottom:4px}
.site-link:hover{color:var(--teal-bright)}
.site-link svg{width:17px;height:17px}

/* ---------- Director featured card ---------- */
.dir-feature{display:grid;grid-template-columns:1fr 340px;gap:0;background:linear-gradient(135deg,#0D4F8A 0%,var(--ink) 100%);border-radius:22px;overflow:hidden;margin-top:26px;box-shadow:var(--shadow)}
.dir-feature .ceo-photo{background:radial-gradient(circle at 50% 30%,rgba(62,142,217,.2),transparent 65%)}
.dir-feature .ceo-msg .role-tag{background:rgba(62,142,217,.2);border-color:rgba(62,142,217,.5);color:#7FB8E8}
.dir-feature .ceo-msg .who span{color:#7FB8E8}
@media (max-width:900px){.dir-feature{grid-template-columns:1fr}.dir-feature .ceo-photo{order:-1}}

/* ---------- Footer bottom social (standard) ---------- */
.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot-social{display:flex;align-items:center;gap:10px}
.foot-social .social-link{width:36px;height:36px;border-color:rgba(255,255,255,.22);color:#9FB4C9}
.foot-social .social-link:hover{color:#fff;border-color:transparent}
.foot-social .social-link svg{width:16px;height:16px}
@media (max-width:640px){.foot-bottom{justify-content:center;text-align:center}}

/* ================================================= */
/* PREMIUM UI EFFECTS LAYER                          */
/* ================================================= */

/* Page load fade-in */
@keyframes pageIn{from{opacity:0}to{opacity:1}}
body{animation:pageIn .5s ease-out}

/* Text selection + focus */
::selection{background:var(--teal-bright);color:#fff}
:focus-visible{outline:2px solid var(--teal-bright);outline-offset:3px;border-radius:4px}

/* Custom scrollbar */
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--paper)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--blue),var(--teal-bright));border-radius:8px;border:2px solid var(--paper)}
::-webkit-scrollbar-thumb:hover{background:var(--blue-deep)}

/* Header hide/show on scroll */
header{transition:transform .35s var(--ease),box-shadow .35s}
header.nav-hidden{transform:translateY(-110%)}
header.nav-scrolled{box-shadow:0 6px 24px rgba(10,37,64,.1)}

/* Gradient text shimmer on hero highlight */
@keyframes shimmerText{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.hl{background-size:200% auto;animation:shimmerText 6s ease-in-out infinite}

/* Card glow hover — applies broadly */
.diff-card:hover,.segment-card:hover,.cert:hover,.module-item:hover,.std-card:hover,.mv-card:hover,.leader-card:hover{box-shadow:0 12px 34px rgba(14,99,179,.16),0 0 0 1px rgba(62,155,232,.25)}
.mv-card,.std-card{transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.mv-card:hover,.std-card:hover{transform:translateY(-4px)}

/* Gentle bob on leadership photos */
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.ceo-photo img{animation:bob 5.5s ease-in-out infinite}
.dir-feature .ceo-photo img{animation-delay:2.7s}

/* Icon pop on segment/module hover */
.segment-card .seg-icon,.module-item .icon{transition:transform .3s var(--ease)}
.segment-card:hover .seg-icon{transform:scale(1.18) rotate(-4deg)}
.module-item:hover .icon{transform:scale(1.15) rotate(4deg)}

/* Solution pill arrow slide */
.solution-pill{position:relative;overflow:hidden}
.solution-pill::after{content:"→";position:absolute;inset-inline-end:20px;opacity:0;transform:translateX(-8px);transition:all .3s var(--ease);font-weight:800}
[dir="rtl"] .solution-pill::after{content:"←";transform:translateX(8px)}
.solution-pill:hover::after{opacity:1;transform:translateX(0)}

/* Stat bar pulse-in + hover lift */
.stat-bar,.seg-stat{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.stat-bar:hover,.seg-stat:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 10px 26px rgba(27,127,212,.3)}

/* Ripple on buttons */
.btn{position:relative;overflow:hidden}
.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.45);transform:scale(0);animation:rippleAnim .6s ease-out;pointer-events:none}
@keyframes rippleAnim{to{transform:scale(3.2);opacity:0}}

/* Back-to-top button */
.back-top{position:fixed;bottom:24px;inset-inline-start:24px;width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--blue);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:all .3s var(--ease);z-index:89;box-shadow:0 4px 14px rgba(10,37,64,.15)}
.back-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.back-top:hover{background:linear-gradient(135deg,var(--blue),var(--teal-bright));color:#fff;border-color:transparent;transform:translateY(-3px)}
[dir="rtl"] .back-top{inset-inline-start:auto;inset-inline-end:24px}
@media (max-width:640px){.back-top{bottom:16px;inset-inline-start:16px;width:42px;height:42px}[dir="rtl"] .back-top{inset-inline-end:16px}}

/* Tilt-capable cards get GPU hint */
.tilt{will-change:transform;transition:transform .18s ease-out}

/* Table row + link micro-interactions */
tbody tr{transition:background .2s}
.foot-grid a{transition:color .2s,padding-inline-start .2s}
.foot-grid a:hover{padding-inline-start:5px}
[dir="rtl"] .foot-grid a:hover{padding-inline-start:0;padding-inline-end:5px}

/* Timeline/step hover on impl steps */
.impl-step{transition:transform .25s var(--ease)}
.impl-step:hover{transform:translateY(-4px)}
.impl-step:hover .in{box-shadow:0 0 0 5px rgba(62,155,232,.15)}
.impl-step .in{transition:box-shadow .25s}

/* Reduced motion respect */
@media (prefers-reduced-motion: reduce){
  body,.hl,.ceo-photo img,.arrow{animation:none !important}
  .tilt{transition:none}
  *{scroll-behavior:auto !important}
}

/* ---------- Module catalogue ---------- */
.catalogue-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:10px}
.catalogue-head p{font-style:italic;color:var(--ink-2);font-size:1.02rem;margin:0}
.catalogue-badge{background:linear-gradient(135deg,#2E8FD8,var(--teal-bright));color:#fff;font-weight:800;padding:12px 28px;border-radius:10px;font-size:1rem;letter-spacing:.03em;box-shadow:0 4px 14px rgba(27,127,212,.3)}
.catalogue-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin-top:30px;background:var(--sky);border:1px solid var(--line);border-radius:16px;padding:16px}
.cat-item{background:#fff;border:1.5px solid #9BD4E8;border-radius:10px;padding:12px 6px 10px;text-align:center;transition:all .22s var(--ease);cursor:default}
.cat-item:hover{border-color:var(--teal-bright);transform:translateY(-3px);box-shadow:0 6px 16px rgba(27,127,212,.18)}
.cat-item .ci{font-size:1.35rem;line-height:1;margin-bottom:7px;display:block;filter:grayscale(0)}
.cat-item b{display:block;font-size:.66rem;font-weight:700;color:var(--ink);line-height:1.25}
@media (max-width:1200px){.catalogue-grid{grid-template-columns:repeat(8,1fr)}}
@media (max-width:900px){.catalogue-grid{grid-template-columns:repeat(6,1fr)}}
@media (max-width:640px){.catalogue-grid{grid-template-columns:repeat(3,1fr)}.cat-item b{font-size:.62rem}}

/* ---------- QR Get in Touch ---------- */
.qr-card{margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;text-align:center;box-shadow:var(--shadow);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.qr-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(14,99,179,.15)}
.qr-card img{width:100%;max-width:250px;height:auto;display:block;margin:0 auto}
.qr-card p{margin:12px 0 0;font-weight:700;color:var(--blue);font-size:.98rem}
.qr-card span{display:block;font-size:.82rem;color:var(--slate);margin-top:4px;font-weight:400}

/* ---------- EMR rich section ---------- */
.emr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:36px 0}
.emr-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 18px;display:flex;align-items:center;gap:14px;transition:all .25s var(--ease)}
.emr-stat:hover{border-color:var(--teal-bright);transform:translateY(-3px);box-shadow:0 8px 20px rgba(14,99,179,.12)}
.emr-stat .dot{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--sky),#CFE6F8);flex-shrink:0;border:2px solid var(--blue);display:grid;place-items:center;color:var(--blue);font-weight:800;font-size:.72rem}
.emr-stat b{display:block;font-family:var(--font-display);font-size:1.5rem;color:var(--blue);line-height:1.1}
.emr-stat span{font-size:.8rem;color:var(--slate);font-weight:600}
.emr-cols{display:grid;grid-template-columns:320px 1fr;gap:26px;align-items:start}
.emr-core{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.emr-core .hd{background:linear-gradient(90deg,var(--blue),var(--blue-deep));color:#fff;padding:13px 20px;font-weight:800;font-size:.9rem;display:flex;justify-content:space-between;align-items:center}
.emr-core .hd small{font-weight:600;opacity:.85}
.emr-core-list{padding:16px;display:grid;gap:10px}
.emr-core-item{border:1.5px solid #BFDCF2;border-radius:12px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:all .22s var(--ease)}
.emr-core-item:hover{border-color:var(--blue);transform:translateX(4px)}
[dir="rtl"] .emr-core-item:hover{transform:translateX(-4px)}
.emr-core-item b{font-size:.9rem;color:var(--ink)}
.emr-core-item small{display:block;font-size:.72rem;color:var(--slate);font-weight:500}
.avail{background:var(--mint);border:1px solid #BFDCF2;color:var(--teal);font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap}
.emr-specs{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.emr-specs .hd{background:linear-gradient(90deg,var(--teal),#0A4E8F);color:#fff;padding:13px 20px;font-weight:800;font-size:.9rem;display:flex;justify-content:space-between;align-items:center}
.emr-specs .hd small{font-weight:600;opacity:.85}
.spec-grid{padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.spec-chip{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:.78rem;font-weight:600;color:var(--ink-2);transition:all .2s var(--ease)}
.spec-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal-bright);flex-shrink:0}
.spec-chip:hover{border-color:var(--teal-bright);background:var(--mint);transform:translateY(-2px)}
@media (max-width:1100px){.emr-cols{grid-template-columns:1fr}.spec-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.emr-stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.spec-grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- Page rhythm ---------- */
html{scroll-behavior:smooth}
section.alt{background:linear-gradient(180deg,#F3F8FD 0%,#FBFCFE 100%)}
section.alt + section.alt{border-top:1px solid var(--line)}

section.alt .catalogue-grid{background:#fff}
section.alt .emr-stat,section.alt .diff-card,section.alt .std-card{background:#fff}

/* ---------- Data Security + Privacy ---------- */
.security-section{display:grid;grid-template-columns:340px 1fr;gap:44px;align-items:center;margin-top:44px}
.security-shield{position:relative;display:grid;place-items:center}
.security-shield .shield-bg{width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(62,155,232,.12),transparent 70%);position:absolute;animation:pulse-shield 3s ease-in-out infinite}
@keyframes pulse-shield{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.12);opacity:1}}
.security-shield svg{width:190px;height:190px;position:relative;z-index:1;filter:drop-shadow(0 12px 28px rgba(10,37,64,.25))}
.pwc-badge{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:8px 20px;font-weight:800;font-size:.9rem;color:var(--ink);margin-top:20px;box-shadow:var(--shadow)}
.pwc-badge .pwc-mark{color:#D04A02;font-weight:900;font-size:1.05rem;letter-spacing:-.02em}
.security-items{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.security-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 18px;transition:all .25s var(--ease)}
.security-item:hover{border-color:var(--teal-bright);transform:translateY(-3px);box-shadow:0 8px 20px rgba(14,99,179,.12)}
.security-item b{display:flex;align-items:center;gap:8px;font-size:.93rem;color:var(--ink);margin-bottom:4px}
.security-item b::before{content:"🔒";font-size:.85rem}
.security-item span{font-size:.82rem;color:var(--slate)}
@media (max-width:960px){.security-section{grid-template-columns:1fr;text-align:center}.security-items{text-align:start}}
@media (max-width:560px){.security-items{grid-template-columns:1fr}}

/* ---------- WhatsApp FAB pulse ---------- */
.fab-whatsapp{position:relative}
.fab-whatsapp::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2.5px solid #25D366;opacity:0;animation:waPulse 2.4s ease-out infinite}
@keyframes waPulse{0%{transform:scale(.9);opacity:.8}70%{transform:scale(1.35);opacity:0}100%{opacity:0}}
.fab-whatsapp:hover{box-shadow:0 6px 20px rgba(37,211,102,.45)}
@media (prefers-reduced-motion: reduce){.fab-whatsapp::before{animation:none}}

/* ---------- Real logo ---------- */
.logo-img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px rgba(10,37,64,.18);transition:transform .3s var(--ease)}
.logo:hover .logo-img{transform:rotate(8deg) scale(1.06)}
.foot-logo .logo-img{width:52px;height:52px;box-shadow:0 2px 10px rgba(0,0,0,.35)}

/* ---------- Testimonial photo avatar ---------- */
.quote-who .avatar-photo{width:60px;height:60px;border-radius:50%;object-fit:cover;object-position:50% 22%;flex-shrink:0;border:2.5px solid var(--teal-bright);box-shadow:0 4px 12px rgba(14,99,179,.2);background:radial-gradient(circle at 50% 30%,#EAF2FB,#fff)}

/* ---------- Stats band supercharged ---------- */
.stats{position:relative;overflow:hidden;padding:72px 0 !important}
.stats::before{content:"";position:absolute;inset:0;background:
  radial-gradient(600px 300px at 15% 20%,rgba(62,155,232,.14),transparent 60%),
  radial-gradient(600px 300px at 85% 80%,rgba(62,142,217,.14),transparent 60%)}
.stats::after{content:"";position:absolute;left:-50%;top:0;width:200%;height:1.5px;
  background:linear-gradient(90deg,transparent,var(--teal-bright),transparent);
  animation:statSweep 5s linear infinite;opacity:.6}
@keyframes statSweep{from{transform:translateX(-25%)}to{transform:translateX(25%)}}
.stats-grid{position:relative;z-index:1}
.stat{padding:18px 10px;border-radius:16px;transition:transform .35s var(--ease),background .35s}
.stat:hover{transform:scale(1.08);background:rgba(255,255,255,.05)}
/* legacy .stat b removed — v2 uses .stat-num */
.stat-legacy-b{display:none;
  background:linear-gradient(120deg,#7FB8E8 0%,#fff 45%,#7FC4FF 100%);background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:statShimmer 5s ease-in-out infinite}
@keyframes statShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.stat .plus{font-size:.55em;vertical-align:super;background:linear-gradient(120deg,var(--teal-bright),#7FC4FF);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.stat > span:last-child{font-size:.86rem;letter-spacing:.14em;text-transform:uppercase;color:#9FC0DA;font-weight:700;transition:color .3s}
.stat:hover > span:last-child{color:#fff}
/* zoom-pop entrance overriding the default reveal for stats */
.stat.reveal{opacity:0;transform:scale(.6);transition:opacity .7s var(--ease),transform .7s cubic-bezier(.34,1.56,.64,1)}
.stat.reveal.in{opacity:1;transform:scale(1)}
.stat.reveal:nth-child(1){transition-delay:.05s}
.stat.reveal:nth-child(2){transition-delay:.18s}
.stat.reveal:nth-child(3){transition-delay:.31s}
.stat.reveal:nth-child(4){transition-delay:.44s}
@media (prefers-reduced-motion: reduce){.stats::after{animation:none}.stat b{animation:none}.stat.reveal{transform:none;transition:opacity .3s}}

/* ---------- Custom cursor ---------- */
@media (pointer:fine){
  body.cursor-on, body.cursor-on a, body.cursor-on button, body.cursor-on .btn{cursor:none}
  body.cursor-on input, body.cursor-on textarea, body.cursor-on select{cursor:text}
}
.cur-dot,.cur-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%)}
.cur-dot{width:8px;height:8px;background:var(--teal-bright);transition:width .2s,height .2s,background .2s;box-shadow:0 0 10px rgba(62,155,232,.55)}
.cur-ring{width:38px;height:38px;border:1.6px solid rgba(14,99,179,.55);transition:width .25s var(--ease),height .25s var(--ease),border-color .25s,background .25s}
.cur-hover .cur-dot{width:5px;height:5px;background:#fff}
.cur-hover .cur-ring{width:56px;height:56px;border-color:var(--teal-bright);background:rgba(62,155,232,.08)}
.cur-down .cur-ring{width:30px;height:30px}
@media (pointer:coarse),(prefers-reduced-motion: reduce){.cur-dot,.cur-ring{display:none}}

/* ================================================= */
/* BLUE GRADIENT ENHANCEMENT                         */
/* ================================================= */

/* Gradient headings on light sections */
.wrap > h2, section h2{background:linear-gradient(115deg,var(--ink) 0%,var(--blue) 60%,#3E9BE8 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;width:fit-content}
/* Dark-context exceptions: solid white */
.why h2,.residency h2,.residency-wrap h2,.cta h2,.dhamani-hero h2,.dhamani-content h2,.gv-band h2,
.mv-card.vision h3{background:none;-webkit-text-fill-color:#fff;color:#fff;width:auto}
h2{margin-inline:0}
[dir="rtl"] .wrap > h2{margin-inline-start:0}

/* Hero: dark cinematic wash */
.hero{background:
  radial-gradient(1100px 620px at 82% 8%,rgba(62,155,232,.22),transparent 60%),
  radial-gradient(900px 620px at -10% 30%,rgba(14,99,179,.20),transparent 55%),
  linear-gradient(160deg,var(--ink) 0%,#061829 100%) !important}

/* Body top wash */
body{background:var(--paper)}

/* Footer: deep navy-to-blue gradient */
footer{background:linear-gradient(155deg,#081E36 0%,var(--ink) 45%,#0D3E6B 100%) !important}

/* Global version band: pure blue gradient (retire green stop) */
.gv-band{background:linear-gradient(120deg,var(--ink) 0%,#0C3A63 55%,#0E4E8F 100%) !important}

/* Certifications & light cards: gradient hairline top */
.cert,.std-card,.emr-stat,.diff-card,.security-item{position:relative;overflow:hidden}
.cert::before,.std-card::before,.emr-stat::before,.diff-card::before,.security-item::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--blue),#3E9BE8,#7FC4FF);opacity:0;transition:opacity .3s}
.cert:hover::before,.std-card:hover::before,.emr-stat:hover::before,.diff-card:hover::before,.security-item:hover::before{opacity:1}

/* Section alt: slightly richer blue gradient */
section.alt{background:linear-gradient(180deg,#EEF5FD 0%,#FBFCFE 100%)}

/* Quote / testimonial card: gradient border glow */
.quote-card{border:1px solid transparent;background:
  linear-gradient(#fff,#fff) padding-box,
  linear-gradient(120deg,#CFE3F7,#3E9BE8,#CFE3F7) border-box}

/* Table header gradient */
thead th{background:linear-gradient(120deg,var(--ink),#0D3E6B);color:#fff}

/* Scroll progress: pure blue gradient */
.scroll-progress{background:linear-gradient(90deg,var(--blue),#3E9BE8,#7FC4FF) !important}

/* ---------- Symphony icons crisp ---------- */
.module-item .icon{font-size:0}
.module-item .icon svg{width:26px;height:26px;color:#fff;display:block}
.module-item .icon{background:linear-gradient(135deg,var(--blue) 0%,#3E9BE8 100%);box-shadow:0 4px 12px rgba(14,99,179,.28)}

/* ---------- Problem icons redesigned ---------- */
.problem-icon{font-size:0 !important;background:linear-gradient(135deg,#F1F5FA,#E2EAF3) !important;border:1px solid var(--line);color:#5A6B80 !important;transition:all .25s var(--ease)}
.problem-icon svg{width:24px;height:24px;display:block}
.problem-item:hover .problem-icon{background:linear-gradient(135deg,#FBECEC,#F6DFDF) !important;border-color:#E4B6B6;color:#B54A4A !important;transform:scale(1.06)}
.problem-item h4{transition:color .25s}
.problem-item:hover h4{color:#B54A4A}

/* ---------- Matching CTA buttons ---------- */
.cta .btn-ghost, .residency .btn-ghost{
  background:linear-gradient(135deg,#3E9BE8 0%,#0A4E8F 100%);
  border-color:transparent;color:#fff;
  box-shadow:0 10px 26px rgba(10,60,120,.35)}
.cta .btn-ghost:hover, .residency .btn-ghost:hover{
  transform:translateY(-2px);filter:brightness(1.08)}

/* ---------- Platform sub-navigation ---------- */
.subnav{position:sticky;top:0;z-index:55;background:rgba(251,252,254,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:top .35s var(--ease)}
header:not(.nav-hidden) ~ .subnav, header:not(.nav-hidden) + main .subnav{top:72px}
.subnav .wrap{display:flex;gap:8px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{flex-shrink:0;font-size:.82rem;font-weight:700;color:var(--slate);text-decoration:none;padding:7px 15px;border-radius:999px;border:1px solid transparent;transition:all .22s var(--ease);white-space:nowrap}
.subnav a:hover{color:var(--blue);background:var(--sky)}
.subnav a.active{color:#fff;background:linear-gradient(135deg,var(--blue),#3E9BE8);box-shadow:0 3px 10px rgba(14,99,179,.28)}
@media (max-width:640px){.subnav a{font-size:.78rem;padding:6px 12px}}

/* ---------- Success stories: multi-quote grid ---------- */
.quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:26px;max-width:1280px;margin:40px auto 0}
.quote-grid .quote-card{max-width:none;margin:0;padding:40px 38px;display:flex;flex-direction:column}
.quote-grid .quote-card blockquote{font-size:1.08rem;flex:1}
.quote-card .quote-org{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:linear-gradient(120deg,var(--sky),#E8F2FC);border:1px solid var(--line);border-radius:999px;padding:6px 14px;margin-bottom:18px}
.quote-card .quote-org svg{width:14px;height:14px;stroke-width:1.9}
.quote-who .avatar-initials{width:60px;height:60px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.02em;background:linear-gradient(135deg,var(--blue-deep),#3E9BE8);box-shadow:0 4px 12px rgba(14,99,179,.22)}
@media (max-width:900px){.quote-grid{grid-template-columns:1fr;gap:22px}.quote-grid .quote-card{padding:34px 24px}}
[dir="rtl"] .quote-card::before{left:auto;right:26px}

/* ---------- Client roster strip (Success Stories) ---------- */
.client-strip{margin-top:44px;text-align:center}
.client-strip p{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin-bottom:18px}
.client-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.client-row .client{font-family:var(--font-display);font-weight:700;font-size:.92rem;color:var(--slate);border:1px solid var(--line);border-radius:999px;padding:9px 20px;background:#fff;transition:color .2s,border-color .2s,transform .2s var(--ease)}
.client-row .client:hover{color:var(--blue);border-color:var(--blue);transform:translateY(-2px)}

/* ---------- Success stories: auto-advancing carousel ---------- */
.quote-carousel{max-width:1280px;margin:40px auto 0;position:relative}
.qc-stage{overflow:hidden;padding:6px 4px;margin:-6px -4px}
.qc-track{display:flex;will-change:transform;transition:transform .65s var(--ease)}
.qc-slide{flex:0 0 100%;min-width:100%;display:grid;grid-template-columns:repeat(2,1fr);
  gap:26px;align-items:stretch;opacity:.35;transition:opacity .45s var(--ease)}
.qc-slide.is-active{opacity:1}
.qc-slide .quote-card{max-width:none;margin:0;padding:40px 38px;display:flex;flex-direction:column}
.qc-slide .quote-card blockquote{font-size:1.08rem;flex:1}
.qc-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:30px}
.qc-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  border:1px solid var(--line);background:#fff;color:var(--blue);
  transition:all .25s var(--ease);box-shadow:0 2px 10px rgba(10,60,120,.07)}
.qc-btn svg{width:18px;height:18px}
.qc-btn:hover{background:linear-gradient(135deg,var(--blue),#3E9BE8);color:#fff;border-color:transparent;
  transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,60,120,.25)}
.qc-btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.qc-dots{display:flex;align-items:center;gap:9px}
.qc-dot{width:9px;height:9px;border-radius:999px;border:0;padding:0;cursor:pointer;
  background:#C6D6E6;transition:all .3s var(--ease)}
.qc-dot:hover{background:#8FB6D8}
.qc-dot.is-active{width:30px;background:linear-gradient(90deg,var(--blue),#3E9BE8)}
.qc-dot:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
[dir="rtl"] .qc-prev svg{transform:scaleX(-1)}
[dir="rtl"] .qc-next svg{transform:scaleX(-1)}
@media (max-width:900px){
  .qc-slide{grid-template-columns:1fr;gap:22px}
  .qc-slide .quote-card{padding:34px 24px}
  .qc-controls{gap:14px;margin-top:24px}
}
@media (prefers-reduced-motion:reduce){
  .qc-track,.qc-slide{transition:none}
  .qc-slide{opacity:1}
}

/* ---------- Footer: full brand gradient ---------- */
footer{
  background:
    radial-gradient(120% 90% at 88% 8%, rgba(62,155,232,.30) 0%, rgba(62,155,232,0) 58%),
    radial-gradient(90% 80% at 6% 100%, rgba(14,99,179,.34) 0%, rgba(14,99,179,0) 62%),
    linear-gradient(150deg,#05172B 0%,var(--ink) 38%,#0A3E70 74%,#0A4E8F 100%) !important;
  position:relative;overflow:hidden}
footer::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 30%)}
footer > *{position:relative;z-index:1}
footer{color:#B4C8DC}
footer a:hover{color:#7FC4FF}
.foot-bottom{border-top:1px solid rgba(255,255,255,.16)}
[dir="rtl"] footer{
  background:
    radial-gradient(120% 90% at 12% 8%, rgba(62,155,232,.30) 0%, rgba(62,155,232,0) 58%),
    radial-gradient(90% 80% at 94% 100%, rgba(14,99,179,.34) 0%, rgba(14,99,179,0) 62%),
    linear-gradient(210deg,#05172B 0%,var(--ink) 38%,#0A3E70 74%,#0A4E8F 100%) !important}

/* ---------- Readability: dark banner / CTA eyebrows ---------- */
.page-banner .eyebrow{color:#7FC4FF}
.page-banner .eyebrow .ar{color:#CFE6FF}
.page-banner .eyebrow::before{background:#7FC4FF}
.cta .eyebrow{color:#CFE6FF}
.cta .eyebrow .ar{color:#E3F0FF}
.cta .eyebrow::before{background:#CFE6FF}

/* ---------- RCM: Dhamani hero on the dark panel ---------- */
/* rcm.html applies .dhamani-hero to the .wrap itself, so children inherit #fff.
   Light cards nested inside must re-assert dark text. */
.dhamani-hero .lede{color:#C3D8EC}
.dhamani-hero > div > p{color:#C3D8EC}
.dhamani-hero .dh-badge{background:#E8F2FC;border-color:#BFDCF2;color:var(--blue-deep)}
.dhamani-hero .chip{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#EAF4FF}
.dhamani-hero .about-side{color:var(--ink)}
.dhamani-hero .about-side h3{color:var(--ink)}
.dhamani-hero .about-side li{color:var(--ink-2)}
.dhamani-hero h2{color:#fff;-webkit-text-fill-color:#fff;background:none}

/* ---------- Client roster: full list density ---------- */
.client-strip{max-width:1200px;margin-inline:auto}
.client-row{gap:9px}
.client-row .client{font-size:.82rem;font-weight:600;padding:7px 15px;color:#3E5468}
@media (max-width:640px){.client-row .client{font-size:.76rem;padding:6px 12px}}

/* ---------- Client roster: compact two-row marquee ---------- */
.client-strip{max-width:1360px}
/* ---------- Client roster: single-row sliding carousel ---------- */
.client-marquee{margin-top:6px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);padding:2px 0}
.cm-scroll{display:flex;width:max-content;animation:cs-slide 50s linear infinite}
.cm-set{display:flex;gap:8px;padding-inline-end:8px}
.client{white-space:nowrap;font-size:.75rem;font-weight:600;padding:6px 13px;
  border-radius:999px;border:1px solid #D4DFE8;background:#fff;color:#3E5468;
  transition:color .25s,border-color .25s,box-shadow .25s}
.client:hover{color:var(--blue);border-color:var(--blue);box-shadow:0 4px 10px rgba(14,99,179,.12)}
.client-marquee:hover .cm-scroll{animation-play-state:paused}
@keyframes cs-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:640px){
  .cm-set .client{font-size:.68rem;padding:5px 11px}
  .cm-scroll{animation-duration:34s}
}
@media (prefers-reduced-motion:reduce){
  .client-marquee{-webkit-mask-image:none;mask-image:none;overflow:visible}
  .cm-scroll{width:auto;animation:none;flex-wrap:wrap;justify-content:center}
  .cm-set{flex-wrap:wrap;justify-content:center;gap:7px}
  .cm-set[aria-hidden="true"]{display:none}
}

/* ---------- Stats band: mega-number redesign supersedes old glass-card v2 (see rules near line 100) ---------- */
.stat-num{display:flex;align-items:baseline;gap:2px;line-height:1;white-space:nowrap}
.stat-num span{font-size:inherit;background:none;-webkit-background-clip:unset;background-clip:unset;color:inherit;-webkit-text-fill-color:currentColor}
[dir="rtl"] .stat-num{direction:ltr;justify-content:flex-end}
@media (prefers-reduced-motion:reduce){.stat{transition:none}}

/* =====================================================================
   SEO / A11Y / UX POLISH LAYER  (appended)
   ===================================================================== */

/* --- Skip link (keyboard & screen-reader users) --- */
.skip-link{position:fixed;top:-100px;inset-inline-start:12px;z-index:2000;
  background:var(--blue-deep);color:#fff;padding:12px 20px;border-radius:0 0 12px 12px;
  font-weight:600;font-family:var(--font-body);text-decoration:none;
  box-shadow:0 10px 30px rgba(10,37,64,.28);transition:top .18s var(--ease)}
.skip-link:focus{top:0;outline:3px solid var(--light,#7FC4FF);outline-offset:2px}
[dir="rtl"] .skip-link{font-family:var(--font-arabic)}

/* --- No-JS fallback: never hide content behind scroll-reveal --- */
.no-js .reveal{opacity:1 !important;transform:none !important}
.no-js .quote-carousel .qc-slide{opacity:1 !important}

/* --- Active nav indicator (aria-current) --- */
.nav-links a[aria-current="page"]{color:var(--blue-deep);font-weight:600}
.nav-links a[aria-current="page"]::after{transform:scaleX(1);opacity:1}
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:2px;
  border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--teal-bright));
  transform:scaleX(0);transform-origin:inline-start;opacity:0;
  transition:transform .25s var(--ease),opacity .25s var(--ease)}
.nav-links a:hover::after{transform:scaleX(1);opacity:1}
.mobile-menu a[aria-current="page"]{color:var(--blue-deep);font-weight:600}

/* --- Refined form fields (accessible focus ring + validation) --- */
.contact-form input,.contact-form select,.contact-form textarea{
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(14,99,179,.14)}
.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{
  outline:none}
.contact-form input:user-invalid,.contact-form textarea:user-invalid,
.contact-form input.invalid,.contact-form textarea.invalid{
  border-color:#C0392B;box-shadow:0 0 0 4px rgba(192,57,43,.12)}
.field-error{display:none;color:#C0392B;font-size:.82rem;margin-top:6px;font-weight:500}
.field-error.show{display:block}
.contact-form .form-status{margin-top:14px;font-size:.9rem;font-weight:600;
  color:var(--blue-deep);min-height:1.2em}
.contact-form button[aria-busy="true"]{opacity:.75;pointer-events:none}

/* --- Button micro-polish (keeps existing gradient language) --- */
.btn{will-change:transform}
.btn-primary:hover{transform:translateY(-2px)}
.btn-primary:active{transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
  .btn-primary:hover{transform:none}
  .nav-links a::after{transition:none}
  .skip-link{transition:none}
}

/* --- Larger tap targets on mobile (a11y / WCAG 2.5.5) --- */
@media (max-width:760px){
  .foot-social a,.fab-strip a{min-width:44px;min-height:44px;
    display:inline-flex;align-items:center;justify-content:center}
  .mobile-menu a{padding-block:12px}
}

/* --- Print-friendliness (leave-behind PDFs from browsers) --- */
@media print{
  header,.fab-strip,.scroll-progress,.back-to-top,.cursor-dot,.cursor-ring{display:none !important}
  .reveal{opacity:1 !important;transform:none !important}
  body{background:#fff}
}

/* =====================================================================
   NAV DROPDOWN / SUBMENU  (ISH Insight under RCM & Dhamani)
   ===================================================================== */
.nav-drop{position:relative;display:inline-flex;align-items:center}
.nav-drop-toggle{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.nav-drop-toggle .chev{flex:0 0 auto;transition:transform .22s var(--ease)}
.nav-drop:hover .nav-drop-toggle .chev,
.nav-drop:focus-within .nav-drop-toggle .chev{transform:rotate(180deg)}

.nav-drop-menu{
  position:absolute;top:calc(100% + 14px);inset-inline-start:-8px;min-width:264px;
  background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:0 20px 48px rgba(10,37,64,.18);padding:8px;
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:60}
.nav-drop:hover .nav-drop-menu,
.nav-drop:focus-within .nav-drop-menu,
.nav-drop-menu.open{opacity:1;visibility:visible;transform:translateY(0)}
/* invisible hover bridge so the menu doesn't drop while crossing the gap */
.nav-drop-menu::before{content:"";position:absolute;top:-14px;inset-inline:0;height:16px}
[dir="rtl"] .nav-drop-menu{inset-inline-start:auto;inset-inline-end:-8px}

.nav-drop-menu a.dm-item{display:flex !important;align-items:flex-start;gap:11px;
  padding:11px 12px;border-radius:11px;color:var(--ink);font-weight:600;
  line-height:1.25;white-space:normal;text-decoration:none}
.nav-drop-menu a.dm-item:hover,.nav-drop-menu a.dm-item:focus-visible{
  background:var(--sky);color:var(--blue-deep);outline:none}
.nav-drop-menu a.dm-item::after{display:none !important}
.nav-drop-menu .di{flex:0 0 auto;margin-top:1px;color:var(--blue)}
.nav-drop-menu a.dm-item:hover .di{color:var(--blue-deep)}
.dm-title{display:inline-flex;align-items:center;gap:7px}
.dm-txt{display:flex;flex-direction:column;gap:3px}
.dm-txt .dt{font-size:.74rem;font-weight:500;color:var(--slate);letter-spacing:0;text-transform:none}
.nav-drop-tag{display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;color:#fff;background:linear-gradient(90deg,var(--blue),var(--teal-bright));
  padding:2px 7px;border-radius:999px;line-height:1.4}

/* Mobile menu sub-item */
.mobile-menu .mm-sub{padding-inline-start:30px;font-size:.95rem;position:relative}
.mobile-menu .mm-sub::before{content:"";position:absolute;inset-inline-start:14px;top:50%;
  width:8px;height:8px;border-inline-start:2px solid var(--line);
  border-bottom:2px solid var(--line);transform:translateY(-70%);border-radius:0 0 0 3px}
[dir="rtl"] .mobile-menu .mm-sub::before{transform:translateY(-70%) scaleX(-1)}

@media (prefers-reduced-motion:reduce){
  .nav-drop-menu{transition:none}.nav-drop-toggle .chev{transition:none}
}

/* =====================================================================
   BUTTON ANIMATION LAYER — responsive, touch-aware, reduced-motion safe
   ===================================================================== */
.btn{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;
  transition:transform .2s var(--ease),box-shadow .25s var(--ease),
             background .25s var(--ease),border-color .25s var(--ease)}

/* Icon / arrow nudge on hover (RTL-aware) */
.btn svg{transition:transform .25s var(--ease)}
@media (hover:hover){
  .btn:hover svg:last-child{transform:translateX(3px)}
  [dir="rtl"] .btn:hover svg:last-child{transform:translateX(-3px)}
}

/* Extend the diagonal shine sweep to ghost/outline buttons too */
.btn-ghost{position:relative;overflow:hidden}
.btn-ghost::after{content:"";position:absolute;top:0;inset-inline-start:-85%;
  width:55%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(14,99,179,.16),transparent);
  transform:skewX(-20deg);transition:inset-inline-start .6s var(--ease)}
@media (hover:hover){ .btn-ghost:hover::after{inset-inline-start:140%} }

/* Tactile feedback on TOUCH devices (no hover state to rely on) */
@media (hover:none){
  .btn:active{transform:scale(.95)}
  .btn-primary:active,.btn-teal:active{box-shadow:0 6px 16px rgba(14,99,179,.3)}
  .btn-ghost:active{background:var(--sky)}
}

/* Subtle attention glow on primary CTAs — pauses on hover, off for reduced motion.
   Uses box-shadow only, so it never fights the transform-based hover/press. */
@media (prefers-reduced-motion:no-preference){
  .btn-primary{animation:btnGlow 3.4s ease-in-out infinite}
  .btn-primary:hover{animation-play-state:paused}
  /* keep the compact nav CTA calmer than in-page CTAs */
  .nav .btn-primary{animation-duration:4.2s}
}
@keyframes btnGlow{
  0%,100%{box-shadow:0 10px 26px rgba(14,99,179,.30)}
  50%    {box-shadow:0 14px 34px rgba(14,99,179,.50)}
}

/* Press ripple color already injected via JS (.ripple); make it feel snappier */
.btn .ripple{background:rgba(255,255,255,.5)}
.btn-ghost .ripple{background:rgba(14,99,179,.18)}

@media (prefers-reduced-motion:reduce){
  .btn,.btn svg,.btn-ghost::after{transition:none}
  .btn-primary{animation:none}
}

/* =====================================================================
   SCALE PANEL — vertical icon-stat list (home, "national-scale" section)
   ===================================================================== */
.scale-section{padding:96px 0}
.scale-section .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.scale-copy .lede{margin-bottom:20px}
.scale-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.scale-tags span{display:inline-flex;align-items:center;gap:7px;background:var(--sky);
  color:var(--blue-deep);font-weight:600;font-size:.86rem;padding:8px 14px;border-radius:999px;
  border:1px solid var(--line)}
.scale-tags svg{width:15px;height:15px}

.scale-panel{position:relative;overflow:hidden;border-radius:22px;padding:6px 30px;
  background:linear-gradient(158deg,var(--ink) 0%,#0A4E8F 100%);
  box-shadow:0 26px 60px rgba(10,37,64,.28)}
.scale-panel::before{content:"";position:absolute;top:-30%;inset-inline-end:-20%;width:360px;height:360px;
  background:radial-gradient(circle,rgba(62,155,232,.34),transparent 68%);pointer-events:none}
.scale-panel::after{content:"";position:absolute;bottom:-35%;inset-inline-start:-20%;width:340px;height:340px;
  background:radial-gradient(circle,rgba(14,99,179,.4),transparent 70%);pointer-events:none}
.scale-row{position:relative;display:flex;align-items:center;gap:20px;padding:22px 0;
  border-bottom:1px solid rgba(180,200,220,.16)}
.scale-row:last-child{border-bottom:none}
.scale-ic{flex:0 0 auto;width:50px;height:50px;display:grid;place-items:center;border-radius:14px;
  background:rgba(127,196,255,.14);color:#7FC4FF;transition:transform .3s var(--ease),background .3s var(--ease)}
.scale-ic svg{width:25px;height:25px}
.scale-row:hover .scale-ic{transform:translateY(-2px) scale(1.06);background:rgba(127,196,255,.24)}
.scale-meta{min-width:0}
.scale-num{font-family:var(--font-display);font-weight:800;font-size:2rem;line-height:1;
  color:#fff;display:flex;align-items:baseline;gap:4px}
.scale-num em{font-style:normal;font-size:1.02rem;font-weight:700;color:#7FC4FF}
.scale-label{display:block;color:#C3D8EC;font-size:.92rem;margin-top:6px;letter-spacing:.01em}
@media (max-width:860px){
  .scale-section{padding:64px 0}
  .scale-section .wrap{grid-template-columns:1fr;gap:34px}
  .scale-num{font-size:1.7rem}
}

/* Nav dropdown chevron — clean, thin caret matching reference */
.nav-drop-toggle .chev{stroke-width:2px;opacity:.85}
.nav-drop-toggle:hover .chev,.nav-drop:focus-within .chev{opacity:1}

/* Solutions mega dropdown (two columns: Core Platform + Business & IT Services) */
.nav-drop-menu.mega{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:2px 10px;min-width:660px;padding:12px}
.nav-drop-menu.mega .dm-col{display:flex;flex-direction:column;min-width:0}
.nav-drop-menu.mega .dm-group{font-size:.64rem;font-weight:800;letter-spacing:.07em;
  text-transform:uppercase;color:var(--slate);padding:6px 12px 6px;opacity:.9}
.nav-drop-menu.mega .dm-item{padding:9px 12px}
@media (max-width:1160px){ .nav-drop-menu.mega{grid-template-columns:1fr 1fr;min-width:440px} }

/* Scroll-margin so sticky header + subnav never cover anchored sections */
section[id], .cta-wrap[id], .residency-wrap[id]{scroll-margin-top:126px}


/* Card 'Learn more' link (external provider pages) */
.plat-card .card-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;
  font-weight:700;font-size:.86rem;color:var(--blue);text-decoration:none}
.plat-card .card-link:hover{color:var(--blue-deep)}
.plat-card .card-link svg{transition:transform .2s var(--ease)}
.plat-card .card-link:hover svg{transform:translateX(3px)}
[dir="rtl"] .plat-card .card-link svg{transform:scaleX(-1)}
[dir="rtl"] .plat-card .card-link:hover svg{transform:scaleX(-1) translateX(3px)}

/* Service group sub-headings on Solutions #services */
.svc-group{font-family:var(--font-display);font-size:1.18rem;font-weight:700;color:var(--ink);
  margin:44px 0 20px;padding-bottom:12px;border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:11px}
.svc-group::before{content:"";width:6px;height:22px;border-radius:3px;
  background:linear-gradient(180deg,var(--blue),var(--teal-bright))}
.svc-group:first-of-type{margin-top:30px}

/* ===== Improved footer ===== */
footer{padding:74px 0 34px}
.foot-grid{grid-template-columns:1.7fr 1fr 1fr 1fr 1.25fr;gap:40px 36px}
.foot-about{max-width:340px}
.foot-about .foot-logo .logo-img{width:46px;height:46px}
.foot-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.foot-badges span{font-size:.71rem;font-weight:600;color:#C3D8EC;
  background:rgba(127,196,255,.10);border:1px solid rgba(127,196,255,.22);
  border-radius:999px;padding:5px 11px}
footer h4{color:#fff;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;
  margin-bottom:14px;font-weight:700}
.foot-contact a{display:flex;align-items:flex-start;gap:9px;line-height:1.4}
.foot-contact .fc-ic{flex:0 0 auto;margin-top:2px;width:15px;height:15px;color:var(--teal-bright)}
@media (max-width:1120px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr;gap:34px}.foot-about{grid-column:1 / -1;max-width:none}}
@media (max-width:720px){.foot-grid{grid-template-columns:1fr 1fr}.foot-about{grid-column:1 / -1}}
@media (max-width:460px){.foot-grid{grid-template-columns:1fr}}

/* Fit the fuller nav (3 dropdowns + Careers) within the container on mid-large screens */
@media (min-width:1361px) and (max-width:1600px){
  .nav-links{gap:15px;font-size:.88rem}
  .nav-cta{gap:8px}
  .nav .btn{padding:9px 14px;font-size:.85rem}
  .lang-switch{margin-inline-end:2px!important;font-size:.9rem!important}
}

/* 961–1260px (tablets / small laptops): keep full text nav + language switch,
   drop the CTA buttons (Contact link + floating Demo button still available) */
@media (min-width:961px) and (max-width:1260px){
  .nav-links{gap:12px;font-size:.84rem}
  .nav-links a{white-space:nowrap}
  .nav-cta .btn{display:none}
}