/* ═══════════════════════════════════════════════════════════
   ADYANTRA DIGITAL — COMPLETE STYLES (POPPINS TYPOGRAPHY)
   Exact Match to Reference Screenshot & Requested Typography:
   • Hero H1: Poppins 800
   • Gradient H1: Poppins 800
   • Body paragraph: Poppins 400–500 (450)
   • Navigation: Poppins 500
   • Buttons: Poppins 600
   • Chat widget: Poppins 400–600
   ═══════════════════════════════════════════════════════════ */

:root {
  --font-family-primary: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-plus-jakarta-sans: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-dm-mono: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --ink-primary: #0f172a;
  --ink-coral: #ef5b52;
  --text-muted: #5b6b82;
  --bg-pearl: #f7f9fd;
  --color-primary: #ef5b52;
  --primary: #ef5b52;
  --ring: #ef5b52;
  --gradient-hero: linear-gradient(90deg, #7b4bf7 0%, #a438ee 30%, #de358d 65%, #f14c5c 100%);
}

/* ── Global Smooth Scrolling & Typography ── */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
  font-family: var(--font-family-primary);
}

[id] {
  scroll-margin-top: 100px;
}

body {
  font-family: var(--font-family-primary);
  background-color: #ffffff;
  color: var(--ink-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

/* ── Restore visibility to live Next.js elements ── */
[style*="opacity:0"],
[style*="opacity: 0"] {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* ═══════════════════════════════════════════════════════════
   HEADER (EXACT MATCH TO REFERENCE SCREENSHOT — POPPINS)
   ═══════════════════════════════════════════════════════════ */

.ady-header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 18px 40px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border-bottom: 1px solid rgba(220, 230, 248, 0.45);
}

.ady-header-wrapper.scrolled {
  padding: 12px 40px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.08);
  border-bottom-color: rgba(226, 232, 240, 0.8);
}

.ady-header-container {
  max-width: 1320px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ── Brand Logo: Coral Pill + 'adyantra' ── */
.ady-brand-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  flex-shrink: 0;
}

.ady-logo-pill {
  width: 30px;
  height: 19px;
  background: var(--ink-coral);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.5px;
  box-shadow: 0 4px 10px rgba(239, 91, 82, 0.35);
  transition: transform 0.25s ease;
}

.ady-brand-logo:hover .ady-logo-pill {
  transform: scale(1.06);
}

.ady-pill-dot {
  width: 3.5px;
  height: 3.5px;
  border-radius: 50%;
  background: #11142e;
}

.ady-brand-text {
  font-family: var(--font-family-primary) !important;
  font-size: 22px;
  font-weight: 600 !important;
  color: var(--ink-coral);
  letter-spacing: -0.03em;
  line-height: 1;
}

/* ── Navigation Menu (Poppins 500) ── */
.ady-nav-menu {
  display: flex;
  align-items: center;
  gap: 28px;
}

.ady-nav-link {
  font-family: var(--font-family-primary) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 0;
}

.ady-nav-link:hover {
  color: #0f172a !important;
  transform: translateY(-1px);
}

.ady-nav-link.active {
  color: #0f172a !important;
  font-weight: 600 !important;
}

/* Dropdowns on Hover */
.ady-nav-dropdown-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.ady-chevron {
  transition: transform 0.25s ease;
  opacity: 0.65;
}

.ady-nav-dropdown-wrap:hover .ady-chevron {
  transform: rotate(180deg);
  opacity: 1;
}

.ady-dropdown-menu {
  position: absolute;
  top: calc(100% + 14px);
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(220, 228, 248, 0.9);
  border-radius: 18px;
  padding: 10px;
  width: 320px;
  box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.15), 0 2px 8px rgba(15, 23, 42, 0.05);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
  gap: 4px;
  z-index: 110;
}

.ady-dropdown-menu::before {
  content: '';
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  height: 16px;
}

.ady-nav-dropdown-wrap:hover .ady-dropdown-menu {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.ady-dropdown-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.ady-dropdown-item:hover {
  background: #f1f5f9;
  transform: translateX(2px);
}

.ady-drop-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(239, 91, 82, 0.12);
  color: var(--ink-coral);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.ady-drop-title {
  display: block;
  font-family: var(--font-family-primary) !important;
  font-size: 14px;
  font-weight: 600 !important;
  color: #0f172a;
  line-height: 1.25;
}

.ady-drop-desc {
  display: block;
  font-family: var(--font-family-primary) !important;
  font-size: 12px;
  font-weight: 400 !important;
  color: #64748b;
  margin-top: 2px;
  line-height: 1.35;
}

/* ── Header Right: Black Pill 'Book A Call' (Poppins 600) ── */
.ady-header-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}

.ady-nav-wa-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(37, 211, 102, 0.12);
  border: 1px solid rgba(37, 211, 102, 0.3);
  transition: all 0.25s ease;
}
.ady-nav-wa-chip:hover {
  background: rgba(37, 211, 102, 0.22);
  transform: scale(1.06);
}

.ady-header-btn-dark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0b0e1b;
  color: #ffffff !important;
  text-decoration: none;
  padding: 11px 26px;
  border-radius: 999px;
  font-family: var(--font-family-primary) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(11, 14, 27, 0.25);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
}

.ady-header-btn-dark:hover {
  background: #1e2246;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(11, 14, 27, 0.35);
}

/* ── Mobile Hamburger ── */
.ady-hamburger-btn {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.ady-ham-line {
  width: 18px;
  height: 2px;
  background: #0f172a;
  border-radius: 2px;
  transition: all 0.3s ease;
}

.ady-hamburger-btn.open .line-1 { transform: translateY(7px) rotate(45deg); }
.ady-hamburger-btn.open .line-2 { opacity: 0; }
.ady-hamburger-btn.open .line-3 { transform: translateY(-7px) rotate(-45deg); }

/* ── Responsive Header Media Query ── */
@media (max-width: 1024px) {
  .ady-nav-menu {
    display: none !important;
  }
  .ady-hamburger-btn {
    display: flex !important;
  }
  .ady-header-wrapper {
    padding: 12px 16px !important;
  }
  .ady-header-actions {
    gap: 8px !important;
  }
}

@media (max-width: 640px) {
  .ady-header-btn-dark {
    padding: 7px 14px !important;
    font-size: 12.5px !important;
  }
  .ady-nav-wa-chip {
    width: 30px !important;
    height: 30px !important;
  }
  .ady-hamburger-btn {
    width: 34px !important;
    height: 34px !important;
  }
}




.ady-mobile-drawer {
  max-width: 1320px;
  margin: 12px auto 0;
  padding: 24px;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(20px);
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
  display: none;
  flex-direction: column;
  gap: 16px;
}

.ady-mobile-drawer.open { display: flex; }
.ady-mobile-nav-links { display: flex; flex-direction: column; gap: 6px; }

.ady-mobile-link {
  font-family: var(--font-family-primary) !important;
  font-size: 16px;
  font-weight: 500 !important;
  color: #334155 !important;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 10px;
  transition: background 0.2s ease;
}
.ady-mobile-link:hover { background: #f1f5f9; color: #0f172a !important; }

.ady-mobile-footer-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e2e8f0;
}

.ady-mobile-contact-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #64748b !important;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500 !important;
  font-family: var(--font-family-primary) !important;
}

.ady-mobile-cta {
  display: block;
  text-align: center;
  padding: 13px;
  border-radius: 999px;
  font-weight: 600 !important;
  font-size: 15.5px;
  color: #ffffff !important;
  background: #0b0e1b;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(11, 14, 27, 0.25);
  font-family: var(--font-family-primary) !important;
}

/* ═══════════════════════════════════════════════════════════
   HERO SECTION (SEAMLESS PEARL CANVAS — EXACT MATCH TO SCREENSHOT)
   ═══════════════════════════════════════════════════════════ */

.ady-hero-section {
  position: relative;
  /* Luminous, expansive pearl canvas matching screenshot */
  background: radial-gradient(ellipse at 50% 38%, #ffffff 0%, #f4f7fc 55%, #ebf1fa 100%);
  padding: 115px 24px 0;
  min-height: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  font-family: var(--font-family-primary);
}

.ady-canvas-container {
  width: 100%;
  max-width: 1360px;
  display: flex;
  justify-content: center;
  position: relative;
}

.ady-hero-card {
  width: 100%;
  min-height: 480px;
  background: transparent;
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ── 3D Concentric Oval Tunnel with Recessed Center Well ── */
.ady-tunnel-container {
  position: absolute;
  top: 59%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.ady-tunnel-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(200, 215, 245, 0.45);
  box-shadow:
    inset 0 8px 24px rgba(180, 195, 230, 0.18),
    0 8px 24px rgba(190, 205, 240, 0.2);
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.92) 0%, rgba(240, 246, 255, 0.35) 100%);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.ady-ring-outermost { width: 1840px; height: 920px; opacity: 0.15; }
.ady-ring-7         { width: 1580px; height: 790px; opacity: 0.25; }
.ady-ring-6         { width: 1340px; height: 670px; opacity: 0.38; }
.ady-ring-5         { width: 1120px; height: 560px; opacity: 0.52; }
.ady-ring-4         { width: 920px;  height: 460px; opacity: 0.68; }
.ady-ring-3         { width: 740px;  height: 370px; opacity: 0.80; }
.ady-ring-2         { width: 580px;  height: 290px; opacity: 0.90; }
.ady-ring-1         { width: 440px;  height: 220px; opacity: 0.96; }

/* Center Recessed Well (Physical Concave Dish) */
.ady-center-well {
  width: 320px;
  height: 160px;
  border-radius: 50%;
  background: radial-gradient(ellipse at 50% 45%, #ffffff 25%, #e1e9f7 100%);
  box-shadow:
    inset 0 16px 30px -4px rgba(150, 172, 218, 0.65),
    inset 0 -6px 14px rgba(255, 255, 255, 0.95),
    0 10px 24px rgba(185, 200, 235, 0.35);
  border: 1px solid rgba(180, 198, 235, 0.7);
  z-index: 2;
}

/* ── Typography Section (Hero H1: Poppins 800, Body: Poppins 450) ── */
.ady-hero-content {
  position: relative;
  z-index: 10;
  text-align: center;
  max-width: 1160px;
  padding: 0 16px;
  margin-top: 15px;
}

.ady-main-title {
  font-family: var(--font-family-primary) !important;
  font-size: clamp(30px, 3.6vw, 48px) !important;
  font-weight: 650 !important;
  letter-spacing: -0.025em;
  line-height: 1.18;
  margin-bottom: 18px;
}

/* Hero H1 (First Line) */
.ady-title-line1 {
  display: block;
  font-family: var(--font-family-primary) !important;
  font-size: inherit;
  font-weight: 500 !important;
  color: #11142e;
  letter-spacing: -0.015em;
  text-shadow: 0 4px 20px rgba(17, 20, 46, 0.05);
}

/* Gradient H1 (Line 2 & Line 3) */
.ady-title-line2 {
  display: block;
  white-space: nowrap;
  font-family: var(--font-family-primary) !important;
  font-size: inherit;
  font-weight: 600 !important;
  letter-spacing: -0.022em;
  background: linear-gradient(90deg, #7b4bf7 0%, #a438ee 30%, #de358d 65%, #f14c5c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.ady-title-line3 {
  display: block;
  white-space: nowrap;
  font-family: var(--font-family-primary) !important;
  font-size: inherit;
  font-weight: 600 !important;
  letter-spacing: -0.022em;
  background: linear-gradient(90deg, #b832a8 0%, #e02f74 40%, #f14c5c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Body Paragraph (Poppins 400) */
.ady-subtitle {
  font-family: var(--font-family-primary) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #586882;
  max-width: 720px;
  margin: 0 auto 28px;
  line-height: 1.6;
}

/* ── Hero Dual Action Buttons (Poppins 600) ── */
.ady-cta-group {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 15;
}

.ady-btn-dark {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  padding: 12px 28px;
  font-family: var(--font-family-primary) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  background: #0b0e1b;
  color: #ffffff !important;
  border-radius: 999px;
  box-shadow: 0 10px 26px rgba(11, 14, 27, 0.38);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.ady-btn-dark:hover {
  background: #1a1e36;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(11, 14, 27, 0.48);
}

.ady-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-family: var(--font-family-primary) !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  color: #3b4963 !important;
  padding: 13px 28px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(195, 208, 238, 0.85);
  border-radius: 999px;
  transition: all 0.25s;
  box-shadow: 0 4px 14px rgba(195, 208, 238, 0.3);
}
.ady-btn-ghost:hover {
  color: #0f172a !important;
  background: #ffffff;
  border-color: rgba(140, 155, 195, 0.85);
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(160, 175, 210, 0.35);
}

/* ═══════════════════════════════════════════════════════════
   WAVEFORM & EXACT 5 BADGES FROM SCREENSHOT
   ═══════════════════════════════════════════════════════════ */

.ady-waveform-stage {
  position: absolute;
  bottom: 35px;
  left: 0;
  width: 100%;
  height: 280px;
  z-index: 12;
}

.ady-wave-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.ady-wave-curve {
  fill: none;
  stroke: url(#adyWaveGradient);
  stroke-width: 2.6;
  stroke-linecap: round;
  filter: drop-shadow(0 0 10px rgba(250, 90, 80, 0.45));
  opacity: 0.96;
}

.ady-pulse-dot {
  fill: #ff473d;
  filter: drop-shadow(0 0 10px rgba(255, 71, 61, 0.95));
}

/* ═══════════════════════════════════════════════════════════
   SLEEK FLOATING SQUIRCLE BADGES WITH MICRO-TOOLTIPS
   ═══════════════════════════════════════════════════════════ */
.ady-float-badge {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  transition: all 0.32s cubic-bezier(0.34, 1.56, 0.64, 1);
  cursor: pointer;
  z-index: 15;
  text-decoration: none !important;
}

.ady-float-badge:hover {
  transform: translate(-50%, -64%) scale(1.16);
  z-index: 25;
}

.ady-badge-coral {
  background: linear-gradient(135deg, #ff645a 0%, #e8463c 100%);
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(250, 90, 80, 0.52), inset 0 1px 1.5px rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.ady-badge-white {
  background: rgba(255, 255, 255, 0.95);
  color: #fa5a50 !important;
  border: 1px solid rgba(220, 230, 250, 0.95);
  box-shadow: 0 10px 24px rgba(140, 155, 195, 0.26), inset 0 1px 2px #ffffff;
  backdrop-filter: blur(12px);
}

.ady-badge-dollar {
  font-family: var(--font-family-primary) !important;
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}

/* Micro-tooltip that gracefully appears above badge on hover */
.ady-badge-tooltip {
  position: absolute;
  bottom: calc(100% + 11px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  padding: 5px 12px;
  background: #0b0e1b;
  color: #ffffff;
  font-family: var(--font-family-primary) !important;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(11, 14, 27, 0.35);
  opacity: 0;
  pointer-events: none;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 30;
}

.ady-badge-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #0b0e1b transparent transparent transparent;
}

.ady-float-badge:hover .ady-badge-tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* Rhythmic Floating Animations */
@keyframes adyWaveFloat1 { 0%, 100% { transform: translate(-50%, -50%) translateY(0); } 50% { transform: translate(-50%, -50%) translateY(-8px); } }
@keyframes adyWaveFloat2 { 0%, 100% { transform: translate(-50%, -50%) translateY(0); } 50% { transform: translate(-50%, -50%) translateY(8px); } }
@keyframes adyWaveFloat3 { 0%, 100% { transform: translate(-50%, -50%) translateY(0); } 50% { transform: translate(-50%, -50%) translateY(-9px); } }
@keyframes adyWaveFloat4 { 0%, 100% { transform: translate(-50%, -50%) translateY(0); } 50% { transform: translate(-50%, -50%) translateY(7px); } }
@keyframes adyWaveFloat5 { 0%, 100% { transform: translate(-50%, -50%) translateY(0); } 50% { transform: translate(-50%, -50%) translateY(-8px); } }

.ady-badge-pos-1 { animation: adyWaveFloat1 3.8s ease-in-out infinite; }
.ady-badge-pos-2 { animation: adyWaveFloat2 4.4s ease-in-out infinite; }
.ady-badge-pos-3 { animation: adyWaveFloat3 4.0s ease-in-out infinite; }
.ady-badge-pos-4 { animation: adyWaveFloat4 4.6s ease-in-out infinite; }
.ady-badge-pos-5 { animation: adyWaveFloat5 3.9s ease-in-out infinite; }

/* AI Badge Live Beacon Dot */
.ady-badge-beacon {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #10b981;
  border: 2px solid #ffffff;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.9);
  animation: pulseDot 1.8s infinite;
}

/* Glow dot on wave crest */
.ady-wave-glow-dot {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(250, 90, 80, 0.45) 0%, transparent 70%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 10;
  filter: blur(8px);
}

/* ═══════════════════════════════════════════════════════════
   AI AGENT INTERACTIVE WIDGET (POPPINS 400-600)
   ═══════════════════════════════════════════════════════════ */

.ady-ai-widget {
  position: absolute;
  right: 32px;
  bottom: 25px;
  width: 258px;
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 20px;
  padding: 14px 16px;
  box-shadow:
    0 18px 36px -8px rgba(15, 23, 42, 0.12),
    0 4px 12px rgba(15, 23, 42, 0.05);
  z-index: 20;
  backdrop-filter: blur(8px);
  font-family: var(--font-family-primary) !important;
}

.ady-widget-glow {
  position: absolute;
  top: -12px;
  left: -12px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(250, 90, 80, 0.45) 0%, transparent 70%);
  filter: blur(6px);
  pointer-events: none;
  z-index: -1;
}

.ady-widget-top {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.ady-widget-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border: 2px solid #ffffff;
}

.ady-widget-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ady-widget-text {
  font-family: var(--font-family-primary) !important;
  font-size: 11.5px;
  font-weight: 400 !important;
  color: #334155;
  line-height: 1.35;
  margin: 0;
}

.ady-widget-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid #f1f5f9;
  font-family: var(--font-family-primary) !important;
  font-size: 10.5px;
  font-weight: 600 !important;
  color: #0f172a;
  text-decoration: none;
  letter-spacing: 0.06em;
  transition: color 0.2s ease;
}

.ady-widget-link:hover {
  color: var(--ink-coral);
}

/* ═══════════════════════════════════════════════════════════
   STATS BRIDGE BAR (BRIDGING CLEANLY INTO SERVICES)
   ═══════════════════════════════════════════════════════════ */

.ady-stats-bridge-bar {
  position: relative;
  z-index: 20;
  font-family: var(--font-family-primary);
}

.ady-stats-container {
  max-width: 1240px;
  margin: 0 auto;
}

/* Prevent fixed WhatsApp widget from obscuring AI widget */
a[href*="wa.me"].fixed,
button.fixed[aria-label*="WhatsApp"] {
  z-index: 25;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE DESIGN
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {
  .ady-header-wrapper { padding: 16px 24px; }
  .ady-nav-menu, .ady-header-actions .ady-nav-wa-chip { display: none; }
  .ady-hamburger-btn { display: flex; }
  
  .ady-title-line2, .ady-title-line3 {
  display: block;
  white-space: nowrap;
  font-family: var(--font-family-primary) !important;
  font-size: inherit;
  font-weight: 600 !important;
  background: linear-gradient(90deg, #b832a8 0%, #e02f74 40%, #f14c5c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
  .ady-hero-section { min-height: auto; padding-bottom: 60px; }
  .ady-waveform-stage { position: relative; bottom: 0; margin-top: 40px; }
  .ady-ai-widget { position: static; margin-top: 30px; width: 100%; max-width: 340px; }
  .ady-stats-container { grid-template-columns: repeat(2, 1fr); gap: 32px; }
}

@media (max-width: 640px) {
  .ady-header-wrapper { padding: 14px 18px; }
  .ady-header-btn-dark { display: none; }
  .ady-main-title {
  font-family: var(--font-family-primary) !important;
  font-size: clamp(30px, 3.6vw, 51px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em;
  line-height: 1.16;
  margin-bottom: 20px;
}
  .ady-subtitle { font-size: 15px !important; }
  .ady-stats-container { grid-template-columns: 1fr; gap: 24px; }
  .ady-center-pill-btn { padding: 12px 24px; font-size: 14px; }
}


/* ═══════════════════════════════════════════════════════════
   GLOBAL SECTION TYPOGRAPHY (POPPINS ACROSS ALL HOMEPAGE SECTIONS)
   • Headings (H1, H2, H3, H4, Section Titles): Poppins 600 (SemiBold)
   • Subtitles / Badges: Poppins 600 / 500
   • Body Paragraphs & Descriptions: Poppins 400 (Regular)
   • Navigation & Links: Poppins 500 (Medium)
   • Buttons & Action Pills: Poppins 600 (SemiBold)
   • Stats & Numbers: Poppins 700 / 500
   ═══════════════════════════════════════════════════════════ */

/* Universal font family enforcement */
*, *::before, *::after {
  font-family: var(--font-family-primary);
}

body,
button,
input,
select,
textarea,
p,
span,
h1, h2, h3, h4, h5, h6,
a,
li,
strong,
b,
label {
  font-family: var(--font-family-primary) !important;
}

/* ── Section Main Headings (H2 across all sections: Services, Team, Industries, About, Process, Why-Us, Testimonials, FAQ, Contact) ── */
h2,
.section-title h2,
[class*="text-2xl"],
[class*="text-3xl"],
[class*="text-4xl"],
[class*="text-5xl"] {
  font-family: var(--font-family-primary) !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.25 !important;
}

/* ── Card Titles & Sub-headings (H3 / H4 / title-2 / title-3) ── */
h3,
h4,
h5,
h6,
.title-2,
.title-2 a,
.title-3,
.title-3 a,
.service-card-items .content h3,
.service-card-items .title-2 a,
#process h3,
#why-us h3,
#testimonials h4,
#contact h3,
footer h3,
footer h4 {
  font-family: var(--font-family-primary) !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
}

/* Normalize any Tailwind font-bold / font-extrabold / font-black classes to refined 600 */
[class*="font-bold"]:not(.ady-stat-value):not(.counter-value):not(.ady-badge-dollar),
[class*="font-extrabold"],
[class*="font-black"],
strong,
b {
  font-family: var(--font-family-primary) !important;
  font-weight: 600 !important;
}

/* FAQ Accordion Question triggers */
#faq button span:first-child,
#faq button > span.font-bold {
  font-family: var(--font-family-primary) !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
}

/* ── Sub-title Badges / Category Pills (e.g. "OUR SERVICES", "DOMAINS WE SERVE", "HOW WE WORK") ── */
.sub-title,
.sub-title span,
[class*="sub-title"],
[class*="bg-color-2"] {
  font-family: var(--font-family-primary) !important;
  font-weight: 600 !important;
  font-size: 11.5px !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
}

/* ── Body Paragraphs & Descriptions Across All Sections ── */
p,
.text-muted-foreground,
.service-card-items .content p,
.content p,
.section-title p,
#about p,
#process p,
#why-us p:not([class*="font-bold"]):not([class*="font-semibold"]),
#testimonials p,
#faq p,
#contact p {
  font-family: var(--font-family-primary) !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

/* ── Navigation, Links & List Items ── */
nav a,
.ady-nav-link,
.ady-mobile-link,
footer a,
li,
li span,
li a {
  font-family: var(--font-family-primary) !important;
  font-weight: 500 !important;
}

/* ── Buttons & Action Pills across ALL sections ── */
button,
.btn,
.service-btn,
.service-btn span,
.shadcn-input-button-solid,
.shadcn-input-button-solid span,
[class*="btn-"],
a[class*="btn"],
a[class*="button"],
button[class*="rounded-full"],
.ady-btn-dark,
.ady-btn-ghost,
.ady-header-btn-dark,
.ady-center-pill-btn,
.ady-mobile-cta {
  font-family: var(--font-family-primary) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

/* ── Floating Badges / Domain Marquee Pills / Testimonial Roles ── */
.group\/pill span,
[class*="group/pill"] span {
  font-family: var(--font-family-primary) !important;
  font-weight: 500 !important;
}

/* ── Stats & Counter Numbers ── */
.ady-stat-value,
[class*="stat-value"],
.counter-value,
#about span.font-semibold.text-primary,
#process span.text-primary.font-bold {
  font-family: var(--font-family-primary) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
}

.ady-stat-label,
[class*="stat-label"] {
  font-family: var(--font-family-primary) !important;
  font-weight: 500 !important;
}

/* ── Form Inputs & Placeholders ── */
input,
textarea,
select {
  font-family: var(--font-family-primary) !important;
  font-weight: 400 !important;
}

label {
  font-family: var(--font-family-primary) !important;
  font-weight: 500 !important;
}

/* ═══════════════════════════════════════════════════════════
   GLOBAL SECTION COLOR PALETTE HARMONIZATION
   Matching Hero Section Aesthetic & Color Palette:
   • Primary Ink & Buttons: #0f172a (Dark Slate) / #11142e (Deep Ink)
   • Signature Brand Accent: #ef5b52 (Coral Red)
   • Signature Headline Gradient: linear-gradient(90deg, #7b4bf7 0%, #a438ee 30%, #de358d 65%, #f14c5c 100%)
   • Soft Coral Badges: rgba(239, 91, 82, 0.08) / border rgba(239, 91, 82, 0.22)
   • Ambient Obsidian/Slate Canvas: #0b1320 / #0f172a
   ═══════════════════════════════════════════════════════════ */

/* 1. Subtitle Badges / Category Pills (.sub-title, .bg-color-2 across all sections) */
.sub-title,
.sub-title span,
[class*="sub-title"]:not(.bg-color-3),
.bg-color-2 {
  background-color: rgba(239, 91, 82, 0.08) !important;
  color: #ef5b52 !important;
  border: 1px solid rgba(239, 91, 82, 0.22) !important;
  border-radius: 9999px !important;
  box-shadow: 0 2px 10px rgba(239, 91, 82, 0.06) !important;
}

/* 2. Heading Highlights across all sections (mirroring Hero Line 2/3 Gradient) */
.section-title h2 span.text-primary,
#team-expertise h2 span.text-primary,
#about h2 span.text-primary,
#why-us h2 span.text-primary,
#contact h2 span.text-primary,
h2 span.text-primary {
  background: linear-gradient(90deg, #7b4bf7 0%, #a438ee 30%, #de358d 65%, #f14c5c 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-decoration: none !important;
  display: inline-block !important;
}

#team-expertise h2 span.underline,
#why-us h2 span.underline {
  text-decoration: none !important;
  border-bottom: 3px solid #ef5b52 !important;
  padding-bottom: 2px;
}

/* 2b. Prevent flex stretching gap before footer */
main,
main.flex-1 {
  flex: none !important;
  min-height: auto !important;
}

/* 3. Primary Solid Buttons (.shadcn-input-button-solid in Team, About, Why-Us, Contact) */
/* Styled as Hero Signature Dark Pill Buttons */
.shadcn-input-button-solid {
  background-color: #0f172a !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 9999px !important;
  box-shadow: 0 10px 25px -4px rgba(15, 23, 42, 0.25), 0 4px 10px -2px rgba(15, 23, 42, 0.12) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.shadcn-input-button-solid:hover {
  background-color: #1e293b !important;
  box-shadow: 0 14px 30px -4px rgba(239, 91, 82, 0.25), 0 6px 14px -2px rgba(15, 23, 42, 0.2) !important;
  transform: translateY(-2px);
}

.shadcn-input-button-solid .badge-icon {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  transition: all 0.25s ease !important;
}

.shadcn-input-button-solid:hover .badge-icon {
  background: #ef5b52 !important;
  color: #ffffff !important;
  transform: scale(1.08);
}

/* 4. Services Section (#services) Filter Buttons & Card CTAs */
#services button.bg-primary {
  background-color: #0f172a !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.25) !important;
  border-color: #0f172a !important;
}

#services button.bg-surface {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(220, 230, 248, 0.9) !important;
}

#services button.bg-surface:hover {
  border-color: #ef5b52 !important;
  color: #ef5b52 !important;
  background-color: rgba(239, 91, 82, 0.04) !important;
}

.service-card-items:hover {
  border-color: rgba(239, 91, 82, 0.35) !important;
  box-shadow: 0 20px 40px -15px rgba(239, 91, 82, 0.14), 0 8px 20px -6px rgba(15, 23, 42, 0.08) !important;
}

.service-card-items .content h3 a:hover {
  color: #ef5b52 !important;
}

.service-btn {
  color: #0f172a !important;
}

.service-btn:hover {
  color: #ef5b52 !important;
}

.service-btn .badge-icon {
  background-color: rgba(239, 91, 82, 0.1) !important;
  color: #ef5b52 !important;
  transition: all 0.25s ease !important;
}

.service-btn:hover .badge-icon {
  background-color: #ef5b52 !important;
  color: #ffffff !important;
}

/* 5. Team & Expertise Section (#team-expertise) Floating Badges */
#team-expertise .bg-primary\/10 {
  background-color: rgba(239, 91, 82, 0.1) !important;
  color: #ef5b52 !important;
}

#team-expertise .text-primary {
  color: #ef5b52 !important;
}

#team-expertise li:hover .text-secondary {
  color: #ef5b52 !important;
}

/* 6. Target Domain Expertise (#industries) Marquee Badges */
#industries .group\/pill .w-9.h-9 {
  background-color: rgba(239, 91, 82, 0.09) !important;
  border-color: rgba(239, 91, 82, 0.2) !important;
}

#industries .group\/pill svg {
  color: #ef5b52 !important;
}

#industries .group\/pill:hover {
  border-color: rgba(239, 91, 82, 0.45) !important;
  box-shadow: 0 12px 28px -6px rgba(239, 91, 82, 0.18) !important;
}

#industries .group\/pill:hover span {
  color: #ef5b52 !important;
}

/* 7. About Section (#about) Technical Pillars & Number Accents */
#about span.font-semibold.text-primary,
#about span.text-xs.font-semibold.text-primary {
  color: #ef5b52 !important;
}

#about .group:hover span.text-secondary {
  color: #ef5b52 !important;
}

#about .group:hover {
  background-color: rgba(239, 91, 82, 0.03) !important;
}

#about h3.text-primary {
  color: #ef5b52 !important;
}

/* 8. Mid-Page Call-To-Action Banner */
/* Replacing flat purple overlay with luxury dark obsidian slate & subtle coral aura */
.bg-primary\/90 {
  background: linear-gradient(135deg, rgba(11, 19, 32, 0.96) 0%, rgba(17, 24, 39, 0.97) 50%, rgba(26, 22, 58, 0.95) 100%) !important;
}

.sub-title.bg-color-3 {
  background-color: rgba(239, 91, 82, 0.18) !important;
  color: #ff9b94 !important;
  border: 1px solid rgba(239, 91, 82, 0.4) !important;
  border-radius: 9999px !important;
}

.shadcn-input-button-white {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border-radius: 9999px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.shadcn-input-button-white:hover {
  background-color: #f8fafc !important;
  box-shadow: 0 16px 36px rgba(239, 91, 82, 0.3) !important;
  color: #ef5b52 !important;
  transform: translateY(-2px);
}

.shadcn-input-button-white .badge-icon {
  background: rgba(15, 23, 42, 0.08) !important;
  color: #0f172a !important;
}

.shadcn-input-button-white:hover .badge-icon {
  background: #ef5b52 !important;
  color: #ffffff !important;
}

/* 9. Process Section (#process) Steps */
#process span.text-primary {
  color: #ef5b52 !important;
}

#process .group:hover h3 {
  color: #ef5b52 !important;
}

/* 10. Why-Us Section (#why-us) Checkmarks & Highlights */
#why-us .text-primary {
  color: #ef5b52 !important;
}

#why-us svg.lucide-check {
  color: #ef5b52 !important;
}

/* 11. Testimonials (#testimonials) Badges & Hover */
#testimonials span.text-primary.bg-primary\/10 {
  background-color: rgba(239, 91, 82, 0.08) !important;
  color: #ef5b52 !important;
}

#testimonials .group:hover h4 {
  color: #ef5b52 !important;
}

/* 12. FAQ Section (#faq) Triggers & Plus Icon */
#faq button:hover {
  color: #ef5b52 !important;
}

#faq button span.text-primary {
  color: #ef5b52 !important;
}

/* 13. Contact Section (#contact) Icon Chips & Input Focus */
#contact .text-primary {
  color: #ef5b52 !important;
}

#contact a.text-primary:hover {
  color: #f14c5c !important;
}

#contact .w-12.h-12.rounded-2xl {
  background-color: rgba(239, 91, 82, 0.1) !important;
  color: #ef5b52 !important;
}

#contact input:focus,
#contact select:focus,
#contact textarea:focus {
  border-color: #ef5b52 !important;
  box-shadow: 0 0 0 3px rgba(239, 91, 82, 0.18) !important;
  outline: none !important;
}

#contact .shadcn-input-button-solid {
  background: #0f172a !important;
  color: #ffffff !important;
}

#contact .shadcn-input-button-solid:hover {
  background: #1e293b !important;
  box-shadow: 0 14px 30px -4px rgba(239, 91, 82, 0.3) !important;
}

/* 14. Footer Links & Social Icon Hovers */
footer a:hover {
  color: #ef5b52 !important;
}

footer .w-9.h-9.rounded-full:hover {
  background-color: #ef5b52 !important;
  color: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════════
   15. GLOBAL SECTION BACKGROUND HARMONIZATION
   Unified with Hero Section Pearl Canvas & Color Palette:
   • Hero Canvas: radial-gradient(ellipse at 50% ..., #ffffff 0%, #f4f7fc 55%, #ebf1fa 100%)
   • Stats Bridge: linear-gradient(180deg, #ebf1fa 0%, #f4f7fc 50%, #ffffff 100%)
   • Services (#services): Pearl Canvas with pure white elevated cards
   • Team & Expertise (#team-expertise): Radial Pearl Canvas with floating pills
   • Industries (#industries): Soft Pearl Marquee Strip
   • About (#about): Radial Pearl Canvas with clean technical pillars
   • Process (#process): Radial Pearl Canvas with elevated white step cards
   • Why-Us (#why-us): Radial Pearl Canvas with vibrant coral checkmarks
   • Testimonials (#testimonials): Radial Pearl Canvas with white review cards
   • FAQ (#faq): Radial Pearl Canvas with crisp accordion dividers
   • Contact (#contact): Radiant Pearl-to-Slate Canvas with elevated audit form
   • Subtle Borders: rgba(220, 230, 248, 0.75)
   ═══════════════════════════════════════════════════════════ */

/* A. Stats Bridge Bar */
.ady-stats-bridge-bar {
  background: #080605 !important;
  background-color: #080605 !important;
  border-top: 1px solid #261712 !important;
  border-bottom: 1px solid #261712 !important;
}

/* B. Services Section (Light Pearl Canvas — Matching Redesign) */
#services,
section.service-section,
section.bento-services-section {
  background: radial-gradient(ellipse at 50% 0%, #ffffff 0%, #f8faff 50%, #f0f4fc 100%) !important;
  background-color: #f8faff !important;
  border-top: 1px solid rgba(220, 230, 248, 0.75) !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  position: relative;
  color: #11142e !important;
}

#services .right-shape-3,
#services .bg-shape-2 {
  display: none !important;
}

#services .service-card-items {
  background-color: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.85) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.05), 0 4px 12px -2px rgba(15, 23, 42, 0.02) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#services .service-card-items:hover {
  background-color: #ffffff !important;
  border-color: rgba(239, 91, 82, 0.35) !important;
  box-shadow: 0 20px 45px -10px rgba(239, 91, 82, 0.15), 0 8px 20px -4px rgba(15, 23, 42, 0.06) !important;
  transform: translateY(-4px);
}

/* C. Team & Expertise Section */
#team-expertise {
  background: radial-gradient(ellipse at 50% 50%, #ffffff 0%, #f4f7fc 65%, #edf3fb 100%) !important;
  border-top: 1px solid rgba(220, 230, 248, 0.75) !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
}

/* D. Target Domain Expertise Marquee */
#industries {
  background: linear-gradient(180deg, #f4f7fc 0%, #ffffff 50%, #f4f7fc 100%) !important;
  border-top: 1px solid rgba(220, 230, 248, 0.7) !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.7) !important;
}

/* E. About Adyantra Digital (Dark Midnight Navy — Image 5) */
#about,
.section.about {
  background-color: #171938 !important;
  background: #171938 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

#about h2,
#about-title,
#about-ref-title,
.about-ref-heading {
  color: #0f172a !important;
}

#about .copy-block--dark > p {
  color: #bbc0d6 !important;
}

#about .pillar-panel {
  border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#about .pillar-panel li {
  color: #ffffff !important;
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
}

#about .pillar-panel li b {
  color: #df77be !important;
}

#about .text-link--light {
  color: #f19dda !important;
}

/* F. Process Methodology Section */
#process {
  background: radial-gradient(ellipse at 50% 30%, #ffffff 0%, #f4f7fc 65%, #ebf1fa 100%) !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
}

#process .group {
  background-color: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.85) !important;
  border-radius: 20px !important;
  padding: 24px 28px !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.03) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#process .group:hover {
  background-color: #ffffff !important;
  border-color: rgba(239, 91, 82, 0.35) !important;
  box-shadow: 0 16px 36px -8px rgba(239, 91, 82, 0.12), 0 6px 16px -2px rgba(15, 23, 42, 0.05) !important;
  transform: translateY(-2px);
}

/* G. Why-Us (The Adyantra Advantage) */
#why-us {
  background-image: none !important;
  background: radial-gradient(ellipse at 70% 45%, #ffffff 0%, #f4f7fc 60%, #ebf1fa 100%) !important;
  border-top: 1px solid rgba(220, 230, 248, 0.75) !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
}



/* I. FAQ Section */
#faq {
  background: radial-gradient(ellipse at 50% 25%, #ffffff 0%, #f4f7fc 70%, #ebf1fa 100%) !important;
  border-top: 1px solid rgba(220, 230, 248, 0.75) !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
}

#faq .border-b {
  border-color: rgba(220, 230, 248, 0.75) !important;
}

/* J. Contact Section */
#contact {
  background: radial-gradient(ellipse at 25% 45%, #ffffff 0%, #f4f7fc 60%, #ebf1fa 100%) !important;
  border-top: 1px solid rgba(220, 230, 248, 0.75) !important;
}

#contact .bg-white {
  background-color: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.95) !important;
  border-radius: 24px !important;
  box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.08), 0 8px 20px -4px rgba(15, 23, 42, 0.04) !important;
}

/* K. Global Border Refinement */
.border-border\/60,
.border-border\/80,
.border-border {
  border-color: rgba(220, 230, 248, 0.75) !important;
}


/* ═══════════════════════════════════════════════════════════
   REDESIGNED HOMEPAGE SECTIONS (ACCORDING TO REFERENCE IMAGES)
   ═══════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════
   SERVICES BENTO BOX SECTION (MATCHING REFERENCE IMAGE 3)
   ═══════════════════════════════════════════════════════════ */
.bento-services-section {
  background-color: #12101e !important;
  background: radial-gradient(circle at 50% 0%, #1e1933 0%, #12101e 70%) !important;
  color: #ffffff;
  padding: 100px 0 110px !important;
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.bento-header {
  text-align: center;
  max-width: 650px;
  margin: 0 auto 52px;
}

.bento-pill-tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 16px;
  border-radius: 999px;
  background: rgba(143, 83, 221, 0.12);
  border: 1px solid rgba(164, 73, 182, 0.28);
  color: #d8b4fe;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 18px;
}

.bento-sparkle {
  color: #c084fc;
  font-size: 13px;
}

.bento-main-title {
  color: #ffffff !important;
  font-size: clamp(32px, 3.4vw, 46px);
  font-weight: 700 !important;
  letter-spacing: -1.5px;
  line-height: 1.15;
  margin: 0 0 14px;
}

.bento-main-desc {
  color: #9da3be !important;
  font-size: 15.5px;
  font-weight: 450;
  line-height: 1.6;
  margin: 0 auto;
}

/* Bento 12-Column Responsive Grid */
.bento-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  position: relative;
  z-index: 1;
}

/* Column spans */
.bento-card--col1 {
  grid-column: span 4;
}

.bento-card--wide-1 {
  grid-column: span 5;
}

.bento-card--wide-2 {
  grid-column: span 7;
}

/* Card Container */
.bento-card {
  background: #171526;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 26px 24px 22px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.bento-card:hover {
  transform: translateY(-4px);
  border-color: rgba(164, 73, 182, 0.45);
  box-shadow: 0 18px 40px -10px rgba(0, 0, 0, 0.55), 0 0 25px rgba(143, 83, 221, 0.15);
}

.bento-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.bento-card__title {
  margin: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
}

.bento-arrow-btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #c4b5fd;
  display: grid;
  place-items: center;
  text-decoration: none;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.bento-card:hover .bento-arrow-btn {
  background: #8f53dd;
  border-color: #8f53dd;
  color: #ffffff;
  transform: rotate(45deg);
}

.bento-card__desc {
  margin: 0 0 20px;
  color: #9297b2;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 400;
}

.bento-link-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 18px;
  transition: gap 0.2s ease, color 0.2s ease;
}

.bento-link-action:hover {
  gap: 10px;
  color: #fa6058;
}

/* Card Mockup Visual Containers */
.bento-mockup {
  margin-top: auto;
  border-radius: 12px;
  background: #110f1c;
  border: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
  min-height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* Mockup 1: Browser Window / Dashboard */
.bento-mockup--browser {
  flex-direction: column;
  align-items: stretch;
  padding: 10px 12px;
  background: #100e1b;
}

.bento-browser-bar {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.browser-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.dot-red { background: #ff5f56; }
.dot-yellow { background: #ffbd2e; }
.dot-green { background: #27c93f; }
.browser-tab {
  width: 50px;
  height: 7px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.08);
  margin-left: 8px;
}

.bento-browser-body {
  display: flex;
  gap: 10px;
}

.mockup-sidebar {
  width: 25%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 4px;
}

.mock-line {
  height: 5px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
}
.w-10 { width: 40%; }
.w-12 { width: 50%; }
.w-16 { width: 70%; }
.w-20 { width: 45%; }
.w-40 { width: 40%; }
.w-60 { width: 60%; }
.w-80 { width: 80%; }

.mockup-content {
  flex: 1;
  display: flex;
  gap: 8px;
}

.mockup-chart-card {
  flex: 1.5;
  background: #181528;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  padding: 8px 10px;
}

.mock-card-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.mock-badge {
  width: 14px;
  height: 6px;
  border-radius: 3px;
  background: rgba(164, 73, 182, 0.4);
}

.mock-chart-bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 42px;
}

.bar-pill {
  flex: 1;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}
.h-40 { height: 40%; }
.h-55 { height: 55%; }
.h-60 { height: 60%; }
.h-70 { height: 70%; }
.h-85 { height: 85%; }
.bar-pill.active {
  background: linear-gradient(180deg, #a449b6, #6d42be);
}

.mockup-stat-card {
  width: 32px;
  background: #181528;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #c4b5fd;
}

/* Mockup 2: SaaS Orbital Center */
.bento-mockup--saas {
  padding: 14px;
}

.saas-orbital-center {
  position: relative;
  width: 140px;
  height: 95px;
  display: grid;
  place-items: center;
}

.saas-orbit-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px dashed rgba(164, 73, 182, 0.3);
}

.ring-outer {
  width: 130px;
  height: 85px;
}

.ring-inner {
  width: 85px;
  height: 55px;
}

.saas-core-badge {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, #6d42be, #a449b6);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(109, 66, 190, 0.45);
}

.saas-satellite {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #1a172e;
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: grid;
  place-items: center;
  color: #c4b5fd;
  z-index: 2;
}

.sat-1 { top: 0; left: 10px; }
.sat-2 { top: 6px; right: 8px; }
.sat-3 { bottom: 0; left: 16px; }
.sat-4 { bottom: 6px; right: 14px; }

/* Mockup 3: Mobile Phone Frame */
.bento-mockup--mobile {
  padding: 12px 10px 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.mobile-frame {
  width: 140px;
  height: 100px;
  background: #19162c;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px 14px 0 0;
  padding: 6px 8px 0;
  display: flex;
  flex-direction: column;
}

.mobile-notch {
  width: 32px;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.15);
  margin: 0 auto 6px;
}

.mobile-app-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}

.mobile-bar-avatar {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(164, 73, 182, 0.5);
}

.mobile-bar-line {
  flex: 1;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.08);
}

.mobile-hero-card {
  height: 38px;
  background: linear-gradient(135deg, rgba(109, 66, 190, 0.3), rgba(250, 96, 88, 0.2));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  margin-bottom: 6px;
}

.mobile-row-cards {
  display: flex;
  gap: 6px;
}

.mobile-mini-card {
  flex: 1;
  height: 25px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}

/* Mockup 4: UX/UI Tilted 3D Stack */
.bento-mockup--uxui {
  padding: 16px;
  min-height: 135px;
}

.uxui-tilted-stage {
  position: relative;
  width: 160px;
  height: 95px;
}

.uxui-card {
  position: absolute;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
}

.card-back {
  top: 0;
  left: 20px;
  width: 90px;
  height: 60px;
  background: #1a162d;
  display: grid;
  place-items: center;
  transform: rotate(-8deg);
  z-index: 1;
}

.uxui-label {
  font-size: 16px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.2);
}

.card-mid {
  top: 15px;
  left: 45px;
  width: 85px;
  height: 65px;
  background: #1f1a36;
  transform: rotate(5deg);
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  z-index: 2;
}

.uxui-wire-line {
  height: 4px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.card-front {
  top: 30px;
  left: 65px;
  width: 75px;
  height: 55px;
  background: linear-gradient(135deg, rgba(109, 66, 190, 0.8), rgba(164, 73, 182, 0.7));
  border-color: rgba(255, 255, 255, 0.2);
  transform: rotate(-3deg);
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 3;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.4);
}

.uxui-front-header {
  display: flex;
  justify-content: space-between;
}

.uxui-circle-avatar {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
}

.uxui-lock-icon {
  align-self: flex-end;
  color: #ffffff;
}

/* Mockup 5: Workflow Automation Tools Row */
.bento-mockup--workflow {
  padding: 16px 20px;
  flex-direction: column;
  gap: 16px;
}

.workflow-tools-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.wf-tool-badge {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #1c1930;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  place-items: center;
  color: #e2e8f0;
  position: relative;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.wf-tool-badge:hover {
  transform: scale(1.1);
  border-color: #a449b6;
}

.wf-icon-dot {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.bg-purple { background: #a449b6; }
.bg-emerald { background: #10b981; }
.bg-orange { background: #f97316; }
.bg-blue { background: #3b82f6; }
.bg-pink { background: #ec4899; }

.workflow-pipeline-nodes {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 10px;
}

.wf-pipe-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
}
.wf-pipe-dot.active {
  background: #fa6058;
  box-shadow: 0 0 8px #fa6058;
}

.wf-pipe-line {
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, rgba(164, 73, 182, 0.5), rgba(250, 96, 88, 0.5));
}

/* Mockup 6: Maintenance Dials & Gauges */
.bento-mockup--maintenance {
  padding: 14px;
}

.maint-gauges-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
}

.maint-gauge-small {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #18152c;
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: grid;
  place-items: center;
  color: #7e85a6;
}

.maint-dial-center {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #1b1730;
  border: 2px solid rgba(164, 73, 182, 0.4);
  display: grid;
  place-items: center;
  box-shadow: 0 0 16px rgba(109, 66, 190, 0.25);
}

.dial-core {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6d42be, #a449b6);
  display: grid;
  place-items: center;
  color: #ffffff;
}

/* Mockup 7: CRM Sales Bar Chart */
.bento-mockup--crm {
  padding: 12px 14px;
}

.crm-chart-box {
  width: 100%;
}

.crm-chart-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  color: #9499b3;
  font-size: 11px;
  font-weight: 600;
}

.crm-chart-bars {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 52px;
  gap: 5px;
}

.crm-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  flex: 1;
  height: 100%;
  justify-content: flex-end;
}

.crm-bar {
  width: 100%;
  max-width: 16px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  transition: height 0.3s ease;
}

.h-35 { height: 35%; }
.h-50 { height: 50%; }
.h-75 { height: 75%; }
.h-95 { height: 95%; }

.crm-bar.active {
  background: linear-gradient(180deg, #a449b6, #6d42be);
  box-shadow: 0 0 8px rgba(164, 73, 182, 0.35);
}

.crm-day {
  color: #646a88;
  font-size: 9px;
  font-weight: 500;
}

/* Mockup 8: API Processor Circuit Chip */
.bento-mockup--api {
  padding: 12px;
}

.api-circuit-wrap {
  position: relative;
  width: 180px;
  height: 90px;
  display: grid;
  place-items: center;
}

.api-chip-badge {
  position: relative;
  z-index: 3;
  width: 48px;
  height: 34px;
  border-radius: 8px;
  background: linear-gradient(135deg, #1f1b36, #16132a);
  border: 1px solid rgba(164, 73, 182, 0.5);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(164, 73, 182, 0.2);
  display: grid;
  place-items: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.5px;
}

.api-node {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: #18152c;
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: grid;
  place-items: center;
  color: #c4b5fd;
  z-index: 2;
}

.node-left { left: 10px; top: 34px; }
.node-right { right: 10px; top: 34px; }
.node-bottom-left { left: 35px; bottom: 4px; }
.node-bottom-right { right: 35px; bottom: 4px; }

.api-traces-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

/* Bento Responsive Media Queries */
@media (max-width: 980px) {
  .bento-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .bento-card--col1,
  .bento-card--wide-1,
  .bento-card--wide-2 {
    grid-column: span 1;
  }
}

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


/* Homepage sections ------------------------------------------------------- */
.shell { width: min(1124px, calc(100% - 48px)); margin: 0 auto; }
.section { position: relative; padding: 120px 0; overflow: hidden; }
.kicker { margin: 0 0 14px; color: var(--coral); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.section-heading { max-width: 650px; }
.section-heading--center { margin: 0 auto; text-align: center; }
.section-heading h2, .copy-block h2, .growth-banner h2, .contact h2 {
  margin: 0;
  color: #151a3b;
  font-size: clamp(33px, 3.35vw, 47px);
  font-weight: 700;
  letter-spacing: -2.2px;
  line-height: 1.08;
}
.section-heading h2 em, .copy-block h2 em, .growth-banner h2 em, .contact h2 em { font-style: normal; background: linear-gradient(100deg, #8f53dd, #df4d94 53%, #fa5d51); -webkit-background-clip: text; background-clip: text; color: transparent; }
.section-heading > p:last-child, .copy-block > p:not(.kicker), .growth-banner__action > p, .contact__copy > p:not(.kicker) { color: #737d99; font-size: 16px; font-weight: 500; letter-spacing: -.28px; line-height: 1.65; }
.section-heading > p:last-child { max-width: 610px; margin: 18px auto 0; }

.services { padding-bottom: 130px; background: #fbfcff; }
.section__decor { position: absolute; width: 450px; height: 450px; border: 1px solid rgba(130, 104, 220, .08); border-radius: 50%; pointer-events: none; }
.section__decor::before, .section__decor::after { position: absolute; border: inherit; border-radius: inherit; content: ""; }
.section__decor::before { inset: 40px; }.section__decor::after { inset: 84px; }
.section__decor--left { top: 170px; left: -330px; }.section__decor--right { right: -330px; bottom: -40px; }
.service-filters { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 42px 0 35px; }
.service-filters button { padding: 11px 17px; border: 1px solid #e2e6f2; border-radius: 999px; background: white; color: #68718e; font: inherit; font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; cursor: pointer; transition: all .2s ease; }
.service-filters button:hover, .service-filters button.is-active { border-color: #111632; background: #111632; color: #fff; box-shadow: 0 7px 17px rgba(17,22,50,.16); }
.service-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.service-card { position: relative; min-height: 360px; padding: 30px 28px 27px; overflow: hidden; border: 1px solid #e7eaf3; border-radius: 19px; background: rgba(255,255,255,.9); box-shadow: 0 13px 30px rgba(47, 59, 103, .05); transition: transform .25s ease, box-shadow .25s ease; }
.service-card:hover { box-shadow: 0 20px 38px rgba(56, 65, 111, .12); transform: translateY(-5px); }
.service-card img { position: absolute; top: 9px; right: 8px; width: 144px; height: 118px; object-fit: contain; object-position: right top; filter: drop-shadow(0 12px 12px rgba(71, 80, 132, .09)); }
.service-card::after { position: absolute; top: -80px; right: -60px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(153, 84, 225, .12), transparent 68%); content: ""; pointer-events: none; }
.service-card__number { display: block; margin-bottom: 108px; color: #a2acc4; font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.service-card h3 { position: relative; z-index: 1; max-width: 210px; margin: 0; color: #171b3d; font-size: 20px; letter-spacing: -.85px; line-height: 1.16; }
.service-card p { position: relative; z-index: 1; margin: 13px 0 20px; color: #78819b; font-size: 13px; line-height: 1.5; }
.service-card a, .text-link { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; color: #7e49d1; font-size: 13px; font-weight: 700; text-decoration: none; transition: gap .2s ease; }
.service-card a:hover, .text-link:hover { gap: 13px; }.service-card a b, .text-link b { font-size: 18px; line-height: 10px; }

.expertise { background: #ffffff !important; }
.split-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .94fr); align-items: center; gap: clamp(56px, 8vw, 116px); }
/* Modern .expertise-visual is styled in the unified component block below */
.copy-block h2 { max-width: 530px; }.copy-block > p:not(.kicker) { margin: 20px 0; }
.check-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; padding: 0; margin: 27px 0 29px; list-style: none; }
.check-list li { display: flex; align-items: flex-start; gap: 9px; color: #38415e; font-size: 13px; font-weight: 600; line-height: 1.35; }
.check-list li::before { flex: 0 0 auto; display: grid; width: 17px; height: 17px; margin-top: 0; place-items: center; border-radius: 50%; background: #ebddff; color: #874bd6; content: "✓"; font-size: 11px; font-weight: 700; }

.industries { padding: 105px 0; background: #111633; color: white; }
.industries .kicker { color: #ff837e; }.industries .section-heading h2 { color: white; }.industries .section-heading > p:last-child { color: #b4bad0; }
.industry-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; margin-top: 42px; }
.industry-grid article { min-height: 151px; padding: 20px 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025)); transition: transform .2s ease, background .2s ease; }
.industry-grid article:hover { background: linear-gradient(145deg, rgba(187,104,255,.28), rgba(249,97,105,.16)); transform: translateY(-4px); }
.industry-grid span { display: grid; width: 36px; height: 36px; margin-bottom: 22px; place-items: center; border-radius: 10px; background: linear-gradient(135deg, #a35be4, #fc625c); color: white; font-size: 19px; font-weight: 700; }
.industry-grid h3, .industry-grid p { margin: 0; }.industry-grid h3 { font-size: 13px; letter-spacing: -.2px; }.industry-grid p { margin-top: 3px; color: #bfc6dc; font-size: 11px; }

.about { padding: 0; background: #171938; }
.split-layout--about { gap: 0; grid-template-columns: 1.02fr .98fr; }
.copy-block--dark { align-self: stretch; padding: 108px clamp(25px, 5vw, 75px) 112px 0; color: white; }
.copy-block--dark .kicker { color: #ff7770; }.copy-block--dark h2 { color: white; }.copy-block--dark > p:not(.kicker) { color: #bbc0d6; }.text-link--light { color: #f19dda; }
.pillar-panel { align-self: stretch; padding: 108px 0 95px clamp(32px, 5vw, 75px); border-left: 1px solid rgba(255,255,255,.12); color: white; }
.pillar-panel .kicker { color: #d48cec; }.pillar-panel h3 { max-width: 360px; margin: 0 0 28px; color: #d0d3e6; font-size: 15px; font-weight: 500; line-height: 1.5; }
.pillar-panel ol { max-width: 460px; padding: 0; margin: 0; list-style: none; counter-reset: pillar; }.pillar-panel li { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.14); color: #fff; font-size: 14px; font-weight: 600; }.pillar-panel li:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }.pillar-panel li b { color: #df77be; font-size: 13px; }

.growth-banner { position: relative; padding: 88px 0 0; overflow: hidden; background: linear-gradient(118deg, #6d42be, #a449b6 49%, #fa6058); color: white; }
.growth-banner::after { position: absolute; right: -150px; bottom: -250px; width: 680px; height: 520px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.08), 0 0 0 110px rgba(255,255,255,.05); content: ""; }
.growth-banner .shell { position: relative; z-index: 1; display: grid; grid-template-columns: 1.2fr .8fr; gap: 45px; }.growth-banner .kicker { color: #ffd0ce; }.growth-banner h2,
#growth-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(28px, 3.3vw, 44px) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
}.growth-banner h2 em { background: none; color: #fff; -webkit-text-fill-color: #fff; }.growth-banner__action { align-self: end; }.growth-banner__action > p { margin: 0 0 20px; color: #f9e6f2; }.button--coral { min-height: 53px; padding: 0 25px; background: white; color: #662f9c; }.button--coral:hover { box-shadow: 0 10px 19px rgba(67,30,81,.25); }
.stat-row { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: repeat(4, 1fr) !important; margin-top: 58px !important; border-top: 1px solid rgba(255, 255, 255, 0.22) !important; border-bottom: none !important; background: transparent !important; background-color: transparent !important; border-radius: 0 !important; overflow: hidden !important; }.stat-row div { padding: 32px 20px !important; text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; }.stat-row div + div { padding-left: 20px !important; border-left: 1px solid rgba(255, 255, 255, 0.22) !important; }.stat-row b { display: block !important; font-size: clamp(30px, 3.2vw, 44px) !important; font-weight: 600 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; letter-spacing: -0.02em !important; line-height: 1 !important; margin-bottom: 10px !important; }.stat-row span { display: block !important; max-width: 200px !important; margin: 0 auto !important; color: rgba(255, 255, 255, 0.85) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; text-transform: none !important; letter-spacing: normal !important; }

.process { background: #fbfbfe; }.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 58px; border-radius: 18px; background: white; box-shadow: 0 14px 36px rgba(45, 51, 88, .07); }.process-grid article { position: relative; min-height: 282px; padding: 32px 26px; }.process-grid article + article { border-left: 1px solid #e9ebf2; }.process-grid article > span { display: grid; width: 37px; height: 37px; margin-bottom: 41px; place-items: center; border-radius: 50%; background: #f0e2ff; color: #8042ce; font-size: 12px; font-weight: 700; }.process-grid h3 { margin: 0; color: #242948; font-size: 17px; letter-spacing: -.5px; }.process-grid p { margin: 11px 0 0; color: #78809b; font-size: 12.5px; line-height: 1.55; }

.advantage { background: linear-gradient(180deg, #f6f7ff, #fff); }.advantage-visual { position: relative; min-height: 470px; border-radius: 28px; background: linear-gradient(135deg, #ece5ff, #e9fbfa 73%); overflow: visible; }.advantage-visual__grid { position: absolute; inset: 0; border-radius: inherit; background-image: linear-gradient(rgba(119, 81, 204, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(119, 81, 204, .1) 1px, transparent 1px); background-size: 28px 28px; mask-image: radial-gradient(circle at 50% 50%, black 16%, transparent 73%); }.advantage-visual img { position: absolute; z-index: 1; bottom: 14px; left: 50%; width: 92%; max-height: 405px; object-fit: contain; transform: translateX(-50%); }.badge { position: absolute; z-index: 2; display: flex; flex-direction: column; gap: 3px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.75); border-radius: 11px; background: rgba(255,255,255,.87); box-shadow: 0 10px 18px rgba(66,73,120,.13); color: #7c4dca; font-size: 11px; font-weight: 700; text-transform: uppercase; }.badge b { color: #727b97; font-size: 9px; }.badge--top { top: 28px; right: -24px; }.badge--left { bottom: 73px; left: -29px; }.badge--right { right: -23px; bottom: 40px; }

.testimonials { background: #111633; }.testimonials .kicker { color: #f27c77; }.testimonials .section-heading h2 { color: white; }.testimonials .section-heading > p:last-child { color: #b4bad0; }.testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 47px; }.testimonial-grid figure { min-height: 236px; padding: 24px; margin: 0; border: 1px solid rgba(255,255,255,.11); border-radius: 16px; background: rgba(255,255,255,.04); }.quote-head { display: flex; align-items: center; gap: 12px; }.quote-head > span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: linear-gradient(135deg,#9c5cde,#f35a78); color: white; font-size: 11px; font-weight: 700; }.quote-head h3, .quote-head p { margin: 0; }.quote-head h3 { color: white; font-size: 14px; }.quote-head p { margin-top: 2px; color: #adb4cf; font-size: 10px; }.testimonial-grid blockquote { margin: 25px 0 0; color: #d8dbeb; font-size: 13px; font-weight: 500; line-height: 1.65; }

.faq { background: #fafbff; }.faq-layout { display: grid; grid-template-columns: .74fr 1.26fr; gap: clamp(50px, 8vw, 120px); align-items: start; }.faq-list { border-top: 1px solid #dde2ee; }.faq-list details { border-bottom: 1px solid #dde2ee; }.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 21px 0; color: #252a49; font-size: 15px; font-weight: 600; cursor: pointer; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary b { display: grid; flex: 0 0 auto; width: 23px; height: 23px; place-items: center; border: 1px solid #d8ddea; border-radius: 50%; color: #9351d4; font-size: 19px; font-weight: 400; transition: transform .2s ease; }.faq-list details[open] summary b { transform: rotate(45deg); }.faq-list details p { max-width: 600px; margin: -4px 40px 20px 0; color: #747d98; font-size: 13px; line-height: 1.55; }

.contact { padding: 107px 0; background: linear-gradient(130deg, #eceafd, #fdf9ff 53%, #ffe9eb); }.contact__grid { display: grid; grid-template-columns: .87fr 1.13fr; gap: clamp(54px, 8vw, 116px); align-items: start; }.contact__copy > p:not(.kicker) { max-width: 440px; }.contact-method { display: flex; gap: 13px; margin-top: 25px; }.contact-method > span { display: grid; flex: 0 0 auto; width: 36px; height: 36px; place-items: center; border-radius: 9px; background: #fff; color: #9d4ee1; box-shadow: 0 8px 17px rgba(82,70,134,.1); }.contact-method div { display: flex; flex-direction: column; gap: 3px; }.contact-method b { color: #2d3150; font-size: 12px; text-transform: uppercase; }.contact-method a { color: #6d7692; font-size: 13px; text-decoration: none; }.contact-form { padding: 34px; border: 1px solid rgba(255,255,255,.92); border-radius: 21px; background: rgba(255,255,255,.77); box-shadow: 0 17px 39px rgba(84,74,133,.11); backdrop-filter: blur(8px); }.contact-form h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #11142e !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.3 !important;
}.contact-form > p:not(.form-note) { margin: 9px 0 23px; color: #77809a; font-size: 13px; line-height: 1.5; }.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.contact-form label { display: flex; flex-direction: column; gap: 7px; margin-bottom: 13px; color: #59617d; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }.contact-form input, .contact-form textarea, .contact-form select { width: 100%; border: 1px solid #dfe3ee; border-radius: 8px; outline: 0; background: rgba(255,255,255,.85); color: #2b3153; font: inherit; font-size: 13px; letter-spacing: 0; text-transform: none; transition: border-color .2s ease, box-shadow .2s ease; }.contact-form input, .contact-form select { height: 43px; padding: 0 12px; }.contact-form textarea { padding: 12px; resize: vertical; }.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { border-color: #aa66e5; box-shadow: 0 0 0 3px rgba(170,102,229,.13); }.contact-form .button { min-height: 49px; margin-top: 4px; border: 0; cursor: pointer; }.form-note { min-height: 15px; margin: 10px 0 0 !important; color: #8a50c9 !important; font-size: 11px !important; }

.footer { padding: 68px 0 0; background: #10142f; color: white; }.footer__grid { display: grid; grid-template-columns: 1.45fr 1fr 1fr 1.1fr; gap: 45px; padding-bottom: 53px; }.footer .brand { margin-bottom: 18px; }.footer__grid > div:first-child > p { max-width: 320px; margin: 0; color: #abb2cb; font-size: 12px; line-height: 1.65; }.footer h3 { margin: 3px 0 18px; color: white; font-size: 14px; }.footer__grid a:not(.brand) { display: block; margin: 0 0 10px; color: #afb5ce; font-size: 12px; line-height: 1.35; text-decoration: none; transition: color .2s ease; }.footer__grid a:not(.brand):hover { color: #fe807b; }.footer__grid b { display: block; margin: 13px 0 5px; color: #d9dced; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }.social-links { display: flex; gap: 7px; margin-top: 21px; }.social-links a { display: grid !important; width: 26px; height: 26px; margin: 0 !important; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; color: white !important; font-size: 11px !important; }.social-links a:hover { border-color: #fc706a; background: #fc706a; }.footer__bottom { display: flex; align-items: center; justify-content: space-between; padding: 21px 0; border-top: 1px solid rgba(255,255,255,.11); color: #878fae; font-size: 11px; }.footer__bottom span:last-child { display: flex; gap: 20px; }.footer__bottom a { color: #aeb5cc; text-decoration: none; }.whatsapp { position: fixed; z-index: 9; right: 24px; bottom: 24px; display: grid; width: 55px; height: 55px; place-items: center; border: 4px solid white; border-radius: 50%; background: #1fca6b; color: white; box-shadow: 0 8px 20px rgba(31,202,107,.32); font-size: 29px; text-decoration: none; transition: transform .2s ease; }.whatsapp:hover { transform: translateY(-3px); }

@media (max-width: 960px) {
  .service-grid { grid-template-columns: repeat(2, 1fr); }.industry-grid { grid-template-columns: repeat(4, 1fr); }.industry-grid article:last-child { grid-column: 2 / span 2; }.split-layout { gap: 54px; }.proof-chip--one { left: -10px; }.proof-chip--two { right: -10px; }.proof-chip--three { left: -10px; }.proof-chip--four { right: -10px; }.process-grid { grid-template-columns: repeat(2, 1fr); }.process-grid article:nth-child(3) { border-left: 0; border-top: 1px solid #e9ebf2; }.process-grid article:nth-child(4) { border-top: 1px solid #e9ebf2; }.testimonial-grid { grid-template-columns: repeat(2, 1fr); }.footer__grid { grid-template-columns: 1.45fr 1fr 1fr; }.footer__grid > div:last-child { grid-column: 2 / 4; display: grid; grid-template-columns: .4fr 1fr; column-gap: 10px; }.footer__grid > div:last-child h3 { grid-row: 1 / span 10; }.footer__grid > div:last-child b { margin: 0 0 5px; }
}

@media (max-width: 720px) {
  .shell { width: min(100% - 38px, 540px); }.section { padding: 76px 0; }.section-heading h2, .copy-block h2, .growth-banner h2, .contact h2 { font-size: 35px; letter-spacing: -1.8px; }.section-heading > p:last-child, .copy-block > p:not(.kicker), .growth-banner__action > p, .contact__copy > p:not(.kicker) { font-size: 14px; }.services { padding-bottom: 80px; }.service-filters { margin: 31px 0 25px; }.service-filters button { padding: 9px 12px; font-size: 10px; }.service-grid { grid-template-columns: 1fr; gap: 13px; }.service-card { min-height: 315px; }.service-card__number { margin-bottom: 86px; }.service-card img { width: 132px; height: 111px; }.split-layout, .faq-layout, .contact__grid, .growth-banner .shell { grid-template-columns: 1fr; gap: 35px; }.expertise-visual { min-height: 390px; order: 2; }.expertise-visual img { max-height: 307px; }.proof-chip { padding: 8px 10px; }.proof-chip b { font-size: 9px; }.proof-chip span { font-size: 8px; }.proof-chip--one { top: 18px; left: 8px; }.proof-chip--two { top: 51px; right: 7px; }.proof-chip--three { bottom: 33px; left: 8px; }.proof-chip--four { right: 6px; bottom: 17px; }.check-list { gap: 11px 14px; }.check-list li { font-size: 12px; }.industry-grid { grid-template-columns: repeat(2, 1fr); }.industry-grid article, .industry-grid article:last-child { grid-column: auto; min-height: 132px; }.about .shell { width: 100%; }.split-layout--about { gap: 0; }.copy-block--dark { padding: 75px 19px; }.pillar-panel { padding: 56px 19px 63px; border-top: 1px solid rgba(255,255,255,.12); border-left: 0; }.pillar-panel li { font-size: 12px; }.growth-banner { padding-top: 69px; }.growth-banner__action { margin-top: -15px; }.stat-row { grid-template-columns: repeat(2, 1fr); margin-top: 41px; }.stat-row div:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255,255,255,.27); }.stat-row div:nth-child(4) { border-top: 1px solid rgba(255,255,255,.27); }.stat-row div + div { padding-left: 16px; }.stat-row div { padding: 19px 15px 21px 0; }.stat-row b { font-size: 29px; }.process-grid { grid-template-columns: 1fr; }.process-grid article, .process-grid article + article, .process-grid article:nth-child(3), .process-grid article:nth-child(4) { min-height: 0; border-top: 1px solid #e9ebf2; border-left: 0; }.process-grid article:first-child { border-top: 0; }.process-grid article > span { margin-bottom: 20px; }.advantage-visual { min-height: 388px; order: 2; }.advantage-visual img { max-height: 330px; }.badge { padding: 8px 9px; font-size: 9px; }.badge b { font-size: 8px; }.badge--top { top: 14px; right: 5px; }.badge--left { left: 5px; bottom: 55px; }.badge--right { right: 5px; bottom: 19px; }.testimonial-grid { grid-template-columns: 1fr; }.testimonial-grid figure { min-height: 0; }.faq-layout { gap: 31px; }.contact { padding: 76px 0; }.contact-form { padding: 24px 19px; }.field-row { grid-template-columns: 1fr; gap: 0; }.footer { padding-top: 54px; }.footer__grid { grid-template-columns: 1fr 1fr; gap: 35px 25px; }.footer__grid > div:first-child { grid-column: 1 / -1; }.footer__grid > div:last-child { display: block; grid-column: auto; }.footer__grid > div:last-child h3 { grid-row: auto; }.footer__grid > div:last-child b { margin: 13px 0 5px; }.footer__bottom { flex-direction: column; align-items: flex-start; gap: 12px; }.whatsapp { right: 17px; bottom: 17px; width: 49px; height: 49px; font-size: 25px; }
}

@media (max-width: 390px) {
  .check-list { grid-template-columns: 1fr; }.footer__grid { grid-template-columns: 1fr; }.footer__grid > div:first-child { grid-column: auto; }.hero { min-height: 820px; }.ai-card { width: 214px; }.discovery { padding: 0 19px; }
}



/* ── Accelerate Your Revenue Button (Exact Pill — Image 1) ── */
.growth-banner .button--coral,
.button--coral {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 52px !important;
  padding: 0 32px !important;
  background: #ffffff !important;
  color: #662f9c !important;
  font-family: var(--font-family-primary) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(45, 14, 75, 0.28) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
}

.growth-banner .button--coral:hover,
.button--coral:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(45, 14, 75, 0.38) !important;
  background: #ffffff !important;
}

.growth-banner .button--coral b {
  font-size: 19px !important;
  line-height: 1 !important;
}


/* ── Target Domain Expertise (Clean Light Mode) ── */
#industries .section-heading h2,
#industries h2,
#industries-title {
  color: #151a3b !important;
  font-weight: 700 !important;
}

#industries .section-heading > p:last-child,
#industries p {
  color: #64748b !important;
}

#industries .kicker {
  color: #ef5b52 !important;
}


/* ── Testimonials Section (Dark Midnight Slate #111633) ── */
#testimonials,
section.testimonials {
  background: #111633 !important;
  background-color: #111633 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

#testimonials .section-heading h2,
#testimonials h2,
#testimonials-title,
#reviews-ref-title,
.reviews-ref-heading {
  color: #0f172a !important;
}

#testimonials .section-heading > p:last-child,
.reviews-ref-subtitle {
  color: #586882 !important;
  -webkit-text-fill-color: #586882 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 15.5px !important;
}

#testimonials .kicker {
  color: #f27c77 !important;
}

#testimonials .testimonial-grid figure {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 18px !important;
  padding: 26px 22px !important;
  color: #ffffff !important;
  transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease !important;
}

#testimonials .testimonial-grid figure:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(164, 73, 182, 0.4) !important;
  transform: translateY(-3px) !important;
}

#testimonials .testimonial-grid blockquote {
  color: #d1d5ea !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
}

#testimonials .testimonial-grid figcaption b {
  color: #ffffff !important;
  font-size: 13px !important;
}

#testimonials .testimonial-grid figcaption span {
  color: #8c95ba !important;
  font-size: 11px !important;
}

/* ═════════════════════════════════════════════════════════════════
   REDESIGNED SECTIONS CSS (MATCHING USER REFERENCE IMAGES 1, 2, 3, 4)
   WITH POPPINS TYPOGRAPHY & ADYANTRA PALETTE
═════════════════════════════════════════════════════════════════ */

/* Universal Pill Kicker */
.ref-pill-kicker {
  display: inline-block;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: #7b4bf7 !important;
  background: #ede9fe !important;
  padding: 6px 16px !important;
  border-radius: 9999px !important;
  margin-bottom: 14px !important;
}

/* Universal Pill Button */
.ref-pill-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 11px 24px !important;
  border-radius: 9999px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ref-pill-btn--purple,
.ref-pill-btn {
  background: #0b0e1b !important;
  color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(11, 14, 27, 0.28) !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  padding: 13px 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ref-pill-btn--purple:hover,
.ref-pill-btn:hover {
  background: #1a1e36 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(11, 14, 27, 0.4) !important;
  color: #ffffff !important;
}

.ref-btn-icon-circle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.22) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* ── 1. SERVICES SECTION (MATCHING REFERENCE IMAGE — CENTERED 3×3 GRID) ── */
#services.services-ref-section,
.services-ref-section {
  background: radial-gradient(ellipse at 50% 0%, #ffffff 0%, #f8faff 50%, #f0f4fc 100%) !important;
  background-color: #f8faff !important;
  padding: 100px 0 115px 0 !important;
  border-top: 1px solid #eef2f8 !important;
  border-bottom: 1px solid #eef2f8 !important;
  position: relative !important;
  color: #11142e !important;
}

/* ── Centered Header ── */
.services-ref-header--centered {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  margin-bottom: 36px !important;
  gap: 0 !important;
}

.services-ref-header--centered .ref-pill-kicker {
  margin-bottom: 18px !important;
}

.services-ref-heading {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(30px, 3.8vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: #11142e !important;
  margin: 0 0 18px 0 !important;
  letter-spacing: -0.025em !important;
}

.services-ref-subtitle {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #586882 !important;
  max-width: 620px !important;
  margin: 0 auto !important;
}

/* ── Filter Tabs ── */
.services-filter-tabs {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 52px !important;
  flex-wrap: wrap !important;
}

.services-tab {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 10px 24px !important;
  border-radius: 9999px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #475569 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

.services-tab:hover {
  border-color: #7b4bf7 !important;
  color: #7b4bf7 !important;
  background: #f8f5ff !important;
}

.services-tab--active,
.services-tab--active:hover {
  background: #11142e !important;
  color: #ffffff !important;
  border-color: #11142e !important;
}

/* ── 4×4 Services Grid (Exact 4 Columns on Desktop) ── */
.services-ref-section .shell {
  width: min(1380px, calc(100% - 40px)) !important;
  max-width: 1380px !important;
}

.services-ref-grid,
.services-ref-grid--9,
.services-ref-grid--16 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  margin-top: 45px !important;
  width: 100% !important;
}

@media (max-width: 1200px) {
  .services-ref-grid,
  .services-ref-grid--9,
  .services-ref-grid--16 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

@media (max-width: 900px) {
  .services-ref-grid,
  .services-ref-grid--9,
  .services-ref-grid--16 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (max-width: 600px) {
  .services-ref-grid,
  .services-ref-grid--9,
  .services-ref-grid--16 {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   SERVICES SECTION BLOCKS: COMPACT ELEGANT CARDS
   Layout: Images → Title → Subtitle/Content → Button
   Compact sizing matching theme aesthetics
   ═══════════════════════════════════════════════════════════ */

.services-ref-section {
  background: #fbfcfe !important;
  background-color: #fbfcfe !important;
  padding: 90px 0 100px !important;
  position: relative !important;
}

.service-ref-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 22px !important;
  padding: 16px 18px 22px !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.04), 0 2px 6px -1px rgba(15, 23, 42, 0.02) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: auto !important;
  height: auto !important;
}

.service-ref-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(239, 91, 82, 0.35) !important;
  box-shadow: 0 18px 36px -6px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(239, 91, 82, 0.08) !important;
}

/* 1. Image (First - Tight snug visual stage with NO dead whitespace) */
.service-ref-card__visual {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 4px auto !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.service-ref-card__visual img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 280px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  filter: drop-shadow(0 4px 14px rgba(15, 23, 42, 0.06)) !important;
}

.service-ref-card:hover .service-ref-card__visual img {
  transform: scale(1.05) translateY(-3px) !important;
}

/* 2. Title (Second) */
.service-ref-card__title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  line-height: 1.35 !important;
  margin: 0 0 8px 0 !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: auto !important;
}

/* 3. Subtitle / Content (Third - Tight margin directly above button, decreased font size) */
.service-ref-card__desc {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  margin: 0 auto 10px auto !important;
  max-width: 250px !important;
  text-align: center !important;
  flex-grow: 0 !important;
}

/* 4. Action Button (Fourth - Sitting directly underneath content with tight 10px gap) */
.service-ref-card__action {
  margin-top: 2px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  padding: 0 !important;
}

.service-ref-readmore-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  text-decoration: none !important;
  padding: 7px 22px !important;
  border-radius: 9999px !important;
  border: 1px solid #dce4f0 !important;
  background: #f8fafc !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.service-ref-readmore-btn:hover {
  background: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.2) !important;
}

.service-ref-readmore-btn .readmore-btn-arrow {
  display: inline-block !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transition: transform 0.25s ease !important;
  color: inherit !important;
}

.service-ref-card:hover .service-ref-readmore-btn,
.service-ref-readmore-btn:hover {
  border-color: #7b4bf7 !important;
  color: #7b4bf7 !important;
  background: #fbf9ff !important;
  box-shadow: 0 4px 14px rgba(123, 75, 247, 0.12) !important;
}

.service-ref-card:hover .service-ref-readmore-btn .readmore-btn-arrow,
.service-ref-readmore-btn:hover .readmore-btn-arrow {
  transform: translateX(4px) !important;
}

@media (max-width: 1024px) {
  .services-ref-grid--9 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

@media (max-width: 640px) {
  .services-ref-grid--9 {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .service-ref-card {
    padding: 22px 18px 18px !important;
  }
}

/* ── 2. ABOUT COMPANY SECTION (MATCHING REFERENCE IMAGE 3) ── */
#about.about-ref-section,
.about-ref-section {
  background: #f8fafd !important;
  background-color: #f8fafd !important;
  padding: 105px 0 !important;
  position: relative !important;
  overflow: hidden !important;
  border-bottom: 1px solid #eef2f8 !important;
  color: #0f172a !important;
}

.about-ref-layout {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 75px !important;
  align-items: center !important;
}

@media (max-width: 991px) {
  .about-ref-layout {
    grid-template-columns: 1fr !important;
    gap: 55px !important;
  }
}

.about-ref-visual {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
}

.about-ref-backdrop-glow {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 440px !important;
  height: 440px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(123, 75, 247, 0.12) 0%, rgba(239, 91, 82, 0.06) 50%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.about-ref-image-wrapper {
  position: relative !important;
  z-index: 2 !important;
  max-width: 420px !important;
  width: 100% !important;
}

.about-ref-leader-img {
  width: 100% !important;
  height: auto !important;
  border-radius: 28px !important;
  box-shadow: 0 20px 45px -12px rgba(15, 23, 42, 0.12), 0 8px 18px -4px rgba(15, 23, 42, 0.04) !important;
  display: block !important;
  object-fit: cover !important;
}

/* Floating Badge 1: 5 Stars Success Stories */
.about-ref-badge-stars {
  position: absolute !important;
  top: 14% !important;
  right: -24px !important;
  background: #ffffff !important;
  border: 1px solid #eef2f8 !important;
  border-radius: 14px !important;
  padding: 11px 18px !important;
  box-shadow: 0 12px 30px -6px rgba(15, 23, 42, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  z-index: 5 !important;
  animation: floatSubtle1 4s ease-in-out infinite alternate !important;
}

@keyframes floatSubtle1 {
  0% { transform: translateY(0); }
  100% { transform: translateY(-7px); }
}

.badge-star-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background: #ffedd5 !important;
  color: #ea580c !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
}

.badge-star-text b {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.2 !important;
}

.badge-star-text span {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  line-height: 1.2 !important;
  margin-top: 2px !important;
}

/* Floating Widget 2: Insights Last 7 days */
.about-ref-widget-insights {
  position: absolute !important;
  bottom: 8% !important;
  left: -28px !important;
  background: #ffffff !important;
  border: 1px solid #eef2f8 !important;
  border-radius: 16px !important;
  padding: 14px 18px 12px 18px !important;
  box-shadow: 0 14px 35px -8px rgba(15, 23, 42, 0.14) !important;
  z-index: 5 !important;
  width: 205px !important;
  animation: floatSubtle2 4.5s ease-in-out infinite alternate !important;
}

@keyframes floatSubtle2 {
  0% { transform: translateY(0); }
  100% { transform: translateY(8px); }
}

.insights-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 8px !important;
}

.insights-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

.insights-period {
  font-family: 'Poppins', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #7b4bf7 !important;
}

.insights-chart {
  width: 100% !important;
  height: 42px !important;
  margin-bottom: 4px !important;
}

.insights-svg {
  width: 100% !important;
  height: 100% !important;
}

.insights-days {
  display: flex !important;
  justify-content: space-between !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  padding-top: 4px !important;
  border-top: 1px solid #f1f5f9 !important;
}

.about-sparkle {
  position: absolute !important;
  color: #7b4bf7 !important;
  font-size: 20px !important;
  z-index: 4 !important;
}

.sparkle--top {
  top: -12px !important;
  left: 20px !important;
  color: #ef5b52 !important;
}

.sparkle--bottom {
  bottom: 25px !important;
  right: -10px !important;
  color: #7b4bf7 !important;
}

/* About Copy Column */
.about-ref-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.about-ref-heading {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(30px, 3.8vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: #0f172a !important;
  margin: 0 0 18px 0 !important;
}

.about-ref-desc {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #64748b !important;
  margin: 0 0 34px 0 !important;
}

/* Circular Progress Meters */
.about-ref-meters {
  display: flex !important;
  gap: 36px !important;
  align-items: center !important;
  margin-bottom: 38px !important;
  flex-wrap: wrap !important;
}

.circular-meter-item {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.circular-meter-svg-wrap {
  position: relative !important;
  width: 76px !important;
  height: 76px !important;
  flex-shrink: 0 !important;
}

.circular-meter-svg {
  width: 100% !important;
  height: 100% !important;
  transform: rotate(-90deg) !important;
}

.circular-meter-svg .meter-bg {
  fill: none !important;
  stroke: #ede9fe !important;
  stroke-width: 6 !important;
}

.circular-meter-svg .meter-bar {
  fill: none !important;
  stroke: #7b4bf7 !important;
  stroke-width: 6 !important;
  stroke-linecap: round !important;
  transition: stroke-dashoffset 1.2s ease-in-out !important;
}

.meter-value {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

.meter-label b {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.25 !important;
}

.meter-label span {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  line-height: 1.25 !important;
}

/* ── 3. TARGET DOMAIN EXPERTISE (MATCHING REFERENCE IMAGE 1) ── */
#industries.industries-ref-section,
.industries-ref-section {
  background: #ffffff !important;
  background-color: #ffffff !important;
  padding: 95px 0 100px 0 !important;
  position: relative !important;
  overflow: hidden !important;
  border-bottom: 1px solid #eef2f8 !important;
  color: #0f172a !important;
}

.industries-ref-glow {
  position: absolute !important;
  top: 40% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 550px !important;
  height: 300px !important;
  background: radial-gradient(ellipse at 50% 50%, rgba(123, 75, 247, 0.06) 0%, rgba(239, 91, 82, 0.03) 50%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.industries-ref-heading {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(28px, 3.3vw, 44px) !important;
  font-weight: 700 !important;
  color: #11142e !important;
  -webkit-text-fill-color: #11142e !important;
  letter-spacing: -0.025em !important;
  margin-bottom: 12px !important;
}

.industries-ref-subtitle {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  color: #586882 !important;
  -webkit-text-fill-color: #586882 !important;
  max-width: 680px !important;
  margin: 0 auto 42px !important;
  line-height: 1.68 !important;
}

/* Marquee Track */
.domains-marquee-wrap {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  margin-top: 46px !important;
  padding: 15px 0 !important;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent) !important;
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent) !important;
}

.domains-marquee-track {
  display: flex !important;
  gap: 24px !important;
  width: max-content !important;
  animation: marqueeRoll 32s linear infinite !important;
}

.domains-marquee-wrap:hover .domains-marquee-track {
  animation-play-state: paused !important;
}

@keyframes marqueeRoll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.domain-pill-card {
  background: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 9999px !important;
  padding: 12px 16px 12px 28px !important;
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.06), 0 4px 10px -2px rgba(15, 23, 42, 0.02) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
  cursor: default !important;
}

.domain-pill-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(123, 75, 247, 0.4) !important;
  box-shadow: 0 14px 30px -6px rgba(123, 75, 247, 0.12) !important;
}

.domain-pill-text {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
}

.domain-pill-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #ede9fe !important;
  color: #7b4bf7 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  flex-shrink: 0 !important;
}

/* ── 4. CLIENT REVIEWS SECTION (MATCHING REFERENCE IMAGE 2) ── */
#testimonials.reviews-ref-section,
.reviews-ref-section {
  background: #ffffff !important;
  background-color: #ffffff !important;
  padding: 95px 0 105px 0 !important;
  position: relative !important;
  border-bottom: 1px solid #eef2f8 !important;
  color: #0f172a !important;
}

.reviews-ref-heading {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(28px, 3.8vw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #0f172a !important;
  margin: 0 0 12px 0 !important;
}

.reviews-ref-subtitle {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: #64748b !important;
  max-width: 620px !important;
  margin: 0 auto !important;
}

.reviews-ref-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  margin-top: 50px !important;
}

@media (max-width: 991px) {
  .reviews-ref-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .reviews-ref-grid {
    grid-template-columns: 1fr !important;
  }
}

.review-ref-card {
  background: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.85) !important;
  border-radius: 20px !important;
  padding: 26px 26px 24px 26px !important;
  box-shadow: 0 10px 30px -8px rgba(15, 23, 42, 0.05), 0 4px 12px -2px rgba(15, 23, 42, 0.02) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.review-ref-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(123, 75, 247, 0.35) !important;
  box-shadow: 0 18px 38px -8px rgba(123, 75, 247, 0.12), 0 6px 14px -3px rgba(15, 23, 42, 0.04) !important;
}

.review-ref-card__top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 18px !important;
  gap: 12px !important;
}

.review-ref-client {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.review-ref-avatar {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: 0 4px 14px rgba(123, 75, 247, 0.18) !important;
}

.avatar--purple { background: linear-gradient(135deg, #7b4bf7 0%, #a438ee 100%) !important; }
.avatar--indigo { background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important; }
.avatar--violet { background: linear-gradient(135deg, #8b5cf6 0%, #d946ef 100%) !important; }
.avatar--rose { background: linear-gradient(135deg, #f43f5e 0%, #fb7185 100%) !important; }
.avatar--cyan { background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%) !important; }
.avatar--coral { background: linear-gradient(135deg, #ef5b52 0%, #f97316 100%) !important; }
.avatar--blue { background: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%) !important; }

.review-ref-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.review-ref-name {
  font-family: 'Poppins', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #11142e !important;
  margin: 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
}

.review-ref-role-pill {
  display: inline-flex !important;
  align-items: center !important;
  background: #ede9fe !important;
  color: #7b4bf7 !important;
  border: 1px solid rgba(123, 75, 247, 0.2) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 3px 10px !important;
  border-radius: 9999px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
  width: fit-content !important;
}

.review-ref-stars {
  color: #f59e0b !important;
  font-size: 15px !important;
  letter-spacing: 2.5px !important;
  line-height: 1 !important;
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}

.review-ref-quote {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.68 !important;
  color: #586882 !important;
  font-style: normal !important;
  margin: 0 !important;
}
/* ── REFINEMENT OVERRIDES FOR HEADINGS & ALIGNMENT ── */
#about.about-ref-section h2,
#about-ref-title,
.about-ref-heading {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

#about.about-ref-section h2 .ady-gradient-text,
.about-ref-heading .ady-gradient-text {
  background: linear-gradient(90deg, #7b4bf7 0%, #a438ee 30%, #de358d 65%, #f14c5c 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

#testimonials.reviews-ref-section h2,
#reviews-ref-title,
.reviews-ref-heading {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.services-ref-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  margin-bottom: 50px !important;
  gap: 24px !important;
  flex-wrap: nowrap !important;
}

.services-ref-header__left {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.services-ref-header__right {
  flex-shrink: 0 !important;
  margin-bottom: 6px !important;
}

.about-ref-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

.ref-pill-kicker {
  display: inline-flex !important;
  align-self: flex-start !important;
  width: auto !important;
  max-width: max-content !important;
}

/* [Replaced dark about block with hero pearl unification below] */

/* ── TEAM & EXPERTISE SECTION (DIGTEK SCREENSHOT LAYOUT) ── */
#team-expertise.team-ref-section,
.team-ref-section,
.section.expertise {
  background: #ffffff !important;
  background-color: #ffffff !important;
  padding: 80px 0 !important;
  position: relative !important;
  overflow: hidden !important;
  border-bottom: none !important;
  border-top: none !important;
  color: #0f172a !important;
}

.team-ref-layout,
.section.expertise .split-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 390px) minmax(0, 1fr) !important;
  gap: 52px !important;
  align-items: center !important;
}

@media (max-width: 991px) {
  .team-ref-layout {
    grid-template-columns: 1fr !important;
    gap: 55px !important;
  }
}

.team-ref-visual {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
}

.team-ref-backdrop-glow {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 440px !important;
  height: 440px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(123, 75, 247, 0.12) 0%, rgba(239, 91, 82, 0.06) 50%, transparent 70%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.team-ref-image-wrapper {
  position: relative !important;
  z-index: 2 !important;
  max-width: 440px !important;
  width: 100% !important;
}

.team-ref-main-img {
  width: 100% !important;
  height: auto !important;
  border-radius: 28px !important;
  box-shadow: 0 20px 45px -12px rgba(15, 23, 42, 0.12), 0 8px 18px -4px rgba(15, 23, 42, 0.04) !important;
  display: block !important;
  object-fit: cover !important;
  background: #ffffff;
}

/* Floating Badge 1: 5 Stars Success Stories */
.team-ref-badge-stars {
  position: absolute !important;
  top: 14% !important;
  right: -24px !important;
  background: #ffffff !important;
  border: 1px solid #eef2f8 !important;
  border-radius: 14px !important;
  padding: 11px 18px !important;
  box-shadow: 0 12px 30px -6px rgba(15, 23, 42, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  z-index: 5 !important;
  animation: floatSubtle1 4s ease-in-out infinite alternate !important;
}

/* Floating Widget 2: Insights Last 7 days */
.team-ref-widget-insights {
  position: absolute !important;
  bottom: 8% !important;
  left: -28px !important;
  background: #ffffff !important;
  border: 1px solid #eef2f8 !important;
  border-radius: 16px !important;
  padding: 14px 18px 12px 18px !important;
  box-shadow: 0 14px 35px -8px rgba(15, 23, 42, 0.14) !important;
  z-index: 5 !important;
  width: 205px !important;
  animation: floatSubtle2 4.5s ease-in-out infinite alternate !important;
}

/* Team Copy Column */
.team-ref-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

.team-ref-heading {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(30px, 3.8vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  margin: 0 0 18px 0 !important;
}

.team-ref-heading .ady-gradient-text {
  background: linear-gradient(90deg, #7b4bf7 0%, #a438ee 30%, #de358d 65%, #f14c5c 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.team-ref-desc {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #64748b !important;
  margin: 0 0 34px 0 !important;
}

/* Circular Progress Meters */
.team-ref-meters {
  display: flex !important;
  gap: 36px !important;
  align-items: center !important;
  margin-bottom: 38px !important;
  flex-wrap: wrap !important;
}

/* ── SCROLLING CLIENT REVIEWS MARQUEE ── */
.reviews-marquee-wrap {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  margin-top: 48px !important;
  padding: 16px 0 !important;
  mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent) !important;
  -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent) !important;
}

.reviews-marquee-track {
  display: flex !important;
  gap: 24px !important;
  width: max-content !important;
  animation: marqueeReviewsScroll 40s linear infinite !important;
}

.reviews-marquee-wrap:hover .reviews-marquee-track {
  animation-play-state: paused !important;
}

@keyframes marqueeReviewsScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.review-card--scroll {
  width: min(390px, 86vw) !important;
  min-width: min(390px, 86vw) !important;
  max-width: calc(100vw - 32px) !important;
  flex-shrink: 0 !important;
  cursor: default !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   UNIFIED HERO PALETTE, BACKGROUND & TYPOGRAPHY ACROSS ALL SECTIONS
   Exact harmony with Hero Section:
   • Backgrounds: Luminous pearl radial gradient alternating with crisp white
   • Typography: Strict Poppins 800/700/600/400 hierarchy throughout
   • Color Palette: Dark navy ink #11142e, Hero gradient, Violet #7b4bf7, Coral #ef5b52, Pearl
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── Global Font Enforcements ── */
body, html, main, div, p, span, a, button, input, textarea, select, h1, h2, h3, h4, h5, h6, li, blockquote, dt, dd {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ── Unified Eyebrow Pill Kickers (Matching Hero Style) ── */
.ref-pill-kicker,
.kicker:not(.growth-banner .kicker) {
  display: inline-flex !important;
  align-items: center !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #7b4bf7 !important;
  background: #ede9fe !important;
  padding: 6px 16px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(123, 75, 247, 0.2) !important;
  margin-bottom: 16px !important;
  width: fit-content !important;
}

/* ── Unified Section Headings (H2) & Gradient Accents ── */
h2,
.services-ref-heading,
.about-headline,
#about-title,
.team-ref-heading,
#team-ref-title,
.industries-ref-heading,
#industries-ref-title,
#process-title,
#advantage-title,
.reviews-ref-heading,
#reviews-ref-title,
#faq-title,
#contact-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(30px, 3.6vw, 45px) !important;
  font-weight: 800 !important;
  color: #11142e !important;
  -webkit-text-fill-color: #11142e !important;
  line-height: 1.22 !important;
  letter-spacing: -0.025em !important;
}

/* Vivid Hero Gradient on Highlighted Words */
.ady-gradient-text,
h2 .ady-gradient-text,
h2 em,
.about-headline .ady-gradient-text,
#about-title .ady-gradient-text,
.services-ref-heading .ady-gradient-text,
.team-ref-heading .ady-gradient-text,
.industries-ref-heading .ady-gradient-text,
#process-title .ady-gradient-text,
#advantage-title .ady-gradient-text,
#reviews-ref-title .ady-gradient-text,
#faq-title .ady-gradient-text,
#contact-title .ady-gradient-text {
  background: linear-gradient(90deg, #7b4bf7 0%, #a438ee 30%, #de358d 65%, #f14c5c 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-style: normal !important;
}

/* ── Unified Body Copy, Subtitles & Descriptions ── */
p,
.services-ref-desc,
.service-ref-card__desc,
.team-ref-desc,
.industries-ref-subtitle,
.reviews-ref-subtitle,
.section-heading > p:last-child,
.copy-block > p:not(.kicker),
.review-ref-quote,
.contact__copy > p:not(.kicker),
#faq .faq-list details p {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.68 !important;
  color: #586882 !important;
}

/* ── Unified Card Titles (H3) ── */
h3,
.service-ref-card__title,
.pillar-panel h3,
.process-grid article h3,
.contact-form h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #11142e !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.3 !important;
}

/* ── Section 1: Hero Section (#home) — Already Styled ── */

/* ── Section 2: Stats Bridge Bar ── */
.ady-stats-bridge-bar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-top: 1px solid rgba(220, 230, 248, 0.85) !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.85) !important;
}
.ady-stat-value {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.ady-stat-label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

/* ── Section 3: Services We Offer (#services) ── */
#services,
.services-ref-section {
  background: radial-gradient(ellipse at 50% 0%, #ffffff 0%, #f8faff 50%, #f0f4fc 100%) !important;
  background-color: #f8faff !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 100px 0 115px !important;
}
.service-ref-card {
  background: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.85) !important;
  border-radius: 20px !important;
  box-shadow: 0 6px 24px -6px rgba(15, 23, 42, 0.04) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  overflow: hidden !important;
}
.service-ref-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 50px -12px rgba(123, 75, 247, 0.13) !important;
  border-color: rgba(123, 75, 247, 0.35) !important;
}
.service-ref-card__title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #11142e !important;
  -webkit-text-fill-color: #11142e !important;
}
.service-ref-explore-btn {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #11142e !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}
.service-ref-explore-btn:hover {
  color: #7b4bf7 !important;
  border-color: #7b4bf7 !important;
}

/* ── Section 4: About Us (#about) — Light Hero Pearl Canvas ── */
#about,
.section.about {
  background: radial-gradient(ellipse at 50% 50%, #ffffff 0%, #f4f7fc 65%, #ebf1fa 100%) !important;
  background-color: #f8fafd !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  color: #11142e !important;
  padding: 105px 0 !important;
}
#about .split-layout--about {
  display: grid !important;
  grid-template-columns: 1.15fr 0.85fr !important;
  gap: 65px !important;
  align-items: center !important;
}
@media (max-width: 991px) {
  #about .split-layout--about {
    grid-template-columns: 1fr !important;
    gap: 45px !important;
  }
}
#about .copy-block,
#about .copy-block--dark {
  background: transparent !important;
  padding: 0 !important;
}
#about .about-headline {
  color: #11142e !important;
  -webkit-text-fill-color: #11142e !important;
}
#about .pillar-panel,
.pillar-panel {
  background: transparent !important;
  border: none !important;
  border-left: 1px solid rgba(215, 225, 245, 0.85) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 10px clamp(28px, 4vw, 56px) !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#about .pillar-panel h3,
.pillar-panel h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 600 !important;
  color: #11142e !important;
  -webkit-text-fill-color: #11142e !important;
  line-height: 1.45 !important;
  margin: 0 0 22px 0 !important;
  max-width: 420px !important;
}

#about .pillar-panel ol,
.pillar-panel ol {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 480px !important;
}

#about .pillar-panel li,
.pillar-panel li {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #11142e !important;
  -webkit-text-fill-color: #11142e !important;
  padding: 14px 0 !important;
  border-top: 1px solid rgba(215, 225, 245, 0.75) !important;
}

#about .pillar-panel li:first-child,
.pillar-panel li:first-child {
  border-top: 1px solid rgba(215, 225, 245, 0.75) !important;
}

#about .pillar-panel li:last-child,
.pillar-panel li:last-child {
  border-bottom: 1px solid rgba(215, 225, 245, 0.75) !important;
}

#about .pillar-panel li b,
.pillar-panel li b {
  color: #de358d !important;
  background: transparent !important;
  -webkit-text-fill-color: #de358d !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 1 !important;
}
#about .text-link,
#about .text-link--light {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #7b4bf7 !important;
  text-decoration: none !important;
  margin-top: 10px !important;
  transition: all 0.2s ease !important;
}
#about .text-link:hover,
#about .text-link--light:hover {
  color: #ef5b52 !important;
  transform: translateX(4px) !important;
}

/* ── Section 5: Our Team & Expertise (#team-expertise) ── */
#team-expertise,
.team-ref-section {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 105px 0 !important;
}
.team-ref-heading {
  color: #11142e !important;
  -webkit-text-fill-color: #11142e !important;
}
.team-ref-badge-stars,
.team-ref-widget-insights {
  background: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.85) !important;
  box-shadow: 0 12px 30px -6px rgba(15, 23, 42, 0.08) !important;
}
.badge-star-icon {
  color: #f59e0b !important;
}
.badge-star-text b {
  color: #11142e !important;
  font-family: 'Poppins', sans-serif !important;
}
.badge-star-text span {
  color: #586882 !important;
  font-family: 'Poppins', sans-serif !important;
}
.insights-title {
  color: #11142e !important;
  font-family: 'Poppins', sans-serif !important;
}
.insights-period {
  color: #586882 !important;
  font-family: 'Poppins', sans-serif !important;
}
.meter-value {
  color: #11142e !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
}
.meter-label b {
  color: #11142e !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
}
.meter-label span {
  color: #586882 !important;
  font-family: 'Poppins', sans-serif !important;
}

/* ── Section 6: Target Domain Expertise (#industries) ── */
#industries,
.industries-ref-section {
  background: radial-gradient(ellipse at 50% 50%, #ffffff 0%, #f4f7fc 65%, #ebf1fa 100%) !important;
  background-color: #f8fafd !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 105px 0 !important;
}
.domain-pill-card {
  background: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.85) !important;
  box-shadow: 0 6px 20px -4px rgba(15, 23, 42, 0.05) !important;
  border-radius: 999px !important;
  padding: 12px 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}
.domain-pill-text {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #11142e !important;
}

/* ── Section 7: Accelerate Your Revenue Banner (#growth-banner) ── */
#growth-banner,
.growth-banner {
  background: linear-gradient(135deg, #0b0f19 0%, #111827 50%, #160f1b 100%) !important;
  color: #ffffff !important;
  padding: 95px 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.growth-banner h2,
#growth-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(28px, 3.3vw, 44px) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
}
.growth-banner h2 em,
#growth-title em {
  font-style: normal !important;
  background: linear-gradient(100deg, #ef5b52 0%, #f97316 50%, #ea580c 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
.growth-banner__action > p {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
  font-size: 16px !important;
}
.growth-banner .button--coral,
.growth-banner a.button,
.growth-banner .button {
  background: #ffffff !important;
  color: #7b4bf7 !important;
  -webkit-text-fill-color: #7b4bf7 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  padding: 0 32px !important;
  min-height: 52px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.25s ease !important;
}
.growth-banner .button--coral:hover,
.growth-banner a.button:hover,
.growth-banner .button:hover {
  transform: translateY(-2px) !important;
  background: #f8faff !important;
  color: #6b3ee3 !important;
  -webkit-text-fill-color: #6b3ee3 !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22) !important;
}

/* ── Harmonious Growth Banner Stats (Restored to Theme with Reduced Weight) ── */
.growth-banner .stat-row {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  margin-top: 60px !important;
  background: transparent !important;
  background-color: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
.growth-banner .stat-row div {
  padding: 32px 20px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.growth-banner .stat-row div + div {
  border-left: 1px solid rgba(255, 255, 255, 0.22) !important;
  padding-left: 20px !important;
}
.growth-banner .stat-row div b,
.growth-banner .stat-row b {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(30px, 3.2vw, 44px) !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  margin-bottom: 10px !important;
  display: block !important;
}
.growth-banner .stat-row div span,
.growth-banner .stat-row span {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  max-width: 200px !important;
  margin: 0 auto !important;
  line-height: 1.4 !important;
  display: block !important;
}

/* ── Section 8: Our Proven Process (.process) ── */
section.process {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 85px 0 95px 0 !important;
}
.process-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  margin-top: 45px !important;
}
@media (max-width: 991px) {
  .process-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 640px) {
  .process-grid {
    grid-template-columns: 1fr !important;
  }
}
.process-grid article {
  background: #ffffff !important;
  border: 1.5px solid rgba(220, 230, 248, 0.85) !important;
  border-radius: 20px !important;
  padding: 30px 24px !important;
  box-shadow: 0 10px 30px -8px rgba(15, 23, 42, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.process-grid article:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 42px -8px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(239, 91, 82, 0.15) !important;
  border-color: rgba(239, 91, 82, 0.35) !important;
}
.process-grid article > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(239, 91, 82, 0.1) 0%, rgba(123, 75, 247, 0.1) 100%) !important;
  color: #ef5b52 !important;
  border: 1px solid rgba(239, 91, 82, 0.22) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
  transition: all 0.3s ease !important;
}
.process-grid article:hover > span {
  background: linear-gradient(135deg, #ef5b52 0%, #7b4bf7 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  transform: scale(1.06) !important;
  box-shadow: 0 6px 18px rgba(239, 91, 82, 0.35) !important;
}
.process-grid article h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.35 !important;
  margin: 0 0 10px 0 !important;
}
.process-grid article p {
  font-family: 'Poppins', sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
  color: #586882 !important;
  margin: 0 0 16px 0 !important;
  flex-grow: 1 !important;
}

.process-phase-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--font-family-mono, monospace) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #ef5b52 !important;
  background: rgba(239, 91, 82, 0.08) !important;
  border: 1px solid rgba(239, 91, 82, 0.2) !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
  margin-bottom: 12px !important;
}

.process-chip-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 16px !important;
  width: 100% !important;
}

.process-chip {
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  background: #f8fafc !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: 6px !important;
  padding: 2.5px 8px !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}

.process-grid article:hover .process-chip {
  border-color: rgba(123, 75, 247, 0.25) !important;
  background: #ffffff !important;
}

.process-metric-pill {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: rgba(16, 185, 129, 0.07) !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
  color: #065f46 !important;
  font-family: var(--font-family-mono, monospace) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  margin-top: auto !important;
}

.process-metric-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  display: inline-block !important;
}

/* ── Section 9: The Adyantra Advantage (.advantage) ── */
section.advantage {
  background: radial-gradient(ellipse at 50% 50%, #ffffff 0%, #f4f7fc 65%, #ebf1fa 100%) !important;
  background-color: #f8fafd !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 105px 0 !important;
}
.advantage .check-list {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px 24px !important;
  margin: 28px 0 32px !important;
  list-style: none !important;
  padding: 0 !important;
}
.advantage .check-list li {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: #11142e !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.advantage .badge {
  background: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.85) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 26px -4px rgba(15, 23, 42, 0.08) !important;
  color: #11142e !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
}
.advantage .badge b {
  color: #586882 !important;
  font-weight: 500 !important;
}
.advantage .text-link {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #7b4bf7 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.advantage .text-link:hover {
  color: #ef5b52 !important;
  transform: translateX(4px) !important;
}

/* ── Section 10: Client Reviews (#testimonials) ── */
#testimonials,
.reviews-ref-section {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 105px 0 !important;
}
/* Review card styling handled in unified review-ref block */

/* ── Section 11: FAQ Section (#faq) ── */
#faq,
section.faq {
  background: radial-gradient(ellipse at 50% 30%, #ffffff 0%, #f4f7fc 65%, #ebf1fa 100%) !important;
  background-color: #f8fafd !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 105px 0 !important;
}
#faq details {
  background: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.85) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03) !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}
#faq details:hover,
#faq details[open] {
  border-color: rgba(123, 75, 247, 0.35) !important;
  box-shadow: 0 8px 24px -4px rgba(123, 75, 247, 0.08) !important;
}
#faq summary {
  font-family: 'Poppins', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 600 !important;
  color: #11142e !important;
  padding: 20px 24px !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
#faq summary b {
  color: #7b4bf7 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
}
#faq details[open] summary b {
  color: #ef5b52 !important;
}
#faq details p {
  padding: 0 24px 22px !important;
  margin: 0 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.68 !important;
  color: #586882 !important;
}

/* ── Section 12: Contact Section (#contact) ── */
#contact,
section.contact {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 105px 0 !important;
}
.contact-method {
  background: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.85) !important;
  border-radius: 16px !important;
  padding: 16px 20px !important;
  box-shadow: 0 6px 20px -4px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-top: 18px !important;
}
.contact-method > span {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #ede9fe !important;
  color: #7b4bf7 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
}
.contact-method b {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #11142e !important;
  margin-bottom: 2px !important;
}
.contact-method a {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14.5px !important;
  color: #586882 !important;
  text-decoration: none !important;
}
.contact-method a:hover {
  color: #7b4bf7 !important;
}

.contact-form {
  background: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.85) !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 40px -10px rgba(15, 23, 42, 0.08) !important;
  padding: 38px 34px !important;
}
.contact-form h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #11142e !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.3 !important;
}
.contact-form > p {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14.5px !important;
  color: #586882 !important;
  margin: 0 0 24px 0 !important;
}
.contact-form label {
  font-family: 'Poppins', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #11142e !important;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14.5px !important;
  background: #fbfdff !important;
  border: 1px solid rgba(200, 215, 245, 0.7) !important;
  border-radius: 12px !important;
  color: #11142e !important;
  padding: 12px 16px !important;
  transition: all 0.2s ease !important;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: #7b4bf7 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(123, 75, 247, 0.15) !important;
  outline: none !important;
}
.contact-form .button--primary,
.contact-form button[type="submit"] {
  background: #0b0e1b !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  padding: 14px 34px !important;
  border: none !important;
  box-shadow: 0 10px 26px rgba(11, 14, 27, 0.38) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 10px !important;
}
.contact-form .button--primary:hover,
.contact-form button[type="submit"]:hover {
  background: #1a1e36 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 32px rgba(11, 14, 27, 0.48) !important;
}

/* ── Section 13: Footer (.footer, .ady-theme-footer) Compact Light Theme (Single-Line Titles) ── */
footer.footer,
footer.ady-theme-footer {
  background: #ffffff !important;
  color: #64748b !important;
  border-top: 1px solid rgba(226, 232, 240, 0.85) !important;
  padding: 44px 0 22px 0 !important;
  position: relative !important;
  z-index: 10 !important;
  font-family: 'Poppins', sans-serif !important;
  overflow: hidden !important;
}

/* Subtle Ambient Glow at top of footer */
footer.footer::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 900px !important;
  height: 200px !important;
  background: radial-gradient(ellipse at 50% 0%, rgba(239, 91, 82, 0.04) 0%, rgba(123, 75, 247, 0.03) 45%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Main Navigation 5-Column Grid (Sleek Compact Spacing, Single Line Titles) */
.footer__grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 1.35fr 1.08fr 1.08fr 0.85fr 1.05fr !important;
  gap: 28px !important;
  padding-bottom: 28px !important;
}

/* Col 1: Brand & Status */
.footer-col-brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.footer-brand-logo {
  display: inline-block !important;
  margin-bottom: 12px !important;
  text-decoration: none !important;
}

.footer-brand-desc {
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #64748b !important;
  margin: 0 0 18px 0 !important;
  max-width: 290px !important;
}

/* Social Buttons */
.footer-social-links {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
}

.footer-social-btn,
.footer-social-links a.footer-social-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  color: #475569 !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

.footer-social-btn svg,
.footer-social-links a.footer-social-btn svg {
  color: #475569 !important;
  fill: #475569 !important;
  transition: all 0.25s ease !important;
}

.footer-social-btn svg[stroke="currentColor"],
.footer-social-links a.footer-social-btn svg[stroke="currentColor"] {
  fill: none !important;
  stroke: #475569 !important;
}

.footer-social-btn:hover,
.footer-social-links a.footer-social-btn:hover {
  background: #ef5b52 !important;
  border-color: #ef5b52 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px -2px rgba(239, 91, 82, 0.3) !important;
}

.footer-social-btn:hover svg,
.footer-social-links a.footer-social-btn:hover svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.footer-social-btn:hover svg[stroke="currentColor"],
.footer-social-links a.footer-social-btn:hover svg[stroke="currentColor"] {
  fill: none !important;
  stroke: #ffffff !important;
}

/* Nav Columns (Single-Line Titles without Spacings) */
.footer-nav-col {
  display: flex !important;
  flex-direction: column !important;
}

.footer-nav-heading {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  margin: 2px 0 13px 0 !important;
  position: relative !important;
  white-space: nowrap !important;
}

.footer-nav-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}

.footer-nav-list a {
  font-size: 13px !important;
  color: #64748b !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

.footer-nav-list a:hover {
  color: #ef5b52 !important;
  transform: translateX(3px) !important;
}

.footer-badge-hiring {
  font-size: 9.5px !important;
  font-weight: 600 !important;
  padding: 1px 6px !important;
  border-radius: 9999px !important;
  background: rgba(239, 91, 82, 0.1) !important;
  color: #ef5b52 !important;
  border: 1px solid rgba(239, 91, 82, 0.2) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  line-height: 1.2 !important;
}

/* Direct Contact Column */
.footer-contact-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  margin-bottom: 10px !important;
}

.footer-contact-label {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  white-space: nowrap !important;
}

.footer-contact-value {
  font-size: 13px !important;
  color: #1e293b !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  transition: color 0.2s ease !important;
  white-space: nowrap !important;
}

.footer-contact-value--highlight {
  color: #ef5b52 !important;
  font-weight: 600 !important;
}

.footer-contact-value:hover:not(.footer-contact-value--text) {
  color: #ef5b52 !important;
}

.footer-contact-value--text {
  color: #64748b !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}

.footer-sla-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
  background: rgba(123, 75, 247, 0.07) !important;
  border: 1px solid rgba(123, 75, 247, 0.18) !important;
  color: #7b4bf7 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  margin-top: 4px !important;
  white-space: nowrap !important;
}

.footer-sla-dot {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #7b4bf7 !important;
}

/* Footer Bottom Bar */
.footer__bottom {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 18px 0 0 0 !important;
  border-top: 1px solid rgba(226, 232, 240, 0.85) !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

.footer__bottom a {
  color: #64748b !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  white-space: nowrap !important;
}

.footer__bottom a:hover {
  color: #ef5b52 !important;
}

.footer-pedigree {
  font-size: 11.5px !important;
  color: #94a3b8 !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
}

.footer__bottom-right {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}

@media (max-width: 1024px) {
  .footer__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 28px 24px !important;
  }
  .footer-col-brand {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 640px) {
  .footer__grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  .footer__bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
}
  .footer-pre-banner__actions a {
    width: 100% !important;
    justify-content: center !important;
  }
  .footer__bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
}


/* ── FINE-TUNING OVERRIDES FOR PERFECT READABILITY & HERO UNIFICATION ── */

/* 1. About Us Body Paragraphs (Strict #586882 for High Contrast on Pearl Canvas) */
#about p,
#about .about-copy p,
#about .copy-block p,
#about .copy-block--dark p,
#about .copy-block--dark > p {
  color: #586882 !important;
  -webkit-text-fill-color: #586882 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  margin-bottom: 18px !important;
}

#about .text-link {
  color: #7b4bf7 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}

#about .text-link:hover {
  color: #ef5b52 !important;
  transform: translateX(4px) !important;
}

/* 2. Growth Banner Typography (Pure White Contrast over Vibrant Gradient) */
.growth-banner h2,
.growth-banner h2 em,
.growth-banner h2 span,
#growth-title,
#growth-title em {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.15) !important;
}

.growth-banner .kicker,
.growth-banner .ref-pill-kicker {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.22) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  backdrop-filter: blur(8px) !important;
  display: inline-flex !important;
  align-items: center !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 6px 16px !important;
  border-radius: 999px !important;
  margin-bottom: 16px !important;
  width: fit-content !important;
}

/* 3. Footer Completeness (Theme harmonized) */



/* ═══════════════════════════════════════════════════════════════════════════════
   FINAL HERO HARMONIZATION & BOXES REMOVAL (MASTER SPECIFICATION)
   1. Typography: Poppins 700 headings, Poppins 700 card titles, Poppins 400 body
   2. Palette: #11142e headings, Hero Gradient accents, #586882 text, #7b4bf7 / #ef5b52
   3. Backgrounds: Alternating Pearl Radial Canvas / Crisp White
   4. Clear Answers (FAQ): Completely unboxed, modern sleek hairline accordion
   5. Connect With Our Team (Contact): Completely unboxed form & contact methods
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── Global Typography Unification ── */
body, html, main, section, div, p, span, a, button, input, textarea, select, h1, h2, h3, h4, h5, h6, li, blockquote {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ── Eyebrow Pill Kickers ── */
.ref-pill-kicker,
.kicker:not(.growth-banner .kicker) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #7b4bf7 !important;
  background: #ede9fe !important;
  padding: 6px 16px !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(123, 75, 247, 0.22) !important;
  margin-bottom: 16px !important;
  width: fit-content !important;
}

/* Centering kickers in centered section headers */
.services-ref-header,
.section-heading.text-center,
.services-ref-header .ref-pill-kicker {
  margin-left: auto !important;
  margin-right: auto !important;
}
.services-ref-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 860px !important;
  margin: 0 auto 38px !important;
}

/* ── Section Headings (H2) — Exactly Matching Hero Weight 700 & Navy #11142e ── */
h2,
.services-ref-heading,
.about-headline,
#about-title,
.team-ref-heading,
#team-ref-title,
.industries-ref-heading,
#industries-ref-title,
#process-title,
#advantage-title,
.reviews-ref-heading,
#reviews-ref-title,
#faq-title,
#contact-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(28px, 3.3vw, 44px) !important;
  font-weight: 700 !important;
  color: #11142e !important;
  -webkit-text-fill-color: #11142e !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
}

/* Gradient text accents in all headings */
.ady-gradient-text,
h2 .ady-gradient-text,
h2 em,
.about-headline .ady-gradient-text,
#about-title .ady-gradient-text,
.services-ref-heading .ady-gradient-text,
.team-ref-heading .ady-gradient-text,
.industries-ref-heading .ady-gradient-text,
#process-title .ady-gradient-text,
#advantage-title .ady-gradient-text,
#reviews-ref-title .ady-gradient-text,
#faq-title .ady-gradient-text,
#contact-title .ady-gradient-text {
  background: linear-gradient(90deg, #7b4bf7 0%, #a438ee 30%, #de358d 65%, #f14c5c 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-style: normal !important;
  font-weight: inherit !important;
}

/* ── Subtitles, Descriptions, Body Copy (Poppins 400, #586882) ── */
p,
.services-ref-desc,
.service-ref-card__desc,
.team-ref-desc,
.industries-ref-subtitle,
.reviews-ref-subtitle,
.section-heading > p,
.copy-block > p,
.review-ref-quote,
.contact__copy > p:not(.kicker),
.contact-form > p {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.68 !important;
  color: #586882 !important;
  -webkit-text-fill-color: #586882 !important;
}

/* ── Card Titles & Sub-Headings (H3 — Poppins 700, #11142e) ── */
h3,
.service-ref-card__title,
.pillar-panel h3,
.process-grid article h3,
.contact-form h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #11142e !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.3 !important;
}

/* ═══════════════════════════════════════════════════════════════
   HARMONIOUS SECTION BACKGROUNDS (HERO SYSTEM ALTERNATION)
   ═══════════════════════════════════════════════════════════════ */

/* Section 1: Hero (#home) — Pearl Radial Canvas */
.ady-hero-section {
  background: radial-gradient(ellipse at 50% 38%, #ffffff 0%, #f4f7fc 55%, #ebf1fa 100%) !important;
}

/* Section 2: Stats Bridge Bar — Crisp White Light Mode */
.ady-stats-bridge-bar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-top: 1px solid rgba(220, 230, 248, 0.85) !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.85) !important;
}

/* Section 3: Services (#services) — Pearl Radial Canvas */
#services,
.services-ref-section {
  background: radial-gradient(ellipse at 50% 0%, #ffffff 0%, #f8faff 50%, #f0f4fc 100%) !important;
  background-color: #f8faff !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 100px 0 115px !important;
}

/* Section 4: About Us (#about) — Crisp White */
#about,
.section.about {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 105px 0 !important;
}

/* Section 5: Team & Expertise (#team-expertise) — Pearl Radial Canvas */
#team-expertise,
.team-ref-section {
  background: radial-gradient(ellipse at 50% 50%, #ffffff 0%, #f4f7fc 65%, #ebf1fa 100%) !important;
  background-color: #f8fafd !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 105px 0 !important;
}

/* Team Section CTA Button — Unified Hero Dark Pill */
.team-ref-content a.button,
.team-ref-content .button--primary,
#team-expertise a.button {
  background: #0b0e1b !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  padding: 13px 30px !important;
  box-shadow: 0 8px 24px rgba(11, 14, 27, 0.28) !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.team-ref-content a.button:hover,
#team-expertise a.button:hover {
  background: #1a1e36 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(11, 14, 27, 0.38) !important;
}

/* Section 6: Target Domains (#industries) — Crisp White */
#industries,
.industries-ref-section {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 105px 0 !important;
}

/* Section 7: Growth Banner (#growth-banner) — Hero Gradient */
#growth-banner,
.growth-banner {
  background: linear-gradient(118deg, #7b4bf7 0%, #a438ee 35%, #de358d 70%, #f14c5c 100%) !important;
  padding: 95px 0 0 !important;
}

/* Section 8: Our Proven Process (.process) — Crisp White */
section.process {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 85px 0 95px 0 !important;
}

/* Section 9: The Adyantra Advantage (.advantage) — Pearl Radial Canvas */
section.advantage {
  background: radial-gradient(ellipse at 50% 50%, #ffffff 0%, #f4f7fc 65%, #ebf1fa 100%) !important;
  background-color: #f8fafd !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 105px 0 !important;
}

/* Section 10: Client Reviews (#testimonials) — Crisp White */
#testimonials,
.reviews-ref-section {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 105px 0 !important;
}
.reviews-ref-subtitle {
  color: #586882 !important;
  -webkit-text-fill-color: #586882 !important;
}

/* ═══════════════════════════════════════════════════════════════
   SECTION 11: CLEAR ANSWERS (FAQ) — REMOVE BOXES
   Modern, elegant, borderless accordion with subtle hairline dividers
   ═══════════════════════════════════════════════════════════════ */
#faq,
section.faq {
  background: radial-gradient(ellipse at 50% 30%, #ffffff 0%, #f4f7fc 65%, #ebf1fa 100%) !important;
  background-color: #f8fafd !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 105px 0 !important;
}

#faq .faq-layout {
  display: grid !important;
  grid-template-columns: 0.78fr 1.22fr !important;
  gap: clamp(40px, 6vw, 90px) !important;
  align-items: start !important;
}

@media (max-width: 991px) {
  #faq .faq-layout {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
}

#faq .faq-list {
  border-top: 1px solid rgba(215, 225, 245, 0.85) !important;
}

/* Completely remove the card boxes, borders, shadows & backgrounds */
#faq details {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(215, 225, 245, 0.85) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
  transition: all 0.2s ease !important;
}

#faq details:hover,
#faq details[open] {
  border-color: rgba(215, 225, 245, 0.85) !important;
  box-shadow: none !important;
  background: transparent !important;
}

#faq summary {
  font-family: 'Poppins', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 600 !important;
  color: #11142e !important;
  padding: 22px 0 !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 18px !important;
  list-style: none !important;
  transition: color 0.2s ease !important;
}
#faq summary::-webkit-details-marker {
  display: none !important;
}

#faq summary:hover {
  color: #7b4bf7 !important;
}

#faq summary b {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #ede9fe !important;
  color: #7b4bf7 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  transition: all 0.25s ease !important;
  border: none !important;
}

#faq details[open] summary b {
  background: rgba(239, 91, 82, 0.12) !important;
  color: #ef5b52 !important;
  transform: rotate(45deg) !important;
}

#faq details p {
  padding: 0 36px 24px 0 !important;
  margin: 0 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #586882 !important;
  -webkit-text-fill-color: #586882 !important;
}


/* ═══════════════════════════════════════════════════════════════
   SECTION 12: CONNECT WITH OUR TEAM (CONTACT) — REMOVE BOXES
   Completely unboxed, natural layout matching Hero elegance
   ═══════════════════════════════════════════════════════════════ */
#contact,
section.contact {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 105px 0 !important;
}

.contact__grid {
  display: grid !important;
  grid-template-columns: 0.88fr 1.12fr !important;
  gap: clamp(48px, 7vw, 100px) !important;
  align-items: start !important;
}

@media (max-width: 991px) {
  .contact__grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
}

/* Remove card boxes from contact method items */
.contact-method {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 12px 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  margin-top: 22px !important;
}

.contact-method > span {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: #ede9fe !important;
  color: #7b4bf7 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 19px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.contact-method b {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #11142e !important;
  margin-bottom: 3px !important;
}

.contact-method a {
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  color: #586882 !important;
  text-decoration: none !important;
  line-height: 1.5 !important;
  transition: color 0.2s ease !important;
}
.contact-method a:hover {
  color: #7b4bf7 !important;
}

/* Remove outer card box from contact form */
.contact-form {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.contact-form h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #11142e !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.3 !important;
}

.contact-form > p {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #586882 !important;
  margin: 0 0 26px 0 !important;
  line-height: 1.6 !important;
}

.contact-form .field-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}

@media (max-width: 640px) {
  .contact-form .field-row {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
}

.contact-form label {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #11142e !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}

/* Clean, crisp input fields without enclosing form card */
.contact-form input,
.contact-form select,
.contact-form textarea {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  background: #fcfdfe !important;
  border: 1px solid rgba(200, 215, 245, 0.9) !important;
  border-radius: 12px !important;
  color: #11142e !important;
  padding: 12px 16px !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.02) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.contact-form input,
.contact-form select {
  height: 46px !important;
}

.contact-form textarea {
  padding: 14px 16px !important;
  resize: vertical !important;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: #7b4bf7 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(123, 75, 247, 0.15) !important;
  outline: none !important;
}

/* Unified Hero Dark Pill Button for Form Submission */
.contact-form .button--primary,
.contact-form button[type="submit"] {
  background: #0b0e1b !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  padding: 14px 36px !important;
  border: none !important;
  box-shadow: 0 10px 26px rgba(11, 14, 27, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 10px !important;
  width: fit-content !important;
}

.contact-form .button--primary:hover,
.contact-form button[type="submit"]:hover {
  background: #1a1e36 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 32px rgba(11, 14, 27, 0.45) !important;
}


/* ── Specificity overrides to guarantee 100% Hero system match ── */
#industries .section-heading h2,
#industries h2,
#industries-title,
#industries-ref-title,
.industries-ref-heading {
  color: #11142e !important;
  -webkit-text-fill-color: #11142e !important;
  font-weight: 700 !important;
}

#industries .section-heading > p,
#industries .section-heading > p:last-child,
#industries p,
.industries-ref-subtitle {
  color: #586882 !important;
  -webkit-text-fill-color: #586882 !important;
  font-weight: 400 !important;
}

#growth-banner h2,
.growth-banner h2,
#growth-title {
  font-weight: 700 !important;
}

#contact h3,
#contact .contact-form h3,
.contact-form h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #11142e !important;
  -webkit-text-fill-color: #11142e !important;
}

#testimonials .reviews-ref-subtitle,
#testimonials .section-heading > p,
#testimonials .section-heading > p:last-child,
.reviews-ref-subtitle {
  color: #586882 !important;
  -webkit-text-fill-color: #586882 !important;
  font-weight: 400 !important;
}





/* ═══════════════════════════════════════════════════════════════════════════════
   FINAL REFINEMENTS (EXACT COMPLIANCE):
   1. SLIGHTLY DECREASED HEADING FONT SIZES (H1, H2, H3)
   2. UNBOXED ABOUT SECTION MATCHING REFERENCE IMAGE IN LIGHT MODE
   3. THE ADYANTRA ADVANTAGE: REMOVED EXTRA SPACE OF IMAGE
   4. HERO CONTENT DECREASED IN EACH BLOCK
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── 1. Heading Weights & Sizes ── */
/* All Section Headings (H1 & H2) -> Poppins 600 */
h1,
h2,
.ady-main-title,
.ady-title-line1,
.ady-title-line2,
.ady-title-line3,
.services-ref-heading,
.about-headline,
#about-title,
.team-ref-heading,
#team-ref-title,
.industries-ref-heading,
#industries-ref-title,
#industries .section-heading h2,
#industries h2,
#growth-banner h2,
.growth-banner h2,
#growth-title,
#process-title,
#advantage-title,
.reviews-ref-heading,
#reviews-ref-title,
#faq-title,
#contact-title,
.contact h2 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
}

/* Hero H1 Main Title (Decreased to 38px max) */
.ady-main-title,
.ady-title-line1,
.ady-title-line2,
.ady-title-line3 {
  font-size: clamp(25px, 2.75vw, 38px) !important;
  line-height: 1.2 !important;
}

/* All Section Headings (H2) (Decreased from 44px down to 33px max) */
h2,
.services-ref-heading,
.about-headline,
#about-title,
.team-ref-heading,
#team-ref-title,
.industries-ref-heading,
#industries-ref-title,
#industries .section-heading h2,
#industries h2,
#growth-banner h2,
.growth-banner h2,
#growth-title,
#process-title,
#advantage-title,
.reviews-ref-heading,
#reviews-ref-title,
#faq-title,
#contact-title,
.contact h2 {
  font-size: clamp(24px, 2.25vw, 33px) !important;
  line-height: 1.24 !important;
}

/* Gradient accents in headings inherit 600 & font-size */
.ady-gradient-text,
h1 .ady-gradient-text,
h2 .ady-gradient-text,
h2 em,
.about-headline .ady-gradient-text,
#about-title .ady-gradient-text,
.services-ref-heading .ady-gradient-text,
.team-ref-heading .ady-gradient-text,
.industries-ref-heading .ady-gradient-text,
#process-title .ady-gradient-text,
#advantage-title .ady-gradient-text,
#reviews-ref-title .ady-gradient-text,
#faq-title .ady-gradient-text,
#contact-title .ady-gradient-text {
  font-weight: 600 !important;
}

/* All Sub-Headings & Card Titles (H3) (Decreased to 18.5px) */
h3,
.service-ref-card__title,
.process-grid article h3,
.contact-form h3,
#contact h3,
#contact .contact-form h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 18.5px !important;
  line-height: 1.35 !important;
}

.pillar-panel h3,
#about .pillar-panel h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 16.5px !important;
  line-height: 1.45 !important;
}

.review-ref-name,
footer.footer h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

/* ── 2. About Section: Exact Match to Reference in Light Mode ── */
#about {
  background: #ffffff !important;
  padding: 85px 0 !important;
}

#about .split-layout--about,
.split-layout--about {
  display: grid !important;
  grid-template-columns: 1.12fr 0.88fr !important;
  gap: clamp(40px, 5vw, 75px) !important;
  align-items: center !important;
}

#about .pillar-panel,
.pillar-panel {
  background: transparent !important;
  border: none !important;
  border-left: 1px solid rgba(215, 225, 245, 0.85) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 10px clamp(28px, 4vw, 56px) !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#about .pillar-panel .ref-pill-kicker {
  margin-bottom: 8px !important;
}

#about .pillar-panel h3,
.pillar-panel h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  color: #11142e !important;
  -webkit-text-fill-color: #11142e !important;
  margin: 0 0 22px !important;
  max-width: 420px !important;
}

#about .pillar-panel ol,
.pillar-panel ol {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  max-width: 480px !important;
}

#about .pillar-panel li,
.pillar-panel li {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 14px 0 !important;
  border-top: 1px solid rgba(215, 225, 245, 0.75) !important;
  color: #11142e !important;
  -webkit-text-fill-color: #11142e !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

#about .pillar-panel li:first-child,
.pillar-panel li:first-child {
  border-top: 1px solid rgba(215, 225, 245, 0.75) !important;
}

#about .pillar-panel li:last-child,
.pillar-panel li:last-child {
  border-bottom: 1px solid rgba(215, 225, 245, 0.75) !important;
}

#about .pillar-panel li b,
.pillar-panel li b {
  color: #de358d !important;
  background: transparent !important;
  -webkit-text-fill-color: #de358d !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

/* ── 3. The Adyantra Advantage: Removed Extra Space of Image ── */
section.advantage {
  background: radial-gradient(ellipse at 50% 50%, #ffffff 0%, #f4f7fc 65%, #ebf1fa 100%) !important;
  background-color: #f8fafd !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.75) !important;
  padding: 72px 0 !important;
}

.advantage .split-layout {
  gap: clamp(32px, 4vw, 56px) !important;
  align-items: center !important;
}

.advantage-visual {
  position: relative !important;
  min-height: auto !important;
  height: auto !important;
  max-width: 440px !important;
  width: 100% !important;
  margin: 0 auto !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, #ece5ff, #e9fbfa 73%) !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
}

.advantage-visual img {
  position: relative !important;
  z-index: 1 !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 416px !important;
  max-height: none !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}


/* ── Accelerate Your Revenue Section (#growth-banner) — Exact Match to Image 3 ── */
#growth-banner,
.growth-banner {
  color: #ffffff !important;
}

#growth-banner p,
.growth-banner p,
.growth-banner__action > p {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
}

#growth-banner .ref-pill-kicker,
.growth-banner .kicker {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
}

#growth-banner h2,
.growth-banner h2,
#growth-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.growth-banner .button--coral,
.growth-banner .button {
  background: #ffffff !important;
  color: #7b4bf7 !important;
  -webkit-text-fill-color: #7b4bf7 !important;
  border-radius: 999px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

.growth-banner .button--coral:hover,
.growth-banner .button:hover {
  background: #f8faff !important;
  color: #ef5b52 !important;
  -webkit-text-fill-color: #ef5b52 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════════
   LATEST AUTHORITATIVE TWEAKS:
   1. INCREASED H1 FONT IN HERO SECTION ONLY (32px-48px)
   2. DECREASED VERTICAL GAP BETWEEN 'GET STARTED' AND 'CONTACT US' IN HERO
   3. SERVICES CARD VISUAL: REMOVED EXTRA SPACING OF 3D IMAGES
   ═══════════════════════════════════════════════════════════════════════════════ */

/* 1. Increase H1 in Hero section only */
.ady-main-title,
.ady-title-line1,
.ady-title-line2,
.ady-title-line3 {
  font-size: clamp(30px, 3.6vw, 48px) !important;
  line-height: 1.16 !important;
}

/* 2. Space between Header and Hero Section Content & Tightened Hero Wave CTA */
.ady-hero-section {
  padding: 122px 24px 0 !important;
  min-height: 780px !important;
}

.ady-hero-card {
  min-height: 660px !important;
}

.ady-hero-content {
  margin-top: 22px !important;
}

.ady-tunnel-container {
  top: 54% !important;
  height: 670px !important;
}

.ady-waveform-stage {
  position: absolute !important;
  bottom: 25px !important;
  height: 250px !important;
}

/* 3. Services Card Images: Flawless Light Canvas & Perfect Fit */
.service-ref-card {
  background: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.85) !important;
  border-radius: 20px !important;
  padding: 16px 16px 28px 16px !important;
  box-shadow: 0 6px 24px -6px rgba(15, 23, 42, 0.04), 0 2px 8px -2px rgba(15, 23, 42, 0.02) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

.service-ref-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(123, 75, 247, 0.35) !important;
  box-shadow: 0 20px 40px -12px rgba(123, 75, 247, 0.12), 0 8px 18px -4px rgba(15, 23, 42, 0.04) !important;
}

.service-ref-card__visual {
  width: 100% !important;
  height: 135px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 12px auto !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.service-ref-card__visual a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

.service-ref-card__visual img {
  max-width: 190px !important;
  max-height: 125px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: none !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.service-ref-card:hover .service-ref-card__visual img {
  transform: scale(1.05) translateY(-2px) !important;
}

.service-ref-card__title {
  margin: 0 0 8px 0 !important;
}

.service-ref-card__desc {
  margin: 0 auto 10px auto !important;
  font-size: 12.5px !important;
  line-height: 1.48 !important;
}

.service-ref-card__action {
  padding: 0 !important;
  margin-top: auto !important;
}

/* 4. Services Scrolling Ticker Ribbon (Theme-Integrated Marquee) */
.ady-services-scroll-bar {
  background: #ffffff !important;
  border-top: 1px solid rgba(226, 232, 240, 0.85) !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.85) !important;
  position: relative !important;
  z-index: 20 !important;
  overflow: hidden !important;
}

.ady-services-ticker-track {
  display: flex !important;
  width: max-content !important;
  overflow: visible !important;
}

.ady-services-marquee-anim {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding-right: 14px !important;
  animation: servicesTickerScroll 40s linear infinite !important;
  will-change: transform !important;
}

.ady-services-ticker-track:hover .ady-services-marquee-anim {
  animation-play-state: paused !important;
}

@keyframes servicesTickerScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* 5. Statistics Numbers & Labels (Crisp Light Mode & Reduced Weight) */
.ady-stats-bridge-bar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-top: 1px solid rgba(220, 230, 248, 0.85) !important;
  border-bottom: 1px solid rgba(220, 230, 248, 0.85) !important;
  padding: 32px 20px !important;
  position: relative !important;
  z-index: 20 !important;
}

.ady-stats-container {
  max-width: 1360px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  text-align: center !important;
}

.ady-stat-item {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 12px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.ady-stat-item + .ady-stat-item {
  border-left: 1px solid rgba(220, 230, 248, 0.75) !important;
}

.ady-stat-value {
  font-family: var(--font-family-primary), 'Poppins', sans-serif !important;
  font-size: clamp(30px, 3.2vw, 42px) !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  letter-spacing: -0.025em !important;
  line-height: 1 !important;
  margin-bottom: 6px !important;
}

.ady-stat-label {
  font-family: var(--font-family-primary), 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  line-height: 1.35 !important;
  max-width: 210px !important;
  margin: 0 auto !important;
}

@media (max-width: 1024px) {
  .ady-stats-container {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 28px !important;
  }
}

@media (max-width: 640px) {
  .ady-stats-bridge-bar {
    padding: 28px 16px !important;
  }
  .ady-stats-container {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px 16px !important;
  }
  .ady-stat-item {
    padding: 0 8px !important;
  }
  .ady-stat-value {
    font-size: clamp(28px, 6vw, 34px) !important;
    margin-bottom: 6px !important;
  }
  .ady-stat-label {
    font-size: 12.5px !important;
  }
}

/* 2. Services Section: Tighten Gaps & Slight Heading Adjustment Only */
#services.services-ref-section,
.services-ref-section {
  padding: 50px 0 62px 0 !important;
}

.services-ref-header--centered {
  margin-bottom: 20px !important;
}

.services-ref-header--centered .ref-pill-kicker {
  margin-bottom: 12px !important;
}

/* Services section heading: slight increase to 36px (leaving all other sections untouched) */
#services-ref-title,
.services-ref-heading {
  font-size: clamp(27px, 2.4vw, 36px) !important;
  line-height: 1.22 !important;
  margin: 0 0 12px 0 !important;
  font-weight: 600 !important;
}

/* Services Subtitle: exactly 2 balanced lines */
.services-ref-subtitle {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #586882 !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  text-wrap: balance !important;
}

.services-filter-tabs {
  margin-bottom: 24px !important;
  gap: 8px !important;
}

.services-ref-grid--9 {
  gap: 20px !important;
}

/* 3. Header Dropdown Sub-Sections (Clean Columns Matching Reference Diagram) */
.ady-dropdown-menu-clean-2col {
  width: 520px !important;
  max-width: calc(100vw - 32px) !important;
  padding: 16px 20px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(220, 228, 248, 0.9) !important;
  box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.12), 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(8px) !important;
  position: absolute !important;
  top: calc(100% + 14px) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 110 !important;
}

button.ady-nav-link {
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  outline: none !important;
}

/* Invisible bridge so mouse hover never drops between link and dropdown */
.ady-dropdown-menu-clean-2col::before {
  content: "" !important;
  position: absolute !important;
  top: -24px !important;
  left: 0 !important;
  right: 0 !important;
  height: 28px !important;
  background: transparent !important;
  display: block !important;
  pointer-events: auto !important;
}

.ady-nav-dropdown-wrap:hover .ady-dropdown-menu-clean-2col,
.ady-nav-dropdown-wrap.stay-open .ady-dropdown-menu-clean-2col,
.ady-nav-dropdown-wrap.open .ady-dropdown-menu-clean-2col,
.ady-nav-dropdown-wrap[data-open="true"] .ady-dropdown-menu-clean-2col {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}

.ady-nav-link-group {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 9999px !important;
  transition: all 0.2s ease !important;
  position: relative !important;
}

.ady-nav-link-group:hover,
.ady-nav-dropdown-wrap:hover .ady-nav-link-group,
.ady-nav-dropdown-wrap.stay-open .ady-nav-link-group,
.ady-nav-dropdown-wrap.open .ady-nav-link-group,
.ady-nav-dropdown-wrap[data-open="true"] .ady-nav-link-group {
  background: rgba(241, 245, 249, 0.95) !important;
}

.ady-nav-link-group .ady-nav-link {
  padding-right: 2px !important;
}

.ady-dropdown-toggle-btn {
  background: transparent !important;
  border: none !important;
  padding: 8px 10px 8px 2px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: #334155 !important;
  border-radius: 0 9999px 9999px 0 !important;
  line-height: 1 !important;
}

.ady-dropdown-toggle-btn:hover {
  color: #2563eb !important;
}

.ady-nav-dropdown-wrap:hover .ady-chevron,
.ady-nav-dropdown-wrap.stay-open .ady-chevron,
.ady-nav-dropdown-wrap.open .ady-chevron,
.ady-nav-dropdown-wrap[data-open="true"] .ady-chevron {
  transform: rotate(180deg) !important;
  color: #2563eb !important;
}

.ady-nav-dropdown-wrap.stay-open .ady-nav-link,
.ady-nav-dropdown-wrap.open .ady-nav-link,
.ady-nav-dropdown-wrap[data-open="true"] .ady-nav-link {
  color: #0f172a !important;
}

.ady-drop-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.ady-drop-col-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #8fa0b5 !important;
  padding: 4px 8px 8px 8px !important;
  border-bottom: 1px solid rgba(220, 228, 248, 0.8) !important;
  margin-bottom: 4px !important;
}

.ady-clean-link {
  display: block !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  transition: all 0.2s ease !important;
  line-height: 1.35 !important;
}

.ady-clean-link:hover {
  color: #ef5b52 !important;
  background: rgba(239, 91, 82, 0.06) !important;
  transform: translateX(3px) !important;
}

/* 4. Target Domain Expertise Pills: Decreased Size to Sleek Compact Scale */
#industries.industries-ref-section,
.industries-ref-section {
  padding: 60px 0 !important;
}

.domains-marquee-wrap {
  margin-top: 28px !important;
  padding: 8px 0 !important;
}

.domains-marquee-track {
  gap: 14px !important;
}

.domain-pill-card {
  padding: 7px 10px 7px 18px !important;
  gap: 10px !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px -3px rgba(15, 23, 42, 0.05) !important;
}

.domain-pill-text {
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  letter-spacing: -0.01em !important;
}
.domain-pill-icon {
  display: inline-flex;
}
/* Hero Section Dimensions & Clean Seamless Bridging into Stats Bar */
.ady-hero-section {
  padding: 118px 24px 0 !important;
  min-height: 780px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.ady-hero-card {
  width: 100% !important;
  min-height: 660px !important;
  padding-bottom: 0px !important;
  position: relative !important;
}

.ady-hero-content {
  margin-top: 18px !important;
  z-index: 10 !important;
}

.ady-tunnel-container {
  top: 54% !important;
  height: 670px !important;
}

.ady-waveform-stage {
  position: absolute !important;
  bottom: 25px !important;
  height: 250px !important;
  z-index: 12 !important;
}

.ady-stats-bridge-bar {
  position: relative !important;
  z-index: 20 !important;
}

/* ═════════════════════════════════════════════════════════════════
   REDESIGNED SYSTEM VISUALIZATION SECTION (AUTHENTIC ADYANTRA THEME)
   ═════════════════════════════════════════════════════════════════ */
.sys-viz-section {
  background: radial-gradient(ellipse at 50% 0%, #ffffff 0%, #f8faff 45%, #f1f5fd 100%) !important;
  background-color: #f8faff !important;
  padding: 100px 0 115px 0 !important;
  border-top: 1px solid #eef2f8 !important;
  border-bottom: 1px solid #eef2f8 !important;
  position: relative !important;
  color: #11142e !important;
  overflow: hidden !important;
}

/* ── 6-Stage Pipeline Stepper ── */
.sys-viz-pipeline-wrap {
  margin-bottom: 48px !important;
  position: relative !important;
}

.sys-viz-pipeline {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 12px !important;
}

@media (max-width: 1024px) {
  .sys-viz-pipeline {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
  }
}

@media (max-width: 640px) {
  .sys-viz-pipeline {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.sys-viz-step-card {
  background: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.85) !important;
  border-radius: 16px !important;
  padding: 16px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 16px -4px rgba(15, 23, 42, 0.04) !important;
  position: relative !important;
}

.sys-viz-step-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(123, 75, 247, 0.35) !important;
  box-shadow: 0 12px 28px -6px rgba(123, 75, 247, 0.1) !important;
}

.sys-viz-step-card--active {
  background: #ffffff !important;
  border-color: #7b4bf7 !important;
  box-shadow: 0 12px 30px -6px rgba(123, 75, 247, 0.18), inset 0 0 0 1px #7b4bf7 !important;
}

.sys-viz-step-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
}

.sys-viz-step-num {
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #7b4bf7 !important;
  background: #f3effe !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
}

.sys-viz-step-name {
  font-family: 'Poppins', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #11142e !important;
  letter-spacing: 0.02em !important;
  margin: 2px 0 0 0 !important;
}

.sys-viz-step-desc {
  font-family: 'Poppins', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  color: #64748b !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* ── Split Layout: 3D Visual Hub (Left) + Subsystem Control Card (Right) ── */
.sys-viz-split {
  display: grid !important;
  grid-template-columns: 1fr 1.22fr !important;
  gap: 40px !important;
  align-items: stretch !important;
}

@media (max-width: 991px) {
  .sys-viz-split {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

/* Visual Hub Container */
.sys-viz-visual-stage {
  position: relative !important;
  background: radial-gradient(circle at 50% 45%, #ffffff 0%, #f7f5ff 40%, #edf1fc 100%) !important;
  border: 1px solid rgba(220, 230, 248, 0.9) !important;
  border-radius: 24px !important;
  padding: 40px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  box-shadow: 0 16px 40px -10px rgba(15, 23, 42, 0.06) !important;
  min-height: 480px !important;
}

/* Concentric Ambient Radar Circles */
.sys-viz-radar-ring {
  position: absolute !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(123, 75, 247, 0.15) !important;
  pointer-events: none !important;
  top: 48% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.sys-viz-radar-1 { width: 180px; height: 180px; }
.sys-viz-radar-2 { width: 300px; height: 300px; border-color: rgba(123, 75, 247, 0.1) !important; }
.sys-viz-radar-3 { width: 420px; height: 420px; border-color: rgba(123, 75, 247, 0.06) !important; }

/* 3D Center Graphic */
.sys-viz-3d-img {
  max-width: 240px !important;
  max-height: 220px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 20px 32px rgba(123, 75, 247, 0.18)) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 2 !important;
}

.sys-viz-visual-stage:hover .sys-viz-3d-img {
  transform: scale(1.05) translateY(-4px) !important;
}

/* Floating Badges */
.sys-viz-float-badge {
  position: absolute !important;
  background: #ffffff !important;
  border: 1px solid #eef2f8 !important;
  border-radius: 14px !important;
  padding: 9px 15px !important;
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.1) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  z-index: 5 !important;
  font-family: 'Poppins', sans-serif !important;
}

.sys-viz-badge-top-left {
  top: 22px !important;
  left: 20px !important;
}

.sys-viz-badge-top-right {
  top: 22px !important;
  right: 20px !important;
}

.sys-viz-badge-bottom {
  bottom: 22px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(100% - 44px) !important;
  max-width: 360px !important;
  justify-content: space-between !important;
}

/* Control Card (Right) */
.sys-viz-control-card {
  background: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.95) !important;
  border-radius: 24px !important;
  padding: 34px !important;
  box-shadow: 0 20px 45px -12px rgba(15, 23, 42, 0.07) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

@media (max-width: 640px) {
  .sys-viz-control-card {
    padding: 24px !important;
  }
}

/* Node Filter Tab Pills */
.sys-viz-tab-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 24px !important;
  border-bottom: 1px solid #eef2f8 !important;
  padding-bottom: 20px !important;
}

.sys-viz-node-pill {
  font-family: 'Poppins', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  padding: 7px 16px !important;
  border-radius: 999px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #475569 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

.sys-viz-node-pill:hover {
  border-color: #7b4bf7 !important;
  color: #7b4bf7 !important;
  background: #faf8ff !important;
}

.sys-viz-node-pill--active {
  background: #11142e !important;
  color: #ffffff !important;
  border-color: #11142e !important;
  box-shadow: 0 4px 14px rgba(17, 20, 46, 0.2) !important;
}

/* Active Subsystem Title & Desc */
.sys-viz-active-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(22px, 2.4vw, 28px) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: #11142e !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: -0.02em !important;
}

.sys-viz-active-desc {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: #586882 !important;
  margin: 0 0 24px 0 !important;
}

/* Telemetry Circular Progress Meters Row */
.sys-viz-meters-row {
  display: flex !important;
  align-items: center !important;
  gap: 32px !important;
  margin-bottom: 26px !important;
  padding: 16px 20px !important;
  background: #f8fafd !important;
  border: 1px solid #eef2f8 !important;
  border-radius: 16px !important;
  flex-wrap: wrap !important;
}

/* Sub-capabilities Grid */
.sys-viz-sub-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-bottom: 28px !important;
}

@media (max-width: 640px) {
  .sys-viz-sub-grid {
    grid-template-columns: 1fr !important;
  }
}

.sys-viz-sub-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  border: 1px solid #eef2f8 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  transition: all 0.2s ease !important;
}

.sys-viz-sub-item:hover {
  border-color: rgba(123, 75, 247, 0.3) !important;
  background: #faf8ff !important;
}

.sys-viz-sub-check {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #ede9fe !important;
  color: #7b4bf7 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  flex-shrink: 0 !important;
}

/* ── Flywheel Flow Strip (Latest Section Design) ── */
.sys-viz-flywheel-strip {
  margin-top: 48px !important;
  padding: 24px 28px !important;
  background: #ffffff !important;
  border: 1px solid rgba(220, 230, 248, 0.9) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px -8px rgba(15, 23, 42, 0.05) !important;
}

.sys-viz-flywheel-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 20px !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.sys-viz-flywheel-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #11142e !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.sys-viz-flywheel-chain {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  gap: 8px !important;
  overflow-x: auto !important;
  padding-bottom: 6px !important;
}

.sys-viz-flywheel-node {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  background: #f8faff !important;
  border: 1px solid #e2e8f0 !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.sys-viz-flywheel-node:hover {
  border-color: #7b4bf7 !important;
  background: #f3effe !important;
  transform: translateY(-2px) !important;
}

.sys-viz-flywheel-node--active {
  background: #11142e !important;
  border-color: #11142e !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px -2px rgba(17, 20, 46, 0.25) !important;
}

.sys-viz-flywheel-node--active .sys-viz-flywheel-num {
  background: #ef5b52 !important;
  color: #ffffff !important;
}

.sys-viz-flywheel-node--active .sys-viz-flywheel-label {
  color: #ffffff !important;
}

.sys-viz-flywheel-num {
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #7b4bf7 !important;
  background: #ffffff !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.sys-viz-flywheel-label {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
}

.sys-viz-flywheel-arrow {
  color: #cbd5e1 !important;
  font-size: 14px !important;
  flex-shrink: 0 !important;
  user-select: none !important;
}

/* ── Snug Service Card Visual Stage & Image Dimensions ── */
.service-ref-card__visual {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 4px auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  overflow: visible !important;
}

.service-ref-card__visual img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 280px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
/* ═════════════════════════════════════════════════════════════════
   SYSTEM VISUALIZATION / EXPERTISE SHOWCASE (REFERENCE DESIGN)
   ═════════════════════════════════════════════════════════════════ */

.expert-showcase-section {
  padding: 64px 0 70px 0 !important;
  background: #ffffff !important;
  position: relative !important;
}

/* Unified Gap-Free Layout */
.expert-unified-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 1fr) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

@media (max-width: 1024px) {
  .expert-unified-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

.expert-left-pane {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.expert-right-pane {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.expert-overview-box {
  background: #ffffff !important;
  border: 1.5px solid rgba(220, 230, 248, 0.95) !important;
  border-radius: 20px !important;
  padding: 22px 24px !important;
  box-shadow: 0 10px 25px -8px rgba(15, 23, 42, 0.05) !important;
  text-align: left !important;
}

.expert-box-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 0 0 8px 0 !important;
}

.expert-box-text {
  font-family: 'Poppins', sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
  color: #586882 !important;
  margin: 0 !important;
}

.expert-compact-cta-card {
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  padding: 24px 22px !important;
  background: linear-gradient(135deg, #fff7f5 0%, #fdf4ff 50%, #eff6ff 100%) !important;
  border: 1.5px solid rgba(239, 91, 82, 0.22) !important;
  box-shadow: 0 14px 32px -10px rgba(239, 91, 82, 0.08) !important;
  text-align: left !important;
}

.expert-compact-cta-card h4 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-family: 'Poppins', sans-serif !important;
}

.expert-compact-cta-card p {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-family: 'Poppins', sans-serif !important;
}

/* Top Header Grid: Left Text & Right Tablet Card */
.expert-top-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 1fr) !important;
  gap: 24px !important;
  align-items: center !important;
  margin-bottom: 24px !important;
}

@media (max-width: 991px) {
  .expert-top-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

.expert-header-left {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  text-align: left !important;
}

.expert-kicker-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #ef5b52 !important;
  background: #fef2f2 !important;
  border: 1px solid rgba(239, 91, 82, 0.25) !important;
  padding: 5px 14px !important;
  border-radius: 999px !important;
  width: fit-content !important;
  margin-bottom: 6px !important;
}

.expert-kicker-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #ef5b52 !important;
  box-shadow: 0 0 8px #ef5b52 !important;
}

.expert-main-heading {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(26px, 3.2vw, 40px) !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
}

.expert-main-desc {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #586882 !important;
  margin: 0 !important;
  max-width: 620px !important;
}

.expert-tablet-card {
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1.5px solid rgba(220, 230, 248, 0.95) !important;
  box-shadow: 0 16px 36px -12px rgba(15, 23, 42, 0.1) !important;
  height: 280px !important;
  width: 100% !important;
  margin: 0 !important;
}

.expert-tablet-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.expert-tablet-card:hover .expert-tablet-img {
  transform: scale(1.03) !important;
}

/* Main Split Grid: Left Content (65%) & Right Sidebar (35%) */
.expert-split-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.6fr) minmax(320px, 1fr) !important;
  gap: 20px !important;
  align-items: start !important;
}

@media (max-width: 1024px) {
  .expert-split-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* Left Content Column */
.expert-content-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.expert-overview-block {
  text-align: left !important;
}

.expert-section-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -0.015em !important;
  margin: 0 0 10px 0 !important;
}

.expert-overview-text {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: #586882 !important;
  margin: 0 !important;
}

/* Dual Images Row */
.expert-dual-images {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}

@media (max-width: 640px) {
  .expert-dual-images {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

.expert-dual-img-card {
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1.5px solid rgba(220, 230, 248, 0.95) !important;
  box-shadow: 0 10px 24px -8px rgba(15, 23, 42, 0.06) !important;
  height: 210px !important;
  position: relative !important;
}

.expert-photo {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.expert-dual-img-card:hover .expert-photo {
  transform: scale(1.04) !important;
}

/* What's Included Box */
.expert-included-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(220, 230, 248, 0.95) !important;
  border-radius: 20px !important;
  padding: 24px 22px !important;
  box-shadow: 0 12px 30px -10px rgba(15, 23, 42, 0.06) !important;
  text-align: left !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.expert-included-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 !important;
}

.expert-accent-line {
  width: 50px !important;
  height: 3px !important;
  background: linear-gradient(90deg, #7b4bf7, #ef5b52) !important;
  border-radius: 999px !important;
  margin: 8px 0 12px 0 !important;
}

.expert-included-desc {
  font-family: 'Poppins', sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: #64748b !important;
  margin: 0 0 16px 0 !important;
}

/* 2-Column Checklist */
.expert-check-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 16px !important;
}

@media (max-width: 640px) {
  .expert-check-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

.expert-check-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  line-height: 1.4 !important;
}

.expert-check-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* Right Sidebar Column */
.expert-sidebar-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

/* Card 1: Recent Services (Light theme card) */
.expert-recent-services-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(220, 230, 248, 0.95) !important;
  border-radius: 20px !important;
  padding: 22px 22px !important;
  box-shadow: 0 12px 30px -10px rgba(15, 23, 42, 0.06) !important;
  text-align: left !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.expert-recent-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 !important;
}

.expert-recent-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.expert-recent-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}

.expert-recent-item:hover {
  color: #ef5b52 !important;
  transform: translateX(4px) !important;
}

.expert-recent-item:hover .expert-check-icon svg circle {
  stroke: #ef5b52 !important;
}

/* Card 2: Transform CTA Card with photo background & gradient overlay */
.expert-cta-card {
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  min-height: 260px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 24px 22px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 16px 40px -10px rgba(17, 20, 46, 0.3) !important;
  text-align: left !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.expert-cta-bg-img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 1 !important;
  transition: transform 0.5s ease !important;
}

.expert-cta-card:hover .expert-cta-bg-img {
  transform: scale(1.05) !important;
}

.expert-cta-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(180deg, rgba(17, 20, 46, 0.2) 0%, rgba(17, 20, 46, 0.75) 50%, rgba(17, 20, 46, 0.96) 100%) !important;
  z-index: 2 !important;
}

.expert-cta-content {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.expert-cta-heading {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(24px, 2.5vw, 28px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
}

.expert-cta-desc {
  font-family: 'Poppins', sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: #cbd5e1 !important;
  margin: 0 !important;
}

/* ═════════════════════════════════════════════════════════════════
   SERVICES PAGE ONLY: REFINED HEADINGS (SLIGHTLY DECREASED SIZE & WEIGHTS)
   ═════════════════════════════════════════════════════════════════ */
.services-page-root .ady-main-title {
  font-size: clamp(26px, 3.1vw, 40px) !important;
  font-weight: 550 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}

.services-page-root .ady-title-line1 {
  font-weight: 550 !important;
  font-size: inherit !important;
}

.services-page-root .ady-title-line2,
.services-page-root .ady-title-line3 {
  font-weight: 550 !important;
  font-size: inherit !important;
}

.services-page-root .services-ref-heading,
.services-page-root #services-ref-title {
  font-size: clamp(24px, 2.7vw, 36px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
}

.services-page-root .services-ref-heading .ady-gradient-text {
  font-weight: 600 !important;
}

.services-page-root .service-ref-card__title {
  font-size: 18.5px !important;
  font-weight: 550 !important;
  letter-spacing: -0.01em !important;
}

.services-page-root .expert-main-heading,
.services-page-root #expert-showcase-heading {
  font-size: clamp(24px, 2.8vw, 36px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.24 !important;
}

.services-page-root .expert-section-title {
  font-size: 23px !important;
  font-weight: 600 !important;
}

.services-page-root .expert-included-title,
.services-page-root .expert-recent-title,
.services-page-root .expert-cta-heading {
  font-weight: 600 !important;
}

.services-page-root .about-headline,
.services-page-root #about-title,
.services-page-root .team-ref-heading,
.services-page-root #team-ref-title,
.services-page-root .industries-ref-heading,
.services-page-root #industries-ref-title,
.services-page-root #growth-title,
.services-page-root #process-title,
.services-page-root #advantage-title,
.services-page-root .reviews-ref-heading,
.services-page-root #reviews-ref-title,
.services-page-root #faq-title,
.services-page-root #contact-title,
.services-page-root h2 {
  font-size: clamp(22px, 2.3vw, 31px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.24 !important;
}

.services-page-root h3 {
  font-size: 19px !important;
  font-weight: 550 !important;
}

.services-page-root h4 {
  font-size: 17px !important;
  font-weight: 550 !important;
}

/* ═════════════════════════════════════════════════════════════════
   THE ADYANTRA ADVANTAGE & EXPERTISE SECTION (EXACT MOCKUP MATCH)
   ═════════════════════════════════════════════════════════════════ */
.section.expertise,
.section.advantage-exact-section {
  position: relative;
  padding: 110px 0;
  background: #ffffff !important;
  overflow: hidden;
}

.expertise-visual {
  position: relative;
  min-height: 480px;
  aspect-ratio: 4 / 3;
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  background: #111827;
  border: 1px solid rgba(110, 75, 204, 0.18);
  box-shadow: 0 20px 45px -12px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ═══════════════════════════════════════════════════════════
   OUR TEAM & EXPERTISE: DECREASED IMAGE SIZE & 4 CORNER TAGS
   ═══════════════════════════════════════════════════════════ */

.expertise-visual {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  max-width: 580px !important;
  margin: 0 auto !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  background: radial-gradient(circle at 50% 50%, #ffffff 0%, #f4f6fa 60%, #e8edf5 100%) !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  box-shadow: 0 24px 50px -12px rgba(15, 23, 42, 0.12), inset 0 1px 2px #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.expertise-visual__orb {
  display: block !important;
  position: absolute;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(239, 91, 82, 0.15) 0%, rgba(139, 92, 246, 0.1) 40%, transparent 70%);
  pointer-events: none;
  z-index: 1;
  filter: blur(28px);
}

/* Decreased image size: Framed 3D isometric tech war room */
/* ── Team & Expertise Visual Stage (Exact Match to adyantra.in Mockup) ── */
/* ═══════════════════════════════════════════════════════════
   OUR TEAM & EXPERTISE SECTION (#advantage)
   Exact match to Image 1: length, height, width, and theme
   ═══════════════════════════════════════════════════════════ */

#advantage.expertise,
.section.expertise {
  padding: 80px 0 90px 0 !important;
  background: #ffffff !important;
  border-top: none !important;
  border-bottom: none !important;
  position: relative !important;
  overflow: visible !important;
}

#advantage .split-layout,
.section.expertise .split-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 480px) minmax(0, 1fr) !important;
  gap: 60px !important;
  align-items: center !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  position: relative !important;
}

.expertise-visual-stage,
.expertise-visual {
  position: relative !important;
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  min-height: auto !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 28px !important;
  overflow: visible !important;
}

.expertise-visual-card {
  position: relative !important;
  width: 100% !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 48px -10px rgba(15, 23, 42, 0.08), 0 4px 12px rgba(0, 0, 0, 0.03) !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease !important;
}

.expertise-visual-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(239, 91, 82, 0.3) !important;
  box-shadow: 0 24px 56px -8px rgba(239, 91, 82, 0.12), 0 6px 16px rgba(15, 23, 42, 0.04) !important;
}

.expertise-visual-img,
.expertise-visual img,
.expertise-team-artwork {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  transform: none !important;
  border-radius: 28px !important;
  box-shadow: none !important;
  filter: none !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Floating Corner Chips */
.team-proof-chip,
.proof-tag {
  position: absolute !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 18px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  box-shadow: 0 12px 28px -4px rgba(30, 27, 75, 0.14), 0 4px 10px rgba(0, 0, 0, 0.04) !important;
  backdrop-filter: blur(12px) !important;
  user-select: none !important;
  white-space: nowrap !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  max-width: none !important;
}

.team-proof-chip:hover,
.proof-tag:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 16px 32px -4px rgba(123, 75, 247, 0.22) !important;
}

/* Chip corner positions matching Reference Image 1 */
.team-proof-chip--tl,
.proof-tag--one {
  top: -16px !important;
  left: -22px !important;
  right: auto !important;
  bottom: auto !important;
  animation: floatTag1 4.5s ease-in-out infinite !important;
}

.team-proof-chip--tr,
.proof-tag--two {
  top: 36px !important;
  right: -28px !important;
  left: auto !important;
  bottom: auto !important;
  animation: floatTag2 4.8s ease-in-out infinite !important;
}

.team-proof-chip--bl,
.proof-tag--three {
  bottom: -16px !important;
  left: -22px !important;
  top: auto !important;
  right: auto !important;
  animation: floatTag3 5.2s ease-in-out infinite !important;
}

.team-proof-chip--br,
.proof-tag--four {
  bottom: -16px !important;
  right: -22px !important;
  top: auto !important;
  left: auto !important;
  animation: floatTag4 5.5s ease-in-out infinite !important;
}

/* Icon Badges */
.team-proof-chip__icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
}

.team-proof-chip__icon--purple {
  background: rgba(123, 75, 247, 0.08) !important;
  color: #7b4bf7 !important;
  border: 1px solid rgba(123, 75, 247, 0.16) !important;
}

.team-proof-chip__icon--emerald {
  background: rgba(16, 185, 129, 0.08) !important;
  color: #10b981 !important;
  border: 1px solid rgba(16, 185, 129, 0.16) !important;
}

.team-proof-chip__icon--lavender {
  background: rgba(239, 91, 82, 0.08) !important;
  color: #ef5b52 !important;
  border: 1px solid rgba(239, 91, 82, 0.16) !important;
}

.team-proof-chip__icon--dark-amber,
.team-proof-chip__icon--amber {
  background: rgba(245, 158, 11, 0.08) !important;
  color: #d97706 !important;
  border: 1px solid rgba(245, 158, 11, 0.16) !important;
}

/* Typography in Chips */
.team-proof-chip__content {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  text-align: left !important;
}

.team-proof-chip__title {
  color: #11142e !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.team-proof-chip__title--white {
  color: #ffffff !important;
}

.team-proof-chip__sub {
  font-family: 'Poppins', sans-serif !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}

.team-proof-chip__sub--muted {
  color: #64748b !important;
  font-weight: 500 !important;
}

.team-proof-chip__sub--emerald,
.team-proof-chip__sub--green {
  color: #10b981 !important;
  font-weight: 600 !important;
}

.team-proof-chip__sub--purple {
  color: #7c3aed !important;
  font-weight: 600 !important;
}

.team-proof-chip__sub--silver {
  color: #cbd5e1 !important;
  font-weight: 500 !important;
}

.team-proof-chip__icon--amber {
  background: #fef3c7 !important;
  color: #d97706 !important;
}

.team-proof-chip__sub--amber {
  color: #d97706 !important;
  font-weight: 600 !important;
}

/* Light Card for Bottom-Right (Zero Dark Mode) */
.team-proof-chip--dark {
  background: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  box-shadow: 0 12px 28px -4px rgba(30, 27, 75, 0.14) !important;
}

.team-proof-chip--dark .team-proof-chip__title--white {
  color: #11142e !important;
}

.team-proof-chip--dark .team-proof-chip__sub--silver {
  color: #d97706 !important;
  font-weight: 600 !important;
}

/* Floating animation for chips */
@keyframes floatTag1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes floatTag2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } }
@keyframes floatTag3 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes floatTag4 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(4px); } }

/* ── Features Grid & Leadership Button (Right Column) ── */
.advantage-copy-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.advantage-copy-block .ref-pill-kicker {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 6px 16px !important;
  border-radius: 9999px !important;
  margin-bottom: 18px !important;
  background: rgba(239, 91, 82, 0.08) !important;
  color: #ef5b52 !important;
  -webkit-text-fill-color: #ef5b52 !important;
  border: 1px solid rgba(239, 91, 82, 0.22) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.advantage-exact-heading {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(20px, 2.2vw, 28px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  margin: 0 0 18px 0 !important;
  letter-spacing: -0.02em !important;
}

/* Growth Strategists Highlight (Gradient + Signature Coral Underline) */
.team-growth-highlight {
  background: linear-gradient(90deg, #7b4bf7 0%, #de358d 50%, #ef5b52 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block !important;
  position: relative !important;
  border-bottom: 3.5px solid #ef5b52 !important;
  padding-bottom: 2px !important;
}

.advantage-exact-desc {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  max-width: 550px !important;
  margin: 0 0 26px 0 !important;
}

.advantage-features-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px 28px !important;
  margin: 0 0 32px 0 !important;
  width: 100% !important;
}

.advantage-feature-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.advantage-feature-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.advantage-feature-icon--purple {
  background: rgba(239, 91, 82, 0.08) !important;
  color: #ef5b52 !important;
  border: 1px solid rgba(239, 91, 82, 0.16) !important;
}

.advantage-feature-icon--indigo {
  background: rgba(123, 75, 247, 0.08) !important;
  color: #7b4bf7 !important;
  border: 1px solid rgba(123, 75, 247, 0.16) !important;
}

.advantage-feature-icon--sky {
  background: rgba(59, 130, 246, 0.08) !important;
  color: #3b82f6 !important;
  border: 1px solid rgba(59, 130, 246, 0.16) !important;
}

.advantage-feature-icon--emerald {
  background: rgba(16, 185, 129, 0.08) !important;
  color: #10b981 !important;
  border: 1px solid rgba(16, 185, 129, 0.16) !important;
}

.advantage-feature-text {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

/* Meet Our Leadership CTA Button (Standardized to match ady-btn-dark) */
.advantage-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  padding: 12px 28px !important;
  font-family: var(--font-family-primary) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  background: #0b0e1b !important;
  background-color: #0b0e1b !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 26px rgba(11, 14, 27, 0.38) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  margin-top: 10px !important;
}

.advantage-cta-btn:hover {
  background: #1a1e36 !important;
  background-color: #1a1e36 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 32px rgba(11, 14, 27, 0.48) !important;
  color: #ffffff !important;
}

/* Tablet & Mobile responsive adjustments */
@media (max-width: 1024px) {
  #advantage .split-layout,
  .section.expertise .split-layout {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }
  .expertise-visual-stage,
  .expertise-visual {
    max-width: 480px !important;
  }
}

@media (max-width: 720px) {
  .expertise-visual-stage,
  .expertise-visual {
    max-width: 100% !important;
    margin-top: 20px !important;
  }
  .team-proof-chip {
    padding: 8px 12px !important;
    gap: 8px !important;
  }
  .team-proof-chip__icon {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
  }
  .team-proof-chip__title {
    font-size: 12px !important;
  }
  .team-proof-chip__sub {
    font-size: 10px !important;
  }
  .team-proof-chip--tl { top: 8px !important; left: 8px !important; }
  .team-proof-chip--tr { top: 40px !important; right: 8px !important; }
  .team-proof-chip--bl { bottom: 40px !important; left: 8px !important; }
  .team-proof-chip--br { bottom: 8px !important; right: 8px !important; }
  .advantage-features-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* Backward compatibility for legacy proof-chip */
.proof-chip {
  position: absolute;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, 0.95);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 26px -4px rgba(15, 23, 42, 0.16), 0 4px 8px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(14px);
  text-align: left;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.proof-chip:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px -4px rgba(15, 23, 42, 0.22);
}

.proof-chip b {
  color: #0f172a;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.2;
}

.proof-chip span {
  color: #475569;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
}

.proof-chip--one {
  top: 14px;
  left: 14px;
}

.proof-chip--two {
  top: 14px;
  right: 14px;
}

.proof-chip--three {
  bottom: 14px;
  left: 14px;
}

.proof-chip--four {
  right: 14px;
  bottom: 14px;
}

@media (max-width: 640px) {
  .proof-tag {
    padding: 7px 10px;
    gap: 7px;
    border-radius: 14px;
    max-width: 170px;
  }
  .proof-tag__icon-badge {
    width: 26px;
    height: 26px;
  }
  .proof-tag__sub {
    display: none;
  }
  .proof-tag__metric {
    font-size: 8.5px;
    padding: 1px 5px;
  }
  .expertise-visual img,
  .expertise-team-artwork {
    width: 78% !important;
    height: 78% !important;
  }
}

.copy-block .advantage-kicker,
.copy-block p.kicker {
  margin: 0 0 14px;
  color: #ef5b52;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  display: inline-block;
}

#expertise-title,
.advantage-exact-heading,
.section.expertise h1,
.section.expertise h2 {
  margin: 0;
  color: #151a3b;
  font-size: clamp(21px, 2.1vw, 30px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.25 !important;
}

#expertise-title em,
.advantage-exact-heading em {
  font-style: normal;
  background: linear-gradient(100deg, #ef5b52 0%, #f97316 50%, #ea580c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.advantage-exact-desc {
  color: #64748b;
  font-size: 15.5px;
  font-weight: 450;
  letter-spacing: -0.01em;
  line-height: 1.65;
  margin: 18px 0 24px;
  max-width: 530px;
}

.check-list-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px 22px;
  padding: 0;
  margin: 24px 0 28px;
  list-style: none;
}

.check-list-grid li {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #1e293b;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.35;
}

.check-list-grid li::before {
  flex: 0 0 auto;
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 50%;
  background: #ede9fe;
  color: #7b4bf7;
  content: "✓";
  font-size: 11px;
  font-weight: 800;
}

.advantage-leadership-link {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #7b4bf7;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: gap 0.2s ease, color 0.2s ease;
}

.advantage-leadership-link:hover {
  gap: 13px;
  color: #6533dc;
}

.advantage-leadership-link b {
  font-size: 18px;
  line-height: 10px;
}

@media (max-width: 960px) {
  .proof-chip--one { left: 14px; top: 14px; }
  .proof-chip--two { right: 14px; top: 14px; }
  .proof-chip--three { left: 14px; bottom: 14px; }
  .proof-chip--four { right: 14px; bottom: 14px; }
}

@media (max-width: 720px) {
  .expertise-visual { min-height: 340px; aspect-ratio: 4 / 3; order: 2; margin-top: 15px; border-radius: 20px; }
  .proof-chip { padding: 6px 10px; border-radius: 9px; }
  .proof-chip b { font-size: 9.5px; }
  .proof-chip span { font-size: 8.5px; }
  .proof-chip--one { top: 12px; left: 12px; }
  .proof-chip--two { top: 12px; right: 12px; }
  .proof-chip--three { bottom: 12px; left: 12px; }
  .proof-chip--four { right: 12px; bottom: 12px; }
  .check-list-grid { gap: 11px 14px; }
  .check-list-grid li { font-size: 12.5px; }
}

@media (max-width: 440px) {
  .check-list-grid { grid-template-columns: 1fr; }
}

/* ═════════════════════════════════════════════════════════════════
   COMPREHENSIVE MOBILE RESPONSIVENESS & ZERO-OVERFLOW ENFORCEMENTS
   ═════════════════════════════════════════════════════════════════ */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
  width: 100% !important;
  position: relative !important;
}

*, *::before, *::after {
  box-sizing: border-box !important;
}

img, svg, video, iframe {
  max-width: 100% !important;
  height: auto;
}

@media (max-width: 768px) {
  .shell {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  .section {
    padding: 56px 0 !important;
  }

  /* Header mobile tuning */
  .ady-header-wrapper {
    padding: 10px 16px !important;
  }
  .ady-brand-logo img {
    height: 30px !important;
    width: auto !important;
  }
  .ady-header-btn-dark {
    padding: 6px 12px !important;
    font-size: 12px !important;
  }
  .ady-nav-wa-chip {
    width: 32px !important;
    height: 32px !important;
  }

  /* Mobile Drawer */
  .ady-mobile-drawer {
    margin: 8px 12px 0 12px !important;
    padding: 16px !important;
    max-height: calc(100dvh - 75px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Split Layouts stack to 1 column */
  .split-layout,
  .split-layout--about,
  .faq-layout,
  .contact__grid,
  .growth-banner .shell {
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
  }

  /* Stats Bridge Bar 2x2 on mobile */
  .ady-stats-bridge-bar {
    padding: 20px 12px !important;
  }
  .ady-stats-container {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px 12px !important;
  }
  .ady-stat-value {
    font-size: clamp(22px, 6vw, 30px) !important;
  }
  .ady-stat-label {
    font-size: 12px !important;
  }

  /* Process Grid */
  .process-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* Advantage section */
  .expertise-visual {
    min-height: 320px !important;
    aspect-ratio: 4 / 3 !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 20px !important;
  }
  .expertise-visual img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .proof-chip {
    padding: 6px 10px !important;
    font-size: 10px !important;
    max-width: 140px !important;
  }
  .proof-chip b {
    font-size: 9px !important;
  }
  .proof-chip span {
    font-size: 8.5px !important;
  }
  .proof-chip--one { top: 10px !important; left: 6px !important; }
  .proof-chip--two { top: 30px !important; right: 6px !important; }
  .proof-chip--three { bottom: 20px !important; left: 6px !important; }
  .proof-chip--four { bottom: 10px !important; right: 6px !important; }

  /* Pillar panel */
  .pillar-panel {
    padding: 28px 18px !important;
    border-radius: 20px !important;
  }
  .pillar-panel li {
    font-size: 13px !important;
    padding: 12px 0 !important;
    gap: 12px !important;
  }

  /* Growth banner */
  .growth-banner {
    padding: 48px 0 !important;
    overflow: hidden !important;
  }
  .growth-banner::after {
    display: none !important;
  }
  .stat-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    margin-top: 28px !important;
  }
  .stat-row div {
    padding: 12px 8px !important;
  }
  .stat-row b {
    font-size: 26px !important;
  }
  .stat-row span {
    font-size: 11px !important;
  }

  /* Marquee tracks */
  .domains-marquee-wrap,
  .reviews-marquee-wrap {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
  }
  .review-card--scroll,
  .review-card-modern {
    width: min(340px, 82vw) !important;
    min-width: auto !important;
    padding: 20px 16px !important;
  }

  /* Contact channels and form */
  .contact-method {
    margin-top: 16px !important;
  }
  .contact-form {
    padding: 20px 16px !important;
  }
  .field-row {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* Hero Section */
  .ady-hero-section {
    padding-top: 85px !important;
    padding-bottom: 24px !important;
  }
  .ady-hero-section h1 {
    font-size: clamp(28px, 7.5vw, 42px) !important;
    line-height: 1.2 !important;
  }
}

@media (max-width: 480px) {
  .ady-header-wrapper {
    padding: 8px 12px !important;
  }
  .ady-header-actions {
    gap: 6px !important;
  }
  .ady-header-btn-dark {
    padding: 6px 10px !important;
    font-size: 11.5px !important;
  }
  .ady-stats-container {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px 8px !important;
  }
  .ady-stat-value {
    font-size: 22px !important;
  }
  .domain-pill-card {
    padding: 8px 14px !important;
  }
}

/* ═════════════════════════════════════════════════════════════════
   GLOBAL TYPOGRAPHY REFINEMENT:
   Hero H1 Refined Weight (500-600 SemiBold) - Sleek & Organic
   Section Headings (H2) Decreased (Weight 600, clamp(20px, 2.2vw, 28px))
   ═════════════════════════════════════════════════════════════════ */
.ady-hero-section h1,
.ady-hero-section .ady-main-title,
.hero-section h1,
.subpage-title {
  font-weight: 600 !important;
  font-size: clamp(28px, 3.3vw, 44px) !important;
  letter-spacing: -0.022em !important;
  line-height: 1.2 !important;
}

.ady-title-line1 {
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
}

.ady-title-line2,
.ady-title-line3 {
  font-weight: 600 !important;
  letter-spacing: -0.022em !important;
}

h2,
h2 *,
.services-ref-heading,
.section-heading h2,
.copy-block h2,
.growth-banner h2,
.contact h2,
.advantage-exact-heading,
.about-headline,
.industries-ref-heading,
.reviews-ref-heading,
.subpage-title,
#services-ref-title,
#expert-showcase-heading,
#about-title,
#growth-title,
#process-title,
#advantage-title,
#expertise-title,
#reviews-ref-title,
#faq-title,
#contact-title {
  font-weight: 600 !important;
  font-size: clamp(20px, 2.2vw, 28px) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
}

h2 em,
h2 strong,
h2 b,
h2 span,
.ady-gradient-text,
.team-growth-highlight {
  font-weight: 600 !important;
}