/* Shared About Us diagonal hero treatment. */
.hero{background:#0A1128;}.hero::before{content:none;}.hero-bg{display:block}
@keyframes stripeDrift{from{transform:translate(0,0);}to{transform:translate(145px,145px);}}

/* Keep the homepage hero close to the CTA instead of leaving a large empty area below it. */
@media (min-width:769px){.hero{min-height:92vh;}}
/* ================================================================
   ORYVAN GLOBAL — COMPLETE STYLESHEET
   Section Color Map:
   1. Hero          → Midnight Blue  #0A1128
   2. Brands        → Royal Purple   #4B3DFF
   3. Services      → Deep Ocean     #0F766E
   4. Industries    → Teal Mist      #7DD3C7
   5. Capabilities  → Pearl White    #F8F9FB
   6. Stats         → Rose Gold      #E2B07A
   7. Testimonials  → Midnight Blue  #0A1128
   8. Contact       → Midnight Blue  #0A1128
   9. Footer        → #04080F (near black)
   ================================================================ */

/* ── VARIABLES ── */
:root {
  --c1: #0A1128;   /* Midnight Blue  */
  --c2: #4B3DFF;   /* Royal Purple   */
  --c3: #0F766E;   /* Deep Ocean     */
  --c4: #7DD3C7;   /* Teal Mist      */
  --c5: #F8F9FB;   /* Pearl White    */
  --c6: #E2B07A;   /* Rose Gold      */

  --card-on-dark:  #111C48;
  --card-on-purple: rgba(255,255,255,0.12);
  --card-on-ocean:  rgba(255,255,255,0.10);
  --card-on-teal:   rgba(255,255,255,0.55);
  --card-on-pearl:  #ffffff;
  --card-on-gold:   rgba(255,255,255,0.65);

  --bdr-dark:   rgba(255,255,255,0.12);
  --bdr-light:  rgba(10,17,40,0.12);

  --g-gold:   linear-gradient(135deg,#E2B07A,#F0D07A);
  --g-main:   linear-gradient(135deg,#4B3DFF,#0F766E);
  --g-purple: linear-gradient(135deg,#4B3DFF,#7B5CF6);

  --font-h: 'Inter', sans-serif;
  --font-b: 'Inter', sans-serif;

  --glow-p: rgba(75,61,255,0.4);

  /* Oryvan Global logo palette */
  --ov-blue:  #1B3FA6;
  --ov-teal:  #14988F;
  --ov-green: #2FA84B;
  --ov-gradient: linear-gradient(90deg, var(--ov-blue), var(--ov-teal), var(--ov-green));
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-b);background:var(--c1);color:var(--c5);overflow-x:hidden;line-height:1.65;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:var(--c1);}
::-webkit-scrollbar-thumb{background:var(--c2);border-radius:3px;}
::selection{background:var(--c2);color:#fff;}
.container{max-width:1200px;margin:0 auto;padding:0 44px;}

/* ── UTILITY ── */
.grad-text{background:var(--g-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.gold-text{background:var(--g-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* ================================================================
   NAVBAR
   ================================================================ */
.navbar{
  position:absolute;top:0;left:0;right:0;z-index:1000;
  background:transparent;
  backdrop-filter:none;
  border-bottom:1px solid transparent;
  transition:background 0.4s,border-color 0.4s,box-shadow 0.4s,backdrop-filter 0.4s;
}
.navbar.scrolled{
  background:transparent;
  backdrop-filter:none;
  border-bottom-color:transparent;
  box-shadow:none;
}
.nav-container{
  max-width:1320px;margin:0 auto;
  padding:0 60px;height:108px;
  display:flex;align-items:center;
}
.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-right:40px;position:relative;}
.nav-logo.nav-wordmark{height:auto;margin-right:40px;margin-left:-74px;transition:transform 0.3s;}
.nav-logo.nav-wordmark:hover{transform:translateY(-1px);}
.nav-logo-img{
  height:78px;width:auto;display:block;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));
}
.nav-logo-icon{width:74px;height:58px;overflow:hidden;display:block;position:relative;border:1px solid rgba(183,126,255,.35);border-radius:16px;background:rgba(117,54,210,.12);box-shadow:inset 0 0 18px rgba(156,87,255,.13),0 0 16px rgba(112,53,230,.18);}
.brand-logo-icon-art{position:absolute;width:180px;height:180px;max-width:none;left:-54px;top:-47px;mix-blend-mode:screen;filter:drop-shadow(0 0 6px rgba(191,143,255,.85));}
.logo-text-wrap{display:flex;flex-direction:column;line-height:1;gap:5px;}
.logo-name{font-family:var(--font-h);font-size:20px;font-weight:700;letter-spacing:3px;color:#fff;text-shadow:0 0 13px rgba(182,129,255,.45);}
.logo-sub{font-size:8px;font-weight:600;letter-spacing:3.1px;color:#cdaeff;}
.nav-logo:hover .nav-logo-icon{border-color:rgba(211,176,255,.7);box-shadow:inset 0 0 18px rgba(156,87,255,.24),0 0 22px rgba(132,66,245,.42);}
.nav-links{display:flex;align-items:center;gap:34px;flex:1;justify-content:center;}
.nav-links li a{
  font-size:13.5px;font-weight:400;color:rgba(248,249,251,0.85);
  letter-spacing:0.3px;transition:color 0.25s;position:relative;padding-bottom:3px;
}
.nav-links li a::after{
  content:'';position:absolute;bottom:0;left:0;
  width:0;height:1.5px;background:var(--c4);transition:width 0.3s;
}
.nav-links li a:hover{color:#fff;}
.nav-links li a:hover::after{width:100%;}
.nav-links li a.active-nav{color:var(--c6);}
.nav-links li a.active-nav::after{width:100%;background:var(--c6);}
.nav-cta-btn{
  flex-shrink:0;margin-left:auto;
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 8px 8px 22px;
  border:none;background:var(--c5);
  border-radius:50px;font-size:13px;font-weight:700;
  color:var(--c1);transition:all 0.3s;
}
.nav-cta-btn i{
  font-size:11px;transition:transform 0.3s;
  width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;background:var(--c1);color:var(--c5);
}
.nav-cta-btn:hover{box-shadow:0 6px 22px rgba(0,0,0,0.28);transform:translateY(-1px);}
.nav-cta-btn:hover i{transform:translateX(2px);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;margin-left:auto;background:none;border:none;padding:4px;}
.hamburger span{width:24px;height:2px;background:var(--c5);display:block;transition:0.3s;border-radius:2px;}
.mobile-drawer{
  display:none;position:fixed;top:68px;left:0;right:0;
  background:rgba(10,17,40,0.97);backdrop-filter:blur(20px);
  z-index:999;border-bottom:1px solid rgba(255,255,255,0.08);padding:10px 0 20px;
}
.mobile-drawer.open{display:block;}
.mobile-drawer ul li a{display:block;padding:14px 44px;font-size:14px;color:rgba(248,249,251,0.85);border-bottom:1px solid rgba(255,255,255,0.06);transition:color 0.2s,background 0.2s;}
.mobile-drawer ul li a:hover{color:#fff;background:rgba(75,61,255,0.12);}
.drw-cta{margin:14px 44px 0!important;background:var(--g-main)!important;color:#fff!important;border-radius:50px!important;text-align:center!important;border:none!important;}

/* ================================================================
   SECTION 1 — HERO  (Premium Midnight Blue · Clean · Stylish)
   ================================================================ */

/* ── Base: pure midnight blue, no messy gradients ── */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
  background: #0A1128;
}

/* ── Ambient depth: two soft radial glows that slowly drift ── */
.hero::before {
  content: "";
  position: absolute; inset: 0; z-index: 0;
  background:
    radial-gradient(ellipse 65% 55% at 18% 25%, rgba(75,61,255,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 82% 72%, rgba(15,118,110,0.12) 0%, transparent 55%);
  animation: depthPulse 12s ease-in-out infinite alternate;
}
@keyframes depthPulse {
  0%   { opacity: 0.7; }
  100% { opacity: 1;   }
}

/* ── hero-bg: the moving automation layer ── */
.hero-bg { position: absolute; inset: 0; overflow: hidden; z-index: 1; }

/* ── Automation 1: fine dot-matrix that slowly drifts right-down ── */
.hero-bg::before {
  content: "";
  position: absolute; inset: -60px;
  background-image: radial-gradient(circle, rgba(125,211,199,0.09) 1px, transparent 1px);
  background-size: 38px 38px;
  animation: dotDrift 25s linear infinite;
  z-index: 0;
}
@keyframes dotDrift {
  from { transform: translate(0, 0);       }
  to   { transform: translate(38px, 38px); }
}

/* ── Moving boxes canvas ── */
.hero-boxes-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

/* ── Moving lines: glowing diagonal light beams sweeping the hero ── */
.hero-lines { position: absolute; inset: 0; overflow: hidden; z-index: 2; pointer-events: none; }
.hl {
  position: absolute; top: -60%; height: 260%;
  transform-origin: top left;
  background: linear-gradient(to bottom,
    transparent 0%, transparent 34%,
    rgba(125,211,199,0.55) 49%, rgba(125,211,199,0.95) 50%, rgba(125,211,199,0.55) 51%,
    transparent 66%, transparent 100%);
}
/* Beam 1 — teal, wide glow */
.hl1 { width: 5px; left: -160px; transform: rotate(32deg); animation: beamSlide 13s linear infinite 0s; opacity: 0.85; }
/* Beam 2 — royal purple, thin bright */
.hl2 { width: 3px; left: -80px; transform: rotate(32deg); animation: beamSlide 15s linear infinite 3.5s; opacity: 1;
  background: linear-gradient(to bottom, transparent 0%, transparent 34%, rgba(75,61,255,0.6) 49%, rgba(139,127,255,1) 50%, rgba(75,61,255,0.6) 51%, transparent 66%, transparent 100%); }
/* Beam 3 — teal, offset timing */
.hl3 { width: 4px; left: -140px; transform: rotate(32deg); animation: beamSlide 17s linear infinite 8s; opacity: 0.7; }
/* Beam 4 — rose gold accent */
.hl4 { width: 3px; left: -110px; transform: rotate(32deg); opacity: 0.8; animation: beamSlide 14s linear infinite 6s;
  background: linear-gradient(to bottom, transparent 0%, transparent 34%, rgba(226,176,122,0.55) 49%, rgba(240,208,122,0.95) 50%, rgba(226,176,122,0.55) 51%, transparent 66%, transparent 100%); }
/* Beam 5 — royal purple, slow wide */
.hl5 { width: 6px; left: -190px; transform: rotate(32deg); opacity: 0.55; animation: beamSlide 19s linear infinite 10.5s;
  background: linear-gradient(to bottom, transparent 0%, transparent 34%, rgba(75,61,255,0.45) 49%, rgba(139,127,255,0.85) 50%, rgba(75,61,255,0.45) 51%, transparent 66%, transparent 100%); }
@keyframes beamSlide {
  0%   { transform: rotate(32deg) translateX(-40vw); }
  100% { transform: rotate(32deg) translateX(140vw);  }
}

/* ── Automation 3: floating orbs ── */
.hero-orb { position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none; z-index: 1; }
.ho1 { width: 420px; height: 420px; background: rgba(75,61,255,0.14); top: -80px;  left: -60px;  animation: orbFloat 16s ease-in-out infinite 0s; }
.ho2 { width: 320px; height: 320px; background: rgba(15,118,110,0.10); bottom:-60px; right: -40px; animation: orbFloat 13s ease-in-out infinite 5s; }
.ho3 { width: 200px; height: 200px; background: rgba(226,176,122,0.07); top: 40%; right: 10%;    animation: orbFloat 10s ease-in-out infinite 10s; }
@keyframes orbFloat { 0%,100%{ transform: translate(0,0); } 50%{ transform: translate(18px,-18px); } }

/* Slow, ambient light particles add depth without competing with the copy. */
.hero-particles{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;}
.hero-particles span{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--c4);box-shadow:0 0 12px 3px rgba(125,211,199,.32);opacity:0;animation:heroParticle 9s ease-in-out infinite;}
.hero-particles span:nth-child(1){left:8%;top:78%;animation-delay:-1s;}.hero-particles span:nth-child(2){left:18%;top:18%;width:3px;height:3px;animation-delay:-6s;}.hero-particles span:nth-child(3){left:31%;top:67%;width:7px;height:7px;background:#8b7fff;box-shadow:0 0 14px 3px rgba(139,127,255,.3);animation-delay:-3s;}.hero-particles span:nth-child(4){left:44%;top:22%;width:3px;height:3px;animation-delay:-8s;}.hero-particles span:nth-child(5){left:60%;top:84%;animation-delay:-4s;}.hero-particles span:nth-child(6){left:72%;top:28%;width:7px;height:7px;background:#f0d07a;box-shadow:0 0 14px 3px rgba(240,208,122,.28);animation-delay:-7s;}.hero-particles span:nth-child(7){left:82%;top:71%;width:3px;height:3px;animation-delay:-2s;}.hero-particles span:nth-child(8){left:91%;top:16%;animation-delay:-5s;}.hero-particles span:nth-child(9){left:52%;top:10%;width:3px;height:3px;animation-delay:-9s;}.hero-particles span:nth-child(10){left:24%;top:91%;animation-delay:-.5s;}.hero-particles span:nth-child(11){left:68%;top:52%;width:3px;height:3px;animation-delay:-5.5s;}.hero-particles span:nth-child(12){left:95%;top:88%;width:7px;height:7px;background:#8b7fff;box-shadow:0 0 14px 3px rgba(139,127,255,.3);animation-delay:-2.5s;}
@keyframes heroParticle{0%,100%{transform:translate3d(0,18px,0) scale(.55);opacity:0;}25%{opacity:.65;}50%{transform:translate3d(22px,-24px,0) scale(1);opacity:1;}75%{opacity:.45;}}
@media (prefers-reduced-motion: reduce){.hero-particles span{animation:none;opacity:.3;}}

/* ── Bottom fade: smooth blend into next section ── */
.hero-grad {
  position: absolute; inset: 0; z-index: 3; pointer-events: none;
  background: linear-gradient(to bottom, transparent 75%, rgba(10,17,40,0.8) 100%);
}

/* ── Hero text content ── */
.hero-body {
  position: relative; z-index: 10;
  text-align: center; max-width: 860px; padding: 0 28px;
}
/* Badge */
.hero-badge {
  display: inline-flex; align-items: center; gap: 9px;
  background: rgba(75,61,255,0.10); border: 1px solid rgba(75,61,255,0.26);
  border-radius: 50px; padding: 8px 22px;
  font-size: 11.5px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase;
  color: var(--c4); margin-bottom: 36px; animation: fU 0.9s 0.1s both;
}
.bdot { width: 6px; height: 6px; background: var(--c4); border-radius: 50%; animation: bP 2.5s ease-in-out infinite; }
@keyframes bP { 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:.2; transform:scale(.6); } }
/* Heading */
.hero-titles { overflow: hidden; margin-bottom: 28px; }
.lw { display: block; overflow: hidden; }
.hero-h1 {
  font-family: var(--font-h);
  font-size: clamp(25px, 5vw, 50px); font-weight: 600;
  line-height: 1.06; color: #F8F9FB; letter-spacing: -0.02em;
}
.hero-h1 em {
  font-style: normal;
  background: linear-gradient(90deg, #E2B07A 0%, #F0D07A 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.al  { display: inline-block; animation: aU 0.95s cubic-bezier(.16,1,.3,1) both; }
.al2 { animation-delay: .2s; }
.al3 { animation-delay: .4s; }
@keyframes aU { from{ transform:translateY(110%); opacity:0; } to{ transform:translateY(0); opacity:1; } }
/* Description */
.hero-desc {
  font-size: clamp(14px,1.55vw,17px); color: rgba(248,249,251,0.60);
  max-width: 620px; margin: 0 auto 44px; line-height: 1.85;
  animation: fU 0.9s .48s both;
}
@keyframes fU { from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:translateY(0); } }
/* CTA */
.hero-know-btn {
  display: inline-flex; align-items: center; gap: 10px; padding: 14px 42px;
  border: 1px solid rgba(248,249,251,0.28); border-radius: 50px;
  font-size: 15px; font-weight: 500; color: #F8F9FB; letter-spacing: 0.3px;
  transition: all 0.35s; animation: fU 0.9s .66s both;
  background: rgba(75,61,255,0.08);
}
.hero-know-btn:hover {
  background: rgba(75,61,255,0.22); border-color: rgba(75,61,255,0.6);
  transform: translateY(-2px); box-shadow: 0 8px 32px rgba(75,61,255,0.25);
}
/* Scroll indicator */
.scroll-mouse { position:absolute; bottom:34px; left:50%; transform:translateX(-50%); z-index:10; width:24px; height:40px; border:1px solid rgba(248,249,251,0.2); border-radius:12px; display:flex; justify-content:center; padding-top:7px; }
.scroll-whl { width:2px; height:7px; background:rgba(125,211,199,0.6); border-radius:2px; animation:sW 2.2s ease-in-out infinite; }
@keyframes sW { 0%{ transform:translateY(0); opacity:1; } 100%{ transform:translateY(12px); opacity:0; } }

@media(max-width:700px){.hero-automation{opacity:.38}.automation-node{width:43px;height:43px;border-radius:13px;font-size:16px}.node-ai{left:7%;top:23%}.node-flow{right:7%;top:60%}.node-launch{left:16%;bottom:16%}.automation-link{display:none;}}

/* ── Ticker ── */
.ticker-bar { background:rgba(75,61,255,0.07); border-top:1px solid rgba(75,61,255,0.14); border-bottom:1px solid rgba(75,61,255,0.14); padding:12px 0; overflow:hidden; }
.ticker-inner { display:flex; width:max-content; animation:tM 48s linear infinite; }
.ticker-inner span { font-size:12.5px; font-weight:500; letter-spacing:1px; padding:0 22px; color:rgba(125,211,199,0.8); white-space:nowrap; }
.ticker-inner .tsep { color:rgba(226,176,122,0.65); padding:0 4px; }
@keyframes tM { from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ================================================================
   SECTION 2 — BRANDS  (White Background)
   Text: Dark · Cards: clean white with border
   ================================================================ */
.brands-section { background: #F7F5F1; padding: 96px 0 80px; position: relative; overflow: hidden; }
.brands-section::before {
  content: ''; position: absolute; top: -40px; left: -60px; width: 420px; height: 420px;
  background-image: radial-gradient(rgba(10,17,40,0.14) 1.6px, transparent 1.6px);
  background-size: 14px 14px;
  -webkit-mask-image: radial-gradient(circle at 30% 30%, #000 0%, transparent 70%);
  mask-image: radial-gradient(circle at 30% 30%, #000 0%, transparent 70%);
  pointer-events: none;
}
.brands-section .sec-eyebrow { color: #4B3DFF; letter-spacing: 3px; }
.brands-section .sec-h2 { color: #0A1128; font-family: var(--font-h); }
.brands-section .sec-sub { color: rgba(10,17,40,0.6); }
.brands-eyebrow {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: center; gap: 18px;
}
.brands-eyebrow::before, .brands-eyebrow::after {
  content: ''; flex: 0 0 42px; height: 1px; background: rgba(75,61,255,0.35);
}
.brands-eyebrow-diamond {
  position: relative; z-index: 1;
  text-align: center; color: #4B3DFF; font-size: 13px; margin: 10px 0 -4px;
}
.brands-accent {
  background: linear-gradient(90deg, #4B3DFF, #0F766E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.brands-grid {
  position: relative;
  display: grid;
  gap: 14px;
  max-width: 1080px;
  margin: 44px auto 0;
}
.brands-logo-row {
  display: flex;
  justify-content: center;
  gap: 14px;
}
.brand-card {
  flex: 0 1 168px; width: 168px; height: 88px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(10,17,40,0.06);
  padding: 14px 20px;
  display: flex; align-items: center; justify-content: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.brand-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(75,61,255,0.16);
}
.brand-logo-img {
  max-width: 100%; max-height: 34px; width: auto; height: auto; object-fit: contain;
  transition: transform 0.25s ease;
}
.brand-logo-round { max-height: 50px; }
.brand-logo-altius { max-height: 56px; }
.brand-card:hover .brand-logo-img { transform: scale(1.05); }

.brands-stats {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: repeat(4,1fr);
  max-width: 1080px; margin: 28px auto 0;
  background: #ffffff; border-radius: 20px;
  box-shadow: 0 4px 20px rgba(10,17,40,0.05);
}
.brands-stat {
  padding: 34px 24px; text-align: center;
  border-right: 1px solid rgba(10,17,40,0.08);
}
.brands-stat:last-child { border-right: none; }
.brands-stat-icon {
  width: 48px; height: 48px; margin: 0 auto 16px;
  border-radius: 50%; background: #0A1128; color: #C9974F;
  display: flex; align-items: center; justify-content: center; font-size: 18px;
}
.brands-stat h4 { font-size: 15px; font-weight: 700; color: #0A1128; margin-bottom: 6px; }
.brands-stat p { font-size: 12.5px; color: rgba(10,17,40,0.55); line-height: 1.5; }


/* Section header defaults (dark bg) */
.sec-eyebrow{display:block;text-align:center;font-size:14px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--c4);margin-bottom:12px;}
.sec-h2{font-family:var(--font-h);font-size:clamp(28px,3.8vw,46px);font-weight:700;line-height:1.18;text-align:center;color:var(--c5);margin-bottom:16px;}
.sec-sub{font-size:15px;color:rgba(248,249,251,0.65);text-align:center;max-width:560px;margin:0 auto 52px;line-height:1.75;}

/* ================================================================
   SECTION 3 — SERVICES  (Deep Ocean #0F766E · Auto Slider)
   ================================================================ */
.services-section { background: #0F766E; padding: 80px 0 60px; }
.services-section .sec-eyebrow { color: #F0D07A; }
.sec-h2-svc {
  font-family: var(--font-h);
  font-size: clamp(26px,3.5vw,42px); font-weight: 700;
  color: #fff; text-align: center; margin-bottom: 12px; line-height: 1.2;
}
.svc-h2-accent {
  background: linear-gradient(90deg,#E2B07A,#F0D07A);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.sec-sub-svc { font-size:15px; color:rgba(255,255,255,0.72); text-align:center; margin:0 auto 44px; max-width:520px; line-height:1.7; }

/* Outer container — full width for peek effect */
.svc-slider-outer { width:100%; overflow:hidden; position:relative; }
.svc-track-wrap {
  overflow: hidden;
  width: 100%;
  position: relative;
  padding: 8px 0;
  cursor: grab;
  user-select: none;
}
.svc-track-wrap:active { cursor: grabbing; }

/* Service cards — same structure and interaction as industry cards. */
.svc-card {
  flex: 0 0 280px;
  width: 280px;
  flex-shrink: 0;
  margin: 0;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid rgba(10,17,40,0.08);
  border-radius: 20px;
  padding: 28px 24px;
  box-shadow: 0 2px 16px rgba(10,17,40,0.08);
  transition: transform 0.35s, box-shadow 0.35s, border-color 0.35s;
}
.svc-slide-set { display:flex; gap:22px; padding-right:22px; }
.svc-card::after { display: none; }
.svc-card:hover {
  transform: translateY(-7px);
  background: #ffffff;
  box-shadow: 0 18px 50px rgba(10,17,40,0.18);
  border-color: rgba(15,118,110,0.3);
}
.svc-meta { display: flex; align-items: center; gap: 9px; margin-bottom: 18px; }
.svc-num { font-size: 12px; font-weight: 700; color: rgba(10,17,40,0.38); }
.svc-code {
  font-size: 10.5px; font-weight: 700; color: #0F766E;
  background: rgba(15,118,110,0.1); border: 1px solid rgba(15,118,110,0.22);
  padding: 2px 10px; border-radius: 50px; letter-spacing: 1.5px;
}
.svc-icon-w {
  width: 46px; height: 46px;
  background: rgba(15,118,110,0.1); border: 1px solid rgba(15,118,110,0.2);
  border-radius: 13px; display: flex; align-items: center; justify-content: center;
  font-size: 18px; color: #0F766E; margin-bottom: 14px;
  transition: background 0.3s, transform 0.3s;
}
.svc-card:hover .svc-icon-w { background: rgba(15,118,110,0.2); transform: scale(1.1); }
.svc-card h3 { font-size: 16px; font-weight: 600; color: #0A1128; margin-bottom: 7px; }
.svc-card .svc-tag { font-size: 12px; font-weight: 500; color: #0F766E; margin-bottom: 10px; line-height: 1.4; }
.svc-card > p { font-size: 12.5px; color: rgba(10,17,40,0.62); line-height: 1.66; }
.svc-learn { display:inline-flex; align-items:center; gap:7px; margin-top:18px; font-size:13px; font-weight:600; color:#0A1128; transition:gap 0.3s; }
.svc-learn:hover { gap:11px; color:#0F766E; }

/* Controls — hidden (replaced by explore btn) */
.svc-controls { display: none; }
.svc-btn      { display: none; }
.svc-dots     { display: none; }

/* Explore All Services button */
.svc-explore-btn {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 13px 32px;
  background: transparent;
  border: 1.5px solid rgba(255,255,255,0.45);
  border-radius: 50px;
  font-size: 14px; font-weight: 500;
  color: #fff; letter-spacing: 0.3px;
  transition: all 0.3s;
  font-family: var(--font-b);
}
.svc-explore-btn i { font-size: 13px; transition: transform 0.3s; }
.svc-explore-btn:hover {
  background: rgba(255,255,255,0.15);
  border-color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(0,0,0,0.18);
}
.svc-explore-btn:hover i { transform: translateX(5px); }

/* ================================================================
   SECTION 4 — INDUSTRIES  (Midnight Blue #0A1128 · Auto Slider)
   ================================================================ */
.industries-section { background: #0A1128; padding: 80px 0 60px; }
.industries-section .sec-eyebrow { color: #7DD3C7; }
.sec-h2-ind {
  font-family: var(--font-h);
  font-size: clamp(26px,3.5vw,42px); font-weight: 700;
  color: #F8F9FB; text-align: center; margin-bottom: 12px; line-height: 1.2;
}
.ind-h2-accent {
  background: linear-gradient(90deg,#4B3DFF,#7DD3C7);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.sec-sub-ind { font-size:15px; color:rgba(248,249,251,0.60); text-align:center; margin:0 auto 44px; max-width:540px; line-height:1.72; }

.ind-slider-outer { width:100%; overflow:hidden; position:relative; }
.ind-track-wrap {
  overflow: hidden;
  width: 100%;
  padding: 12px 0 8px;
  cursor: grab; user-select: none;
}
.ind-track-wrap:active { cursor: grabbing; }

/* Industry card */
.ind-card:hover { transform: translateY(-7px); box-shadow: 0 18px 50px rgba(75,61,255,0.22); border-color: rgba(75,61,255,0.5); }
.ind-meta { display: flex; align-items: center; gap: 9px; margin-bottom: 18px; }
.ind-num  { font-size: 12px; font-weight: 700; color: rgba(248,249,251,0.35); }
.ind-code {
  font-size: 10.5px; font-weight: 700; color: #7DD3C7;
  background: rgba(125,211,199,0.1); border: 1px solid rgba(125,211,199,0.22);
  padding: 2px 10px; border-radius: 50px; letter-spacing: 1.5px;
}
.ind-icon-w {
  width: 46px; height: 46px;
  background: rgba(75,61,255,0.14); border: 1px solid rgba(75,61,255,0.28);
  border-radius: 13px; display: flex; align-items: center; justify-content: center;
  font-size: 18px; color: #7DD3C7; margin-bottom: 14px;
  transition: background 0.3s, transform 0.3s;
}
.ind-card:hover .ind-icon-w { background: rgba(75,61,255,0.24); transform: scale(1.1); }
.ind-card h3   { font-size: 16px; font-weight: 600; color: #F8F9FB; margin-bottom: 7px; }
.ind-tag       { font-size: 12px; font-weight: 500; color: #7DD3C7; margin-bottom: 10px; line-height: 1.4; }
.ind-card > p  { font-size: 12.5px; color: rgba(248,249,251,0.62); line-height: 1.66; }
.ind-learn     { display:inline-flex; align-items:center; gap:7px; margin-top:18px; font-size:13px; font-weight:600; color:#8B78FF; transition:gap 0.3s; }
.ind-learn:hover { gap: 11px; }

/* ================================================================
   SECTION 4 — INDUSTRIES  (Teal Mist #7DD3C7)
   ================================================================ */
.industries-section { background: #7DD3C7; padding: 80px 0 60px; }
.industries-section .sec-eyebrow { color: #0A1128; opacity: 0.65; }
.sec-h2-ind { color: #0A1128; }
.ind-h2-accent {
  background: linear-gradient(90deg, #0F766E, #0A1128);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.sec-sub-ind { color: rgba(10,17,40,0.68); }

/* Cards — white on teal bg */

.ind-card:hover { transform: translateY(-7px); box-shadow: 0 18px 50px rgba(10,17,40,0.18); border-color: rgba(15,118,110,0.3); }
.ind-meta { display: flex; align-items: center; gap: 9px; margin-bottom: 18px; }
.ind-num  { font-size: 12px; font-weight: 700; color: rgba(10,17,40,0.38); }
.ind-code {
  font-size: 10.5px; font-weight: 700; color: #0F766E;
  background: rgba(15,118,110,0.1); border: 1px solid rgba(15,118,110,0.22);
  padding: 2px 10px; border-radius: 50px; letter-spacing: 1.5px;
}
.ind-icon-w {
  width: 46px; height: 46px;
  background: rgba(15,118,110,0.1); border: 1px solid rgba(15,118,110,0.2);
  border-radius: 13px; display: flex; align-items: center; justify-content: center;
  font-size: 18px; color: #0F766E; margin-bottom: 14px;
  transition: background 0.3s, transform 0.3s;
}
.ind-card:hover .ind-icon-w { background: rgba(15,118,110,0.2); transform: scale(1.1); }
.ind-card h3   { font-size: 16px; font-weight: 600; color: #0A1128; margin-bottom: 7px; }
.ind-tag       { font-size: 12px; font-weight: 500; color: #0F766E; margin-bottom: 10px; line-height: 1.4; }
.ind-card > p  { font-size: 12.5px; color: rgba(10,17,40,0.62); line-height: 1.66; }
.ind-learn     { display:inline-flex; align-items:center; gap:7px; margin-top:18px; font-size:13px; font-weight:600; color:#0A1128; transition:gap 0.3s; }
.ind-learn:hover { gap: 11px; color: #0F766E; }

/* Explore button — dark on teal */
.ind-explore-btn {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 13px 32px;
  background: transparent;
  border: 1.5px solid rgba(10,17,40,0.4);
  border-radius: 50px;
  font-size: 14px; font-weight: 500;
  color: #0A1128; letter-spacing: 0.3px;
  transition: all 0.3s;
  font-family: var(--font-b);
}
.ind-explore-btn i { font-size: 13px; transition: transform 0.3s; }
.ind-explore-btn:hover {
  background: #0A1128; border-color: #0A1128; color: #7DD3C7;
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(10,17,40,0.25);
}
.ind-explore-btn:hover i { transform: translateX(5px); }

/* Remove old scroll arrow / wrap styles that conflict */
.services-scroll-wrap, .ind-scroll-wrap,
.services-scroll, .ind-scroll,
.scroll-arrow { display: none !important; }

/* ================================================================
   SECTION 5 — CAPABILITIES  (Midnight Blue + Purple · Oryvan 5-grid)
   Dark cards with floating tags outside, center animated visual
   ================================================================ */
.capabilities-section {
  position: relative; overflow: hidden;
  background: #0A1128;
  padding: 96px 0;
}

/* BG layers */
.cap-bg { position: absolute; inset: 0; z-index: 0; }
.cap-bg-grad {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 70% 60% at 25% 40%, rgba(75,61,255,0.22), transparent 60%),
    radial-gradient(ellipse 55% 50% at 78% 65%, rgba(75,61,255,0.16), transparent 55%);
}
#capCanvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0.35; }
.cap-lines { position: absolute; inset: 0; overflow: hidden; }
.cl { position: absolute; width: 1px; height: 250%; background: linear-gradient(to bottom, transparent, rgba(125,211,199,0.06) 45%, rgba(125,211,199,0.12) 50%, rgba(125,211,199,0.06) 55%, transparent); transform-origin: top; }
.cl1{left:15%;transform:rotate(20deg);animation:cLanim 18s linear infinite 0s;}
.cl2{left:38%;transform:rotate(20deg);animation:cLanim 18s linear infinite 5s;opacity:.7;}
.cl3{left:62%;transform:rotate(20deg);animation:cLanim 18s linear infinite 10s;opacity:.5;}
.cl4{left:85%;transform:rotate(20deg);animation:cLanim 18s linear infinite 15s;opacity:.35;}
@keyframes cLanim{0%{transform:rotate(20deg) translateY(-65%);}100%{transform:rotate(20deg) translateY(20%);}}
.cap-orb{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none;}
.co1{width:500px;height:500px;background:rgba(75,61,255,0.18);top:-80px;left:-60px;animation:orbF 16s ease-in-out infinite 0s;}
.co2{width:380px;height:380px;background:rgba(15,118,110,0.12);bottom:-60px;right:-40px;animation:orbF 12s ease-in-out infinite 6s;}

/* Inner */
.cap-inner { position: relative; z-index: 2; }

/* Top heading */
.cap-top-text { text-align: center; margin-bottom: 52px; }
.cap-feel-eyebrow {
  font-family: var(--font-b); font-size: 12px; font-weight: 600;
  letter-spacing: 4px; text-transform: uppercase;
  color: #E2B07A; margin-bottom: 16px; display: block;
}
.cap-feel-heading {
  font-family: var(--font-h);
  font-size: clamp(28px, 4vw, 56px);
  font-weight: 800; line-height: 1.1; letter-spacing: -0.5px;
}
.cw1 { color: #E2B07A; display: inline; }
.cw2 { background: linear-gradient(90deg,#8B78FF,#4B3DFF); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; display:inline; }
.cw3 { background: linear-gradient(90deg,#4B3DFF,#0F766E); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; display:inline; }
.cw4 { background: linear-gradient(90deg,#0F766E,#7DD3C7); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; display:inline; }

/* 5-area grid: TL | CENTER | TR on top, BL | CENTER | BR on bottom */
.cap-5grid {
  display: grid;
  grid-template-columns: 1fr 220px 1fr;
  grid-template-rows: auto auto;
  gap: 28px 32px;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
}
.cap-tl { grid-column: 1; grid-row: 1; justify-self: end; }
.cap-tr { grid-column: 3; grid-row: 1; justify-self: start; }
.cap-bl { grid-column: 1; grid-row: 2; justify-self: end; }
.cap-br { grid-column: 3; grid-row: 2; justify-self: start; }
.cap-center-vis { grid-column: 2; grid-row: 1 / 3; align-self: center; justify-self: center; }

/* Card wrapper — card + floating tags side by side */
.cap-card-wrap {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  max-width: 420px;
}
.cap-tl, .cap-bl { flex-direction: row-reverse; } /* tags on left */
.cap-tr, .cap-br { flex-direction: row; }          /* tags on right */

/* THE CARD — dark purple with glass border */
.cap-card {
  background: rgba(26, 16, 70, 0.85);
  border: 1.5px solid rgba(120, 100, 255, 0.35);
  border-radius: 20px;
  padding: 24px 22px;
  flex: 1;
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 32px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.06);
  transition: transform 0.35s, box-shadow 0.35s, border-color 0.35s;
}
.cap-card:hover {
  transform: translateY(-5px);
  border-color: rgba(120,100,255,0.65);
  box-shadow: 0 16px 48px rgba(75,61,255,0.28), inset 0 1px 0 rgba(255,255,255,0.08);
}

/* Card icon — white rounded box */
.cap-card-icon {
  width: 44px; height: 44px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; color: #E2B07A;
  margin-bottom: 14px;
  flex-shrink: 0;
}
.cap-card h4 {
  font-size: 14.5px; font-weight: 700;
  color: #F8F9FB; margin-bottom: 10px; line-height: 1.3;
}
.cap-card p {
  font-size: 12.5px; color: rgba(248,249,251,0.65);
  line-height: 1.68;
}

/* Floating tags — hidden by default, show on card HOVER */
.cap-float-tags {
  display: flex; flex-direction: column; gap: 8px;
  flex-shrink: 0; align-self: center;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.85);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.cap-card-wrap:hover .cap-float-tags {
  opacity: 1;
  pointer-events: all;
  transform: scale(1);
}
.cap-float-tags span {
  display: inline-block;
  background: rgba(10,8,30,0.80);
  border: 1.5px solid rgba(120,100,255,0.45);
  border-radius: 50px;
  padding: 7px 16px;
  font-size: 12px; font-weight: 600;
  color: #F8F9FB; white-space: nowrap;
  transition: background 0.25s, border-color 0.25s;
  cursor: default;
}
.cap-float-tags span:hover { background: rgba(75,61,255,0.35); border-color: rgba(120,100,255,0.75); }

/* Card glows on hover */
.cap-card-wrap:hover .cap-card {
  border-color: rgba(120,100,255,0.7);
  box-shadow: 0 16px 52px rgba(75,61,255,0.35), inset 0 1px 0 rgba(255,255,255,0.1);
  transform: translateY(-4px);
}

/* Active (click) also works */
.cap-card-wrap.active .cap-float-tags { opacity: 1; pointer-events: all; transform: scale(1); }
.cap-card-wrap.active .cap-card { border-color: rgba(120,100,255,0.7); transform: translateY(-4px); }

/* Center visual */
.cap-center-vis {
  width: 200px; height: 200px;
  position: relative;
  display: flex; align-items: center; justify-content: center;
}
.cap-vis-ring {
  position: absolute; border-radius: 50%; border: 1.5px solid;
  animation: cVR 10s linear infinite;
}
.cvr1 { width: 190px; height: 190px; border-color: rgba(75,61,255,0.25); }
.cvr2 { width: 140px; height: 140px; border-color: rgba(15,118,110,0.3); animation-duration: 7s; animation-direction: reverse; }
.cvr3 { width: 90px;  height: 90px;  border-color: rgba(226,176,122,0.2); animation-duration: 5s; }
@keyframes cVR { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

.cap-vis-core {
  width: 54px; height: 54px;
  background: linear-gradient(135deg,#4B3DFF,#0F766E);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; color: #fff;
  box-shadow: 0 0 30px rgba(75,61,255,0.5);
  animation: cVCpulse 4s ease-in-out infinite; z-index: 2;
}
@keyframes cVCpulse {
  0%,100%{ box-shadow: 0 0 30px rgba(75,61,255,.5); }
  50%     { box-shadow: 0 0 50px rgba(15,118,110,.6); }
}

.cap-orb-dot {
  position: absolute; border-radius: 50%;
  animation: cVR linear infinite;
}
.cvd1 { width: 190px; height: 190px; animation-duration: 12s; }
.cvd2 { width: 140px; height: 140px; animation-duration: 8s; animation-direction: reverse; }
.cvd3 { width: 90px;  height: 90px;  animation-duration: 6s; }
.cvd1::before,.cvd2::before,.cvd3::before {
  content:''; position:absolute; top:-5px; left:50%; transform:translateX(-50%);
  width:10px; height:10px; border-radius:50%;
  box-shadow: 0 0 8px currentColor;
}
.cvd1::before { background:#E2B07A; color:#E2B07A; }
.cvd2::before { background:#7DD3C7; color:#7DD3C7; }
.cvd3::before { background:#8B78FF; color:#8B78FF; }

/* Capabilities: bright surface with a clearer AI delivery hub. */
.capabilities-section{background:#fff;}
.cap-bg-grad{background:radial-gradient(ellipse 60% 55% at 15% 25%,rgba(75,61,255,.09),transparent 65%),radial-gradient(ellipse 50% 45% at 85% 75%,rgba(15,118,110,.08),transparent 65%);}
#capCanvas{opacity:.1;}
.cl{background:linear-gradient(to bottom,transparent,rgba(75,61,255,.08) 45%,rgba(15,118,110,.12) 50%,rgba(75,61,255,.08) 55%,transparent);}
.cap-feel-heading{color:#0A1128;}
.cap-card{background:rgba(255,255,255,.9);border-color:rgba(75,61,255,.18);box-shadow:0 10px 30px rgba(10,17,40,.08),inset 0 1px 0 #fff;}
.cap-card:hover,.cap-card-wrap:hover .cap-card{border-color:rgba(75,61,255,.5);box-shadow:0 18px 38px rgba(75,61,255,.16),inset 0 1px 0 #fff;}
.cap-card h4{color:#121a36;}
.cap-card p{color:rgba(18,26,54,.67);}
.cap-card-icon{background:#f4f2ff;border-color:rgba(75,61,255,.18);color:#4B3DFF;}
.cap-float-tags span{background:#fff;border-color:rgba(75,61,255,.25);box-shadow:0 6px 15px rgba(10,17,40,.07);color:#302b68;}
.cap-float-tags span:hover{background:#f2f0ff;border-color:rgba(75,61,255,.55);}
.cvr1{border-color:rgba(75,61,255,.28);}.cvr2{border-color:rgba(15,118,110,.27);}.cvr3{border-color:rgba(226,176,122,.48);}
.cap-vis-core{width:64px;height:64px;background:#fff;border:1px solid rgba(75,61,255,.2);color:#4B3DFF;box-shadow:0 10px 28px rgba(75,61,255,.22);}
.cap-vis-core span{font:800 18px var(--font-h);letter-spacing:-1px;}
@keyframes cVCpulse{0%,100%{box-shadow:0 10px 28px rgba(75,61,255,.22)}50%{box-shadow:0 12px 36px rgba(15,118,110,.26)}}

/* Keep the capability cards in the original midnight-blue finish. */
.cap-card{background:#0A1128;border-color:rgba(75,61,255,.46);box-shadow:0 10px 30px rgba(10,17,40,.18),inset 0 1px 0 rgba(255,255,255,.07);}
.cap-card:hover,.cap-card-wrap:hover .cap-card{border-color:rgba(75,61,255,.76);box-shadow:0 18px 38px rgba(75,61,255,.25),inset 0 1px 0 rgba(255,255,255,.09);}
.cap-card h4{color:#fff;}.cap-card p{color:rgba(248,249,251,.72);}
.cap-card-icon{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#E2B07A;}

/* Capability cards use the royal-purple to deep-teal color treatment. */
/* -- Capability cards � match Engagement card style (image 1) -- */
.cap-card {
  background: #1E1650;
  border: 1px solid rgba(120,100,255,0.28);
  border-radius: 18px;
  padding: 28px 26px;
  box-shadow: 0 4px 24px rgba(10,8,40,0.35);
  transition: transform 0.35s, box-shadow 0.35s, border-color 0.35s;
}
.cap-card:hover,
.cap-card-wrap:hover .cap-card {
  transform: translateY(-5px);
  border-color: rgba(120,100,255,0.65);
  box-shadow: 0 16px 44px rgba(75,61,255,0.28);
}
/* Label � "CAPABILITY 01" like "ENGAGEMENT 01" in image 1 */
.cap-card-label {
  font-family: var(--font-b);
  font-size: 11px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  color: rgba(248,249,251,0.42);
  margin-bottom: 16px; display: block;
}
/* Icon box */
.cap-card-icon {
  width: 44px; height: 44px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; color: #7DD3C7;
  margin-bottom: 14px;
}
.cap-card h4 {
  font-family: var(--font-h);
  font-size: 16px; font-weight: 700;
  color: #ffffff; margin-bottom: 10px; line-height: 1.3;
}
.cap-card p {
  font-family: var(--font-b);
  font-size: 13px; color: rgba(248,249,251,0.68);
  line-height: 1.68;
}
/* Float tags */
.cap-float-tags span {
  background: rgba(10,8,40,0.75);
  border: 1.5px solid rgba(120,100,255,0.4);
  color: #F8F9FB;
  font-size: 12px; font-weight: 600;
  padding: 7px 16px; border-radius: 50px;
  white-space: nowrap;
  transition: background 0.25s, border-color 0.25s;
}
.cap-float-tags span:hover {
  background: rgba(75,61,255,0.35);
  border-color: rgba(120,100,255,0.75);
}

/* Isometric AI platform at the centre of the capabilities grid. */
.cap-ai-cube{width:190px;height:180px;display:block;position:relative;transform:rotate(-2deg);}
.cap-ai-cube>img{display:block;width:100%;height:100%;object-fit:contain;background:transparent;border-radius:0;box-shadow:none;}
.cap-ai-cube{transform:none;}.cap-ai-cube::before,.cap-ai-cube::after{display:none;}

/* Small-screen capability layout: one clear card per row and a centred illustration. */
@media(max-width:600px){
  .cap-5grid{grid-template-columns:1fr;grid-template-rows:auto;gap:22px;}
  .cap-tl,.cap-tr,.cap-bl,.cap-br,.cap-center-vis{grid-column:1;grid-row:auto;justify-self:stretch;}
  .cap-center-vis{justify-self:center;order:2;margin:0 auto!important;}
  .cap-tl,.cap-tr{order:1;}.cap-bl,.cap-br{order:3;}
  .cap-card-wrap{width:100%;}.cap-card{width:100%;padding:22px 20px;}
  .cap-float-tags{width:100%;}.cap-ai-cube{width:170px;height:161px;}
}
.ai-cube-top,.ai-cube-left,.ai-cube-right{position:absolute;overflow:hidden;border:2px solid #0A1128;box-shadow:0 7px 0 rgba(10,17,40,.12);}
.ai-cube-top{width:122px;height:70px;left:34px;top:21px;background:linear-gradient(145deg,#efeaff,#bbb0ff);clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%);z-index:3;}
.ai-cube-top::after{content:"";position:absolute;inset:14px 21px;border:1px solid rgba(10,17,40,.46);clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%);}
.ai-cube-left{width:84px;height:94px;left:34px;top:67px;background:linear-gradient(155deg,#b026c9,#5d22e7);clip-path:polygon(0 0,100% 35%,100% 100%,0 65%);z-index:2;}
.ai-cube-left span{position:absolute;width:31px;height:31px;left:27px;top:39px;border:2px solid #17112f;border-radius:50%;background:#b949ed;box-shadow:inset 0 0 0 7px #9132d6;}
.ai-cube-right{width:84px;height:94px;left:104px;top:67px;background:linear-gradient(145deg,#4B3DFF,#2738cc);clip-path:polygon(0 35%,100% 0,100% 65%,0 100%);z-index:1;}
.ai-cube-right i{position:absolute;right:16px;top:37px;color:#fff;font-size:28px;text-shadow:2px 2px 0 #0A1128;transform:skewY(-20deg);}
.ai-block{position:absolute;width:27px;height:25px;border:1px solid #2b1b4b;box-shadow:2px 3px 0 rgba(10,17,40,.32);z-index:4;}
.block-purple{left:42px;top:24px;background:#bd74ff;}.block-lime{left:67px;top:30px;background:#c8ed31;}.block-pink{left:91px;top:37px;background:#ff9edb;}
.cap-ai-cube::before,.cap-ai-cube::after{content:"";position:absolute;border:1px solid rgba(75,61,255,.22);border-radius:50%;z-index:0;}
.cap-ai-cube::before{width:182px;height:182px;left:4px;top:0;}.cap-ai-cube::after{width:142px;height:142px;left:24px;top:20px;border-color:rgba(15,118,110,.2);}

/* Responsive */
@media(max-width:900px){
  .cap-5grid { grid-template-columns:1fr 1fr; grid-template-rows:auto auto auto; }
  .cap-tl { grid-column:1; grid-row:1; justify-self:stretch; }
  .cap-tr { grid-column:2; grid-row:1; justify-self:stretch; }
  .cap-center-vis { grid-column:1/3; grid-row:2; margin:0 auto; }
  .cap-bl { grid-column:1; grid-row:3; justify-self:stretch; }
  .cap-br { grid-column:2; grid-row:3; justify-self:stretch; }
  .cap-card-wrap { flex-direction:column !important; max-width:100%; }
  .cap-float-tags { flex-direction:row; flex-wrap:wrap; }
}


/* ================================================================
   SECTION 6 — STATS  (Rose Gold #E2B07A)
   Text: Dark Navy / White mix · Cards: white/60 glass
   ================================================================ */
.stats-section{background:radial-gradient(circle at 67% 28%,rgba(244,195,122,.9),rgba(133,83,40,.7) 26%,transparent 55%),linear-gradient(116deg,#0a1128 0%,#17223d 38%,#704521 100%);padding:42px 0 18px;position:relative;overflow:hidden;isolation:isolate;}
.stats-section::before{content:'';position:absolute;inset:0;z-index:-1;background:none;}
.stats-showcase{position:relative;display:block;max-width:1080px;margin:0 auto;min-height:415px;}
.stats-copy{position:relative;z-index:3;width:46%;padding-top:34px;}
.stats-kicker{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(240,208,122,.8);border-radius:999px;color:#fff5e6;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;background:rgba(10,17,40,.16);}
.stats-kicker i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#F0D07A;color:#0A1128;font-size:10px;}
.stats-title{font-family:var(--font-h);font-size:clamp(42px,5.4vw,68px);font-weight:800;letter-spacing:-2.2px;color:#fff;line-height:1.02;margin:17px 0 7px;text-shadow:0 4px 18px rgba(0,0,0,.18);}
.stats-sub{font-size:13px;color:#F0D07A;margin:0;letter-spacing:4px;text-transform:uppercase;font-weight:700;}
.stats-intro{max-width:420px;margin-top:20px;color:rgba(255,255,255,.84);font-size:14px;line-height:1.7;}
.stats-visual{position:absolute;right:-65px;top:-26px;width:710px;height:420px;min-width:0;overflow:hidden;}
.stats-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 55% 42%,rgba(249,190,104,.3),transparent 57%);}
.stats-world-map{position:absolute;right:-30px;top:10px;width:680px;height:auto;z-index:1;filter:drop-shadow(0 0 11px rgba(240,199,111,.35));}
.map-routes{opacity:.78;}.map-points circle{fill:#fff3ca;filter:drop-shadow(0 0 5px #f0c76f);}.map-india>circle:not(.india-pulse){fill:#fff7dd;filter:drop-shadow(0 0 9px #fff2af);}.india-pulse{fill:none;stroke:#ffe28a;stroke-width:1.8;animation:indiaPulse 2.4s ease-out infinite;transform-origin:672px 229px;}@keyframes indiaPulse{0%{transform:scale(.55);opacity:1;}100%{transform:scale(2.1);opacity:0;}}
.stats-visual::after{content:'';position:absolute;right:-30px;bottom:-190px;width:610px;height:330px;border:1px solid rgba(255,240,205,.65);border-radius:50%;box-shadow:0 -18px 42px rgba(255,214,128,.88),inset 0 17px 50px rgba(255,243,217,.26);}
.stats-orbit{position:absolute;border:1px solid rgba(255,232,177,.55);border-radius:50%;z-index:1;}
.orbit-one{width:360px;height:196px;right:44px;top:89px;transform:rotate(15deg);}.orbit-two{width:504px;height:274px;right:-25px;top:44px;transform:rotate(-8deg);border-color:rgba(255,242,213,.32);}
.stats-globe{position:absolute;right:155px;bottom:-156px;width:405px;height:405px;border-radius:50%;display:grid;place-items:start center;padding-top:47px;background:radial-gradient(circle at 35% 24%,rgba(255,249,233,.92),rgba(199,132,68,.57) 45%,rgba(65,42,33,.85) 80%);box-shadow:inset -42px -24px 58px rgba(16,18,32,.63),0 -10px 52px rgba(255,208,115,.64);color:rgba(255,243,217,.55);font-size:180px;z-index:2;}
.stats-bars{position:absolute;right:60px;bottom:52px;display:flex;align-items:flex-end;gap:5px;padding:10px 13px 0;border-radius:9px 9px 22px 22px;background:rgba(10,17,40,.7);box-shadow:0 10px 18px rgba(0,0,0,.28);z-index:3;}.stats-bars span{display:block;width:25px;background:linear-gradient(135deg,#fff0c9,#c98636);border-radius:3px 3px 0 0;box-shadow:inset 2px 0 rgba(255,255,255,.25);}.stats-bars span:nth-child(1){height:35px;}.stats-bars span:nth-child(2){height:54px;}.stats-bars span:nth-child(3){height:76px;}.stats-bars span:nth-child(4){height:102px;}
.stats-swoosh{display:none;}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1080px;margin:-86px auto 0;position:relative;z-index:4;}
.stat-box{position:relative;min-height:198px;background:#fff;border:1px solid rgba(10,17,40,.09);border-radius:16px;padding:25px 25px 22px;box-shadow:0 16px 32px rgba(10,17,40,.1);transition:transform .3s,box-shadow .3s;overflow:hidden;}
.stat-box::after{content:'';position:absolute;right:-24px;bottom:-27px;width:106px;height:106px;background-image:radial-gradient(rgba(75,61,255,.25) 1.4px,transparent 1.4px);background-size:9px 9px;opacity:.75;}
.stat-box:hover{transform:translateY(-5px);box-shadow:0 24px 42px rgba(10,17,40,.16);}
.stat-box.highlight{background:linear-gradient(135deg,#0A1128,#19295d);border-color:transparent;}.stat-box.highlight::after{background-image:radial-gradient(rgba(226,176,122,.52) 1.4px,transparent 1.4px);}
.stat-icon{position:absolute;top:25px;left:25px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#f0ecff;color:#5e49de;font-size:18px;box-shadow:0 8px 16px rgba(75,61,255,.14);}.highlight .stat-icon{background:rgba(255,255,255,.13);color:#F0D07A;box-shadow:none;}
.stat-number{margin-left:65px;min-height:57px;display:flex;align-items:center;}.stat-num{font-family:var(--font-h);font-size:39px;font-weight:900;color:#4B3DFF;line-height:1;}.stat-unit{font-size:23px;font-weight:800;color:#4B3DFF;}.stat-num-text{font-family:var(--font-h);font-size:36px;font-weight:900;color:#3565d1;line-height:1;}.highlight .stat-num,.highlight .stat-unit,.highlight .stat-num-text{color:#F0D07A;}
.stat-box h3{font-size:13px;line-height:1.5;color:#0A1128;margin:12px 0 8px;max-width:205px;}.highlight h3{color:#fff;}.stat-box p{font-size:11px;color:rgba(10,17,40,.65);line-height:1.55;max-width:220px;}.highlight p{color:rgba(255,255,255,.7);}
@media(max-width:800px){.stats-section{padding-top:30px;}.stats-showcase{min-height:620px;text-align:center;}.stats-copy{width:100%;max-width:600px;margin:0 auto;}.stats-kicker{margin:auto;}.stats-intro{margin:17px auto 0;}.stats-visual{right:50%;top:220px;transform:translateX(50%) scale(.84);transform-origin:top center;}.stats-row{grid-template-columns:1fr;max-width:460px;margin:-90px auto 0;}.stat-box{text-align:left;}}
@media(max-width:480px){.stats-section{padding:26px 0 42px;}.stats-showcase{min-height:530px;}.stats-title{font-size:43px;}.stats-sub{font-size:11px;letter-spacing:3px;}.stats-visual{top:217px;transform:translateX(50%) scale(.58);}.stats-row{gap:14px;margin:-94px auto 0;}.stat-box{min-height:185px;padding:22px;}.stat-icon{left:22px;top:22px;}}

/* Worldwide footprint — map-led golden enterprise treatment. */
.stats-section{background:radial-gradient(ellipse at 83% 20%,rgba(224,162,68,.48) 0,rgba(156,95,38,.28) 23%,transparent 54%),radial-gradient(circle at 68% 65%,rgba(232,181,93,.12),transparent 31%),linear-gradient(112deg,#060d20 0%,#101b35 45%,#50301c 100%);padding:52px 0 24px;}
.stats-section::before{background-image:radial-gradient(rgba(229,184,92,.22) .75px,transparent .75px);background-size:20px 20px;opacity:.18;}
.stats-showcase{max-width:1120px;min-height:434px;}
.stats-copy{width:45%;padding-top:21px;}
.stats-kicker{border-color:rgba(229,184,92,.82);background:rgba(6,13,32,.38);box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 28px rgba(0,0,0,.14);}
.stats-title{font-size:clamp(48px,5.6vw,72px);margin-top:20px;}
.stats-sub{color:#e5b85c;}
.stats-intro{max-width:400px;color:rgba(255,255,255,.82);}
.stats-actions{display:flex;gap:14px;margin-top:22px;}
.stats-action{display:inline-flex;align-items:center;gap:12px;padding:12px 17px;border-radius:7px;font-size:12px;font-weight:800;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
.stats-action i{font-size:12px;transition:transform .25s ease;}.stats-action:hover{transform:translateY(-3px);}.stats-action:hover i{transform:translateX(3px);}
.stats-action-primary{background:linear-gradient(135deg,#e5b85c,#c98d2f);color:#0a1128;box-shadow:0 11px 22px rgba(206,147,52,.28);}.stats-action-primary:hover{background:#f2ca79;box-shadow:0 16px 28px rgba(206,147,52,.4);}
.stats-action-secondary{color:#fff4dd;border:1px solid rgba(229,184,92,.8);background:rgba(5,12,30,.28);}.stats-action-secondary:hover{background:rgba(229,184,92,.12);}
.stats-visual{right:-24px;top:-1px;width:720px;height:405px;overflow:visible;}.stats-visual::before{inset:-40px;background:radial-gradient(ellipse at 58% 48%,rgba(244,191,91,.27),transparent 56%);animation:mapAura 5s ease-in-out infinite alternate;}
.stats-world-map{right:-12px;top:4px;width:704px;filter:drop-shadow(0 0 10px rgba(240,199,111,.23));animation:mapFloat 7s ease-in-out infinite;}
.map-routes{opacity:.78;stroke-dasharray:3 3;animation:routeGlow 4s linear infinite;}.map-points circle{fill:#fff5d4;filter:drop-shadow(0 0 6px #f0c76f);animation:pointGlow 2.5s ease-in-out infinite;}
.map-points circle:nth-child(2n){animation-delay:-1.1s;}.india-pulse{fill:none;stroke:#ffe29a;stroke-width:1.4;animation:indiaPulse 2.3s ease-out infinite;transform-origin:672px 229px;}.india-pulse-two{animation-delay:1.15s;}.india-halo{fill:rgba(233,177,65,.28);filter:drop-shadow(0 0 13px #f2c861);}.india-core{fill:#fff9df;stroke:#e5ae45;stroke-width:2;filter:drop-shadow(0 0 10px #fff0b2);}.india-label-line{stroke:#f3ca77;stroke-width:1;opacity:.95;}.india-label{fill:#fff2cf;font:800 10px Arial,sans-serif;letter-spacing:1.5px;paint-order:stroke;stroke:#422715;stroke-width:2px;}.india-label-sub{fill:#e5b85c;font:700 6px Arial,sans-serif;letter-spacing:.7px;paint-order:stroke;stroke:#422715;stroke-width:1.4px;}
@keyframes mapFloat{50%{transform:translateY(-5px)}}@keyframes mapAura{to{opacity:.62;transform:scale(1.04)}}@keyframes routeGlow{to{stroke-dashoffset:-24}}@keyframes pointGlow{50%{opacity:.55;filter:drop-shadow(0 0 11px #fff4ca)}}
.stats-row{max-width:1120px;margin:-88px auto 0;gap:16px;}.stat-box{min-height:190px;border-radius:14px;padding:22px 24px 20px;background:linear-gradient(135deg,#fffdf9,#f5f0e8);box-shadow:0 18px 34px rgba(1,8,23,.23);}.stat-box::after{background-image:radial-gradient(rgba(217,164,65,.7) 1.35px,transparent 1.35px);}.stat-box.highlight{background:linear-gradient(135deg,#09152d,#10254c);box-shadow:0 18px 34px rgba(1,8,23,.3);}.stat-icon{top:22px;left:24px;background:#f5e1ba;color:#17223d;box-shadow:none;}.highlight .stat-icon{background:rgba(229,184,92,.16);color:#e5b85c;}.stat-number{margin-left:62px;min-height:51px;}.stat-num,.stat-unit,.stat-num-text{color:#0a1730;}.stat-box h3{margin-top:10px;}.stat-box h3::after{content:'';display:block;width:27px;height:1px;background:#d9a441;margin-top:8px;}.stat-box p{margin-top:9px;}
@media(max-width:800px){.stats-showcase{min-height:670px;}.stats-copy{padding-top:8px;}.stats-actions{justify-content:center;}.stats-visual{top:255px;}.stats-row{margin:-85px auto 0;}}
@media(max-width:480px){.stats-showcase{min-height:570px;}.stats-actions{gap:9px;margin-top:20px;}.stats-action{padding:11px 12px;font-size:11px;gap:8px;}.stats-visual{top:272px;}.stats-row{margin:-72px auto 0;}}

/* Dotted global footprint map. The map is rendered from the local geographic
   base image so its dot pattern stays crisp at every display size. */
.global-map-visual{right:-48px;top:-6px;width:760px;height:388px;overflow:visible;z-index:1;pointer-events:none;}
.stats-section{background:linear-gradient(108deg,#030c22 0%,#07142b 36%,#38271e 70%,#754b25 100%);}
.stats-section::before{display:none;}
.global-map-visual::before,.global-map-visual::after{content:none;display:none;}
.dotted-world-map,.global-map-overlay{position:absolute;inset:0;width:100%;height:100%;}.dotted-world-map{filter:drop-shadow(0 0 9px rgba(229,184,92,.26));}.global-map-overlay{overflow:visible;}
.global-map-overlay .map-routes{stroke:#e5b85c;stroke-width:1.35;stroke-linecap:round;opacity:.94;}.global-map-overlay .map-points circle{fill:#fff6d8;filter:drop-shadow(0 0 6px #e5b85c);}.global-map-overlay .map-points circle:nth-child(even){opacity:.9;}
.global-map-overlay .india-pulse{fill:none;stroke:#ffe4a0;stroke-width:1.5;transform-origin:672px 229px;animation:indiaPulse 2.3s ease-out infinite;}.global-map-overlay .india-pulse-two{animation-delay:1.15s;}.global-map-overlay .india-halo{fill:rgba(255,193,58,.38);filter:drop-shadow(0 0 14px #f4ba40);}.global-map-overlay .india-core{fill:#fffbe9;stroke:#f1b63c;stroke-width:2;filter:drop-shadow(0 0 9px #fff1ad);}.global-map-overlay .india-label-line{stroke:#e5b85c;stroke-width:1.3;}.global-map-overlay .india-label-bg{fill:rgba(8,16,36,.86);stroke:#e5b85c;stroke-width:1.2;filter:drop-shadow(0 4px 10px rgba(0,0,0,.22));}.global-map-overlay .india-label{fill:#ffd866;font:800 14px Arial,sans-serif;}.global-map-overlay .india-label-sub{fill:#fff5db;font:600 10px Arial,sans-serif;}
.stats-sub::after{content:'';display:block;width:40px;height:2px;margin-top:11px;background:#e5b85c;}

@media(max-width:800px){.global-map-visual{top:260px;right:50%;transform:translateX(50%) scale(.84);transform-origin:top center;}.stats-showcase:has(.global-map-visual){min-height:650px;}}
@media(max-width:480px){.global-map-visual{top:277px;transform:translateX(50%) scale(.56);}.stats-showcase:has(.global-map-visual){min-height:545px;}}

/* The supplied map already contains the India-only highlight and label. */
.stats-showcase{min-height:456px;}
.stats-copy{width:43%;}
.global-map-visual{width:clamp(420px,48vw,540px)!important;height:auto!important;aspect-ratio:543 / 257;right:-10px;top:25px;transform:none;overflow:visible;}
.global-map-image{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(1.1) contrast(1.08) saturate(1.12) drop-shadow(0 0 8px rgba(229,184,92,.22));}
@media(max-width:800px){.global-map-visual{width:min(84vw,620px)!important;top:265px;right:50%;transform:translateX(50%);}.stats-showcase:has(.global-map-visual){min-height:650px;}}
@media(max-width:480px){.global-map-visual{width:calc(100vw - 36px)!important;top:275px;}.stats-showcase:has(.global-map-visual){min-height:535px;}}

/* Keep the reference desktop composition on compact laptop / browser widths.
   The older 800px rule was prematurely centering the map and stacking cards. */
@media (min-width:641px) and (max-width:800px){
  .stats-showcase{min-height:456px;text-align:left;}
  .stats-copy{width:43%;max-width:none;margin:0;padding-top:21px;}
  .stats-kicker{margin:0;}
  .stats-intro{margin:20px 0 0;}
  .stats-actions{justify-content:flex-start;}
  .global-map-visual{width:clamp(420px,48vw,540px)!important;right:-10px;top:25px;transform:none;}
  .stats-row{display:grid;grid-template-columns:repeat(3,1fr);max-width:1120px;margin:-88px auto 0;}
}

/* ================================================================
   SECTION 7 — TESTIMONIALS  (White bg · Brand-themed cards)
   ================================================================ */
.testimonials-section{background:linear-gradient(180deg,#ffffff 0%,#F7F8FC 100%);padding:72px 0;}
.testimonials-section .sec-eyebrow{color:#4B3DFF;}
.testimonials-section .sec-h2{color:#0A1128;}
/* Spotlight — a single wide card that fully slides out, replaced by the next
   one fully sliding in from the opposite side. */
.testi-spotlight{
  max-width:1120px;margin:28px auto 0;
}
.testi-carousel{overflow:hidden;width:100%;}

.testi-spotlight-main{
  position:relative;overflow:hidden;
  background:#000;color:#F8F9FB;
  border-radius:26px;padding:44px 60px;
  min-height:300px;
  border:2px solid transparent;
  background-image:linear-gradient(#000,#000),var(--ov-gradient);
  background-origin:border-box;background-clip:padding-box,border-box;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  box-shadow:0 20px 50px rgba(0,0,0,0.4);
}
.testi-spotlight-main::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 12% 15%,rgba(27,63,166,0.35),transparent 45%),
    radial-gradient(circle at 88% 85%,rgba(47,168,75,0.28),transparent 45%);
}
.testi-spotlight-main::after{
  content:'';position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);
  width:64%;height:3px;border-radius:3px;background:var(--ov-gradient);
}

.tsm-quote-mark{
  position:relative;font-size:30px;line-height:1;margin-bottom:18px;
  background:var(--ov-gradient);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.tsm-text{position:relative;font-size:19px;line-height:1.6;font-weight:600;color:#F8F9FB;font-style:normal;margin-bottom:26px;max-width:700px;}
.tsm-client{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;}
.tsm-logo{width:68px;height:42px;border-radius:9px;background:#fff;border:1px solid rgba(20,152,143,0.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:5px;}
.testi-client-logo{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.tsm-logo:has(.testi-client-logo-altius){width:80px;height:54px;padding:3px;}
.testi-client-logo-altius{max-height:48px;}
.tsm-client strong{display:block;font-size:15px;font-weight:700;color:#F8F9FB;}
.tsm-client span{display:block;font-size:9.5px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:rgba(248,249,251,0.45);margin-top:1px;}

/* ================================================================
   SECTION 8 — CONTACT  (Midnight Blue #0A1128)
   Form box: slightly lighter dark card
   ================================================================ */
.contact-section{background:#0A1128;padding:88px 0;}
.contact-wrap{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:start;max-width:1100px;margin:0 auto;}
.contact-left h2{font-family:var(--font-h);font-size:clamp(28px,3.2vw,40px);font-weight:700;line-height:1.22;color:#F8F9FB;margin-bottom:18px;}
.contact-left>p{font-size:14px;color:rgba(248,249,251,0.65);line-height:1.78;max-width:380px;}
.contact-write{font-size:14px;font-weight:500;color:rgba(248,249,251,0.65);margin-top:32px;}
.contact-email,.contact-phone{display:block;font-size:15px;font-weight:600;color:#7DD3C7;margin-top:5px;transition:color 0.25s;}
.contact-email:hover,.contact-phone:hover{color:#E2B07A;}
.contact-form-box{
  background:#111C48;
  border:1px solid rgba(75,61,255,0.22);
  border-radius:24px;padding:42px 38px;
}
.contact-form-box h3{font-family:var(--font-h);font-size:21px;font-weight:700;color:#F8F9FB;margin-bottom:26px;}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.contact-form-box input,
.contact-form-box select,
.contact-form-box textarea{
  width:100%;
  background:rgba(248,249,251,0.06);
  border:1px solid rgba(248,249,251,0.12);
  border-radius:12px;padding:13px 17px;
  font-size:13.5px;color:#F8F9FB;
  font-family:var(--font-b);outline:none;
  transition:border-color 0.3s,box-shadow 0.3s;
}
.contact-form-box input:focus,
.contact-form-box select:focus,
.contact-form-box textarea:focus{border-color:#4B3DFF;box-shadow:0 0 0 3px rgba(75,61,255,0.14);}
.contact-form-box input::placeholder,
.contact-form-box textarea::placeholder{color:rgba(248,249,251,0.3);}
.contact-form-box select{color:rgba(248,249,251,0.65);}
.contact-form-box select option{background:#111C48;color:#F8F9FB;}
.contact-form-box textarea{margin-bottom:18px;resize:vertical;min-height:112px;}
.cf-send-btn{
  width:100%;background:var(--g-purple);color:#fff;
  border:none;border-radius:12px;padding:15px;
  font-size:16px;font-weight:600;cursor:pointer;
  font-family:var(--font-b);
  transition:transform 0.3s,box-shadow 0.3s;
  box-shadow:0 4px 22px rgba(75,61,255,0.38);
}
.cf-send-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(75,61,255,0.52);}
.form-success{text-align:center;padding:40px;}
.form-success i{font-size:44px;color:#7DD3C7;margin-bottom:14px;display:block;}
.form-success h3{font-size:21px;font-weight:700;color:#F8F9FB;margin-bottom:9px;}
.form-success p{font-size:13px;color:rgba(248,249,251,0.65);}

/* ================================================================
   FOOTER  (#04080F near-black)
   ================================================================ */
.site-footer{background:#04080F;position:relative;overflow:hidden;}
.footer-top-bar{
  width:100%;height:2px;
  background:linear-gradient(90deg,transparent 0%,#4B3DFF 30%,#7DD3C7 50%,#E2B07A 70%,transparent 100%);
  background-size:200% 100%;animation:ftB 5s linear infinite;
}
@keyframes ftB{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
.footer-inner{display:flex;flex-direction:column;align-items:center;padding:64px 44px 44px;position:relative;z-index:2;}
.footer-brand-name{display:block;margin-bottom:36px;font-family:var(--font-h);font-size:42px;font-weight:700;letter-spacing:-1px;color:#fff;text-shadow:0 0 18px rgba(184,132,255,.25);transition:transform .25s ease,color .25s ease;}
.footer-brand-name:hover{transform:translateY(-2px);color:#e3d1ff;}
.footer-brand-logo{display:block;margin-bottom:32px;transition:transform .25s ease;}
.footer-brand-logo:hover{transform:translateY(-2px);}
.footer-brand-logo .wordmark-text{font-size:32px;}
.footer-nav{display:flex;align-items:center;gap:34px;margin-bottom:30px;flex-wrap:wrap;justify-content:center;}
.footer-nav a{font-size:14px;color:rgba(248,249,251,0.55);transition:color 0.25s;}
.footer-nav a:hover{color:#F8F9FB;}
.footer-socials{display:flex;gap:12px;}
.footer-socials a{
  width:42px;height:42px;
  background:rgba(248,249,251,0.05);border:1px solid rgba(248,249,251,0.1);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:16px;color:rgba(248,249,251,0.55);transition:all 0.3s;
}
.footer-socials a:hover{background:#4B3DFF;border-color:#4B3DFF;color:#fff;transform:translateY(-3px);box-shadow:0 6px 22px var(--glow-p);}
.footer-watermark{
  position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);
  width:max-content;font-family:var(--font-h);font-size:clamp(72px,14vw,180px);font-weight:800;letter-spacing:.08em;color:#fff;opacity:.12;
  pointer-events:none;user-select:none;z-index:1;
}
.footer-bottom-bar{
  background:rgba(0,0,0,0.35);border-top:1px solid rgba(248,249,251,0.04);
  padding:18px 44px;text-align:center;position:relative;z-index:2;
}
.footer-bottom-bar p{font-size:12px;color:rgba(248,249,251,0.3);}

/* ================================================================
   BACK TO TOP
   ================================================================ */
.back-to-top{
  position:fixed;bottom:28px;right:28px;
  width:46px;height:46px;background:var(--g-main);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;opacity:0;transform:translateY(16px);
  transition:all 0.4s;z-index:999;
  box-shadow:0 4px 20px var(--glow-p);font-size:15px;color:#fff;
}
.back-to-top.visible{opacity:1;transform:translateY(0);}
.back-to-top:hover{transform:translateY(-4px);box-shadow:0 10px 30px var(--glow-p);}
.whatsapp-float{
  position:fixed;right:28px;bottom:88px;width:46px;height:46px;
  display:flex;align-items:center;justify-content:center;border-radius:50%;
  background:#25D366;color:#fff;font-size:25px;z-index:999;
  box-shadow:0 4px 20px rgba(37,211,102,.34);transition:transform .25s,box-shadow .25s;
}
.whatsapp-float:hover{color:#fff;transform:translateY(-4px);box-shadow:0 10px 28px rgba(37,211,102,.48);}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:1100px){
  .cap-layout { grid-template-columns: 1fr; gap: 48px; }
  .cap-cards-grid { grid-template-columns:1fr 1fr; }
  .contact-wrap{grid-template-columns:1fr;gap:44px;}
}
@media(max-width:768px){
  .nav-links,.nav-cta-btn{display:none;}
  .hamburger{display:flex;}
  .cap-cards-grid{grid-template-columns:1fr;}
  .brands-grid{gap:12px;}
  .brands-logo-row{gap:12px;flex-wrap:wrap;}
  .brand-card{width:140px;height:72px;padding:10px 14px;}
  .brand-logo-img{max-height:28px;}
  .brand-logo-altius{max-height:42px;}
  .brand-logo-round{max-height:40px;}
  .brands-stats{grid-template-columns:1fr 1fr;border-radius:16px;}
  .brands-stat{padding:22px 14px;border-bottom:1px solid rgba(10,17,40,0.08);}
  .brands-stat:nth-child(2n){border-right:none;}
  .brands-stat:nth-last-child(-n+2){border-bottom:none;}
  .cap-feel-heading{font-size:clamp(28px,8vw,48px);letter-spacing:-0.5px;}
  .cap-feel-icons{gap:24px;}
  .stats-row{flex-direction:column;align-items:center;}
  .hero-h1{font-size:30px;}
  .cf-row{grid-template-columns:1fr;}
  .footer-nav{gap:18px;}
  .contact-form-box{padding:28px 22px;}
  .container{padding:0 22px;}
}
@media(max-width:480px){
  .hero-h1{font-size:24px;}
  .footer-watermark{font-size:clamp(50px,14vw,110px);}
  .footer-inner{padding:48px 22px 36px;}
  .cap-grid{grid-template-columns:1fr;}
}

/* Final shared hero background override — matches the About Us diagonal treatment. */
.hero{background:#0A1128;}
.hero::before{content:none;}

/* Match the About Us hero height on the homepage — content-driven, no fixed
   height, so there's no leftover empty space below the Know More button. */
.hero{height:auto;min-height:0;padding:150px 0 72px;}
.hero-body{max-width:1120px;}

/* ================================================================
   MOBILE LAYOUT — shared safeguards for every page
   ================================================================ */
@media (max-width:768px){
  html{font-size:16px;}
  .nav-container{height:76px;padding:0 20px;}
  .nav-logo{gap:8px;margin-right:0;}
  .nav-logo.nav-wordmark{margin-right:0;margin-left:-20px;}
  .genai-page{padding-top:76px;}
  .genai-page .genai-subnav{top:76px;}
  .nav-logo-img{height:52px;}
  .nav-logo-icon{width:58px;height:48px;border-radius:13px;}
  .brand-logo-icon-art{width:145px;height:145px;left:-43px;top:-38px;}
  .logo-text-wrap{gap:4px;}
  .logo-name{font-size:16px;letter-spacing:2.4px;}
  .logo-sub{font-size:6.5px;letter-spacing:2.5px;}
  .mobile-drawer{top:76px;padding:8px 0 16px;}
  .mobile-drawer ul li a{padding:14px 22px;}
  .drw-cta{margin:14px 22px 0!important;}

  .hero{height:auto;min-height:0;padding:110px 0 60px;}
  .hero-body{width:100%;padding:0 22px;}
  .hero-badge{margin-bottom:24px;padding:7px 15px;font-size:10px;letter-spacing:1.1px;}
  .hero-titles{margin-bottom:20px;}
  .hero-h1{font-size:clamp(28px,8vw,40px);line-height:1.08;}
  .hero-desc{margin-bottom:30px;line-height:1.7;}
  .hero-know-btn{padding:13px 28px;}
  .scroll-mouse{bottom:22px;}

  .brands-section,.services-section,.industries-section,.capabilities-section,
  .stats-section,.testimonials-section,.contact-section{padding:58px 0;}
  .sec-sub,.sec-sub-svc,.sec-sub-ind{margin-bottom:32px;font-size:14px;}
  
  
  .svc-card,.ind-card{flex:0 0 260px;width:260px;padding:24px 20px;}
  .testi-spotlight-main{padding:36px 28px;min-height:300px;}
  .tsm-text{font-size:16.5px;}
  .svc-explore-btn,.ind-explore-btn{padding:12px 24px;}
  .cap-5grid{gap:20px;}
  .cap-center-vis{transform:scale(.82);margin:-14px auto!important;}
  .cap-float-tags{opacity:1;transform:none;pointer-events:auto;}
  .cap-float-tags span{font-size:11px;padding:6px 10px;}
  .stats-sub{margin-bottom:32px;letter-spacing:2px;}
  .stat-box{width:100%;min-width:0;}
  .contact-wrap{gap:32px;}
  .contact-form-box{padding:24px 18px;}
  .footer-nav{justify-content:center;row-gap:10px;}
  .back-to-top{right:18px;bottom:18px;}
  .whatsapp-float{right:18px;bottom:78px;}
}

/* About Us mission section — midnight-blue surface. */
.about-mission{background:#0A1128;}
.about-mission .about-kicker{color:#7DD3C7;}
.about-mission h2{color:#F8F9FB;}
.about-mission p:not(.about-kicker){color:rgba(248,249,251,.72);}
.about-mission a{background:#7DD3C7;color:#0A1128;}
.about-mission a:hover{background:#F0D07A;color:#0A1128;}

@media (max-width:480px){
  .container{padding-left:18px;padding-right:18px;}
  .nav-container{padding-left:18px;padding-right:18px;}
  .hero{height:auto;min-height:0;padding:96px 0 50px;}
  .hero-h1{font-size:28px;}
  .hero-desc{font-size:13.5px;}
  .scroll-mouse{display:none;}
  .brands-section,.services-section,.industries-section,.capabilities-section,
  .stats-section,.testimonials-section,.contact-section{padding:50px 0;}
  .sec-eyebrow{font-size:12.5px;letter-spacing:2.4px;}
  .svc-card,.ind-card{flex-basis:calc(100vw - 48px);padding:22px 18px;}
  .testi-spotlight-main{padding:30px 22px;min-height:300px;}
  .tsm-quote-mark{font-size:26px;}
  .tsm-text{font-size:16px;}
  .svc-explore-btn,.ind-explore-btn{width:calc(100% - 36px);justify-content:center;}
  .footer-nav{gap:10px 14px;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
  /* Services/Industries card marquees stay auto-sliding — slow, decorative,
     linear motion; users can still stop it via hover/touch-hold. */
  .svc-track{animation-duration:30s!important;animation-iteration-count:infinite!important;}
  .ind-track{animation-duration:32s!important;animation-iteration-count:infinite!important;}
}

/* ========================================================================== */
/* PAGE STYLES MERGED FROM: about.css */
/* ========================================================================== */
.about-hero{position:relative;overflow:hidden;padding:145px 0 72px;background:#0A1128;text-align:center;color:#F8F9FB}.about-hero-lines{position:absolute;inset:0;opacity:.25;background:repeating-linear-gradient(45deg,transparent 0 100px,rgba(125,211,199,.13) 101px 145px)}.about-hero-inner{position:relative}.about-hero p,.about-kicker{font-size:14px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#F0D07A;margin-bottom:15px}.about-hero h1,.about-mission h2,.about-values h2,.leadership h2,.about-contact h2{font-family:var(--font-h);line-height:1.18}.about-hero h1{font-size:clamp(25px,5vw,50px);max-width:890px;margin:auto}.about-hero h1 em{font-style:normal;color:#7DD3C7}.about-hero-inner>span{display:block;max-width:760px;margin:23px auto 44px;line-height:1.75;color:rgba(248,249,251,.72)}.about-stats{display:flex;justify-content:center;max-width:720px;margin:auto;border-top:1px solid rgba(255,255,255,.17)}.about-stats b{padding:20px 43px;font-size:20px}.about-stats b+b{border-left:1px solid rgba(255,255,255,.17)}.about-stats small{display:block;font:400 12px var(--font-b);color:rgba(248,249,251,.62)}
.about-mission{padding:92px 0;background:#F8F9FB}.about-mission>.container{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-visual{min-height:380px;border-radius:24px;background:#ffffff;border:1px solid rgba(10,17,40,.08);display:grid;place-items:center;box-shadow:0 20px 45px rgba(10,17,40,.12)}.about-visual div{text-align:center;color:#F0D07A}.about-visual i{font-size:82px;display:block;margin-bottom:22px}.about-visual span{font:700 25px var(--font-h);color:#fff;line-height:1.4}.about-kicker{color:#0F766E}.about-mission h2,.about-values h2,.leadership h2{font-size:clamp(30px,4vw,48px);color:#0A1128}.about-mission h2 span,.about-values h2 span,.leadership h2 span{color:#0F766E}.about-mission p:not(.about-kicker){margin-top:18px;color:rgba(10,17,40,.67);line-height:1.8}.about-mission a{display:inline-block;margin-top:24px;padding:13px 20px;border-radius:99px;background:#0A1128;color:#7DD3C7;font-weight:700;font-size:13px}.about-mission a i,.about-contact a i{margin-left:7px}
.about-values{padding:90px 0;background:#0A1128;color:#F8F9FB;text-align:center}.about-values .about-kicker{color:#F0D07A}.about-values h2{color:#fff}.about-values h2 span{color:#7DD3C7}.about-values-intro{max-width:680px;margin:18px auto 40px;line-height:1.75;color:rgba(248,249,251,.68)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:left}.value-grid article{padding:28px;border:1px solid rgba(125,211,199,.25);border-radius:19px;background:rgba(255,255,255,.08)}.value-grid i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#7DD3C7;color:#0A1128;font-size:18px;margin-bottom:24px}.value-grid h3{font-size:19px;margin-bottom:12px}.value-grid p{font-size:13px;line-height:1.7;color:rgba(248,249,251,.7)}
.leadership{padding:92px 0;background:#F8F9FB}.leadership-intro{margin:15px 0 40px;color:rgba(10,17,40,.65)}.leader-grid{display:grid;gap:30px}
.photo-note{display:none}@media(max-width:900px){.value-grid{grid-template-columns:repeat(2,1fr)}.about-mission>.container{grid-template-columns:1fr;gap:38px}.about-contact>.container{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.about-hero{padding:120px 0 55px}.about-stats b{padding:15px 10px;font-size:16px}.value-grid{grid-template-columns:1fr}}

/* Leadership labels stay visible below the photo; remove the old decorative circle. */
.leader-photo::before { display: none; }

/* ===== Leadership Section ===== */
.leadership {
  padding: 72px 0 80px;
  background: #F8F9FB;
}
.leadership-intro {
  margin: 10px 0 40px;
  color: rgba(10,17,40,.60);
  font-size: 14px;
}

/* Grid � 3 equal columns */
.leader-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  max-width: 860px;
  margin: 0 auto;
}

/* Card � no border, no shadow, just clean */
.leader-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  transition: transform .3s ease;
}
.leader-card:hover {
  transform: translateY(-4px);
}

/* Full photo � rounded top, fixed compact height */
.leader-photo {
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 14px;
  background: #dde3ec;
  flex-shrink: 0;
}
.leader-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  transition: transform .4s ease;
}
.leader-card:hover .leader-photo img {
  transform: scale(1.03);
}

/* Info block below photo */
.leader-info {
  padding: 14px 4px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 3px;
  background: transparent;
}
.leader-card h3 {
  font-size: 14px;
  font-weight: 800;
  color: #0A1128;
  margin: 0;
  letter-spacing: .5px;
  text-transform: uppercase;
}
.leader-role {
  font-size: 12px;
  font-weight: 500;
  color: #0A1128 !important;
  margin: 0 0 8px !important;
  letter-spacing: .1px;
}
.leader-linkedin {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  color: #7B2FFF !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s ease;
}
.leader-linkedin:hover { color: #5a1ecc !important; }
.leader-linkedin i {
  font-size: 22px;
  color: #7B2FFF !important;
  background: none !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  margin: 0 !important;
  flex-shrink: 0;
  display: inline;
}

/* Responsive */
@media (max-width: 700px) { .leader-grid { grid-template-columns: repeat(2,1fr); gap: 24px; } }
@media (max-width: 420px) { .leader-grid { grid-template-columns: 1fr; } }
.leader-linkedin:hover{color:#0A66C2!important;transform:translateX(2px);}.leader-linkedin:hover i{color:#0A66C2;}
@media(max-width:560px){.leader-grid{grid-template-columns:1fr;}.leader-photo{height:300px;flex-basis:300px;}}

/* Oryvan Global wordmark on the mission card. */
.about-brand-logo{display:grid!important;place-items:center;height:100%;}
.about-brand-logo img{display:block;width:min(56%,280px);height:auto;filter:drop-shadow(0 8px 18px rgba(4,8,28,.2));}

/* Match the homepage white-and-gold hero typography. */
.about-hero h1 em{color:#E2B07A;}

/* ========================================================================== */
/* PAGE STYLES MERGED FROM: genai.css */
/* ========================================================================== */
/* Shared About Us diagonal hero treatment. */
.genai-hero{background:#0A1128}.genai-hero::before{content:none}.genai-hero-bg{display:none}
/* ============================================================
   ORYVAN GLOBAL GENAI COE — genai.css
   Fonts:   Poppins for headings and body text
   Palette: Midnight Blue · Royal Purple · Deep Ocean
            Teal Mist · Pearl White · Rose Gold
   ============================================================ */

/* ── CSS vars mirroring homepage ── */
:root {
  --gai-midnight: #0A1128;
  --gai-royal:    #4B3DFF;
  --gai-ocean:    #0F766E;
  --gai-teal:     #7DD3C7;
  --gai-pearl:    #F8F9FB;
  --gai-gold:     #E2B07A;
  --gai-gold-lt:  #F0D07A;
  --gai-white:    #ffffff;
  --gai-fh: 'Inter', sans-serif;
  --gai-fb: 'Inter', sans-serif;
  --gai-glow:     rgba(75,61,255,0.38);
}

/* ── PAGE BASE ── */
.genai-page { background: var(--gai-midnight); font-family: var(--gai-fb); }
.active-nav { color: var(--gai-gold) !important; }
.active-nav::after { width: 100% !important; background: var(--gai-gold) !important; }

/* Homepage-aligned GenAI hero: same centered composition, gold accent and type scale. */
.genai-hero { min-height:calc(100vh - 0px); justify-content:center; }
.genai-hero-inner {
  max-width:1000px;
  width:100%;
  margin:0 auto;
  padding:92px 44px 76px;
  text-align:center;
}
.gh-eyebrow { color:var(--gai-gold); margin-bottom:8px; }
.gh-h1 { max-width:900px; margin-left:auto; margin-right:auto; }
.gh-h1 em {
  font-style:normal;
  background:linear-gradient(90deg,#E2B07A 0%,#F0D07A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.gh-desc { max-width:620px; margin-left:auto; margin-right:auto; margin-bottom:44px; }
.gh-btns { justify-content:center; margin-bottom:0; }
.gh-btn-primary { gap:10px; background:transparent; color:var(--gai-pearl); border:1px solid rgba(248,249,251,.28); font-weight:500; }
.gh-btn-primary:hover { background:rgba(248,249,251,.08); color:var(--gai-pearl); }
.gh-stats { display:none; }

/* ============================================================
   HERO — exact Midnight Blue match to homepage
   ============================================================ */
.genai-hero {
  position: relative; min-height: 100vh;
  display: flex; align-items: center;
  overflow: hidden;
  background: var(--gai-midnight);
  padding-top: 68px;
}
.genai-hero-bg { position: absolute; inset: 0; z-index: 0; }

.genai-hero::before {
  content: ""; position: absolute; inset: 0; z-index: 0;
  background:
    radial-gradient(ellipse 70% 60% at 18% 25%, rgba(75,61,255,0.18), transparent 60%),
    radial-gradient(ellipse 55% 50% at 85% 15%, rgba(75,61,255,0.12), transparent 55%),
    radial-gradient(ellipse 40% 35% at 50% 85%, rgba(15,118,110,0.08), transparent 50%);
  animation: ghAmbient 20s ease-in-out infinite alternate;
}
@keyframes ghAmbient { 0%{ opacity:.7; } 100%{ opacity:1; } }

.genai-hero-bg::before {
  content: ""; position: absolute; inset: -60px;
  background-image: radial-gradient(circle, rgba(125,211,199,0.08) 1px, transparent 1px);
  background-size: 38px 38px;
  animation: ghDotDrift 28s linear infinite;
}
@keyframes ghDotDrift { from{transform:translate(0,0);} to{transform:translate(38px,38px);} }

.genai-hero-bg span {
  position: absolute; display: block; border-radius: 50%; background: #fff;
  animation: ghTwinkle ease-in-out infinite;
}
@keyframes ghTwinkle { 0%,100%{opacity:.08;transform:scale(.8);} 50%{opacity:.9;transform:scale(1.2);} }

#genaiCanvas { position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.38;z-index:1; }

.ghb-grad {
  position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(to bottom, transparent 75%, rgba(10,17,40,0.65) 100%);
}
.ghb-lines { position:absolute;inset:0;overflow:hidden;z-index:2;pointer-events:none; }
.ghl {
  position:absolute;width:1px;height:240%;
  background:linear-gradient(to bottom,transparent 0%,rgba(125,211,199,0.0) 30%,rgba(125,211,199,0.09) 50%,rgba(125,211,199,0.0) 70%,transparent 100%);
  transform-origin:top center;
}
.ghl1{left:20%;transform:rotate(18deg);animation:ghLM 22s linear infinite 0s;}
.ghl2{left:45%;transform:rotate(18deg);animation:ghLM 22s linear infinite 7s;opacity:.6;}
.ghl3{left:72%;transform:rotate(18deg);animation:ghLM 22s linear infinite 14s;opacity:.4;}
.ghl4{display:none;}
@keyframes ghLM{0%{transform:rotate(18deg) translateY(-65%);opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{transform:rotate(18deg) translateY(15%);opacity:0;}}
.ghb-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;}
.go1{width:450px;height:450px;background:rgba(75,61,255,0.14);top:-80px;left:-60px;animation:gOF 16s ease-in-out infinite 0s;}
.go2{width:340px;height:340px;background:rgba(15,118,110,0.10);bottom:-60px;right:-40px;animation:gOF 13s ease-in-out infinite 6s;}
@keyframes gOF{0%,100%{transform:translate(0,0);}50%{transform:translate(18px,-18px);}}

/* ── HERO CONTENT ── */
.genai-hero-inner { position:relative;z-index:10;max-width:760px;padding:60px 44px 80px; }

.gh-eyebrow {
  font-family: var(--gai-fb); font-size: 12px; font-weight: 600;
  letter-spacing: 3px; text-transform: uppercase;
  color: var(--gai-teal); margin-bottom: 20px; display: block; margin-top: 66px;
}
/* Hero H1 uses the shared Poppins family. */
.gh-h1 {
  font-family: var(--gai-fh);
  font-size: clamp(25px, 5vw, 50px); font-weight: 600;
  line-height: 1.13; color: var(--gai-pearl);
  letter-spacing: -0.5px; margin-bottom: 24px;
}
.gh-h1 em {
  font-style: italic;
  background: linear-gradient(90deg, #8B78FF, var(--gai-royal));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.gh-desc {
  font-family: var(--gai-fb);
  font-size: clamp(14px,1.55vw,17px); color: rgba(248,249,251,0.65);
  line-height: 1.82; max-width: 600px; margin-bottom: 40px;
}
.gh-btns { display:flex;gap:16px;flex-wrap:wrap;margin-bottom:56px; }
.gh-btn-primary {
  display:inline-flex;align-items:center;padding:15px 42px;
  background: var(--gai-pearl); color: var(--gai-midnight);
  border-radius:50px;font-family:var(--gai-fb);font-size:15px;font-weight:600;
  transition:all .3s;
}
.gh-btn-primary:hover{background:#e8e8f0;transform:translateY(-2px);box-shadow:0 8px 24px rgba(248,249,251,0.18);}
.gh-btn-outline {
  display:inline-flex;align-items:center;padding:15px 42px;
  border:1.5px solid rgba(248,249,251,0.45);color:var(--gai-pearl);
  border-radius:50px;font-family:var(--gai-fb);font-size:15px;font-weight:500;
  background:rgba(75,61,255,0.08);transition:all .3s;
}
.gh-btn-outline:hover{border-color:var(--gai-pearl);background:rgba(248,249,251,0.08);transform:translateY(-2px);}
.gh-stats { display:flex;gap:44px;flex-wrap:wrap; }
.gh-stat span { font-family:var(--gai-fh);display:block;font-size:17px;font-weight:700;color:var(--gai-pearl);margin-bottom:4px; }
.gh-stat p { font-family:var(--gai-fb);font-size:12px;color:rgba(248,249,251,0.50);letter-spacing:.5px; }

/* ============================================================
   STICKY SUBNAV
   ============================================================ */
.genai-subnav {
  position:sticky;top:0;z-index:900;
  background:var(--gai-midnight);
  border-bottom:1px solid rgba(75,61,255,0.18);
  box-shadow:0 2px 20px rgba(0,0,0,.3);
}
.genai-subnav-inner { display:flex;overflow-x:auto;padding:0 44px; }
.gsn-link {
  flex-shrink:0;display:block;padding:16px 20px;
  font-family:var(--gai-fb);font-size:13.5px;font-weight:500;
  color:rgba(248,249,251,.6);
  border-bottom:2px solid transparent;
  transition:color .25s,border-color .25s;white-space:nowrap;
}
.gsn-link:hover { color:var(--gai-pearl); }
.gsn-link.active { color:var(--gai-pearl);border-bottom-color:var(--gai-royal); }

/* ============================================================
   SHARED SECTION TYPOGRAPHY (used in all section variants)
   ============================================================ */
.genai-eyebrow {
  display:block;font-family:var(--gai-fb);font-size:14px;font-weight:800;
  letter-spacing:3px;text-transform:uppercase;
  color:var(--gai-teal);margin-bottom:14px;
  text-align: center;
}
/* H2 uses the shared Poppins family. */
.genai-h2 {
  font-family: var(--gai-fh);
  font-size:clamp(28px,3.8vw,48px);font-weight:700;
  color:var(--gai-pearl);line-height:1.18;margin-bottom:16px;
}
.genai-h2 em {
  font-style:italic;
  background:linear-gradient(90deg,#8B78FF,var(--gai-royal));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.genai-desc {
  font-family:var(--gai-fb);font-size:15px;
  color:rgba(248,249,251,.62);line-height:1.75;max-width:620px;margin-bottom:52px;
}

/* ============================================================
   SECTION 1 — CAPABILITIES  (White bg)
   ============================================================ */
.genai-section { padding:80px 0;background:var(--gai-white); }
.genai-section .genai-eyebrow { color:var(--gai-royal); }
.genai-section .genai-h2      { color:var(--gai-midnight); }
.genai-section .genai-desc    { color:rgba(10,17,40,.65); }

.genai-practice { padding:52px 0 12px;border-top:1px solid rgba(10,17,40,.08); }
.gp-meta  { display:flex;align-items:center;gap:12px;margin-bottom:10px; }
.gp-num   { font-family:var(--gai-fb);font-size:12px;font-weight:700;color:var(--gai-royal);letter-spacing:1px; }
.gp-count { font-family:var(--gai-fb);font-size:12px;color:rgba(10,17,40,.42);padding-left:12px;border-left:1px solid rgba(10,17,40,.14); }
.gp-title { font-family:var(--gai-fh);font-size:clamp(22px,3vw,34px);font-weight:700;color:var(--gai-midnight);margin-bottom:10px;line-height:1.2; }
.gp-sub   { font-family:var(--gai-fb);font-size:14px;color:rgba(10,17,40,.58);margin-bottom:32px;max-width:560px;line-height:1.65; }

.gc-list { display:flex;flex-direction:column;gap:16px;max-width:860px; }
.gc-card {
  background:var(--gai-white);border:1.5px solid rgba(75,61,255,.10);
  border-radius:16px;padding:30px 32px;
  box-shadow:0 2px 14px rgba(10,17,40,.05);
  transition:border-color .3s,box-shadow .3s,transform .3s;cursor:default;
}
.gc-card:hover { border-color:rgba(75,61,255,.28);box-shadow:0 10px 36px rgba(75,61,255,.12);transform:translateX(4px); }
.gc-num   { font-family:var(--gai-fb);font-size:11px;font-weight:700;color:var(--gai-royal);letter-spacing:1px;display:block;margin-bottom:8px; }
.gc-title { font-family:var(--gai-fh);font-size:18px;font-weight:700;color:var(--gai-midnight);margin-bottom:6px;line-height:1.3; }
.gc-tag   { font-family:var(--gai-fb);font-size:13px;font-weight:500;color:var(--gai-royal);margin-bottom:12px;display:block; }
.gc-body  { font-family:var(--gai-fb);font-size:13.5px;color:rgba(10,17,40,.65);line-height:1.70;margin-bottom:14px; }
.gc-stack { font-family:var(--gai-fb);font-size:12px;color:rgba(10,17,40,.40);font-style:italic; }

/* ============================================================
   SECTION 2 & 3 — HOW TO CHOOSE / HOW WE PAIR  (Deep Ocean)
   ============================================================ */
.genai-ocean { background:var(--gai-ocean);padding:80px 0; }
.genai-ocean .genai-eyebrow { color:var(--gai-gold-lt); }
.genai-ocean .genai-h2      { color:var(--gai-white); }
.genai-ocean .genai-h2 em   { color:var(--gai-gold-lt);-webkit-text-fill-color:var(--gai-gold-lt);background:none; }
.genai-ocean .genai-desc    { color:rgba(255,255,255,.78); }

/* Table */
.gtable-wrap { overflow-x:auto;margin-top:8px;background:rgba(255,255,255,.04);border-radius:16px;padding:4px; }
.genai-table { width:100%;border-collapse:collapse; }
.genai-table thead th {
  background:rgba(255,255,255,.10);padding:16px 24px;text-align:left;
  font-family:var(--gai-fb);font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.12);
}
.genai-table tbody tr { border-bottom:1px solid rgba(255,255,255,.08);transition:background .2s; }
.genai-table tbody tr:hover { background:rgba(255,255,255,.06); }
.genai-table tbody tr:last-child { border-bottom:none; }
.genai-table td { padding:20px 24px;font-family:var(--gai-fb);font-size:13.5px;color:rgba(255,255,255,.80);line-height:1.6;vertical-align:top; }
.genai-table td:first-child { font-weight:600;color:var(--gai-white); }
.gt-link { color:var(--gai-gold-lt);font-weight:500; }

/* Pairing cards */
.pairing-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px; }
.pairing-card {
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);
  border-radius:16px;padding:28px 26px;
  transition:transform .3s,background .3s,border-color .3s;
}
.pairing-card:hover { transform:translateY(-5px);background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.32); }
.pairing-label  { font-family:var(--gai-fb);font-size:11px;font-weight:700;color:var(--gai-gold-lt);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;display:block; }
.pairing-card h4 { font-family:var(--gai-fh);font-size:17px;font-weight:700;color:var(--gai-white);margin-bottom:10px;line-height:1.3; }
.pairing-card p  { font-family:var(--gai-fb);font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.68;margin-bottom:16px; }
.pairing-outcome { font-family:var(--gai-fb);font-size:12px;font-weight:600;color:var(--gai-white);border:1px solid rgba(255,255,255,.35);border-radius:50px;padding:4px 14px;display:inline-block;background:rgba(255,255,255,.08); }

/* ============================================================
   SECTION 4 — ENGAGEMENT  (Dark Purple)
   ============================================================ */
.genai-dark-section { position:relative;overflow:hidden;padding:80px 0; }
.genai-dark-bg { position:absolute;inset:0; }
.gdb-grad {
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 60% at 20% 50%,rgba(75,61,255,.25),transparent 60%),
    radial-gradient(ellipse 55% 50% at 80% 50%,rgba(75,61,255,.18),transparent 55%),
    #1a0a3e;
}
#engCanvas { position:absolute;inset:0;width:100%;height:100%;opacity:.3; }
.engagement-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px; }
.eng-card {
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  border-radius:20px;padding:30px 26px;
  transition:background .3s,border-color .3s,transform .3s;
}
.eng-card:hover { background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);transform:translateY(-5px); }
.eng-featured      { background:rgba(75,61,255,.22);border-color:rgba(75,61,255,.48); }
.eng-featured:hover{ background:rgba(75,61,255,.30); }
.eng-label   { font-family:var(--gai-fb);font-size:11px;font-weight:700;color:rgba(248,249,251,.45);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;display:block; }
.eng-card h4 { font-family:var(--gai-fh);font-size:20px;font-weight:700;color:var(--gai-pearl);margin-bottom:12px;line-height:1.25; }
.eng-cadence { font-family:var(--gai-fb);font-size:12.5px;color:rgba(248,249,251,.55);margin-bottom:4px; }
.eng-best    { font-family:var(--gai-fb);font-size:12px;color:rgba(248,249,251,.40);margin-bottom:16px;font-style:italic; }
.eng-body    { font-family:var(--gai-fb);font-size:13.5px;color:rgba(248,249,251,.65);line-height:1.70; }

/* ============================================================
   SECTION 5 — FAQ  (Pearl White)
   ============================================================ */
.genai-light { background:var(--gai-pearl);padding:80px 0; }
.genai-light .genai-eyebrow { color:var(--gai-royal); }
.genai-light .genai-h2      { color:var(--gai-midnight);text-align:center; }
.faq-list { max-width:720px;margin:0 auto; }
.faq-item { border-bottom:1px solid rgba(10,17,40,.08); }
.faq-q {
  width:100%;display:flex;justify-content:space-between;align-items:center;
  background:none;border:none;padding:22px 0;cursor:pointer;text-align:left;
  font-family:var(--gai-fb);font-size:15px;font-weight:600;color:var(--gai-midnight);
  transition:color .25s;
}
.faq-q i { font-size:13px;color:var(--gai-royal);transition:transform .3s;flex-shrink:0;margin-left:16px; }
.faq-q:hover { color:var(--gai-royal); }
.faq-item.open .faq-q i { transform:rotate(180deg); }
.faq-a { display:none;padding:0 0 22px; }
.faq-item.open .faq-a { display:block; }
.faq-a p { font-family:var(--gai-fb);font-size:14px;color:rgba(10,17,40,.65);line-height:1.80; }

/* ============================================================
   CONTACT SECTION  (Pearl White + dark form box)
   ============================================================ */
.genai-contact { padding:80px 0;background:var(--gai-pearl); }
.genai-contact .contact-left h2 {
  font-family: var(--gai-fh);
  font-size:clamp(26px,3vw,38px);font-weight:700;color:var(--gai-midnight);line-height:1.25;margin-bottom:16px;
}
.genai-contact .contact-left > p { font-family:var(--gai-fb);color:rgba(10,17,40,.62); }
.genai-contact .contact-write    { font-family:var(--gai-fb);color:rgba(10,17,40,.65); }
.genai-contact .contact-email,
.genai-contact .contact-phone    { color:var(--gai-royal); }
.genai-contact .contact-email:hover,
.genai-contact .contact-phone:hover { color:var(--gai-ocean); }
.genai-contact .contact-form-box { background:#111C48;border:1px solid rgba(75,61,255,.22); }
.genai-contact .contact-form-box h3 { font-family:var(--gai-fh);font-size:21px;font-weight:700;color:var(--gai-pearl);margin-bottom:26px; }
.genai-contact .contact-form-box input,
.genai-contact .contact-form-box select,
.genai-contact .contact-form-box textarea {
  background:rgba(248,249,251,.07);border-color:rgba(248,249,251,.12);
  color:var(--gai-pearl);font-family:var(--gai-fb);
}
.genai-contact .contact-form-box input::placeholder,
.genai-contact .contact-form-box textarea::placeholder { color:rgba(248,249,251,.32); }
.genai-contact .contact-form-box select { color:rgba(248,249,251,.6); }
.genai-contact .contact-form-box select option { background:#111C48;color:var(--gai-pearl); }
.genai-contact .contact-form-box input:focus,
.genai-contact .contact-form-box select:focus,
.genai-contact .contact-form-box textarea:focus { border-color:var(--gai-royal);box-shadow:0 0 0 3px rgba(75,61,255,.14); }

/* ============================================================
   BACK TO TOP + MISC
   ============================================================ */
.genai-page .navbar,
.page-about .navbar,
.page-industries .navbar{
  position:fixed;
  background:#fff;
  backdrop-filter:none;
  border-bottom-color:rgba(10,17,40,.08);
  box-shadow:0 4px 20px rgba(10,17,40,.08);
}
.genai-page .nav-links li a,
.page-about .nav-links li a,
.page-industries .nav-links li a{color:rgba(10,17,40,.72);}
.genai-page .nav-links li a:hover,
.page-about .nav-links li a:hover,
.page-industries .nav-links li a:hover{color:#0A1128;}
.genai-page .hamburger span,
.page-about .hamburger span,
.page-industries .hamburger span{background:#0A1128;}

/* Dark Contact Us pill so it still stands out on the now-light header. */
.genai-page .nav-cta-btn,
.page-about .nav-cta-btn,
.page-industries .nav-cta-btn{background:#0A1128;color:#F8F9FB;}
.genai-page .nav-cta-btn i,
.page-about .nav-cta-btn i,
.page-industries .nav-cta-btn i{background:#F8F9FB;color:#0A1128;}

.genai-page{padding-top:108px;}
.genai-page .genai-subnav{top:108px;}

.genai-page .back-to-top { background:linear-gradient(135deg,var(--gai-royal),var(--gai-ocean)); }
.back-to-top.visible { opacity:1;transform:translateY(0); }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:900px){
  .engagement-grid { grid-template-columns:1fr; }
  .pairing-grid    { grid-template-columns:1fr; }
  .genai-hero-inner{ padding:40px 24px 60px; }
  .genai-subnav-inner { padding:0 22px; }
}
@media(max-width:768px){
  .gh-stats { gap:22px; }
  .genai-table th,
  .genai-table td { padding:14px 16px; }
}
@media(max-width:480px){
  .gh-btns { flex-direction:column; }
  .gh-btn-primary,
  .gh-btn-outline { text-align:center;justify-content:center; }
}

/* Final homepage visual alignment overrides. */
.genai-hero { justify-content:center; }
.genai-hero-inner { max-width:1000px;width:100%;margin:0 auto;padding:92px 44px 76px;text-align:center; }
.gh-eyebrow { color:var(--gai-gold);margin-bottom:18px; }
.gh-h1 { max-width:900px;margin-left:auto;margin-right:auto; }
.gh-h1 em { font-style:normal;background:linear-gradient(90deg,#E2B07A 0%,#F0D07A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.gh-desc { max-width:620px;margin-left:auto;margin-right:auto;margin-bottom:44px; }
.gh-btns { justify-content:center;margin-bottom:0; }
.gh-btn-primary { gap:10px;background:transparent;color:var(--gai-pearl);border:1px solid rgba(248,249,251,.28);font-weight:500; }
.gh-btn-primary:hover { background:rgba(248,249,251,.08);color:var(--gai-pearl); }
.gh-stats { display:none; }
@media(max-width:900px){ .genai-hero-inner{padding:92px 24px 60px;} }

/* White GenAI sections use the same navy heading treatment as the homepage. */
.genai-section .genai-h2 em {
  color:var(--gai-midnight);
  background:none;
  -webkit-text-fill-color:var(--gai-midnight);
}

/* Capability cards: a compact, branded service-card grid. */
.gc-list {
  max-width:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.gc-card {
  position:relative;
  overflow:hidden;
  min-height:250px;
  padding:30px 32px 28px 38px;
  border:1px solid rgba(75,61,255,.14);
  border-radius:18px;
  box-shadow:0 10px 28px rgba(10,17,40,.06);
  background:linear-gradient(145deg,#fff 0%,#fbfbff 100%);
}
.gc-card::before {
  content:"";
  position:absolute;
  left:0;top:24px;bottom:24px;width:4px;
  border-radius:0 6px 6px 0;
  background:linear-gradient(180deg,var(--gai-royal),#8B78FF);
}
.gc-card::after {
  content:"";
  position:absolute;
  width:130px;height:130px;right:-58px;top:-58px;border-radius:50%;
  background:radial-gradient(circle,rgba(75,61,255,.13),transparent 68%);
  transition:transform .35s ease;
}
.gc-card:nth-child(3n+2)::before { background:linear-gradient(180deg,var(--gai-teal),var(--gai-ocean)); }
.gc-card:nth-child(3n)::before { background:linear-gradient(180deg,var(--gai-gold),#F0D07A); }
.gc-card:hover {
  transform:translateY(-7px);
  border-color:rgba(75,61,255,.36);
  box-shadow:0 18px 42px rgba(10,17,40,.14);
}
.gc-card:hover::after { transform:scale(1.45); }
.gc-num { position:relative;z-index:1;color:var(--gai-royal);letter-spacing:1.4px; }
.gc-title { position:relative;z-index:1;font-size:20px; }
.gc-tag { position:relative;z-index:1;color:var(--gai-royal);font-weight:600; }
.gc-body { position:relative;z-index:1;font-size:14px; }
.gc-stack {
  position:relative;z-index:1;display:inline-flex;
  padding:5px 11px;border-radius:999px;
  background:rgba(10,17,40,.045);color:rgba(10,17,40,.58);font-style:normal;
}
@media(max-width:760px){
  .gc-list{grid-template-columns:1fr;}
  .gc-card{min-height:auto;padding:27px 25px 25px 31px;}
}

/* Homepage Teal Mist treatment for the pairing section. */
#how-we-pair { background:var(--gai-teal); }
#how-we-pair .genai-eyebrow { color:var(--gai-royal); }
#how-we-pair .genai-h2,
#how-we-pair .genai-h2 em { color:var(--gai-midnight);-webkit-text-fill-color:var(--gai-midnight);background:none; }
#how-we-pair .genai-desc { color:rgba(10,17,40,.74); }
#how-we-pair .pairing-card {
  background:rgba(255,255,255,.56);
  border-color:rgba(10,17,40,.12);
  box-shadow:0 10px 26px rgba(10,17,40,.08);
}
#how-we-pair .pairing-card:hover { background:rgba(255,255,255,.78);border-color:rgba(10,17,40,.22); }
#how-we-pair .pairing-label { color:var(--gai-royal); }
#how-we-pair .pairing-card h4 { color:var(--gai-midnight); }
#how-we-pair .pairing-card p { color:rgba(10,17,40,.72); }
#how-we-pair .pairing-outcome { color:var(--gai-midnight);border-color:rgba(10,17,40,.24);background:rgba(255,255,255,.45); }

/* Midnight innovation theme for the engagement section. */
.genai-dark-section { background:var(--gai-midnight); }
.gdb-grad {
  background:
    radial-gradient(ellipse 48% 60% at 12% 48%,rgba(75,61,255,.30),transparent 68%),
    radial-gradient(ellipse 42% 55% at 88% 72%,rgba(15,118,110,.25),transparent 66%),
    radial-gradient(circle at 50% 100%,rgba(75,61,255,.17),transparent 42%),
    var(--gai-midnight);
}
.genai-dark-section .genai-h2 {
  color:transparent !important;
  background:linear-gradient(90deg,#F8F9FB 0%,#F8F9FB 48%,#7DD3C7 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.eng-card {
  background:linear-gradient(145deg,rgba(42,29,100,.80),rgba(18,27,74,.86));
  border-color:rgba(125,211,199,.20);
  box-shadow:0 14px 32px rgba(0,0,0,.20);
}
.eng-card:hover { background:linear-gradient(145deg,rgba(56,39,128,.92),rgba(19,48,91,.92));border-color:rgba(125,211,199,.44); }
.eng-featured { background:linear-gradient(145deg,rgba(75,61,255,.62),rgba(15,118,110,.48));border-color:rgba(125,211,199,.54); }
.eng-featured:hover { background:linear-gradient(145deg,rgba(75,61,255,.78),rgba(15,118,110,.62)); }
.eng-label { color:var(--gai-teal); }

/* Contact section matches the homepage midnight surface. */
.genai-contact.genai-light {
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse 48% 65% at 84% 48%,rgba(75,61,255,.16),transparent 66%),
    var(--gai-midnight);
}
.genai-contact .contact-left h2 { color:var(--gai-pearl); }
.genai-contact .contact-left > p,
.genai-contact .contact-write { color:rgba(248,249,251,.70); }
.genai-contact .contact-email,
.genai-contact .contact-phone { color:var(--gai-teal); }
.genai-contact .contact-email:hover,
.genai-contact .contact-phone:hover { color:var(--gai-gold-lt); }
.genai-contact .contact-form-box {
  background:linear-gradient(145deg,#16255c,#101b47);
  border-color:rgba(75,61,255,.50);
  box-shadow:0 20px 44px rgba(0,0,0,.24);
}

/* Final shared hero background override — matches the About Us diagonal treatment. */
.genai-hero{background:#0A1128;}
.genai-hero::before{content:none;}
.genai-hero-bg{display:none;}

/* Match the About Us hero height on the GenAI page. */
.genai-hero{min-height:0;padding:145px 0 72px;}

/* Use the same hero canvas height as Industries. */
.genai-hero{height:700px;min-height:700px;padding:0;}
.genai-hero-inner{padding:36px 44px 24px;}

/* Compact hero: remove the large vertical-centering gap. */
.genai-hero{height:620px;min-height:620px;align-items:flex-start;}
.genai-hero-inner{padding-top:28px;padding-bottom:0;}

/* Give the gold second heading line breathing room and trim the unused space below the CTAs. */
.gh-h1 em{display:inline-block;margin-top:.18em;}
.genai-hero{height:580px;min-height:580px;}
@media(max-width:900px){.genai-hero{height:auto;min-height:0;}.gh-h1 em{margin-top:.12em;}}

/* ========================================================================== */
/* PAGE STYLES MERGED FROM: services.css */
/* ========================================================================== */
/* Oryvan Global services page — uses the home-page palette and typography. */
.services-hero{background:#0A1128}.services-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 100px,rgba(125,211,199,.13) 101px 145px);opacity:.25}.services-hero-grid,.services-hero-orb{display:none}
.services-hero{position:relative;overflow:hidden;padding:150px 0 70px;background:#0A1128;color:#F8F9FB}.services-hero-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(125,211,199,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,199,.12) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent)}.services-hero-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.orb-one{width:460px;height:460px;left:-130px;top:60px;background:rgba(75,61,255,.34)}.orb-two{width:360px;height:360px;right:-80px;bottom:-80px;background:rgba(15,118,110,.28)}.services-hero-content{position:relative;text-align:center}.services-kicker,.catalog-kicker{font-size:14px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}.services-kicker{color:#F0D07A}.services-hero h1,.service-catalog h2,.delivery-section h2,.services-cta h2{font-family:var(--font-h);font-size:clamp(25px,5vw,50px);line-height:1.16;margin:auto;max-width:800px}.services-hero h1 em,.service-catalog h2 span,.delivery-section h2 span{font-style:normal;color:#7DD3C7}.services-hero-copy{max-width:700px;margin:24px auto 42px;color:rgba(248,249,251,.7);font-size:16px;line-height:1.8}.services-stats{display:flex;justify-content:center;gap:0;max-width:850px;margin:0 auto 42px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.services-stats div{width:33.33%;padding:22px 18px}.services-stats div+div{border-left:1px solid rgba(255,255,255,.16)}.services-stats strong{display:block;font-size:21px;color:#fff}.services-stats span{font-size:12px;color:rgba(248,249,251,.58)}.service-filters{max-width:890px;margin:auto;padding:20px;border:1px solid rgba(125,211,199,.26);border-radius:18px;background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}.service-filters p{font-size:12px;color:rgba(248,249,251,.65);margin-bottom:13px}.filter-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.filter-btn{border:1px solid rgba(255,255,255,.26);color:#fff;background:transparent;padding:10px 17px;border-radius:99px;font:500 13px var(--font-b);cursor:pointer;transition:.25s}.filter-btn:hover,.filter-btn.active{background:#7DD3C7;border-color:#7DD3C7;color:#0A1128}
.service-catalog{padding:92px 0;background:#F8F9FB}.catalog-kicker{color:#0F766E}.service-catalog h2,.delivery-section h2{color:#0A1128;font-size:clamp(30px,4vw,47px);max-width:740px;margin:0}.catalog-intro{max-width:640px;margin:17px 0 46px;color:rgba(10,17,40,.64);line-height:1.75}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-detail-card{overflow:hidden;background:#fff;border:1px solid rgba(10,17,40,.1);border-radius:20px;box-shadow:0 8px 28px rgba(10,17,40,.07);transition:transform .3s,box-shadow .3s}.service-detail-card:hover{transform:translateY(-7px);box-shadow:0 20px 44px rgba(10,17,40,.16)}.service-detail-card.is-hidden{display:none}.service-visual{height:192px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#4B3DFF,#0F766E)}.service-visual::before,.service-visual::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.25);border-radius:50%;width:220px;height:220px}.service-visual::before{transform:translate(-30%,-28%)}.service-visual::after{transform:translate(35%,35%)}.service-visual-ai{background:linear-gradient(135deg,#4B3DFF,#0f766e)}.service-visual-engineering{background:linear-gradient(135deg,#0A1128,#4B3DFF)}.service-visual-experience{background:linear-gradient(135deg,#0F766E,#7DD3C7)}.service-visual-operations{background:linear-gradient(135deg,#0A1128,#0F766E)}.service-visual>i{position:relative;z-index:1;font-size:58px;color:#F0D07A;text-shadow:0 8px 22px rgba(0,0,0,.25)}.service-badges{z-index:2;position:absolute;top:16px;left:16px;display:flex;gap:7px}.service-badges span,.service-badges b{padding:5px 10px;border-radius:99px;background:#fff;color:#0A1128;font-size:11px}.service-badges b{background:rgba(10,17,40,.68);color:#fff;letter-spacing:1px}.service-visual small{position:absolute;right:14px;bottom:12px;font-size:10px;color:rgba(255,255,255,.76);z-index:2}.service-detail-body{padding:28px 28px 24px;min-height:335px;display:flex;flex-direction:column}.service-detail-body h3{font-size:20px;color:#0A1128;line-height:1.25;margin-bottom:8px}.service-promise{color:#0F766E!important;font-size:13px!important;font-weight:600}.service-detail-body p{font-size:13.5px;line-height:1.7;color:rgba(10,17,40,.65);margin-bottom:17px}.service-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.service-tags span{font-size:11px;font-weight:600;color:#0F766E;background:rgba(125,211,199,.25);padding:6px 10px;border-radius:99px}.service-talk{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:#0A1128;font-size:13px;font-weight:700}.service-talk:hover{gap:12px;color:#0F766E}
.delivery-section{padding:92px 0;background:#7DD3C7}.delivery-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.delivery-inner>div>p{margin-top:20px;color:rgba(10,17,40,.68);line-height:1.78}.delivery-steps{display:grid;gap:13px}.delivery-steps div{padding:22px 24px;background:rgba(255,255,255,.66);border:1px solid rgba(10,17,40,.1);border-radius:14px}.delivery-steps b{color:#0F766E;font-size:12px}.delivery-steps h3{color:#0A1128;margin:4px 0;font-size:17px}.delivery-steps p{margin:0!important;font-size:13px}.services-cta{padding:78px 0;background:#0A1128}.services-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.services-cta h2{font-size:clamp(28px,3.6vw,44px);margin:0;color:#F8F9FB}.services-cta p:not(.services-kicker){max-width:600px;margin-top:16px;line-height:1.7;color:rgba(248,249,251,.65)}.services-cta-btn{flex:0 0 auto;padding:15px 25px;border:1px solid #7DD3C7;border-radius:99px;color:#7DD3C7;font-weight:600}.services-cta-btn:hover{background:#7DD3C7;color:#0A1128}.services-cta-btn i{margin-left:7px}
/* Keep step descriptions readable on the light delivery cards. */
.delivery-steps p{color:rgba(10,17,40,.76)!important}
@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,1fr)}.delivery-inner{grid-template-columns:1fr;gap:35px}.services-cta-inner{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.services-hero{padding:125px 0 54px}.services-stats{flex-direction:column}.services-stats div{width:100%;padding:13px}.services-stats div+div{border-left:0;border-top:1px solid rgba(255,255,255,.16)}.service-grid{grid-template-columns:1fr}.service-detail-body{min-height:0}.services-cta{padding:58px 0}.filter-btn{padding:8px 12px;font-size:12px}}

/* Final shared hero background override — matches the About Us diagonal treatment. */
.services-hero{background:#0A1128;}
.services-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 100px,rgba(125,211,199,.13) 101px 145px);opacity:.25;}
.services-hero-grid,.services-hero-orb{display:none;}

/* Home-page hero color treatment and Industries hero canvas height. */
.services-hero{height:700px;min-height:700px;padding:0;display:flex;align-items:center;}.services-hero h1{color:#F8F9FB;}.services-hero h1 em{color:#E2B07A;}.services-hero-copy{color:rgba(248,249,251,.68);}.services-kicker{color:#F0D07A;}
.services-hero-content{padding:28px 0 18px;}.services-hero-copy{margin:14px auto 20px;}.services-stats{margin:0 auto 20px;}.services-stats div{padding:14px 18px;}.service-filters{padding:12px;}

/* Compact hero: remove the large vertical-centering gap. */
.services-hero{height:620px;min-height:620px;align-items:flex-start;}
.services-hero-content{padding-top:22px;padding-bottom:0;}

/* Match the About Us hero height on the Services page. */
.services-hero{padding:145px 0 72px;}

/* Bigger diagonal stripe pattern + taller hero background */
.services-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(45deg, transparent 0 160px, rgba(125,211,199,.13) 161px 220px);
  opacity:.25;
}

.services-hero{
  height:auto;
  min-height:0;
  padding:150px 0 80px;
}

/* Reduce top spacing above "Our Services" kicker text */
.services-hero-content{
  padding-top: 8px;
}
.services-kicker{
  margin-top: 0;
  margin-bottom: 10px;
}

/* Further reduce top spacing above kicker */
.services-hero-content{
  padding-top: 0;
}
.services-kicker{
  margin-top: 0;
  margin-bottom: 6px;
}
.services-hero{
  padding-top: 100px;
}

/* ===== NEW: Reduce bottom space below filter buttons ===== */
.services-hero{
  padding-bottom: 30px;
}

/* Phone and tablet layout overrides. These come last so they take priority
   over the desktop hero refinements above. */
@media(max-width:768px){
  .services-hero{height:auto;min-height:0;display:block;padding:108px 0 52px;}
  .services-hero-content{padding:0;}
  .services-hero-copy{font-size:14px;line-height:1.7;margin:16px auto 26px;}
  .services-stats{margin-bottom:26px;}
  .service-filters{padding:14px 12px;border-radius:14px;}
  .filter-buttons{justify-content:flex-start;}
  .service-catalog,.delivery-section{padding:62px 0;}
}
@media(max-width:480px){
  .services-hero{padding:96px 0 44px;}
  .services-hero h1{font-size:29px;}
  .service-filters p{text-align:left;}
  .filter-buttons{gap:8px;}
  .filter-btn{padding:8px 10px;font-size:11px;}
  .service-detail-body{padding:22px 20px;}
  .service-visual{height:170px;}
  .services-cta-btn{width:100%;text-align:center;}
}

/* ========================================================================== */
/* PAGE STYLES MERGED FROM: industries.css */
/* ========================================================================== */
.industry-hero,.industry-detail-hero{position:relative;overflow:hidden;background:#0A1128;color:#F8F9FB}.industry-hero,.industry-detail-hero{background-image:repeating-linear-gradient(45deg,transparent 0 100px,rgba(125,211,199,.13) 101px 145px)}.industry-hero{padding:145px 0 70px;text-align:center}.industry-hero-grid{display:none}.industry-hero-content{position:relative}.industry-hero p,.industry-kicker{font-size:14px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#F0D07A;margin-bottom:14px}.industry-hero h1,.industry-catalog h2,.industry-delivery h2,.industry-detail-content h2,.industry-detail-cta h2{font-family:var(--font-h);line-height:1.18}.industry-hero h1{font-size:clamp(25px,5vw,50px)}.industry-hero h1 em{font-style:normal;color:#7DD3C7}.industry-hero-content>span{display:block;max-width:640px;margin:20px auto 44px;color:rgba(248,249,251,.7);line-height:1.75}.industry-stats{display:flex;justify-content:center;max-width:700px;margin:auto;border-top:1px solid rgba(255,255,255,.17)}.industry-stats b{padding:20px 46px;font-size:22px}.industry-stats b+b{border-left:1px solid rgba(255,255,255,.17)}.industry-stats small{display:block;font-size:12px;font-weight:400;color:rgba(248,249,251,.62)}
.industry-catalog{padding:90px 0;background:#F8F9FB}.industry-catalog .industry-kicker,.industry-detail-content .industry-kicker{color:#0F766E}.industry-catalog h2,.industry-delivery h2,.industry-detail-content h2{font-size:clamp(30px,4vw,48px);color:#0A1128}.industry-catalog h2 span,.industry-delivery h2 span,.industry-detail-content h2 span{color:#0F766E}.industry-intro{max-width:670px;color:rgba(10,17,40,.66);line-height:1.75;margin:16px 0 30px}.industry-filter{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:36px}.industry-filter-btn{border:1px solid rgba(10,17,40,.16);padding:10px 14px;border-radius:99px;background:#fff;color:#0A1128;font:600 12px var(--font-b);cursor:pointer}.industry-filter-btn.active,.industry-filter-btn:hover{background:#0A1128;color:#7DD3C7;border-color:#0A1128}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.industry-card{display:flex;flex-direction:column;min-height:360px;padding:27px;background:#fff;border:1px solid rgba(10,17,40,.1);border-radius:20px;box-shadow:0 7px 24px rgba(10,17,40,.06);transition:.3s}.industry-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(10,17,40,.14);border-color:rgba(15,118,110,.35)}.industry-card.hidden{display:none}.industry-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:26px}.industry-card-meta span{font-size:12px;font-weight:700;color:#0F766E}.industry-card-meta b{font-size:11px;padding:4px 10px;background:rgba(125,211,199,.28);border-radius:99px;color:#0F766E}.industry-card-meta i{margin-left:auto;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(15,118,110,.1);color:#0F766E;font-size:18px}.industry-card h3{font-size:21px;color:#0A1128;margin-bottom:10px}.industry-card h4{font-size:13px;color:#0F766E;line-height:1.5;margin-bottom:15px}.industry-card>p{font-size:13px;color:rgba(10,17,40,.65);line-height:1.7}.industry-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:18px}.industry-tags span{font-size:10px;padding:5px 8px;background:rgba(125,211,199,.25);color:#0F766E;border-radius:99px}.industry-card a,.industry-delivery a{margin-top:20px;color:#0A1128;font-size:13px;font-weight:700}.industry-card a:hover{color:#0F766E}.industry-card a i,.industry-delivery a i{margin-left:7px}.industry-delivery{padding:90px 0;background:#7DD3C7}.industry-delivery>div>p{max-width:680px;margin:17px 0 26px;line-height:1.75;color:rgba(10,17,40,.7)}.industry-delivery a{display:inline-block;padding:13px 20px;border:1px solid #0A1128;border-radius:99px}.industry-delivery a:hover{background:#0A1128;color:#7DD3C7}
.industry-detail-hero{padding:135px 0 80px}.back-industries{display:inline-flex;gap:8px;color:#7DD3C7;font-size:13px;margin-bottom:52px}.industry-detail-hero p{color:#F0D07A;font-size:12px;letter-spacing:2px;text-transform:uppercase}.industry-detail-hero h1{font-family:var(--font-h);font-size:clamp(44px,6vw,76px);margin:10px 0}.industry-detail-hero h2{font-size:clamp(19px,2.2vw,28px);font-weight:400;color:rgba(248,249,251,.7);max-width:700px;line-height:1.5}.detail-icon{position:absolute;right:12%;bottom:55px;font-size:65px;color:#F0D07A;opacity:.8}.industry-detail-content{padding:90px 0;background:#F8F9FB}.industry-detail-content>.container{display:grid;grid-template-columns:1fr 1fr;gap:70px}.industry-detail-content>div>p:not(.industry-kicker){margin-top:18px;max-width:550px;color:rgba(10,17,40,.67);line-height:1.8}.detail-capabilities{display:grid;gap:12px}.detail-capabilities .industry-kicker{margin:0}.detail-capabilities div{padding:19px 22px;background:#fff;border-left:3px solid #0F766E;border-radius:0 12px 12px 0}.detail-capabilities b{font-size:11px;color:#0F766E}.detail-capabilities h3{font-size:17px;color:#0A1128;margin:4px 0}.detail-capabilities p{font-size:12px;color:rgba(10,17,40,.64)}.industry-detail-cta{padding:68px 0;background:#0F766E;color:#fff;text-align:center}.industry-detail-cta h2{font-size:clamp(27px,4vw,44px)}.industry-detail-cta a{display:inline-flex;gap:8px;margin-top:24px;padding:14px 24px;border:1px solid #F0D07A;border-radius:99px;color:#F0D07A;font-weight:700}.industry-detail-cta a:hover{background:#F0D07A;color:#0A1128}
@media(max-width:850px){.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-detail-content>.container{grid-template-columns:1fr}.detail-icon{right:7%}}@media(max-width:560px){.industry-hero{padding:120px 0 55px}.industry-stats b{padding:15px 10px;font-size:17px}.industry-grid{grid-template-columns:1fr}.industry-filter{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.industry-filter-btn{white-space:nowrap}.industry-detail-hero{padding:115px 0 65px}.detail-icon{display:none}}

/* Match the About Us hero height on Industries pages. */
.industry-hero{padding:145px 0 72px;}.industry-detail-hero{padding:145px 0 72px;}

/* Match the Home page white and gold hero typography. */
.industry-hero h1,.industry-detail-hero h1{color:#F8F9FB;}.industry-hero h1 em{color:#E2B07A;}.industry-hero p,.industry-detail-hero p{color:#F0D07A;}.industry-hero-content>span,.industry-detail-hero h2{color:rgba(248,249,251,.68);}

/* Use the homepage's restrained midnight diagonal surface. */
.industry-hero,.industry-detail-hero{background-color:#0A1128;background-image:repeating-linear-gradient(45deg,transparent 0 100px,rgba(125,211,199,.04) 101px 145px);}

/* Keep catalog and detail pages comfortable on narrow screens. */
@media(max-width:768px){
  .industry-hero{padding:108px 0 52px;}
  .industry-detail-hero{padding:102px 0 56px;}
  .industry-hero-content>span{margin-bottom:28px;font-size:14px;}
  .industry-stats b{padding:16px 22px;font-size:19px;}
  .industry-catalog,.industry-detail-content,.industry-delivery{padding:62px 0;}
}
@media(max-width:480px){
  .industry-hero{padding:94px 0 44px;}
  .industry-hero h1{font-size:29px;}
  .industry-stats b{padding:14px 9px;font-size:16px;}
  .industry-stats small{font-size:10px;}
  .industry-card{min-height:0;padding:22px;}
  .industry-detail-hero{padding:92px 0 48px;}
  .back-industries{margin-bottom:34px;}
}



/* ========================================================================== */
/* PAGE STYLES MERGED FROM: php/index.php inline <style> blocks               */
/* ========================================================================== */

/* ===== Vertical Cards / vcards-section (from index.php) ===== */
.vcards-section {
  padding: 48px 0 52px;
  background: #ffffff;
  position: relative;
  overflow: hidden;
}

.vcards-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 20% 50%, rgba(75,61,255,0.12) 0%, transparent 70%),
    radial-gradient(ellipse 50% 60% at 80% 30%, rgba(139,78,255,0.1) 0%, transparent 70%);
  pointer-events: none;
}

.vcards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  position: relative;
  z-index: 1;
}

.vcard {
  position: relative;
  border-radius: 16px;
  padding: 16px 15px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  background: #0f172a;
  backdrop-filter: blur(12px);
  cursor: pointer;
  transition: transform 0.4s cubic-bezier(.22,.68,0,1.2), box-shadow 0.4s ease, border-color 0.4s ease;
  min-height: 0;
}

.vc1 { --accent: #4B6BFF; --glow-c: rgba(75,107,255,0.25); }
.vc2 { --accent: #4B6BFF; --glow-c: rgba(75,107,255,0.25); }
.vc3 { --accent: #4B6BFF; --glow-c: rgba(75,107,255,0.25); }
.vc4 { --accent: #4B6BFF; --glow-c: rgba(75,107,255,0.25); }

.vcard-glow {
  position: absolute;
  top: -40px;
  right: -40px;
  width: 160px;
  height: 160px;
  background: var(--glow-c);
  border-radius: 50%;
  filter: blur(55px);
  opacity: 0.6;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.vcard:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 32px 64px var(--glow-c), 0 0 0 1px var(--accent);
  border-color: var(--accent);
}

.vcard:hover .vcard-glow { opacity: 1; }

.vcard-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

.vcard-num {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--accent);
  opacity: 0.7;
}

.vcard-icon-w {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--accent) 0%, rgba(255,255,255,0.05) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  box-shadow: 0 4px 14px var(--glow-c);
  transition: transform 0.3s ease;
}

.vcard:hover .vcard-icon-w { transform: rotate(-8deg) scale(1.1); }

.vcard h3 {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  margin: 0;
}

.vcard > p {
  font-size: 11.5px;
  color: rgba(255,255,255,0.55);
  line-height: 1.55;
  margin: 0;
  flex: 1;
}

.vcard-team-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 0 4px;
}

.vcard-team-member {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.vcard-team-img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
  border: 2px solid var(--accent);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.vcard:hover .vcard-team-img {
  transform: scale(1.08);
  box-shadow: 0 4px 12px var(--glow-c);
}

.vcard-team-name {
  font-size: 10px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  letter-spacing: 0.3px;
}

.vcard-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.vcard-tag {
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--accent);
  background: rgba(255,255,255,0.06);
  padding: 2px 9px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.1);
}

.vcard-arrow {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.5);
  font-size: 10px;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.vcard:hover .vcard-arrow {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
  transform: rotate(45deg);
}

@media (max-width: 1024px) {
  .vcards-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .vcards-grid { grid-template-columns: 1fr; }
}

/* ========================================================================== */
/* PAGE STYLES MERGED FROM: php/services.php (no inline styles found)         */
/* PAGE STYLES MERGED FROM: php/about.php   (no inline styles found)          */
/* PAGE STYLES MERGED FROM: php/contact.php (no inline styles found)          */
/* PAGE STYLES MERGED FROM: php/genai.php   (no inline styles found)          */
/* PAGE STYLES MERGED FROM: php/industries.php (no inline styles found)       */
/* PAGE STYLES MERGED FROM: php/industry.php   (no inline styles found)       */
/* ========================================================================== */

/* ===== Contact page social buttons (contact.php) ===== */
.contact-social-row {
  margin-top: 28px;
  display: flex;
  gap: 10px;
}

.contact-social-btn {
  width: 40px;
  height: 40px;
  background: rgba(75,61,255,0.1);
  border: 1px solid rgba(75,61,255,0.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8B78FF;
  transition: background 0.3s, color 0.3s;
}

.contact-social-btn:hover {
  background: #4B3DFF;
  color: #fff;
}

/* Slider explore button wrapper */
.slider-explore-wrap   { text-align:center; margin-top:36px; padding-bottom:8px; }

/* ================================================================
   TESTIMONIAL CLIENT LOGO CLASSES  (moved from index.php inline styles)
   ================================================================ */
.tci-kavi              { color:#0F766E; font-weight:800; font-size:12px; }
.tci-kavi-accent       { color:#E2B07A; }
.tci-icon-blue         { color:#1565C0; font-size:20px; }
.tci-cogvision         { color:#4B3DFF; font-weight:900; font-size:12px; }
.tci-icon-green        { color:#2E7D32; font-size:20px; }
.tci-surgical          { color:#0F766E; font-weight:700; font-size:11px; }
.tci-mylai             { color:#8B78FF; font-weight:700; font-size:10px; }
.tci-arrs              {
  color:#E2B07A; font-weight:900; font-size:13px;
  border:1.5px solid rgba(226,176,122,.4);
  padding:2px 8px; border-radius:3px;
}
.tci-arrs-sub          { font-size:9px; }

/* ================================================================
   CONTACT PAGE CLASSES  (moved from contact.php inline styles)
   ================================================================ */
.contact-page-section  { padding-top:110px; min-height:80vh; }

.grad-text-purple-ocean {
  background: linear-gradient(135deg,#4B3DFF,#0F766E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.cf-label {
  font-size:11px; font-weight:600;
  letter-spacing:1px; text-transform:uppercase;
  color:rgba(248,249,251,0.5);
  display:block; margin-bottom:6px;
}

.cf-field              { margin-bottom:14px; }
.cf-field input,
.cf-field select,
.cf-field textarea     { width:100%; }
.cf-field-last         { margin-bottom:18px; }

.cf-plane-icon         { margin-left:8px; }

.form-error-msg {
  background: rgba(255,59,59,0.1);
  border: 1px solid rgba(255,59,59,0.3);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
  color: #ff9494;
  font-size: 13px;
}

/* ================================================================
   GENAI PAGE CLASSES  (moved from genai.php inline styles)
   ================================================================ */
.genai-engagement-container { position:relative; z-index:2; }
.genai-eyebrow-gold         { color:#E2B07A !important; }
.genai-h2-pearl             { color:#F8F9FB !important; }
.genai-h2-center            { text-align:center; }

/* =================================================================
   SLIDER TRACKS — single authoritative rules (replaces all above)
   ================================================================= */
.svc-track-wrap {
  overflow: hidden;
  width: 100%;
  cursor: grab;
  user-select: none;
}
.svc-track-wrap:active { cursor: grabbing; }
.svc-track {
  display: flex;
  width: max-content;
  min-width: max-content;
  will-change: transform;
  animation: svcMarquee 30s linear infinite;
}
.svc-track-wrap:hover .svc-track { animation-play-state: paused; }
.svc-slide-set { display: flex; gap: 22px; padding-right: 22px; }

.ind-track-wrap {
  overflow: hidden;
  width: 100%;
  padding: 12px 0 8px;
  cursor: grab;
  user-select: none;
}
.ind-track-wrap:active { cursor: grabbing; }
.ind-track {
  display: flex;
  width: max-content;
  min-width: max-content;
  gap: 0;
  padding: 0;
  will-change: transform;
  animation: indMarquee 32s linear infinite;
}
.ind-track-wrap:hover .ind-track { animation-play-state: paused; }
.ind-slide-set { display:flex; gap:22px; padding-right:22px; }

@keyframes svcMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@keyframes indMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Card sizes � both same */
.svc-card {
  flex: 0 0 280px;
  width: 280px;
  flex-shrink: 0;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid rgba(10,17,40,0.08);
  border-radius: 20px;
  padding: 28px 24px;
  box-shadow: 0 2px 16px rgba(10,17,40,0.08);
  transition: transform 0.35s, box-shadow 0.35s, border-color 0.35s;
}
.svc-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 50px rgba(10,17,40,0.18);
  border-color: rgba(15,118,110,0.3);
}

.ind-card {
  flex: 0 0 280px;
  width: 280px;
  flex-shrink: 0;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid rgba(10,17,40,0.08);
  border-radius: 20px;
  padding: 28px 24px;
  box-shadow: 0 2px 16px rgba(10,17,40,0.08);
  transition: transform 0.35s, box-shadow 0.35s, border-color 0.35s;
}
.ind-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 50px rgba(10,17,40,0.18);
  border-color: rgba(15,118,110,0.3);
}

/* ================================================================
   WHY ORYVAN — Vertical cards with side tags
   White background · Midnight blue cards
   ================================================================ */
.why-section {
  background: #ffffff;
  padding: 80px 0;
}

.why-eyebrow { color: #4B3DFF !important; }

.why-h2 {
  font-family: var(--font-h);
  font-size: clamp(26px, 3.5vw, 42px);
  font-weight: 700;
  color: #0A1128;
  text-align: center;
  margin-bottom: 52px;
  line-height: 1.2;
}

.why-accent {
  background: linear-gradient(90deg, #4B3DFF, #0F766E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Vertical list — each row is card + tags */
.why-list {
  display: flex;
  flex-direction: column;
  gap: 28px;
  max-width: 860px;
  margin: 0 auto;
}

/* Each row */
.why-row {
  display: flex;
  align-items: center;
  gap: 28px;
}

/* Tags on left, card on right */
.why-row-left {
  flex-direction: row;
}

/* Card on left, tags on right */
.why-row-right {
  flex-direction: row-reverse;
}

/* Tags column */
.why-tags {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-shrink: 0;
  width: 160px;
}

.why-tag {
  display: block;
  background: #0A1128;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  padding: 9px 18px;
  border-radius: 50px;
  text-align: center;
  letter-spacing: 0.3px;
}

/* Card */
.why-card {
  flex: 1;
  background: #0A1128;
  border: 1.5px solid rgba(75,61,255,0.3);
  border-radius: 20px;
  padding: 28px 26px;
  box-shadow: 0 4px 24px rgba(10,17,40,0.12);
  transition: transform 0.35s, box-shadow 0.35s, border-color 0.35s;
}

.why-card:hover {
  transform: translateY(-5px);
  border-color: rgba(75,61,255,0.6);
  box-shadow: 0 16px 40px rgba(75,61,255,0.18);
}

/* Icon + Title row inside card */
.why-card-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}

.why-card-icon {
  width: 52px;
  height: 52px;
  background: #ffffff;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #0A1128;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(10,17,40,0.15);
}

.why-card h3 {
  font-family: var(--font-h);
  font-size: 17px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  line-height: 1.3;
}

.why-card > p {
  font-size: 13.5px;
  color: rgba(248,249,251,0.65);
  line-height: 1.70;
  margin: 0;
}

/* Responsive */
@media (max-width: 680px) {
  .why-row,
  .why-row-left,
  .why-row-right {
    flex-direction: column;
    align-items: flex-start;
  }
  .why-tags {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  .why-card { width: 100%; }
}


/* ================================================================
   CAPABILITIES SLIDER — white bg, reuses svc-card styles
   ================================================================ */
.cap-slider-section {
  background: #ffffff;
  padding: 80px 0 60px;
}
.cap-slider-section .sec-eyebrow { color: #4B3DFF; }
.cap-slider-section .sec-h2-svc  { color: #0A1128; }
.cap-slider-section .svc-h2-accent {
  background: linear-gradient(90deg, #4B3DFF, #0F766E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cap-slider-section .sec-sub-svc { color: rgba(10,17,40,0.60); }


/* ================================================================
   CAP4 — 4 horizontal midnight-blue cards on white background
   ================================================================ */
.cap4-section {
  background: #ffffff;
  padding: 80px 0;
}

.cap4-section .sec-eyebrow {
  color: #4B3DFF;
}

.cap4-h2 {
  font-family: var(--font-h);
  font-size: clamp(26px, 3.5vw, 42px);
  font-weight: 700;
  color: #0A1128;
  text-align: center;
  margin-bottom: 14px;
  line-height: 1.2;
}

.cap4-accent {
  background: linear-gradient(90deg, #4B3DFF, #0F766E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.cap4-sub {
  font-size: 15px;
  color: rgba(10,17,40,0.60);
  text-align: center;
  max-width: 520px;
  margin: 0 auto 48px;
  line-height: 1.7;
}

/* 4 equal columns in one row */
.cap4-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

/* Midnight blue card */
.cap4-card {
  background: #0A1128;
  border: 1px solid rgba(75,61,255,0.28);
  border-radius: 20px;
  padding: 30px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: transform 0.35s, box-shadow 0.35s, border-color 0.35s;
}

.cap4-card:hover {
  transform: translateY(-6px);
  border-color: rgba(75,61,255,0.60);
  box-shadow: 0 18px 44px rgba(75,61,255,0.20);
}

.cap4-icon {
  width: 48px;
  height: 48px;
  background: rgba(75,61,255,0.18);
  border: 1px solid rgba(120,100,255,0.30);
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #7DD3C7;
  transition: background 0.3s, transform 0.3s;
}

.cap4-card:hover .cap4-icon {
  background: rgba(75,61,255,0.32);
  transform: scale(1.08);
}

.cap4-card h3 {
  font-family: var(--font-h);
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  line-height: 1.35;
}

.cap4-card p {
  font-size: 13px;
  color: rgba(248,249,251,0.62);
  line-height: 1.70;
  margin: 0;
}

@media (max-width: 1024px) {
  .cap4-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .cap4-grid { grid-template-columns: 1fr; }
}

/* =====================================================
   GLOBAL FOOTPRINT SECTION
   ===================================================== */
.gfp-section {
  background: #0d1121;
  color: #fff;
  padding: 0;
  overflow: hidden;
  font-family: var(--font-b);
}
.gfp-wrap {
  max-width: 1300px;
  margin: 0 auto;
  padding: 60px 48px 0;
}

/* TOP ROW */
.gfp-top {
  display: flex;
  align-items: center;
  min-height: 360px;
}

/* LEFT 38% */
.gfp-left {
  flex: 0 0 38%;
  max-width: 38%;
  padding-right: 28px;
  padding-bottom: 40px;
}

/* badge */
.gfp-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(201,162,39,.55);
  border-radius: 999px;
  padding: 7px 16px 7px 11px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .13em;
  color: #c9b87a;
  background: rgba(201,162,39,.07);
  margin-bottom: 24px;
}

/* heading */
.gfp-h2 {
  font-family: var(--font-h);
  font-size: clamp(46px, 6vw, 80px);
  font-weight: 900;
  line-height: .94;
  color: #fff;
  margin: 0 0 10px;
  letter-spacing: -.03em;
}

/* gold subtitle */
.gfp-eyebrow-gold {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .22em;
  color: #e8a800;
  text-transform: uppercase;
  margin: 0 0 16px;
}

/* description */
.gfp-desc {
  font-size: 13px;
  color: #8a94ab;
  line-height: 1.7;
  margin-bottom: 32px;
}

/* buttons */
.gfp-btns { display: flex; gap: 14px; flex-wrap: wrap; }
.gfp-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 13px 22px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity .2s, transform .18s;
}
.gfp-btn:hover { opacity: .86; transform: translateY(-2px); }
.gfp-btn-gold    { background: #e8a800; color: #0d1121; }
.gfp-btn-outline { border: 1.5px solid rgba(255,255,255,.38); color: #fff; }

/* RIGHT 62% — map */
.gfp-right {
  flex: 0 0 62%;
  max-width: 62%;
  display: flex;
  align-items: flex-end;
  position: relative;
}
.gfp-map {
  width: 100%;
  height: auto;
  display: block;
}
.gfp-reference-map {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 0 14px rgba(229,184,92,.34));
}
.gfp-india-label-cover {
  position: absolute;
  left: 63%;
  top: 64%;
  width: 82px;
  height: 25px;
  background: #0d1121;
  z-index: 1;
  pointer-events: none;
  color: #ffffff;
  font: 900 12px/25px Arial, sans-serif;
  letter-spacing: 1.6px;
  text-align: center;
  text-shadow: 0 0 7px rgba(255,255,255,.45);
  box-shadow: 0 0 10px rgba(13,17,33,.9);
}
.gfp-india-label-cover::before {
  display: none;
}
.gfp-right > .gfp-map {
  display: none;
}

/* Service cards use real photography instead of placeholder icons. */
.service-visual > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.service-visual-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,17,40,.12), rgba(10,17,40,.6));
  z-index: 1;
}
.service-visual .service-badges { z-index: 2; }

/* STAT CARDS */
.gfp-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding: 0 0 60px;
  margin-top: 8px;
}
.gfp-card {
  background: #131b2e;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 28px 24px 44px;
  position: relative;
  overflow: hidden;
}

/* icon */
.gfp-card-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: rgba(88,50,180,.32);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  color: #9b7fe8;
  flex-shrink: 0;
  margin-top: 3px;
}

/* number */
.gfp-card-num {
  display: block;
  font-family: var(--font-h);
  font-size: 42px;
  font-weight: 900;
  line-height: 1;
  color: #f5c518;
  margin-bottom: 5px;
  letter-spacing: -.02em;
}

/* title */
.gfp-card-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 14px;
  line-height: 1.35;
}

/* desc */
.gfp-card-desc {
  font-size: 13px;
  color: #6a7590;
  line-height: 1.6;
  margin: 0;
}

/* dot decoration */
.gfp-card-dots,
.gfp-card-dots-gold {
  position: absolute;
  bottom: 14px;
  right: 14px;
  width: 64px;
  height: 44px;
  background-image: radial-gradient(circle, rgba(255,255,255,.12) 1.5px, transparent 1.5px);
  background-size: 9px 9px;
  pointer-events: none;
}
.gfp-card-dots-gold {
  background-image: radial-gradient(circle, rgba(245,197,24,.28) 1.5px, transparent 1.5px);
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .gfp-left  { flex: 0 0 42%; max-width: 42%; }
  .gfp-right { flex: 0 0 58%; max-width: 58%; }
}
@media (max-width: 768px) {
  .gfp-wrap { padding: 48px 24px 0; }
  .gfp-top  { flex-direction: column; min-height: unset; }
  .gfp-left  { flex: unset; max-width: 100%; width: 100%; padding-right: 0; }
  .gfp-right { flex: unset; max-width: 100%; width: 100%; margin-top: 12px; }
  .gfp-cards { grid-template-columns: 1fr; gap: 12px; }
}
@media (max-width: 480px) {
  .gfp-h2  { font-size: 44px; }
  .gfp-btn { padding: 11px 18px; font-size: 13px; }
}

/* Remove the non-moving diagonal stripe backdrop from page heroes. */
.services-hero::before{content:none!important;}
.industry-hero,.industry-detail-hero{background-image:none!important;}
.about-hero-lines{display:none!important;}

/* =====================================================
   SHARED HERO BEAM ANIMATION — all pages
   .hero-lines + .hero-orb reused from homepage hero
   ===================================================== */
.genai-hero,
.about-hero,
.services-hero,
.industry-hero {
  position: relative;
  overflow: hidden;
}
/* Make sure beam lines sit behind content on all pages */
.genai-hero .hero-lines,
.about-hero .hero-lines,
.services-hero .hero-lines,
.industry-hero .hero-lines {
  z-index: 1;
}
.genai-hero .hero-orb,
.about-hero .hero-orb,
.services-hero .hero-orb,
.industry-hero .hero-orb {
  z-index: 1;
}
/* Ensure page content sits above beams */
.genai-hero-inner,
.container.about-hero-inner,
.container.services-hero-content,
.container.industry-hero-content {
  position: relative;
  z-index: 10;
}

/* Complete homepage motion layer shared by all page heroes. */
.legacy-hero-motion{display:none!important;}
.shared-home-motion{display:block!important;}
.shared-home-motion .hero-boxes-canvas{display:block!important;position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.shared-home-motion .hero-lines,
.shared-home-motion .hero-orb,
.shared-home-motion .hero-particles{display:none!important;}
.genai-hero-bg,.services-hero-grid,.services-hero-orb,.about-hero-lines{display:none!important;}
.genai-hero::before,.services-hero::before,.industry-hero::before,.industry-detail-hero::before{content:none!important;display:none!important;}
.genai-hero > .hero-lines,.about-hero > .hero-lines,.services-hero > .hero-lines,.industry-hero > .hero-lines,.industry-detail-hero > .hero-lines,
.genai-hero > .hero-orb,.about-hero > .hero-orb,.services-hero > .hero-orb,.industry-hero > .hero-orb,.industry-detail-hero > .hero-orb{display:none!important;}
.shared-home-motion .hwb1,.shared-home-motion .hwb2,.shared-home-motion .hwb3,
.shared-home-motion .hwb4,.shared-home-motion .hwb5,.shared-home-motion .hwb6{
  background:rgba(255,255,255,.055);
}
.shared-home-motion .hwb1{width:80px;left:-210px;animation:beamSlide 11s linear infinite 0s;}
.shared-home-motion .hwb2{width:50px;left:-125px;animation:beamSlide 14s linear infinite 2s;}
.shared-home-motion .hwb3{width:110px;left:-70px;animation:beamSlide 10s linear infinite 4s;}
.shared-home-motion .hwb4{width:40px;left:-245px;animation:beamSlide 16s linear infinite 1s;}
.shared-home-motion .hwb5{width:70px;left:-150px;animation:beamSlide 12s linear infinite 6s;}
.shared-home-motion .hwb6{width:95px;left:-35px;animation:beamSlide 13s linear infinite 8s;}
.shared-home-motion .hero-particles span{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--c4);box-shadow:0 0 12px 3px rgba(125,211,199,.32);opacity:0;animation:heroParticle 9s ease-in-out infinite;}
.shared-home-motion .hero-particles span:nth-child(1){left:8%;top:78%;animation-delay:-1s}.shared-home-motion .hero-particles span:nth-child(2){left:18%;top:18%;width:3px;height:3px;animation-delay:-6s}.shared-home-motion .hero-particles span:nth-child(3){left:31%;top:67%;width:7px;height:7px;background:#8b7fff;animation-delay:-3s}.shared-home-motion .hero-particles span:nth-child(4){left:44%;top:22%;width:3px;height:3px;animation-delay:-8s}.shared-home-motion .hero-particles span:nth-child(5){left:60%;top:84%;animation-delay:-4s}.shared-home-motion .hero-particles span:nth-child(6){left:72%;top:28%;width:7px;height:7px;background:#f0d07a;animation-delay:-7s}.shared-home-motion .hero-particles span:nth-child(7){left:82%;top:71%;width:3px;height:3px;animation-delay:-2s}.shared-home-motion .hero-particles span:nth-child(8){left:91%;top:16%;animation-delay:-5s}.shared-home-motion .hero-particles span:nth-child(9){left:52%;top:10%;width:3px;height:3px;animation-delay:-9s}.shared-home-motion .hero-particles span:nth-child(10){left:24%;top:91%;animation-delay:-.5s}.shared-home-motion .hero-particles span:nth-child(11){left:68%;top:52%;width:3px;height:3px;animation-delay:-5.5s}.shared-home-motion .hero-particles span:nth-child(12){left:95%;top:88%;width:7px;height:7px;background:#8b7fff;animation-delay:-2.5s}

/* Keep the requested hero motion active even when the OS has reduced-motion on. */
@media (prefers-reduced-motion:reduce){
  .hero .hero-lines .hl,.shared-home-motion .hero-lines .hl{
    animation-duration:14s!important;
    animation-iteration-count:infinite!important;
  }
  .hero .hero-particles span,.shared-home-motion .hero-particles span{
    animation:heroParticle 9s ease-in-out infinite!important;
  }
  .hero .hero-orb,.shared-home-motion .hero-orb{
    animation-duration:14s!important;
    animation-iteration-count:infinite!important;
  }
}