/* ============================================
   ACCLIIVE 2.0 — CLEAN STYLESHEET
   ============================================ */

:root {
  --midnight:    #0A0630;
  --navy:        #0D0845;
  --ultramarine: #033A99;
  --vivid-blue:  #0106FF;
  --white:       #FFFFFF;
  --cool-grey:   #D7D7D7;
  --off-white:   #F4F4F6;
  --font-display: 'Bricolage Grotesque', sans-serif;
  --font-body:    'Inter', sans-serif;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 32px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --shadow-card: 0 4px 32px rgba(1,6,255,0.10);
  --shadow-hover: 0 12px 48px rgba(1,6,255,0.18);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); background: var(--white); color: var(--midnight); line-height: 1.6; overflow-x: hidden; }
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
a:visited { color: inherit; }
ul { list-style: none; }

.container { max-width: 1240px; margin: 0 auto; padding: 0 32px; }

/* ---- Buttons ---- */
.btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 14px 28px; border-radius: 100px;
  font-family: var(--font-body); font-size: 0.95rem; font-weight: 600;
  cursor: pointer; transition: all 0.3s var(--ease-out);
  border: 2px solid transparent; white-space: nowrap;
}
.btn--primary { background: var(--vivid-blue); color: var(--white); border-color: var(--vivid-blue); }
.btn--primary:hover { background: var(--ultramarine); border-color: var(--ultramarine); transform: translateY(-2px); box-shadow: 0 8px 32px rgba(1,6,255,0.35); }
.btn--outline { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }
.btn--outline:visited { color: var(--white); }
.btn--outline:hover { background: rgba(255,255,255,0.1); border-color: var(--white); color: var(--white); transform: translateY(-2px); }
.btn--white { background: var(--white); color: var(--midnight); border-color: var(--white); }
.btn--white:hover { background: var(--cool-grey); transform: translateY(-2px); }
.btn--outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }
.btn--outline-white:hover { background: rgba(255,255,255,0.1); border-color: var(--white); transform: translateY(-2px); }
.btn--nav { background: var(--vivid-blue); color: var(--white); border-color: var(--vivid-blue); padding: 10px 22px; font-size: 0.875rem; }
.btn--nav:hover { background: var(--ultramarine); border-color: var(--ultramarine); }

/* ============================================
   NAVIGATION
   ============================================ */
.nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  padding: 0; transition: all 0.4s var(--ease-out);
  background: #0A0630;
}
.nav.scrolled {
  background: rgba(10,6,48,0.96);
  backdrop-filter: blur(16px);
  box-shadow: 0 1px 0 rgba(255,255,255,0.08);
}
.nav__inner {
  display: flex; align-items: center; justify-content: space-between;
  height: 76px; gap: 24px;
}

/* Logo */
.nav__logo {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; flex-shrink: 0;
}
.nav__logo-img-wrap {
  width: 36px; height: 36px; flex-shrink: 0;
  background: transparent;
  border-radius: 4px;
  overflow: hidden;
}
.nav__logo-img-wrap img {
  width: 36px; height: 36px;
  object-fit: contain;
  mix-blend-mode: screen;
  display: block;
  background: transparent;
}
.nav__wordmark {
  font-family: var(--font-body); font-size: 1.3rem; font-weight: 700;
  color: #ffffff; letter-spacing: -0.04em; line-height: 1;
}

/* Nav links */
/* .nav__links { display: flex; align-items: center; gap: 2px; flex: 1; justify-content: center; }
.nav__link {
  display: flex; align-items: center; gap: 4px;
  padding: 8px 12px; color: rgba(255,255,255,0.8);
  font-size: 0.875rem; font-weight: 500; border-radius: 8px;
  transition: all 0.2s; white-space: nowrap;
}
.nav__link:hover { color: var(--white); background: rgba(255,255,255,0.08); }
.nav__link--btn {
  background: none; border: none; cursor: pointer;
  font-family: var(--font-body);
} */
 /* Nav links */
.nav__links { display: flex; align-items: center; gap: 2px; flex: 1; justify-content: center; }
.nav__link {
  display: flex; align-items: center; gap: 4px;
  padding: 8px 12px; color: #ffffff;
  font-size: 0.875rem; font-weight: 600; border-radius: 8px;
  transition: all 0.2s; white-space: nowrap;
}
.nav__link:hover { color: #ffffff; background: rgba(255,255,255,0.08); }
.nav__link--btn {
  background: none; border: none; cursor: pointer;
  font-family: var(--font-body);
}

/* Dropdown */
.nav__dropdown { position: relative; }
.nav__dropdown-menu {
  position: absolute; top: calc(100% + 8px); left: 0;
  background: var(--navy); border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--radius-md); padding: 8px; min-width: 210px;
  opacity: 0; pointer-events: none;
  transform: translateY(8px); transition: all 0.25s var(--ease-out);
  box-shadow: 0 16px 48px rgba(0,0,0,0.3); z-index: 200;
}
.nav__dropdown:hover .nav__dropdown-menu { opacity: 0; pointer-events: none; }
.nav__dropdown.open .nav__dropdown-menu { opacity: 1; pointer-events: auto; transform: translateY(0); }
.nav__dropdown-menu a {
  display: block; padding: 10px 14px;
  color: rgba(255,255,255,0.9); font-size: 0.875rem;
  border-radius: 8px; transition: all 0.2s;
}
.nav__dropdown-menu a:hover { color: var(--white); background: rgba(1,6,255,0.2); }

/* Mega menu */
.nav__mega {
  position: absolute; top: calc(100% + 12px); left: 50%;
  transform: translateX(-50%) translateY(8px);
  background: var(--navy); border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--radius-md); padding: 28px;
  display: flex; gap: 40px; min-width: 420px;
  opacity: 0; pointer-events: none;
  transition: all 0.25s var(--ease-out);
  box-shadow: 0 24px 64px rgba(0,0,0,0.4); z-index: 200;
}
/* .nav__dropdown:hover .nav__mega {
  opacity: 1; pointer-events: auto;
  transform: translateX(-50%) translateY(0);
} */

.nav__dropdown:hover .nav__mega { opacity: 0; pointer-events: none; }
.nav__dropdown:hover .nav__mega--wide { opacity: 0; pointer-events: none; }
.nav__mega--wide { min-width: 620px; left: 0; transform: translateX(0) translateY(8px); }
/* .nav__dropdown:hover .nav__mega--wide { transform: translateX(0) translateY(0); } */
.nav__mega-col { display: flex; flex-direction: column; gap: 4px; flex: 1; }
.nav__mega-title {
  font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.3);
  margin-bottom: 10px; display: block;
}
.nav__mega-col a {
  display: block; padding: 8px 12px;
  color: rgba(255,255,255,0.9); font-size: 0.875rem;
  border-radius: 8px; transition: all 0.2s;
}
.nav__mega-col a:hover { color: var(--white); background: rgba(1,6,255,0.2); padding-left: 16px; }

/* Actions */
.nav__actions { display: flex; align-items: center; gap: 12px; }
.nav__hamburger {
  display: none; flex-direction: column; gap: 5px;
  background: none; border: none; cursor: pointer; padding: 8px;
}
.nav__hamburger span {
  display: block; width: 24px; height: 2px;
  background: var(--white); border-radius: 2px; transition: all 0.3s;
}
.nav__hamburger--open span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.nav__hamburger--open span:nth-child(2) { opacity: 0; }
.nav__hamburger--open span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

/* Mobile drawer */
.nav__mobile {
  display: none; position: fixed;
  top: 76px; left: 0; right: 0; bottom: 0;
  background: var(--midnight); z-index: 999;
  overflow-y: auto; border-top: 1px solid rgba(255,255,255,0.08);
}
.nav__mobile.open { display: block; }
.nav__mobile-inner { padding: 16px 8px 40px; display: flex; flex-direction: column; gap: 2px; }
.nav__mobile-group { display: flex; flex-direction: column; }
.nav__mobile-accordion {
  display: flex; align-items: center; justify-content: space-between;
  width: 100%; background: none; border: none; cursor: pointer;
  padding: 14px 16px; color: rgba(255,255,255,0.85);
  font-family: var(--font-body); font-size: 0.95rem; font-weight: 600;
  border-radius: 10px; transition: all 0.2s;
}
.nav__mobile-accordion:hover { background: rgba(255,255,255,0.06); color: var(--white); }
.nav__mobile-accordion[aria-expanded="true"] { color: var(--vivid-blue); background: rgba(1,6,255,0.1); }
.nav__mobile-accordion svg { transition: transform 0.25s; flex-shrink: 0; }
.nav__mobile-accordion[aria-expanded="true"] svg { transform: rotate(180deg); }
.nav__mobile-sub {
  display: none; flex-direction: column;
  padding: 4px 0 8px 16px;
  border-left: 2px solid rgba(1,6,255,0.3);
  margin: 4px 16px 8px;
}
.nav__mobile-sub.open { display: flex; }
.nav__mobile-sub a {
  display: block; padding: 9px 12px;
  color: rgba(255,255,255,0.85); font-size: 0.875rem;
  border-radius: 8px; transition: all 0.2s;
}
.nav__mobile-sub a:hover { color: var(--white); background: rgba(1,6,255,0.12); }
.nav__mobile-group--links {
  display: flex; flex-direction: column; gap: 4px;
  padding: 16px; border-top: 1px solid rgba(255,255,255,0.06); margin-top: 8px;
}
.nav__mobile-group--links a {
  display: block; padding: 12px 16px;
  color: rgba(255,255,255,0.9); font-size: 0.95rem;
  font-weight: 500; border-radius: 10px; transition: all 0.2s;
}
.nav__mobile-group--links a:hover { color: var(--white); background: rgba(255,255,255,0.06); }
.nav__mobile-cta {
  display: block !important; text-align: center;
  background: var(--vivid-blue) !important; color: var(--white) !important;
  font-weight: 600 !important; border-radius: 100px !important;
  margin-top: 8px; padding: 14px 24px !important;
}

/* ============================================
   HERO
   ============================================ */
.hero {
  position: relative; min-height: 100vh;
  background: var(--midnight);
  display: flex; align-items: center;
  overflow: hidden; padding: 120px 0 80px;
}
.hero__bg-shapes { position: absolute; inset: 0; pointer-events: none; }
.hero__blob {
  position: absolute; border-radius: 50%; filter: blur(80px);
}
.hero__blob--1 { width: 600px; height: 600px; background: var(--vivid-blue); top: -200px; right: -100px; opacity: 0.15; animation: blobFloat 8s ease-in-out infinite; }
.hero__blob--2 { width: 400px; height: 400px; background: var(--ultramarine); bottom: -100px; left: -80px; opacity: 0.2; animation: blobFloat 10s ease-in-out infinite reverse; }
.hero__blob--3 { width: 300px; height: 300px; background: var(--vivid-blue); top: 40%; left: 40%; opacity: 0.08; animation: blobFloat 12s ease-in-out infinite; }

@keyframes blobFloat {
  0%, 100% { transform: translate(0,0) scale(1); }
  33% { transform: translate(30px,-20px) scale(1.05); }
  66% { transform: translate(-20px,15px) scale(0.97); }
}

.hero__inner {
  display: grid; grid-template-columns: 1fr 1fr;
  align-items: center; gap: 80px;
  position: relative; z-index: 1;
}
.hero__eyebrow {
  display: inline-block; font-size: 0.8rem; font-weight: 600;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--vivid-blue); background: rgba(1,6,255,0.12);
  border: 1px solid rgba(1,6,255,0.3);
  padding: 6px 14px; border-radius: 100px; margin-bottom: 28px;
}
.hero__title {
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 4vw, 3.5rem); font-weight: 700;
  color: var(--white); line-height: 1.08;
  letter-spacing: -0.03em; margin-bottom: 24px;
}
.hero__title--accent { color: var(--vivid-blue); }
.hero__sub {
  font-size: 1.1rem; color: rgba(255,255,255,0.9);
  line-height: 1.7; max-width: 460px; margin-bottom: 40px;
}
.hero__ctas { display: flex; gap: 16px; flex-wrap: wrap; }

/* Hero visual */
.hero__visual {
  position: relative; height: 460px;
  display: flex; align-items: center; justify-content: center;
}
.hero__orb {
  width: 280px; height: 280px; border-radius: 50%;
  background: radial-gradient(circle at 40% 40%, var(--ultramarine), var(--midnight));
  border: 1px solid rgba(1,6,255,0.3);
  box-shadow: 0 0 80px rgba(1,6,255,0.2);
  animation: orbPulse 4s ease-in-out infinite;
}
@keyframes orbPulse {
  0%, 100% { box-shadow: 0 0 80px rgba(1,6,255,0.2); }
  50% { box-shadow: 0 0 120px rgba(1,6,255,0.35); }
}
.hero__card {
  position: absolute; background: rgba(255,255,255,0.05);
  backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--radius-md); padding: 16px 20px;
  display: flex; align-items: center; gap: 10px;
  color: var(--white); font-size: 0.875rem; font-weight: 600;
  white-space: nowrap; animation: cardFloat 6s ease-in-out infinite;
}
.hero__card-icon { font-size: 1.1rem; color: var(--vivid-blue); }
.hero__card--1 { top: 40px; left: 0; }
.hero__card--2 { top: 50%; right: 0; animation: cardFloat2 6s ease-in-out infinite 1.5s; }
.hero__card--3 { bottom: 60px; left: 20px; animation-delay: 3s; }
@keyframes cardFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes cardFloat2 { 0%, 100% { transform: translateY(-50%); } 50% { transform: translateY(calc(-50% - 8px)); } }

.hero__scroll-hint {
  position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%);
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  color: rgba(255,255,255,0.6); font-size: 0.7rem; font-weight: 600;
  letter-spacing: 0.1em; text-transform: uppercase;
}
.hero__scroll-line {
  width: 1px; height: 40px;
  background: linear-gradient(to bottom, rgba(255,255,255,0.35), transparent);
  animation: scrollLine 2s ease-in-out infinite;
}
@keyframes scrollLine {
  0% { transform: scaleY(0); transform-origin: top; }
  50% { transform: scaleY(1); transform-origin: top; }
  51% { transform: scaleY(1); transform-origin: bottom; }
  100% { transform: scaleY(0); transform-origin: bottom; }
}

/* ============================================
   PROBLEM STRIP
   ============================================ */
.problem-strip { background: var(--vivid-blue); padding: 28px 0; }
.problem-strip__inner { display: flex; align-items: center; flex-wrap: wrap; }
.problem-strip__item {
  display: flex; align-items: center; gap: 12px;
  flex: 1; min-width: 220px; padding: 8px 24px;
}
.problem-strip__item p { color: var(--white); font-size: 0.95rem; font-weight: 500; line-height: 1.4; }
.problem-strip__dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.5); flex-shrink: 0; }
.problem-strip__divider { width: 1px; height: 40px; background: rgba(255,255,255,0.2); flex-shrink: 0; }

/* ============================================
   SPLIT SECTION
   ============================================ */
.split { display: grid; grid-template-columns: 1fr 1fr; min-height: 680px; }
.split__half {
  padding: 100px 80px; position: relative;
  overflow: hidden; display: flex; align-items: center;
}
.split__half--people { background: var(--off-white); }
.split__half--business { background: var(--midnight); }
.split__half--people::before {
  content: ''; position: absolute; top: -80px; right: -80px;
  width: 300px; height: 300px; border-radius: 50%;
  background: rgba(1,6,255,0.05);
}
.split__half--business::before {
  content: ''; position: absolute; bottom: -80px; left: -80px;
  width: 300px; height: 300px; border-radius: 50%;
  background: rgba(1,6,255,0.1);
}
.split__content { position: relative; z-index: 1; max-width: 420px; }
.split__tag { display: inline-block; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 20px; }
.split__headline { font-family: var(--font-display); font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 20px; }
.split__half--people .split__headline { color: var(--midnight); }
.split__half--business .split__headline { color: var(--white); }
.split__body { font-size: 1rem; line-height: 1.7; margin-bottom: 28px; }
.split__half--people .split__body { color: rgba(10,6,48,0.85); }
.split__half--business .split__body { color: rgba(255,255,255,0.85); }
.split__link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 0.95rem; margin-bottom: 36px; transition: gap 0.2s; }
.split__half--people .split__link { color: var(--vivid-blue); }
.split__link--dark { color: rgba(255,255,255,0.8); }
.split__link:hover { gap: 14px; }
.split__list { display: flex; flex-wrap: wrap; gap: 8px; }
.split__list li { padding: 6px 14px; border-radius: 100px; font-size: 0.8rem; font-weight: 600; background: rgba(1,6,255,0.08); color: var(--vivid-blue); border: 1px solid rgba(1,6,255,0.15); }
.split__list--dark li { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.9); border-color: rgba(255,255,255,0.12); }

/* ============================================
   CORE BELIEF
   ============================================ */
.belief { padding: 120px 0; background: var(--white); }
.belief__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 48px; }
.belief__layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.belief__headline { font-family: var(--font-display); font-size: clamp(1.2rem, 2.5vw, 2rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; color: var(--midnight); position: sticky; top: 100px; }
.belief__body { font-size: 1.05rem; line-height: 1.8; color: rgba(10,6,48,0.85); margin-bottom: 24px; }
.belief__stat-row { display: flex; gap: 48px; margin-top: 48px; padding-top: 48px; border-top: 1px solid var(--cool-grey); }
.belief__stat { display: flex; flex-direction: column; gap: 4px; }
.belief__stat-num { font-family: var(--font-display); font-size: 2.5rem; font-weight: 700; color: var(--vivid-blue); line-height: 1; }
.belief__stat-label { font-size: 0.8rem; color: rgba(10,6,48,0.45); font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; }

/* ============================================
   SERVICES
   ============================================ */
.services { padding: 120px 0; background: var(--off-white); }
.services__header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 64px; gap: 40px; flex-wrap: wrap; }
.services__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 12px; }
.services__headline { font-family: var(--font-display); font-size: clamp(1.2rem, 2.5vw, 2rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; color: var(--midnight); }
.services__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.services__card { background: var(--white); border-radius: var(--radius-md); padding: 36px; border: 1px solid rgba(10,6,48,0.06); transition: all 0.35s var(--ease-out); }
.services__card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); border-color: rgba(1,6,255,0.15); }
.services__card-icon { width: 52px; height: 52px; background: rgba(1,6,255,0.07); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.services__card h3 { font-size: 1.05rem; font-weight: 600; color: var(--midnight); margin-bottom: 10px; }
.services__card p { font-size: 0.9rem; line-height: 1.65; color: rgba(10,6,48,0.75); }

/* ============================================
   PROOF
   ============================================ */
.proof { padding: 100px 0; background: var(--midnight); }
.proof__inner { text-align: center; }
.proof__label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.6); margin-bottom: 56px; }
.proof__stats { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 64px; }
.proof__stat { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 0 56px; }
.proof__num { font-family: var(--font-display); font-size: 3rem; font-weight: 700; color: var(--white); line-height: 1; }
.proof__desc { font-size: 0.8rem; color: rgba(255,255,255,0.65); font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; }
.proof__divider { width: 1px; height: 60px; background: rgba(255,255,255,0.1); flex-shrink: 0; }
.proof__industries { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.proof__industries span { padding: 8px 18px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.5); font-size: 0.8rem; font-weight: 500; transition: all 0.2s; }
.proof__industries span:hover { border-color: var(--vivid-blue); color: var(--white); background: rgba(1,6,255,0.1); }

/* ============================================
   CTA BANNER
   ============================================ */
/* .cta-banner { padding: 120px 0; background: var(--vivid-blue); position: relative; overflow: hidden; }
.cta-banner__blob { position: absolute; width: 600px; height: 600px; border-radius: 50%; background: var(--ultramarine); top: -200px; right: -200px; opacity: 0.4; filter: blur(80px); }
.cta-banner__inner { position: relative; z-index: 1; text-align: center; }
.cta-banner__headline { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; color: var(--white); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 20px; }
.cta-banner__sub { font-size: 1.5rem; color: rgba(255,255,255,0.8); max-width: 520px; margin: 0 auto 40px; line-height: 1.7; }
.cta-banner__btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; } */
/* ============================================
   CTA BANNER
   ============================================ */
.cta-banner {
  padding: 120px 0;
  background: var(--vivid-blue);
  position: relative;
  overflow: hidden;
  text-align: center;
}

.cta-banner__blob {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.cta-banner__blob--1 {
  width: 520px;
  height: 520px;
  background: var(--ultramarine);
  top: -180px;
  right: -160px;
  filter: blur(90px);
  opacity: 0.6;
}
.cta-banner__blob--2 {
  width: 300px;
  height: 300px;
  background: var(--ultramarine);
  bottom: -100px;
  left: -80px;
  filter: blur(70px);
  opacity: 0.35;
}

.cta-banner__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}

.cta-banner__inner {
  position: relative;
  z-index: 1;
  max-width: 700px;
  margin: 0 auto;
}

.cta-banner__headline {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--white);
  margin-bottom: 20px;
}

.cta-banner__accent {
  font-style: italic;
  color: var(--white);
  position: relative;
  display: inline-block;
}
.cta-banner__accent::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 3px;
  background: linear-gradient(90deg, #7DF9A0, #4FAAFF);
  border-radius: 2px;
}

.cta-banner__sub {
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  max-width: 520px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

.cta-banner__btns {
  display: flex;
  justify-content: center;
}

.btn--white {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: var(--white);
  color: var(--midnight);
  font-size: 1rem;
  font-weight: 600;
  border-radius: 999px;
  border: none;
  text-decoration: none;
  transition: transform 0.15s, box-shadow 0.15s;
}
.btn--white:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

/* ============================================
   FOOTER
   ============================================ */
.footer { background: var(--midnight); border-top: 1px solid rgba(255,255,255,0.06); padding: 80px 0 40px; }
.footer__top { display: grid; grid-template-columns: 1.8fr 1.2fr 1.2fr 1.2fr; gap: 48px; padding-bottom: 64px; border-bottom: 1px solid rgba(255,255,255,0.06); margin-bottom: 40px; }
.footer__tagline { font-size: 0.9rem; color: rgba(255,255,255,0.65); line-height: 1.6; margin-bottom: 24px; margin-top: 16px; }
.footer__social { display: flex; gap: 12px; }
.footer__social-link { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 8px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.5); transition: all 0.2s; }
.footer__social-link:hover { border-color: var(--vivid-blue); color: var(--white); background: rgba(1,6,255,0.15); }
.footer__col-title { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.6); margin-bottom: 20px; }
.footer__col ul { display: flex; flex-direction: column; gap: 10px; }
.footer__col a { font-size: 0.875rem; color: rgba(255,255,255,0.85); transition: color 0.2s; }
.footer__col a:hover { color: var(--white); }
.footer__bottom { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px; text-align: center; }
.footer__copy { font-size: 0.8rem; color: rgba(255,255,255,0.25); }
.footer__tagline-bottom { font-size: 0.8rem; color: rgba(255,255,255,0.25); }

/* ============================================
   PAGE HERO (inner pages)
   ============================================ */
.page-hero { position: relative; background: var(--midnight); padding: 160px 0 100px; overflow: hidden; text-align: center; }
.page-hero__bg { position: absolute; inset: 0; pointer-events: none; }
.page-hero__blob { position: absolute; border-radius: 50%; filter: blur(80px); }
.page-hero__blob--1 { width: 500px; height: 500px; background: var(--vivid-blue); top: -200px; right: -100px; opacity: 0.12; }
.page-hero__blob--2 { width: 400px; height: 400px; background: var(--ultramarine); bottom: -150px; left: -100px; opacity: 0.15; }
.page-hero__inner { position: relative; z-index: 1; max-width: 780px; margin: 0 auto; }
.page-hero__tag { display: inline-block; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); background: rgba(1,6,255,0.12); border: 1px solid rgba(1,6,255,0.3); padding: 6px 16px; border-radius: 100px; margin-bottom: 28px; }
.page-hero__title { font-family: var(--font-display); font-size: clamp(2.8rem, 5vw, 4.5rem); font-weight: 700; color: var(--white); line-height: 1.08; letter-spacing: -0.03em; margin-bottom: 24px; }
.page-hero__title--accent { color: var(--vivid-blue); }
.page-hero__sub { font-size: 1.1rem; color: rgba(255,255,255,0.85); line-height: 1.7; margin-bottom: 40px; max-width: 580px; margin-left: auto; margin-right: auto; }
.page-hero__scroll { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); }
.page-hero__scroll-line { width: 1px; height: 40px; background: linear-gradient(to bottom, rgba(255,255,255,0.3), transparent); margin: 0 auto; animation: scrollLine 2s ease-in-out infinite; }

/* ============================================
   INTRO STRIP
   ============================================ */
.intro-strip { background: var(--off-white); padding: 60px 0; border-bottom: 1px solid rgba(10,6,48,0.06); }
.intro-strip__inner { max-width: 860px; }
.intro-strip__text { font-size: 1.2rem; line-height: 1.8; color: rgba(10,6,48,0.7); }
.intro-strip__text strong { color: var(--midnight); font-weight: 600; }

/* ============================================
   WHO IS THIS FOR
   ============================================ */
.who-for { padding: 100px 0; background: var(--white); }
.who-for__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.who-for__headline { font-family: var(--font-display); font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; color: var(--midnight); margin-bottom: 56px; }
.who-for__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.who-for__card { background: var(--off-white); border-radius: var(--radius-md); padding: 32px 28px; border: 1px solid rgba(10,6,48,0.06); transition: all 0.3s var(--ease-out); }
.who-for__card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: rgba(1,6,255,0.12); }
.who-for__icon { width: 48px; height: 48px; background: rgba(1,6,255,0.07); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.who-for__card h3 { font-size: 1rem; font-weight: 600; color: var(--midnight); margin-bottom: 10px; }
.who-for__card p { font-size: 0.875rem; line-height: 1.65; color: rgba(10,6,48,0.75); }

/* ============================================
   FOR PEOPLE — PACKAGES — paste into accliive2.css
   ============================================ */
.packages { padding: 40px 0 100px; background: var(--white); }
.packages__header { margin-bottom: 72px; }
.packages__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.packages__headline { font-family: var(--font-display); font-size: clamp(1.5rem, 2.5vw, 1.2rem) !important; font-weight: 700; line-height: 1.6; letter-spacing: -0.01em; color: var(--midnight); }

.people__package { display: grid; grid-template-columns: 80px 1fr 280px; gap: 48px; align-items: center; padding: 64px 0; border-top: 1px solid rgba(10,6,48,0.08); }
.people__package--alt { grid-template-columns: 80px 280px 1fr; }
.people__package--alt .people__package-content { order: 3; }
.people__package--alt .people__package-visual { order: 2; }

.people__package-num { font-family: var(--font-display); font-size: 3.5rem; font-weight: 700; color: rgba(10,6,48,0.08); line-height: 1; user-select: none; }
.people__package-tag { display: inline-block; font-size: 1.7rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--vivid-blue); background: rgba(1,6,255,0.07); padding: 4px 12px; border-radius: 100px; margin-bottom: 14px; }
.people__package-title { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: var(--midnight); margin-bottom: 18px; }
.people__package-body { font-size: 0.975rem; line-height: 1.75; color: rgba(10,6,48,0.8); margin-bottom: 14px; }
.people__package-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.people__package-tags span { padding: 5px 12px; border-radius: 100px; font-size: 0.78rem; font-weight: 600; background: rgba(1,6,255,0.06); color: rgba(10,6,48,0.75); border: 1px solid rgba(1,6,255,0.1); }

.people__package-visual { border-radius: var(--radius-lg); height: 220px; position: relative; overflow: hidden; }
.people__package-visual--1 { background: linear-gradient(135deg, #0A0630, #033A99); }
.people__package-visual--2 { background: linear-gradient(135deg, #0106FF, #033A99); }
.people__package-visual--3 { background: linear-gradient(135deg, #0A0630, #0106FF 60%, #033A99); }
.people__package-visual--4 { background: linear-gradient(135deg, #033A99, #0A0630); }
.people__package-visual--5 { background: linear-gradient(135deg, #0106FF, #0A0630); }
.people__package-visual::after { content: ''; position: absolute; width: 200px; height: 200px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.1); top: -60px; right: -60px; }

/* ── Responsive ── */
@media (max-width: 900px) {
  .people__package,
  .people__package--alt { grid-template-columns: 48px 1fr; grid-template-rows: auto auto; gap: 24px; padding: 40px 0; }
  .people__package--alt .people__package-content { order: unset; }
  .people__package--alt .people__package-visual { order: unset; }
  .people__package-visual { grid-column: 2; height: 180px; }
}

@media (max-width: 540px) {
  .packages { padding: 24px 0 64px; }
  .packages__header { margin-bottom: 40px; }
  .people__package,
  .people__package--alt { grid-template-columns: 1fr; gap: 16px; padding: 32px 0; }
  .people__package-num { font-size: 2.5rem; }
  .people__package-visual { height: 160px; }
}
/* ============================================
   HOW IT WORKS
   ============================================ */
.how-it-works { padding: 100px 0; background: var(--off-white); }
.how-it-works__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.how-it-works__headline { font-family: var(--font-display); font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; color: var(--midnight); margin-bottom: 64px; }
.how-it-works__steps { display: flex; align-items: center; flex-wrap: wrap; }
.people__step { flex: 1; min-width: 180px; background: var(--white); border-radius: var(--radius-md); padding: 32px 28px; border: 1px solid rgba(10,6,48,0.06); transition: all 0.3s var(--ease-out); }
.people__step:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); }
.people__step-num { width: 40px; height: 40px; border-radius: 50%; background: var(--vivid-blue); color: var(--white); font-family: var(--font-display); font-size: 1rem; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.people__step-content h3 { font-size: 1rem; font-weight: 600; color: var(--midnight); margin-bottom: 8px; }
.people__step-content p { font-size: 0.875rem; line-height: 1.65; color: rgba(10,6,48,0.75); }
.people__step-connector { width: 40px; height: 2px; background: linear-gradient(to right, rgba(1,6,255,0.3), rgba(1,6,255,0.1)); flex-shrink: 0; }

/* ============================================
   For Businesses — THREE PILLARS
   ============================================ */
.pillars { padding: 80px 0; background: var(--white); border-bottom: 1px solid rgba(10,6,48,0.06); }
.pillars__inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.pillars__card { padding: 40px 32px; border-radius: var(--radius-md); background: var(--off-white); border: 1px solid rgba(10,6,48,0.06); transition: all 0.3s var(--ease-out); }
.pillars__card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: rgba(1,6,255,0.12); }
.pillars__icon { width: 56px; height: 56px; background: rgba(1,6,255,0.07); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.pillars__card h3 { font-family: var(--font-display); font-size: 1.15rem; font-weight: 700; color: var(--midnight); margin-bottom: 12px; }
.pillars__card p { font-size: 0.9rem; line-height: 1.7; color: rgba(10,6,48,0.75); }

/* ============================================
   For Businesses — SOLUTIONS GRID
   ============================================ */
.biz-solutions { padding: 100px 0; background: var(--white); }
.biz-solutions__header { margin-bottom: 64px; }
.biz-solutions__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.biz-solutions__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; color: var(--midnight); }
.biz-solutions__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.biz-card { background: var(--off-white); border-radius: var(--radius-md); padding: 36px; border: 1px solid rgba(10,6,48,0.06); transition: all 0.35s var(--ease-out); display: flex; flex-direction: column; }
.biz-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); border-color: rgba(1,6,255,0.15); }
.biz-card--featured { background: var(--midnight); border-color: rgba(1,6,255,0.3); }
.biz-card--featured:hover { border-color: var(--vivid-blue); box-shadow: 0 12px 48px rgba(1,6,255,0.25); }
.biz-card__top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; }
.biz-card__icon { width: 52px; height: 52px; background: rgba(1,6,255,0.08); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; }
.biz-card__icon--light { background: rgba(255,255,255,0.12); }
.biz-card__num { font-family: var(--font-display); font-size: 1.8rem; font-weight: 700; color: rgba(10,6,48,0.08); line-height: 1; }
.biz-card__num--light { color: rgba(255,255,255,0.12); }
.biz-card__title { font-size: 1.1rem; font-weight: 600; color: var(--midnight); margin-bottom: 12px; }
.biz-card__title--light { color: var(--white); }
.biz-card__body { font-size: 0.9rem; line-height: 1.72; color: rgba(10,6,48,0.8); flex: 1; margin-bottom: 20px; }
.biz-card__body--light { color: rgba(255,255,255,0.9); }
.biz-card__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.biz-card__tags span { padding: 4px 10px; border-radius: 100px; font-size: 0.75rem; font-weight: 600; background: rgba(1,6,255,0.06); color: rgba(10,6,48,0.5); border: 1px solid rgba(1,6,255,0.1); }
.biz-card__tags--light span { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.85); border-color: rgba(255,255,255,0.15); }

/* ============================================
   FRACTIONAL
   ============================================ */
.fractional { padding: 100px 0; background: var(--off-white); }
.fractional__header { margin-bottom: 72px; }
.fractional__label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.fractional__headline { font-family: var(--font-display); font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; color: var(--midnight); margin-bottom: 16px; }
.fractional__sub { font-size: 1rem; line-height: 1.7; color: rgba(10,6,48,0.75); max-width: 560px; }
.fractional__list { display: flex; flex-direction: column; }
.fractional__item { display: grid; grid-template-columns: 80px 1fr; gap: 32px; padding: 48px 0; border-top: 1px solid rgba(10,6,48,0.08); }
.fractional__item:hover .fractional__item-num { color: var(--vivid-blue); }
.fractional__item-left { display: flex; flex-direction: column; align-items: center; padding-top: 4px; }
.fractional__item-num { font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; color: rgba(10,6,48,0.2); transition: color 0.3s; margin-bottom: 12px; }
.fractional__item-line { width: 1px; flex: 1; background: rgba(10,6,48,0.08); min-height: 40px; }
.fractional__item-content h3 { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; color: var(--midnight); margin-bottom: 14px; letter-spacing: -0.02em; }
.fractional__item-content p { font-size: 0.975rem; line-height: 1.8; color: var(--midnight); max-width: 680px; margin-bottom: 20px; }
.fractional__item-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.fractional__item-tags span { padding: 5px 12px; border-radius: 100px; font-size: 0.78rem; font-weight: 600; background: rgba(1,6,255,0.06); color: rgba(10,6,48,0.5); border: 1px solid rgba(1,6,255,0.1); }

/* ============================================
   WHY ACCLIIVE
   ============================================ */
.why-accliive { padding: 100px 0; background: var(--midnight); }
.why-accliive__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.why-accliive__label { font-size: 2.5rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 20px; }
.why-accliive__headline { font-family: var(--font-display); font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 700; line-height: 1.15; letter-spacing: -0.03em; color: var(--white); margin-bottom: 24px; }
.why-accliive__body { font-size: 1rem; line-height: 1.8; color: rgba(255,255,255,0.85); margin-bottom: 16px; }
.why-accliive__stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; border-radius: var(--radius-md); overflow: hidden; border: 1px solid rgba(255,255,255,0.08); }
.why-accliive__stat { background: rgba(255,255,255,0.04); padding: 36px 28px; display: flex; flex-direction: column; gap: 8px; transition: background 0.3s; }
.why-accliive__stat:hover { background: rgba(1,6,255,0.12); }
.why-accliive__stat-num { font-family: var(--font-display); font-size: 2.2rem; font-weight: 700; color: var(--vivid-blue); line-height: 1; }
.why-accliive__stat-label { font-size: 0.8rem; font-weight: 500; color: rgba(255,255,255,0.65); text-transform: uppercase; letter-spacing: 0.06em; }

/* ============================================
   FADE UP ANIMATION
   ============================================ */
.fade-up { opacity: 0; transform: translateY(32px); transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out); }
.fade-up.in-view { opacity: 1; transform: translateY(0); }

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 900px) {
  .nav__links { display: none !important; }
  .nav__actions .btn--nav { display: none !important; }
  .nav__hamburger { display: flex !important; }

  .hero { padding: 120px 0 60px; min-height: auto; }
  .hero__inner { grid-template-columns: 1fr; gap: 40px; }
  .hero__visual { display: none; }
  .hero__title { font-size: clamp(2.2rem, 8vw, 3.5rem); }
  .hero__ctas { flex-direction: column; gap: 12px; }
  .hero__ctas .btn { width: 100%; justify-content: center; }

  .split { grid-template-columns: 1fr; }
  .split__half { padding: 60px 24px; }

  .belief { padding: 80px 0; }
  .belief__layout { grid-template-columns: 1fr; gap: 32px; }
  .belief__headline { position: static; font-size: clamp(1.8rem, 6vw, 2.5rem); }
  .belief__stat-row { flex-wrap: wrap; gap: 24px; }

  .services { padding: 80px 0; }
  .services__grid { grid-template-columns: repeat(2, 1fr); }

  .proof__stats { flex-direction: column; gap: 32px; }
  .proof__divider { width: 60px; height: 1px; }

  .problem-strip__inner { flex-direction: column; gap: 16px; align-items: flex-start; }
  .problem-strip__divider { display: none; }

  .cta-banner { padding: 80px 0; }
  .cta-banner__btns { flex-direction: column; align-items: center; gap: 12px; }
  .cta-banner__btns .btn { width: 100%; max-width: 320px; justify-content: center; }

  .footer__top { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer__bottom { flex-direction: column; text-align: center; }

  .page-hero { padding: 120px 0 60px; }
  .who-for__grid { grid-template-columns: repeat(2, 1fr); }

  .people__package,
  .people__package--alt { grid-template-columns: 1fr; gap: 20px; }
  .people__package-num { display: none; }
  .people__package-visual { display: none; }
  .people__package--alt .people__package-content { order: unset; }
  .how-it-works__steps { flex-direction: column; gap: 16px; }
  .people__step-connector { display: none; }

  .biz-solutions__grid { grid-template-columns: repeat(2, 1fr); }
  .pillars__inner { grid-template-columns: 1fr; gap: 16px; }
  .fractional__item { grid-template-columns: 48px 1fr; gap: 16px; }
  .why-accliive__inner { grid-template-columns: 1fr; gap: 40px; }
}

@media (max-width: 600px) {
  .container { padding: 0 16px; }
  .nav__wordmark { font-size: 1.1rem; }
  .nav__logo svg { width: 26px; height: 26px; }
  .services__grid { grid-template-columns: 1fr; }
  .who-for__grid { grid-template-columns: 1fr; }
  .footer__top { grid-template-columns: 1fr; }
  .why-accliive__stat-grid { grid-template-columns: 1fr; }
  .intro-strip__text { font-size: 1rem; }
  .biz-solutions__grid { grid-template-columns: 1fr; }
}

/* ============================================
   ABOUT PAGE
   ============================================ */

/* Our Story */
.about-story { padding: 120px 0; background: var(--white); }
.about-story__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.about-story__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 20px; }
.about-story__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; line-height: 1.15; letter-spacing: -0.03em; color: var(--midnight); margin-bottom: 48px; }
.about-story__stats { display: flex; flex-direction: column; gap: 32px; }
.about-story__stat { display: flex; flex-direction: column; gap: 6px; padding-left: 20px; border-left: 2px solid var(--vivid-blue); }
.about-story__stat-num { font-family: var(--font-display); font-size: 2.5rem; font-weight: 700; color: var(--vivid-blue); line-height: 1; }
.about-story__stat-label { font-size: 0.8rem; color: rgba(10,6,48,0.45); font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; }
.about-story__body { font-size: 1.05rem; line-height: 1.85; color: rgba(10,6,48,0.85); margin-bottom: 28px; }

/* Two Sides */
.about-sides { padding: 0; background: var(--midnight); }
.about-sides__inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 320px; }
.about-sides__card { padding: 80px 64px; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.about-sides__card--people { background: rgba(1,6,255,0.08); border-right: 1px solid rgba(255,255,255,0.06); }
.about-sides__card--business { background: rgba(3,58,153,0.15); }
.about-sides__card-tag { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.about-sides__card h3 { font-family: var(--font-display); font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 700; color: var(--white); line-height: 1.3; margin-bottom: 24px; letter-spacing: -0.02em; }
.about-sides__link { font-size: 0.9rem; font-weight: 600; color: var(--vivid-blue); transition: gap 0.2s; display: inline-flex; align-items: center; gap: 8px; }
.about-sides__link:hover { color: #ffffff; }
.about-sides__divider { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 0 32px; }
.about-sides__divider-line { width: 1px; height: 80px; background: rgba(255,255,255,0.1); }
.about-sides__divider span { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; color: rgba(255,255,255,0.2); }

/* Why Different */
.about-different { padding: 120px 0; background: var(--off-white); }
.about-different__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.about-different__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; color: var(--midnight); margin-bottom: 64px; }
.about-different__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.about-different__card { background: var(--white); border-radius: var(--radius-md); padding: 40px 32px; border: 1px solid rgba(10,6,48,0.06); transition: all 0.3s var(--ease-out); }
.about-different__card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
.about-different__icon { width: 52px; height: 52px; background: rgba(1,6,255,0.07); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }
.about-different__them { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(10,6,48,0.35); margin-bottom: 6px; }
.about-different__them-text { font-size: 0.9rem; color: rgba(10,6,48,0.45); line-height: 1.5; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(10,6,48,0.08); }
.about-different__us { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 6px; }
.about-different__us-text { font-size: 0.95rem; color: var(--midnight); line-height: 1.6; font-weight: 500; }

/* What We Believe */
.about-beliefs { padding: 120px 0; background: var(--midnight); }
.about-beliefs__inner { display: grid; grid-template-columns: 1fr 1.5fr; gap: 80px; align-items: start; }
/* .about-beliefs__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;  margin-bottom: 20px; } */
.about-beliefs__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #ffffff; margin-bottom: 20px; }
.about-beliefs__headline { font-family: var(--font-display); font-size: clamp(1rem, 2vw, 1.8rem); font-weight: 700; line-height: 1.15; letter-spacing: -0.03em; color: var(--white); position: sticky; top: 100px; }
.about-beliefs__right { display: flex; flex-direction: column; gap: 0; }
.about-beliefs__item { display: flex; align-items: flex-start; gap: 24px; padding: 28px 0; border-bottom: 1px solid rgba(255,255,255,0.06); transition: all 0.3s; }
.about-beliefs__item:first-child { border-top: 1px solid rgba(255,255,255,0.06); }
.about-beliefs__item:hover { padding-left: 8px; }
.about-beliefs__num { font-family: var(--font-display); font-size: 0.85rem; font-weight: 700; color: var(--vivid-blue); flex-shrink: 0; margin-top: 2px; }
.about-beliefs__item p { font-size: 1.1rem; color: rgba(255,255,255,0.8); line-height: 1.6; font-weight: 400; }
.about-beliefs__item:hover p { color: var(--white); }

/* Responsive */
@media (max-width: 900px) {
  .about-story__inner { grid-template-columns: 1fr; gap: 48px; }
  .about-sides__inner { grid-template-columns: 1fr; }
  .about-sides__card { padding: 48px 24px; }
  .about-sides__card--people { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.06); }
  .about-sides__divider { flex-direction: row; padding: 16px 0; }
  .about-sides__divider-line { width: 80px; height: 1px; }
  .about-different__grid { grid-template-columns: 1fr; }
  .about-beliefs__inner { grid-template-columns: 1fr; gap: 48px; }
  .about-beliefs__headline { position: static; }
  .about-story__stats { flex-direction: row; gap: 24px; }
}

@media (max-width: 600px) {
  .about-story { padding: 80px 0; }
  .about-different { padding: 80px 0; }
  .about-beliefs { padding: 80px 0; }
  .about-story__stats { flex-direction: column; gap: 20px; }
  .about-beliefs__item p { font-size: 1rem; }
}

/* ============================================
   CONTACT PAGE
   ============================================ */

/* Two Paths */
.contact-paths { padding: 80px 0; background: var(--white); border-bottom: 1px solid rgba(10,6,48,0.06); }
.contact-paths__inner { display: grid; grid-template-columns: 1fr auto 1fr; gap: 0; align-items: stretch; }
.contact-paths__card {
  padding: 48px 40px; border-radius: var(--radius-md);
  background: var(--off-white); border: 1px solid rgba(10,6,48,0.06);
  display: flex; flex-direction: column; gap: 12px;
  transition: all 0.3s var(--ease-out); text-decoration: none;
  cursor: pointer;
}
.contact-paths__card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: rgba(1,6,255,0.15); }
.contact-paths__icon { width: 56px; height: 56px; background: rgba(1,6,255,0.07); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; margin-bottom: 8px; }
.contact-paths__tag { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--vivid-blue); }
.contact-paths__card h3 { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; color: var(--midnight); line-height: 1.2; letter-spacing: -0.02em; }
.contact-paths__card p { font-size: 0.95rem; line-height: 1.7; color: rgba(10,6,48,0.8); flex: 1; }
.contact-paths__cta { font-size: 0.9rem; font-weight: 600; color: var(--vivid-blue); margin-top: 8px; }
.contact-paths__divider { width: 1px; background: rgba(10,6,48,0.08); margin: 0 32px; }

/* Form Section */
.contact-form-section { padding: 100px 0; background: var(--white); }
.contact-form-section__inner { display: grid; grid-template-columns: 1.4fr 1fr; gap: 80px; align-items: start; }

/* Form Left */
.contact-form__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.contact-form__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; line-height: 1.15; letter-spacing: -0.03em; color: var(--midnight); margin-bottom: 40px; }

.contact-form { display: flex; flex-direction: column; gap: 24px; }
.contact-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.contact-form__field { display: flex; flex-direction: column; gap: 8px; }
.contact-form__field label { font-size: 0.85rem; font-weight: 600; color: var(--midnight); }

.contact-form__field input,
.contact-form__field textarea {
  padding: 14px 18px;
  border: 1.5px solid rgba(10,6,48,0.15);
  border-radius: var(--radius-sm);
  font-family: var(--font-body); font-size: 0.95rem;
  color: var(--midnight); background: var(--white);
  transition: all 0.2s; outline: none; resize: none;
}
.contact-form__field input:focus,
.contact-form__field textarea:focus {
  border-color: var(--vivid-blue);
  box-shadow: 0 0 0 3px rgba(1,6,255,0.08);
}
.contact-form__field input::placeholder,
.contact-form__field textarea::placeholder { color: rgba(10,6,48,0.35); }

/* Toggle */
.contact-form__toggle { display: flex; gap: 0; border: 1.5px solid rgba(10,6,48,0.15); border-radius: var(--radius-sm); overflow: hidden; }
.contact-form__toggle input[type="radio"] { display: none; }
.contact-form__toggle-btn {
  flex: 1; padding: 12px 20px; text-align: center;
  font-size: 0.9rem; font-weight: 600; color: rgba(10,6,48,0.5);
  cursor: pointer; transition: all 0.2s; background: var(--white);
  border-right: 1.5px solid rgba(10,6,48,0.15);
}
.contact-form__toggle-btn:last-child { border-right: none; }
.contact-form__toggle input[type="radio"]:checked + .contact-form__toggle-btn {
  background: var(--vivid-blue); color: var(--white);
}

.contact-form__submit { align-self: flex-start; padding: 16px 40px; font-size: 1rem; }

/* Info Right */
.contact-form__right { position: sticky; top: 100px; }
.contact-info { background: var(--off-white); border-radius: var(--radius-md); padding: 48px 40px; border: 1px solid rgba(10,6,48,0.06); }
.contact-info__label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 32px; }
.contact-info__item { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 28px; }
.contact-info__icon { width: 40px; height: 40px; background: rgba(1,6,255,0.07); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--vivid-blue); }
.contact-info__item-label { display: block; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(10,6,48,0.4); margin-bottom: 4px; }
.contact-info__item-value { font-size: 0.95rem; font-weight: 500; color: var(--midnight); text-decoration: none; transition: color 0.2s; }
.contact-info__item-value:hover { color: var(--vivid-blue); }

.contact-info__response {
  display: flex; align-items: flex-start; gap: 12px;
  background: rgba(1,6,255,0.05); border-radius: var(--radius-sm);
  padding: 16px; margin-top: 32px; margin-bottom: 24px;
  border: 1px solid rgba(1,6,255,0.1);
}
.contact-info__response-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; flex-shrink: 0; margin-top: 6px; animation: pulse 2s infinite; }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
.contact-info__response p { font-size: 0.875rem; color: rgba(10,6,48,0.85); line-height: 1.5; }
.contact-info__response strong { color: var(--midnight); }

.contact-info__quote {
  border-left: 2px solid var(--vivid-blue);
  padding-left: 20px; margin-top: 8px;
}
.contact-info__quote p { font-size: 0.95rem; font-style: italic; color: rgba(10,6,48,0.8); line-height: 1.6; margin-bottom: 8px; }
.contact-info__quote span { font-size: 0.8rem; font-weight: 600; color: var(--vivid-blue); }

/* Responsive */
@media (max-width: 900px) {
  .contact-paths__inner { grid-template-columns: 1fr; }
  .contact-paths__divider { width: 100%; height: 1px; margin: 0; }
  .contact-form-section__inner { grid-template-columns: 1fr; gap: 48px; }
  .contact-form__right { position: static; }
  .contact-form__row { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .contact-paths { padding: 60px 0; }
  .contact-paths__card { padding: 32px 24px; }
  .contact-form-section { padding: 60px 0; }
  .contact-info { padding: 32px 24px; }
}

/* ============================================
   BLOG PAGE
   ============================================ */
.blog-tag { display: inline-block; padding: 4px 12px; border-radius: 100px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; background: rgba(1,6,255,0.08); color: var(--vivid-blue); border: 1px solid rgba(1,6,255,0.15); }
.blog-date { font-size: 0.8rem; color: rgba(10,6,48,0.45); font-weight: 500; }

/* Featured Post */
.blog-featured { padding: 80px 0 0; background: var(--white); }
.blog-featured__card { display: grid; grid-template-columns: 1fr 1fr; border-radius: var(--radius-md); overflow: hidden; border: 1px solid rgba(10,6,48,0.08); transition: all 0.3s var(--ease-out); text-decoration: none; }
.blog-featured__card:hover { box-shadow: var(--shadow-hover); transform: translateY(-4px); }
.blog-featured__img { background: linear-gradient(135deg, #0A0630, #0106FF); min-height: 400px; }
.blog-featured__content { padding: 56px 48px; background: var(--off-white); display: flex; flex-direction: column; gap: 16px; }
.blog-featured__meta { display: flex; align-items: center; gap: 12px; }
.blog-featured__title { font-family: var(--font-display); font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.2; letter-spacing: -0.02em; }
.blog-featured__excerpt { font-size: 1rem; line-height: 1.75; color: rgba(10,6,48,0.75); flex: 1; }
.blog-featured__cta { font-size: 0.9rem; font-weight: 600; color: var(--vivid-blue); margin-top: 8px; }

/* Blog Grid */
.blog-grid-section { padding: 60px 0 100px; background: var(--white); }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.blog-card { border-radius: var(--radius-md); overflow: hidden; border: 1px solid rgba(10,6,48,0.08); transition: all 0.3s var(--ease-out); text-decoration: none; display: flex; flex-direction: column; background: var(--white); }
.blog-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); border-color: rgba(1,6,255,0.15); }
.blog-card__img { height: 200px; }
.blog-card__img--1 { background: linear-gradient(135deg, #0A0630, #0106FF); }
.blog-card__img--2 { background: linear-gradient(135deg, #033A99, #0A0630); }
.blog-card__img--3 { background: linear-gradient(135deg, #0106FF, #033A99); }
.blog-card__img--4 { background: linear-gradient(135deg, #0A0630, #033A99 60%, #0106FF); }
.blog-card__img--5 { background: linear-gradient(135deg, #033A99, #0106FF); }
.blog-card__img--6 { background: linear-gradient(135deg, #0106FF 0%, #0A0630); }
.blog-card__content { padding: 28px; display: flex; flex-direction: column; gap: 12px; flex: 1; }
.blog-card__meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.blog-card h3 { font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; color: var(--midnight); line-height: 1.3; letter-spacing: -0.01em; }
.blog-card p { font-size: 0.875rem; line-height: 1.7; color: rgba(10,6,48,0.7); flex: 1; }
.blog-card__cta { font-size: 0.85rem; font-weight: 600; color: var(--vivid-blue); margin-top: auto; }

/* Newsletter */
.blog-newsletter { padding: 80px 0; background: var(--midnight); }
.blog-newsletter__inner { display: flex; align-items: center; justify-content: space-between; gap: 48px; flex-wrap: wrap; }
.blog-newsletter__content h2 { font-family: var(--font-display); font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 700; color: var(--white); margin-bottom: 8px; letter-spacing: -0.02em; }
.blog-newsletter__content p { font-size: 1rem; color: rgba(255,255,255,0.75); }
.blog-newsletter__form { display: flex; gap: 12px; flex: 1; max-width: 480px; }
.blog-newsletter__form input { flex: 1; padding: 14px 20px; border-radius: 100px; border: 1.5px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.06); color: var(--white); font-family: var(--font-body); font-size: 0.95rem; outline: none; transition: all 0.2s; }
.blog-newsletter__form input:focus { border-color: var(--vivid-blue); background: rgba(255,255,255,0.1); }
.blog-newsletter__form input::placeholder { color: rgba(255,255,255,0.4); }

/* Blog responsive */
@media (max-width: 900px) {
  .blog-featured__card { grid-template-columns: 1fr; }
  .blog-featured__img { min-height: 240px; }
  .blog-featured__content { padding: 32px 24px; }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-newsletter__inner { flex-direction: column; align-items: flex-start; }
  .blog-newsletter__form { max-width: 100%; width: 100%; }
}
@media (max-width: 600px) {
  .blog-grid { grid-template-columns: 1fr; }
  .blog-newsletter__form { flex-direction: column; }
  .blog-newsletter__form input { border-radius: var(--radius-sm); }
}

/* ============================================
   HOMEPAGE BLOG SECTION
   ============================================ */
.home-blog { padding: 100px 0; background: var(--off-white); }
.home-blog__header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; flex-wrap: wrap; gap: 24px; }
.home-blog__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 12px; }
.home-blog__headline { font-family: var(--font-display); font-size: clamp(2rem, 2.5vw, 2rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; color: var(--midnight); }
.home-blog__link { font-size: 0.9rem; font-weight: 600; color: var(--vivid-blue); white-space: nowrap; }
.home-blog__link:hover { color: var(--ultramarine); }
.home-blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

@media (max-width: 900px) {
  .home-blog__grid { grid-template-columns: 1fr; }
  .home-blog__header { flex-direction: column; align-items: flex-start; }
}

/* ============================================
   POPUP SYSTEM
   ============================================ */
.popup-overlay {
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(10,6,48,0.7);
  backdrop-filter: blur(8px);
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
  opacity: 0; pointer-events: none;
  transition: opacity 0.3s var(--ease-out);
}
.popup-overlay.active { opacity: 1; pointer-events: auto; }

.popup {
  background: var(--white); border-radius: var(--radius-md);
  padding: 48px 40px; max-width: 520px; width: 100%;
  position: relative;
  transform: translateY(24px) scale(0.97);
  transition: all 0.3s var(--ease-out);
  box-shadow: 0 32px 80px rgba(0,0,0,0.3);
}
.popup-overlay.active .popup { transform: translateY(0) scale(1); }

.popup--dark { background: var(--midnight); }
.popup__close {
  position: absolute; top: 20px; right: 20px;
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(10,6,48,0.08); border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all 0.2s; color: var(--midnight);
  font-size: 1.2rem; font-weight: 300;
}
.popup--dark .popup__close { background: rgba(255,255,255,0.1); color: var(--white); }
.popup__close:hover { background: rgba(10,6,48,0.15); transform: rotate(90deg); }
.popup__tag { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.popup__title { font-family: var(--font-display); font-size: 1.8rem; font-weight: 700; color: var(--midnight); line-height: 1.2; letter-spacing: -0.02em; margin-bottom: 12px; }
.popup--dark .popup__title { color: var(--white); }
.popup__body { font-size: 1rem; line-height: 1.7; color: rgba(10,6,48,0.7); margin-bottom: 28px; }
.popup--dark .popup__body { color: rgba(255,255,255,0.75); }
.popup__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.popup__form { display: flex; flex-direction: column; gap: 16px; margin-bottom: 20px; }
.popup__form input { padding: 13px 18px; border: 1.5px solid rgba(10,6,48,0.15); border-radius: var(--radius-sm); font-family: var(--font-body); font-size: 0.95rem; color: var(--midnight); outline: none; transition: border-color 0.2s; }
.popup__form input:focus { border-color: var(--vivid-blue); }
.popup__form input::placeholder { color: rgba(10,6,48,0.35); }

@media (max-width: 600px) {
  .popup { padding: 36px 24px; }
  .popup__title { font-size: 1.5rem; }
}

/* Contact page mobile overflow fix */
.contact-paths__inner {
  overflow: hidden;
}
.contact-form-section {
  overflow: hidden;
}
body {
  overflow-x: hidden;
}

/* Contact form mobile fix */
@media (max-width: 768px) {
  .contact-form-section__inner {
    grid-template-columns: 1fr;
    gap: 40px;
    overflow: hidden;
  }
  .contact-form__headline {
    font-size: 1.6rem;
  }
  .contact-form__row {
    grid-template-columns: 1fr;
  }
  .contact-form__right {
    position: static;
    width: 100%;
  }
  .contact-info {
    width: 100%;
    padding: 24px;
    box-sizing: border-box;
  }
  .contact-info__item-value {
    word-break: break-all;
    font-size: 0.85rem;
  }
  .contact-form-section {
    padding: 40px 0;
    overflow: hidden;
  }
}

/* ============================================
   READABILITY FIXES — White on dark, Black on light
   ============================================ */

/* Dark sections — force white text */
.hero__sub,
.proof__desc,
.split__half--business .split__body,
.belief__body,
.why-accliive__body,
.about-beliefs__item p,
.about-story__body,
.fractional__item-content p,
.biz-card__body--light,
.page-hero__sub,
.cta-banner__sub,
.footer__tagline,
.footer__col a,
.footer__copy,
.footer__tagline-bottom,
.nav__mega-col a,
.nav__dropdown-menu a,
.nav__mobile-sub a { color: rgba(255,255,255,0.92) !important; }

/* Light sections — force dark text */
.services__card p,
.who-for__card p,
.people__package-body,
.pillars__card p,
.biz-card__body,
.fractional__sub,
.about-different__them-text,
.about-story__body,
.split__half--people .split__body,
.intro-strip__text,
.blog-card p,
.blog-featured__excerpt,
.contact-form__headline,
.contact-info__item-value { color: rgba(10,6,48,0.85) !important; }

/* Remove all indigo from body text */
.proof__label,
.services__label,
.belief__label,
.packages__label,
.biz-solutions__label,
.fractional__label,
.about-story__label,
.about-different__label,
.about-beliefs__label,
.contact-form__label,
.contact-info__label,
.home-blog__label,
.page-hero__tag { color: #0106FF !important; }

  /* Belief section mobile fix */
@media (max-width: 900px) {
  .belief__body {
    color: rgba(10,6,48,0.85) !important;
    display: block !important;
    visibility: visible !important;
  }
  .belief__right {
    display: block !important;
  }
}

/* Belief body text fix - dark text on white background */
.belief__body {
  color: rgba(10,6,48,0.85) !important;
}
.belief__layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
@media (max-width: 900px) {
  .belief__layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* ============================================
   LEGAL PAGES
   ============================================ */
.legal-content { padding: 80px 0 120px; background: var(--white); }
.legal-content__inner { display: grid; grid-template-columns: 260px 1fr; gap: 80px; align-items: start; }
.legal-nav { position: sticky; top: 100px; background: var(--off-white); border-radius: var(--radius-md); padding: 32px 28px; border: 1px solid rgba(10,6,48,0.06); }
.legal-nav__title { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(10,6,48,0.4); margin-bottom: 20px; }
.legal-nav a { display: block; padding: 8px 0; font-size: 0.875rem; color: rgba(10,6,48,0.6); border-bottom: 1px solid rgba(10,6,48,0.06); transition: all 0.2s; }
.legal-nav a:last-child { border-bottom: none; }
.legal-nav a:hover { color: var(--vivid-blue); padding-left: 6px; }
.legal-section { margin-bottom: 56px; padding-bottom: 56px; border-bottom: 1px solid rgba(10,6,48,0.08); }
.legal-section:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.legal-section h2 { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; color: var(--midnight); margin-bottom: 20px; letter-spacing: -0.02em; }
.legal-section p { font-size: 1rem; line-height: 1.85; color: rgba(10,6,48,0.8); margin-bottom: 16px; }
.legal-section ul { margin: 16px 0 16px 24px; display: flex; flex-direction: column; gap: 10px; list-style: disc; }
.legal-section ul li { font-size: 1rem; line-height: 1.7; color: rgba(10,6,48,0.8); }
.legal-section a { color: var(--vivid-blue); font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.legal-section strong { color: var(--midnight); font-weight: 600; }
.legal-contact-box { background: var(--off-white); border-radius: var(--radius-md); padding: 28px 32px; margin-top: 20px; border: 1px solid rgba(10,6,48,0.06); }
.legal-contact-box p { margin-bottom: 8px; font-size: 0.95rem; color: rgba(10,6,48,0.8); }
@media (max-width: 900px) {
  .legal-content__inner { grid-template-columns: 1fr; gap: 40px; }
  .legal-nav { position: static; }
}
@media (max-width: 600px) {
  .legal-content { padding: 40px 0 80px; }
  .legal-section h2 { font-size: 1.3rem; }
}

/* Cookie Table */
.cookie-table { border-radius: var(--radius-md); overflow: hidden; border: 1px solid rgba(10,6,48,0.08); margin-top: 24px; }
.cookie-table__row { display: grid; grid-template-columns: 180px 1fr; border-bottom: 1px solid rgba(10,6,48,0.08); }
.cookie-table__row:last-child { border-bottom: none; }
.cookie-table__row--header { background: var(--midnight); }
.cookie-table__row--header .cookie-table__cell { color: #ffffff; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 16px 24px; }
.cookie-table__cell { padding: 28px 24px; font-size: 0.9rem; line-height: 1.7; color: rgba(10,6,48,0.8); }
.cookie-table__cell:first-child { background: var(--off-white); border-right: 1px solid rgba(10,6,48,0.08); display: flex; align-items: flex-start; padding-top: 32px; }
.cookie-table__cell p { margin-bottom: 12px; }
.cookie-table__cell p:last-child { margin-bottom: 0; }
.cookie-badge { display: inline-block; padding: 6px 14px; border-radius: 100px; font-size: 0.75rem; font-weight: 700; }
.cookie-badge--essential { background: rgba(1,6,255,0.1); color: var(--vivid-blue); }
.cookie-badge--preferences { background: rgba(3,58,153,0.1); color: var(--ultramarine); }
.cookie-badge--analytics { background: rgba(10,6,48,0.08); color: var(--midnight); }
.cookie-badge--marketing { background: rgba(1,6,255,0.06); color: var(--ultramarine); }

@media (max-width: 600px) {
  .cookie-table__row { grid-template-columns: 1fr; }
  .cookie-table__cell:first-child { border-right: none; border-bottom: 1px solid rgba(10,6,48,0.08); padding-top: 24px; }
}

/* ============================================
   ACCLIIVE DIFFERENCE + INDUSTRIES
   ============================================ */
.difference { padding: 100px 0; background: var(--midnight); }
.difference__inner { max-width: 800px; text-align: center; }
.difference__label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.difference__headline { font-family: var(--font-display); font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 700; color: var(--white); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 24px; }
.difference__body { font-size: 1rem; line-height: 1.85; color: rgba(255,255,255,0.85); }

.industries { padding: 100px 0; background: var(--white); }
.industries__inner { }
.industries__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.industries__headline { font-family: var(--font-display); font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 700; color: var(--midnight); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 56px; }
/* .industries__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } */
.industries__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.industries__card { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 32px 28px; background: var(--off-white); border-radius: var(--radius-md); border: 1px solid rgba(10,6,48,0.06); transition: all 0.3s var(--ease-out); }
.industries__card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: rgba(1,6,255,0.15); }
.industries__card span { font-size: 0.95rem; font-weight: 600; color: var(--midnight); }

@media (max-width: 900px) {
  .industries__grid { grid-template-columns: repeat(2, 1fr); }
  .difference { padding: 80px 0; }
  .industries { padding: 80px 0; }
}
@media (max-width: 600px) {
  .industries__grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .industries__card { padding: 24px 20px; }
}

/* ============================================
   TESTIMONIALS SLIDER
   ============================================ */
.testimonials { padding: 100px 0; background: var(--midnight); overflow: hidden; }
.testimonials .container { margin-bottom: 48px; }
.testimonials__label { font-size: 2.5rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--white); margin-bottom: 12px; }
.testimonials__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 400; color: var(--white); line-height: 1.1; letter-spacing: -0.03em; }

.testimonials__track-wrap {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
.testimonials__track {
  display: flex;
  gap: 24px;
  width: max-content;
  animation: scrollTestimonials 30s linear infinite;
}
.testimonials__track:hover { animation-play-state: paused; }

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

.testimonials__card {
  width: 380px;
  flex-shrink: 0;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius-md);
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.testimonials__card p {
  font-size: 1rem;
  line-height: 1.75;
  color: rgba(255,255,255,0.85);
  font-style: italic;
  flex: 1;
}
.testimonials__author {
  display: flex;
  align-items: center;
  gap: 14px;
}
.testimonials__avatar {
  width: 42px; height: 42px;
  border-radius: 50%;
  background: var(--vivid-blue);
  color: var(--white);
  font-size: 1rem;
  font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.testimonials__author strong {
  display: block;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 2px;
}
.testimonials__author span {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.5);
}

@media (max-width: 600px) {
  .testimonials__card { width: 300px; padding: 28px; }
  .testimonials { padding: 80px 0; }
}

/* ============================================
   WHAT WE DO
   ============================================ */
.what-we-do {
  padding: 100px 0;
  background: var(--white);
}

.wwd__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 56px;
  gap: 40px;
}

.wwd__left { flex: 1; }

.wwd__label {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--vivid-blue);
  margin-bottom: 14px;
}

.wwd__headline {
  font-family: var(--font-display);
  font-size: clamp(1rem, 2.5vw, 2rem);
  font-weight: 700;
  color: var(--midnight);
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.wwd__sub {
  flex: 1;
  font-size: 1rem;
  font-weight: 500;
  color: rgba(11,13,31,0.55);
  max-width: 420px;
  line-height: 1.75;
  align-self: flex-end;
}

.wwd__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.wwd__card {
  border: 1px solid rgba(11,13,31,0.08);
  border-radius: var(--radius-md);
  padding: 36px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: border-color 0.2s, box-shadow 0.2s;
  background: var(--white);
}

.wwd__card:hover {
  border-color: rgba(20,0,255,0.2);
  box-shadow: 0 4px 32px rgba(20,0,255,0.06);
}

.wwd__number {
  font-family: var(--font-display);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--vivid-blue);
  background: rgba(20,0,255,0.07);
  border: 1px solid rgba(20,0,255,0.15);
  border-radius: 999px;
  padding: 4px 12px;
  display: inline-block;
  width: fit-content;
}

.wwd__card-title {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--midnight);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.wwd__divider {
  width: 28px;
  height: 1px;
  background: rgba(11,13,31,0.1);
}

.wwd__card-body {
  font-size: 0.875rem;
  line-height: 1.8;
  font-weight: 500;
  color: rgba(11,13,31,0.55);
  flex: 1;
}

.wwd__card-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--vivid-blue);
  text-decoration: none;
  margin-top: 4px;
  opacity: 0.5;
  transition: opacity 0.2s, gap 0.2s;
}

.wwd__card:hover .wwd__card-link {
  opacity: 1;
  gap: 10px;
}

@media (max-width: 900px) {
  .wwd__top { flex-direction: column; align-items: flex-start; }
  .wwd__grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .what-we-do { padding: 80px 0; }
  .wwd__card { padding: 28px 20px; }
}

.spec__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.spec__card {
  background: var(--white);
  border: 1px solid rgba(11,13,31,0.07);
  border-radius: var(--radius-md);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.spec__card:hover {
  border-color: rgba(20,0,255,0.18);
  box-shadow: 0 4px 28px rgba(20,0,255,0.05);
}

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

.spec__icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(20,0,255,0.07);
  display: flex;
  align-items: center;
  justify-content: center;
}

.spec__num {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: rgba(11,13,31,0.2);
}

.spec__card-title {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--midnight);
  letter-spacing: -0.02em;
  margin-bottom: 20px;
}

.spec__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.spec__list li {
  font-size: 0.8rem;
  line-height: 1.5;
  font-weight: 500;
  color: rgba(11,13,31,0.55);
  padding-left: 14px;
  position: relative;
}

.spec__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--vivid-blue);
  opacity: 0.5;
}

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

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

/* ============================================
   INDUSTRIES SECTION FIX
   ============================================ */
.ind-section { padding: 80px 0 120px; background: var(--white); }

.ind-section__header { margin-bottom: 72px; }

.ind-item {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 64px;
  align-items: start;
  padding: 64px 0;
  border-bottom: 1px solid rgba(10,6,48,0.08);
}
.ind-item:last-child { border-bottom: none; }

.ind-item__header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: sticky;
  top: 100px;
}
.ind-item__icon {
  width: 64px; height: 64px;
  background: rgba(1,6,255,0.07);
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  transition: background 0.3s;
}
.ind-item:hover .ind-item__icon { background: rgba(1,6,255,0.12); }

.ind-item__tag {
  font-size: 2rem; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--vivid-blue);
}
.ind-item__title { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; color: var(--midnight); }

.ind-item__body { padding-top: 4px; }

.ind-item__desc {
  font-size: 1rem; line-height: 1.8;
  color: rgba(10,6,48,0.75);
  margin-bottom: 28px;
}

.ind-item__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  padding: 0; margin: 0;
}
.ind-item__list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.95rem;
  line-height: 1.6;
  color: rgba(10,6,48,0.8);
  padding: 14px 18px;
  background: var(--off-white);
  border-radius: 8px;
  border: 1px solid rgba(10,6,48,0.06);
  transition: all 0.2s;
}
.ind-item__list li:hover {
  border-color: rgba(1,6,255,0.15);
  background: rgba(1,6,255,0.03);
  padding-left: 22px;
}
.ind-item__list li::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--vivid-blue);
  flex-shrink: 0;
  margin-top: 7px;
}

@media (max-width: 900px) {
  .ind-item {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .ind-item__header {
    position: static;
    flex-direction: row;
    align-items: center;
  }
  .ind-item__icon { flex-shrink: 0; }
}

@media (max-width: 600px) {
  .ind-section { padding: 48px 0 80px; }
  .ind-item { padding: 40px 0; }
  .ind-item__header { flex-direction: column; }
  .ind-item__title { font-size: 1.3rem; }
  .ind-item__list li { padding: 12px 14px; font-size: 0.875rem; }
}

/* ============================================
   CTA BANNER — BUSINESS
   ============================================ */
.cta-banner {
  padding: 120px 0;
  background: var(--vivid-blue);
  position: relative;
  overflow: hidden;
  text-align: center;
}

.cta-banner__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}

.cta-banner__blob {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.cta-banner__blob--1 {
  width: 500px;
  height: 500px;
  background: #0900CC;
  top: -200px;
  right: -100px;
  filter: blur(80px);
  opacity: 0.7;
}

.cta-banner__blob--2 {
  width: 280px;
  height: 280px;
  background: #5500FF;
  bottom: -80px;
  left: 10%;
  filter: blur(60px);
  opacity: 0.4;
}

.cta-banner__inner {
  position: relative;
  z-index: 1;
  max-width: 700px;
  margin: 0 auto;
}

.cta-banner__headline {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--white);
  line-height: 1.1;
  letter-spacing: -0.03em;
  margin-bottom: 20px;
}

.cta-banner__headline em {
  font-style: italic;
  position: relative;
  display: inline-block;
}

.cta-banner__headline em::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 3px;
  background: linear-gradient(90deg, #7DF9A0, #4FAAFF);
  border-radius: 2px;
}

.cta-banner__sub {
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  max-width: 520px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

.cta-banner__btns {
  display: flex;
  justify-content: center;
}

.btn--white {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: var(--white);
  color: var(--midnight);
  font-size: 1rem;
  font-weight: 500;
  border-radius: 999px;
  border: none;
  text-decoration: none;
  transition: transform 0.15s, box-shadow 0.15s;
}

.btn--white:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

@media (max-width: 600px) {
  .cta-banner { padding: 80px 0; }
}

/* Industries section mobile fix */
@media (max-width: 768px) {
  .ind-section { padding: 48px 0 60px; }
  
  .ind-section__header { margin-bottom: 40px !important; }
  
  .ind-item {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 40px 0;
  }
  
  .ind-item__header {
    position: static !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px;
  }
  
  .ind-item__icon {
    width: 48px !important;
    height: 48px !important;
    flex-shrink: 0;
  }
  
  .ind-item__title {
    font-size: 1.2rem !important;
  }
  
  .ind-item__desc {
    font-size: 0.95rem;
  }
  
  .ind-item__list li {
    padding: 12px 14px;
    font-size: 0.875rem;
  }
}

@media (max-width: 480px) {
  .ind-item__header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  
  .ind-item__title {
    font-size: 1.1rem !important;
  }
}
/* Icon and number side by side on mobile */
@media (max-width: 768px) {
  .ind-item__header {
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .ind-item__icon {
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0;
  }
  .ind-item__tag {
    font-size: 0.7rem;
  }
  .ind-item__title {
    font-size: 1.1rem !important;
  }
}

/* ============================================
   COOKIE CONSENT BANNER
   ============================================ */
.cookie-consent {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 99999;
  background: var(--midnight);
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 20px 0;
  transform: translateY(100%);
  transition: transform 0.4s var(--ease-out);
  box-shadow: 0 -8px 32px rgba(0,0,0,0.3);
}
.cookie-consent.show { transform: translateY(0); }
.cookie-consent__inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.cookie-consent__text { flex: 1; min-width: 280px; }
.cookie-consent__text p { font-size: 0.875rem; color: rgba(255,255,255,0.8); line-height: 1.6; margin: 0; }
.cookie-consent__text a { color: var(--vivid-blue); text-decoration: underline; text-underline-offset: 3px; }
.cookie-consent__text a:hover { color: #ffffff; }
.cookie-consent__actions { display: flex; gap: 12px; flex-shrink: 0; flex-wrap: wrap; }
.cookie-btn { padding: 10px 24px; border-radius: 100px; font-family: var(--font-body); font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: all 0.2s; border: 2px solid transparent; white-space: nowrap; }
.cookie-btn--accept { background: var(--vivid-blue); color: #ffffff; border-color: var(--vivid-blue); }
.cookie-btn--accept:hover { background: var(--ultramarine); border-color: var(--ultramarine); }
.cookie-btn--decline { background: transparent; color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.2); }
.cookie-btn--decline:hover { border-color: rgba(255,255,255,0.5); color: #ffffff; }
.cookie-btn--settings { background: transparent; color: rgba(255,255,255,0.5); border-color: transparent; text-decoration: underline; text-underline-offset: 3px; padding: 10px 12px; }
.cookie-btn--settings:hover { color: #ffffff; }

@media (max-width: 600px) {
  .cookie-consent__inner { flex-direction: column; align-items: flex-start; gap: 16px; }
  .cookie-consent__actions { width: 100%; }
  .cookie-btn { flex: 1; text-align: center; }
}

/* ============================================
   RECRUITMENT & STAFFING PAGE
   ============================================ */

/* Intro */
.rec-intro { padding: 80px 0; background: var(--white); border-bottom: 1px solid rgba(10,6,48,0.08); }
.rec-intro__inner { max-width: 800px; }
.rec-intro__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.rec-intro__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 24px; }
.rec-intro__body { font-size: 1.1rem; line-height: 1.85; color: rgba(10,6,48,0.8); }

/* Services */
.rec-services { padding: 80px 0 100px; background: var(--white); }
.rec-item { display: grid; grid-template-columns: 220px 1fr; gap: 64px; align-items: start; padding: 56px 0; border-bottom: 1px solid rgba(10,6,48,0.08); }
.rec-item:last-child { border-bottom: none; }
/* .rec-item__header { position: sticky; top: 100px; } */
.rec-item__header { position: sticky; top: 100px; display: flex; flex-direction: column; gap: 8px; }
/* .rec-item__num { font-family: var(--font-display); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 12px; }
.rec-item__title { font-family: var(--font-display); font-size: clamp(1.4rem, 2vw, 1.8rem); font-weight: 700; color: var(--midnight); line-height: 1.2; letter-spacing: -0.02em; } */
.rec-item__num { font-family: var(--font-display); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 0; }
.rec-item__title { font-family: var(--font-display); font-size: clamp(1.4rem, 2vw, 1.8rem); font-weight: 700; color: var(--midnight); line-height: 1.2; letter-spacing: -0.02em; }
.rec-item__header-top { display: flex; align-items: center; gap: 12px; }
.rec-item__body { padding-top: 4px; }
.rec-item__desc { font-size: 1rem; line-height: 1.85; color: rgba(10,6,48,0.8); margin-bottom: 24px; }
.rec-item__best { background: rgba(1,6,255,0.04); border-left: 3px solid var(--vivid-blue); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; padding: 16px 20px; }
.rec-item__best-label { display: block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 8px; }
.rec-item__best p { font-size: 0.9rem; line-height: 1.7; color: rgba(10,6,48,0.75); margin: 0; }

/* Why Accliive */
.rec-why { padding: 100px 0; background: var(--off-white); }
.rec-why__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.rec-why__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 56px; }
.rec-why__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.rec-why__card { background: var(--white); border-radius: var(--radius-md); padding: 36px 32px; border: 1px solid rgba(10,6,48,0.06); transition: all 0.3s var(--ease-out); }
.rec-why__card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: rgba(1,6,255,0.12); }
.rec-why__icon { width: 52px; height: 52px; background: rgba(1,6,255,0.07); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.rec-why__card h3 { font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; color: var(--midnight); margin-bottom: 12px; line-height: 1.3; }
.rec-why__card p { font-size: 0.95rem; line-height: 1.75; color: rgba(10,6,48,0.75); }

/* Responsive */
@media (max-width: 900px) {
  .rec-item { grid-template-columns: 1fr; gap: 24px; }
  .rec-item__header { position: static; }
  .rec-why__grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .rec-services { padding: 60px 0 80px; }
  .rec-why { padding: 60px 0; }
  .rec-item { padding: 40px 0; }
  .rec-why__card { padding: 28px 24px; }
}

/* ============================================
   FRACTIONAL CONSULTING PAGE
   ============================================ */

/* Intro */
.frac-intro { padding: 100px 0; background: var(--white); }
.frac-intro__inner { max-width: 900px; }
.frac-intro__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.frac-intro__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 40px; }
.frac-intro__body-wrap { display: flex; flex-direction: column; gap: 20px; }
.frac-intro__body { font-size: 1.1rem; line-height: 1.85; color: rgba(10,6,48,0.8); }

/* Steps */
.frac-steps { padding: 100px 0; background: var(--midnight); }
.frac-steps__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--white); margin-bottom: 16px; }
.frac-steps__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: var(--white); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 64px; }
.frac-steps__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }

.frac-step {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius-md);
  padding: 36px 28px;
  transition: all 0.3s;
}
.frac-step:hover { background: rgba(255,255,255,0.07); border-color: rgba(1,6,255,0.3); }
.frac-step__num { font-family: var(--font-display); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; color: var(--vivid-blue); margin-bottom: 16px; }
.frac-step__title { font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; color: var(--white); line-height: 1.3; margin-bottom: 14px; }
.frac-step__body { font-size: 0.9rem; line-height: 1.75; color: rgba(255,255,255,0.7); }

/* Who This Is For */
.frac-who { padding: 100px 0; background: var(--off-white); }
.frac-who__inner { display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px; align-items: start; }
.frac-who__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.frac-who__headline { font-family: var(--font-display); font-size: clamp(1rem, 2vw, 2.5rem); font-weight: 700; color: var(--midnight); line-height: 1.15; letter-spacing: -0.03em; position: sticky; top: 100px; }

.frac-who__list { display: flex; flex-direction: column; gap: 16px; list-style: none; padding: 0; margin: 0; }
.frac-who__list li {
  display: flex; align-items: flex-start; gap: 16px;
  background: var(--white);
  border: 1px solid rgba(10,6,48,0.06);
  border-radius: var(--radius-md);
  padding: 24px;
  transition: all 0.2s;
}
.frac-who__list li:hover { border-color: rgba(1,6,255,0.15); transform: translateX(4px); }
.frac-who__icon { width: 36px; height: 36px; background: rgba(1,6,255,0.07); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.frac-who__list p { font-size: 1rem; line-height: 1.7; color: rgba(10,6,48,0.8); margin: 0; padding-top: 6px; }

/* Responsive */
@media (max-width: 1100px) {
  .frac-steps__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .frac-who__inner { grid-template-columns: 1fr; gap: 40px; }
  .frac-who__headline { position: static; }
  .frac-steps__grid { grid-template-columns: repeat(2, 1fr); }
  .frac-intro { padding: 60px 0; }
  .frac-steps { padding: 60px 0; }
  .frac-who { padding: 60px 0; }
}
@media (max-width: 600px) {
  .frac-steps__grid { grid-template-columns: 1fr; }
  .frac-step { padding: 28px 24px; }
}

/* ============================================
   GLOBAL RECRUITMENT PAGE
   ============================================ */

/* Intro */
.gr-intro { padding: 100px 0; background: var(--white); }
.gr-intro__inner { max-width: 900px; }
.gr-intro__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.gr-intro__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 40px; }
.gr-intro__body-wrap { display: flex; flex-direction: column; gap: 20px; }
.gr-intro__body { font-size: 1.1rem; line-height: 1.85; color: rgba(10,6,48,0.8); }

/* Why Accliive */
.gr-why { padding: 100px 0; background: var(--off-white); }
.gr-why__inner { }
.gr-why__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.gr-why__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 56px; }
.gr-why__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.gr-why__card { background: var(--white); border-radius: var(--radius-md); padding: 36px 32px; border: 1px solid rgba(10,6,48,0.06); transition: all 0.3s var(--ease-out); }
.gr-why__card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: rgba(1,6,255,0.12); }
.gr-why__icon { width: 52px; height: 52px; background: rgba(1,6,255,0.07); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.gr-why__card h3 { font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; color: var(--midnight); margin-bottom: 12px; line-height: 1.3; }
.gr-why__card p { font-size: 0.95rem; line-height: 1.75; color: rgba(10,6,48,0.75); }

/* Corridor */
.gr-corridor { padding: 100px 0; background: var(--midnight); }
.gr-corridor__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.gr-corridor__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--white); margin-bottom: 16px; }
.gr-corridor__headline { font-family: var(--font-display); font-size: clamp(1rem, 2vw, 2.5rem); font-weight: 700; color: var(--white); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 24px; }
.gr-corridor__body { font-size: 1rem; line-height: 1.85; color: rgba(255,255,255,0.8); }
.gr-corridor__stats { display: flex; flex-direction: column; gap: 32px; }
.gr-corridor__stat { display: flex; flex-direction: column; gap: 6px; padding-left: 24px; border-left: 2px solid var(--vivid-blue); }
.gr-corridor__stat-num { font-family: var(--font-display); font-size: 2.8rem; font-weight: 700; color: var(--white); line-height: 1; }
.gr-corridor__stat-label { font-size: 0.8rem; font-weight: 600; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 0.08em; }

/* Responsive */
@media (max-width: 900px) {
  .gr-why__grid { grid-template-columns: 1fr; }
  .gr-corridor__inner { grid-template-columns: 1fr; gap: 48px; }
  .gr-corridor__stats { flex-direction: row; flex-wrap: wrap; gap: 24px; }
  .gr-intro { padding: 60px 0; }
  .gr-why { padding: 60px 0; }
  .gr-corridor { padding: 60px 0; }
}
@media (max-width: 600px) {
  .gr-why__card { padding: 28px 24px; }
  .gr-corridor__stats { flex-direction: column; }
}

/* ============================================
   SPECIALIZATION PAGES FIX
   ============================================ */
.spec-intro { padding: 100px 0; background: #ffffff; }
.spec-intro__inner { max-width: 900px; }
.spec-intro__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #0106FF; margin-bottom: 16px; }
.spec-intro__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: #0A0630; line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 32px; }
.spec-intro__body { font-size: 1.05rem; line-height: 1.85; color: rgba(10,6,48,0.8); margin-bottom: 20px; }

.spec-who { padding: 100px 0; background: #0A0630; }
.spec-who__inner { display: grid; grid-template-columns: 1fr 1.5fr; gap: 80px; align-items: start; }
.spec-who__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #FFFFFF; margin-bottom: 16px; }
.spec-who__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: #ffffff; line-height: 1.15; letter-spacing: -0.03em; position: sticky; top: 100px; }
.spec-who__list { display: flex; flex-direction: column; gap: 12px; list-style: none; padding: 0; margin: 0; }
.spec-who__list li { display: flex; align-items: center; gap: 14px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 16px 20px; font-size: 0.975rem; color: rgba(255,255,255,0.85); transition: all 0.2s; }
.spec-who__list li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #0106FF; flex-shrink: 0; }
.spec-who__list li:hover { background: rgba(255,255,255,0.08); border-color: rgba(1,6,255,0.3); padding-left: 24px; }

.spec-engage { padding: 100px 0; background: #F4F4F6; }
.spec-engage__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #0106FF; margin-bottom: 16px; }
.spec-engage__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: #0A0630; line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 56px; }
.spec-engage__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.spec-engage__card { background: #ffffff; border-radius: 12px; padding: 32px 28px; border: 1px solid rgba(10,6,48,0.06); transition: all 0.3s; }
.spec-engage__card:hover { transform: translateY(-4px); box-shadow: 0 20px 60px rgba(10,6,48,0.12); border-color: rgba(1,6,255,0.12); }
.spec-engage__num { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #0106FF; margin-bottom: 14px; }
.spec-engage__card h3 { font-family: var(--font-display); font-size: 1rem; font-weight: 700; color: #0A0630; margin-bottom: 10px; line-height: 1.3; }
.spec-engage__card p { font-size: 0.875rem; line-height: 1.65; color: rgba(10,6,48,0.65); }

@media (max-width: 1100px) { .spec-engage__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) {
  .spec-who__inner { grid-template-columns: 1fr; gap: 40px; }
  .spec-who__headline { position: static; }
  .spec-intro { padding: 60px 0; }
  .spec-who { padding: 60px 0; }
  .spec-engage { padding: 60px 0; }
}
@media (max-width: 600px) {
  .spec-engage__grid { grid-template-columns: 1fr; }
  .spec-engage__card { padding: 24px 20px; }
}

/* ============================================
   INDUSTRY PAGES (shared template)
   ============================================ */

/* Intro */
.ind-pg-intro { padding: 100px 0; background: #ffffff; }
.ind-pg-intro__inner { max-width: 900px; }
.ind-pg-intro__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #0106FF; margin-bottom: 16px; }
.ind-pg-intro__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: #0A0630; line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 32px; }
.ind-pg-intro__body { font-size: 1.05rem; line-height: 1.85; color: rgba(10,6,48,0.8); margin-bottom: 20px; }
.ind-pg-intro__body:last-child { margin-bottom: 0; }

/* Who We Place */
.ind-pg-who { padding: 100px 0; background: #0A0630; }
.ind-pg-who__inner { display: grid; grid-template-columns: 1fr 1.5fr; gap: 80px; align-items: start; }
.ind-pg-who__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #FFFFFF; margin-bottom: 16px; }
.ind-pg-who__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: #ffffff; line-height: 1.15; letter-spacing: -0.03em; position: sticky; top: 100px; }
.ind-pg-who__list { display: flex; flex-direction: column; gap: 12px; list-style: none; padding: 0; margin: 0; }
.ind-pg-who__list li { display: flex; align-items: center; gap: 14px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 16px 20px; font-size: 0.975rem; color: rgba(255,255,255,0.85); transition: all 0.2s; }
.ind-pg-who__list li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #0106FF; flex-shrink: 0; }
.ind-pg-who__list li:hover { background: rgba(255,255,255,0.08); border-color: rgba(1,6,255,0.3); padding-left: 24px; }

/* Responsive */
@media (max-width: 900px) {
  .ind-pg-who__inner { grid-template-columns: 1fr; gap: 40px; }
  .ind-pg-who__headline { position: static; }
  .ind-pg-intro { padding: 60px 0; }
  .ind-pg-who { padding: 60px 0; }
}
@media (max-width: 600px) {
  .ind-pg-intro__headline { font-size: 1.6rem; }
  .ind-pg-who__list li { padding: 14px 16px; font-size: 0.9rem; }
}

/* ============================================
   VALUES + TEAM SECTIONS
   ============================================ */

/* Values */
.values { padding: 100px 0; background: var(--white); }
.values__label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #0106FF; margin-bottom: 16px; }
.values__headline { font-family: var(--font-display); font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 700; color: #0A0630; line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 56px; }
.values__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.values__card { background: var(--off-white); border-radius: 12px; padding: 40px 36px; border: 1px solid rgba(10,6,48,0.06); transition: all 0.3s; }
.values__card:hover { transform: translateY(-4px); box-shadow: 0 20px 60px rgba(10,6,48,0.1); border-color: rgba(1,6,255,0.12); }
.values__icon { width: 52px; height: 52px; background: rgba(1,6,255,0.07); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.values__card h3 { font-family: var(--font-display); font-size: 1.15rem; font-weight: 700; color: #0A0630; margin-bottom: 12px; line-height: 1.3; }
.values__card p { font-size: 0.975rem; line-height: 1.75; color: rgba(10,6,48,0.75); }

/* Team */
.team { padding: 100px 0; background: var(--midnight); }
.team__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #FFFFFF; margin-bottom: 16px; }
.team__headline { font-family: var(--font-display); font-size: clamp(2rem, 2.5vw, 2rem); font-weight: 700; color: #ffffff; line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 56px; }
.team__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 40px; }
.team__card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 36px 28px; text-align: center; transition: all 0.3s; }
.team__card:hover { background: rgba(255,255,255,0.08); border-color: rgba(1,6,255,0.3); transform: translateY(-4px); }
.team__avatar { width: 72px; height: 72px; border-radius: 50%; background: var(--vivid-blue); color: #ffffff; font-family: var(--font-display); font-size: 1.8rem; font-weight: 700; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.team__name { font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; color: #ffffff; margin-bottom: 6px; }
.team__role { font-size: 0.825rem; font-weight: 600; color: #0106FF; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 14px; }
.team__bio { font-size: 0.9rem; line-height: 1.65; color: rgba(255,255,255,0.55); }
.team__note { text-align: center; font-size: 0.875rem; color: rgba(255,255,255,0.35); font-style: italic; }

/* Responsive */
@media (max-width: 900px) {
  .values__grid { grid-template-columns: 1fr; }
  .team__grid { grid-template-columns: 1fr; }
  .values { padding: 60px 0; }
  .team { padding: 60px 0; }
}
@media (max-width: 600px) {
  .values__card { padding: 28px 24px; }
  .team__card { padding: 28px 20px; }
}

/* ============================================
   REELS SECTION
   ============================================ */
.reels { padding: 100px 0; background: var(--white); }
.reels__header { text-align: center; margin-bottom: 56px; }
.reels__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 12px; }
.reels__headline { font-family: var(--font-display); font-size: clamp(2rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 12px; }
.reels__sub { font-size: 1rem; color: rgba(10,6,48,0.55); }

.reels__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 40px; }

.reels__card { display: flex; flex-direction: column; gap: 12px; cursor: pointer; }
.reels__card:hover .reels__thumb { transform: scale(1.02); }
.reels__card:hover .reels__play { transform: translate(-50%, -50%) scale(1.1); }

.reels__thumb {
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 9/16;
  transition: transform 0.3s var(--ease-out);
}
.reels__thumb--1 { background: linear-gradient(160deg, #0A0630, #0106FF); }
.reels__thumb--2 { background: linear-gradient(160deg, #033A99, #0A0630); }
.reels__thumb--3 { background: linear-gradient(160deg, #0106FF, #033A99); }
.reels__thumb--4 { background: linear-gradient(160deg, #0A0630, #033A99 60%, #0106FF); }

.reels__play {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 48px; height: 48px;
  background: rgba(255,255,255,0.2);
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  border: 1.5px solid rgba(255,255,255,0.3);
  transition: transform 0.2s;
}

.reels__duration {
  position: absolute;
  bottom: 12px; right: 12px;
  font-size: 0.75rem; font-weight: 600;
  color: rgba(255,255,255,0.85);
  background: rgba(0,0,0,0.4);
  padding: 3px 8px; border-radius: 100px;
}

.reels__caption { font-size: 0.875rem; line-height: 1.5; color: rgba(10,6,48,0.75); font-weight: 500; }

.reels__follow { display: flex; justify-content: center; }
.reels__follow-btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 12px 28px;
  border-radius: 100px;
  border: 1.5px solid rgba(10,6,48,0.15);
  font-size: 0.9rem; font-weight: 600;
  color: var(--midnight);
  transition: all 0.2s;
}
.reels__follow-btn:hover { border-color: var(--vivid-blue); color: var(--vivid-blue); }

@media (max-width: 900px) {
  .reels__grid { grid-template-columns: repeat(2, 1fr); }
  .reels { padding: 60px 0; }
}
@media (max-width: 600px) {
  .reels__grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
}

/* ============================================
   ACCLIIVE INDIA — SPECIFIC STYLES
   ============================================ */

/* Anxiety Strip */
.in-strip { padding: 28px 0; background: var(--vivid-blue); }
.in-strip__text { font-size: 1rem; color: rgba(255,255,255,0.9); text-align: center; line-height: 1.6; }
.in-strip__text strong { color: #ffffff; }

/* Programs Grid */
/* .in-programs { padding: 100px 0; background: var(--off-white); }
.in-programs__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.in-programs__headline { font-family: var(--font-display); font-size: clamp(2rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 56px; }
.in-programs__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.in-program__card { background: var(--white); border-radius: var(--radius-md); padding: 36px 32px; border: 1px solid rgba(10,6,48,0.06); transition: all 0.3s var(--ease-out); text-decoration: none; display: flex; flex-direction: column; gap: 14px; }
.in-program__card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: rgba(1,6,255,0.15); }
.in-program__icon { width: 52px; height: 52px; background: rgba(1,6,255,0.07); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; }
.in-program__card h3 { font-family: var(--font-display); font-size: 1.15rem; font-weight: 700; color: var(--midnight); line-height: 1.3; }
.in-program__card p { font-size: 0.95rem; line-height: 1.7; color: rgba(10,6,48,0.7); flex: 1; }
.in-program__link { font-size: 0.875rem; font-weight: 600; color: var(--vivid-blue); } */
/* ============================================
   PROGRAMS SECTION — paste into accliive2.css
   ============================================ */

/* Section */
.in-programs { padding: 100px 0; background: var(--off-white); }

/* Header */
.in-programs__label { font-size: clamp(1rem, 3vw, 2rem); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.in-programs__headline { font-family: var(--font-display); font-size: clamp(1.6rem, 3vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 48px; max-width: 640px; }

/* Grid */
.in-programs__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }

/* Card */
.in-program__card { background: var(--white); border-radius: var(--radius-md); border: 1px solid rgba(10,6,48,0.06); transition: all 0.3s var(--ease-out); text-decoration: none; display: flex; flex-direction: column; overflow: hidden; opacity: 0; transform: translateY(24px); animation: cardIn 0.55s var(--ease-out) forwards; }
.in-program__card:nth-child(1) { animation-delay: 0.05s; }
.in-program__card:nth-child(2) { animation-delay: 0.15s; }
.in-program__card:nth-child(3) { animation-delay: 0.25s; }
.in-program__card:nth-child(4) { animation-delay: 0.35s; }
@keyframes cardIn { to { opacity: 1; transform: translateY(0); } }
.in-program__card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: rgba(1,6,255,0.15); }

/* Card Image */
.in-program__img { width: 100%; height: 220px; overflow: hidden; flex-shrink: 0; position: relative; }
.in-program__img img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; transition: transform 0.5s var(--ease-out); }
.in-program__card:hover .in-program__img img { transform: scale(1.04); }
.in-program__img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 55%, rgba(1,6,255,0.05) 100%); pointer-events: none; }

/* Card Body */
.in-program__body { padding: 28px 32px 32px; display: flex; flex-direction: column; gap: 14px; flex: 1; }
.in-program__icon { width: 52px; height: 52px; background: rgba(1,6,255,0.07); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.in-program__card h3 { font-family: var(--font-display); font-size: clamp(1rem, 2vw, 1.15rem); font-weight: 700; color: var(--midnight); line-height: 1.3; }
.in-program__card p { font-size: clamp(0.875rem, 1.5vw, 0.95rem); line-height: 1.7; color: rgba(10,6,48,0.7); flex: 1; }
.in-program__link { font-size: 0.875rem; font-weight: 600; color: var(--vivid-blue); display: inline-flex; align-items: center; gap: 4px; transition: gap 0.2s var(--ease-out); margin-top: auto; }
.in-program__card:hover .in-program__link { gap: 8px; }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .in-programs__grid { gap: 20px; }
  .in-program__img { height: 200px; }
  .in-program__body { padding: 24px 24px 28px; }
}

@media (max-width: 768px) {
  .in-programs { padding: 64px 0; }
  .in-programs__grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .in-program__img { height: 170px; }
  .in-program__body { padding: 20px 20px 24px; gap: 12px; }
  .in-program__icon { width: 44px; height: 44px; }
}

@media (max-width: 540px) {
  .in-programs { padding: 56px 0; }
  .in-programs__grid { grid-template-columns: 1fr; gap: 16px; }
  .in-programs__headline { margin-bottom: 36px; }
  .in-program__img { height: 210px; }
  .in-program__body { padding: 22px 20px 24px; gap: 12px; }
}

@media (max-width: 360px) {
  .in-program__img { height: 180px; }
  .in-program__body { padding: 18px 16px 20px; }
}

/* Why Accliive India */
.in-why { padding: 100px 0; background: var(--midnight); }
.in-why__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--white); margin-bottom: 16px; }
.in-why__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: var(--white); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 56px; }
.in-why__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.in-why__card { background: rgba(255,255,255,0.04); border: 0.5px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 28px 28px 32px; position: relative; overflow: hidden; transition: background 0.2s, border-color 0.2s; }
.in-why__card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.1); transition: background 0.2s; }
.in-why__card:hover { background: rgba(1,6,255,0.07); border-color: rgba(1,6,255,0.3); }
.in-why__card:hover::before { background: var(--vivid-blue); }
.in-why__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.in-why__icon { width: 44px; height: 44px; background: rgba(255,255,255,0.06); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.in-why__num { font-size: 2rem; font-weight: 700; color: rgba(255,255,255,0.12); line-height: 1; letter-spacing: -0.03em; }
.in-why__card h3 { font-size: 1.05rem; font-weight: 600; color: var(--white); line-height: 1.45; margin-bottom: 12px; }
.in-why__card p { font-size: 0.95rem; line-height: 1.75; color: rgba(255,255,255,0.55); }
@media (max-width: 600px) { .in-why__grid { grid-template-columns: 1fr; } }

/* Workshops CTA */
.in-workshops-cta { padding: 100px 0; background: var(--off-white); }
.in-workshops-cta__inner { max-width: 700px; }
.in-workshops-cta__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.in-workshops-cta h2 { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 20px; }
.in-workshops-cta p { font-size: 1.05rem; line-height: 1.8; color: rgba(10,6,48,0.75); margin-bottom: 32px; }

/* Workshops List */
.wshop-list { padding: 80px 0 100px; background: var(--white); }
.wshop-item { padding: 48px 0; border-bottom: 1px solid rgba(10,6,48,0.08); display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.wshop-item:last-child { border-bottom: none; }
.wshop-item__tag { display: inline-block; padding: 4px 12px; border-radius: 100px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; background: rgba(1,6,255,0.08); color: var(--vivid-blue); border: 1px solid rgba(1,6,255,0.15); margin-bottom: 14px; }
.wshop-item__title { font-family: var(--font-display); font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.2; letter-spacing: -0.02em; margin-bottom: 12px; }
.wshop-item__desc { font-size: 1rem; line-height: 1.7; color: rgba(10,6,48,0.7); }
.wshop-item__meta { display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px; }
.wshop-item__meta-row { display: flex; align-items: center; gap: 10px; font-size: 0.9rem; color: rgba(10,6,48,0.7); }
.wshop-item__actions { display: flex; gap: 12px; flex-wrap: wrap; }

/* Program Outcomes */
.prog-outcomes { padding: 100px 0; background: var(--off-white); }
.prog-outcomes__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.prog-outcomes__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 56px; }
.prog-outcomes__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.prog-outcome__card { background: var(--white); border-radius: var(--radius-md); padding: 32px 28px; border: 1px solid rgba(10,6,48,0.06); transition: all 0.3s; }
.prog-outcome__card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
.prog-outcome__num { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 12px; }
.prog-outcome__card h3 { font-family: var(--font-display); font-size: 1rem; font-weight: 700; color: var(--midnight); margin-bottom: 10px; line-height: 1.3; }
.prog-outcome__card p { font-size: 0.875rem; line-height: 1.65; color: rgba(10,6,48,0.7); }

/* Program Format */
.prog-format { padding: 100px 0; background: var(--white); }
.prog-format__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.prog-format__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }
.prog-format__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.15; letter-spacing: -0.03em; margin-bottom: 28px; }
.prog-format__list { display: flex; flex-direction: column; gap: 12px; list-style: none; padding: 0; margin: 0 0 32px; }
.prog-format__list li { font-size: 0.975rem; line-height: 1.6; color: rgba(10,6,48,0.8); padding: 12px 16px; background: var(--off-white); border-radius: var(--radius-sm); border: 1px solid rgba(10,6,48,0.06); }
.prog-format__addon { background: rgba(1,6,255,0.04); border: 1px solid rgba(1,6,255,0.1); border-radius: var(--radius-md); padding: 28px; }
.prog-format__addon h3 { font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; color: var(--midnight); margin-bottom: 10px; }
.prog-format__addon p { font-size: 0.9rem; line-height: 1.65; color: rgba(10,6,48,0.7); }
.prog-format__who { background: var(--midnight); border-radius: var(--radius-md); padding: 32px; margin-bottom: 24px; }
.prog-format__who-label { font-size: 1.5rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--white); margin-bottom: 16px; }
.prog-format__who-list { display: flex; flex-direction: column; gap: 10px; list-style: none; padding: 0; margin: 0; }
.prog-format__who-list li { font-size: 0.9rem; line-height: 1.6; color: rgba(255,255,255,0.8); padding-left: 16px; position: relative; }
.prog-format__who-list li::before { content: ''; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--vivid-blue); }
.prog-format__dates { background: var(--off-white); border-radius: var(--radius-md); padding: 28px; border: 1px solid rgba(10,6,48,0.08); }
.prog-format__dates-label { font-size: 1rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 12px; }
.prog-format__dates-placeholder { font-size: 0.9rem; line-height: 1.65; color: rgba(10,6,48,0.65); }

/* Responsive */
@media (max-width: 900px) {
  .in-programs__grid { grid-template-columns: 1fr; }
  .in-why__grid { grid-template-columns: 1fr; }
  .wshop-item { grid-template-columns: 1fr; gap: 24px; }
  .prog-outcomes__grid { grid-template-columns: repeat(2, 1fr); }
  .prog-format__inner { grid-template-columns: 1fr; gap: 40px; }
  .in-programs { padding: 60px 0; }
  .in-why { padding: 60px 0; }
  .prog-outcomes { padding: 60px 0; }
  .prog-format { padding: 60px 0; }
}
@media (max-width: 600px) {
  .prog-outcomes__grid { grid-template-columns: 1fr; }
  .wshop-item__actions { flex-direction: column; }
  .in-why__card { padding: 28px 20px; }
}

/* ============================================
   INDIA PAGES — MOBILE FIX
   ============================================ */

@media (max-width: 900px) {

  /* Homepage */
  .in-programs__grid { grid-template-columns: 1fr; gap: 16px; }
  .in-why__grid { grid-template-columns: 1fr; gap: 16px; }
  .in-workshops-cta { padding: 60px 0; }

  /* Workshops Page */
  .wshop-item { grid-template-columns: 1fr; gap: 24px; padding: 40px 0; }
  .wshop-item__actions { flex-direction: column; gap: 10px; }
  .wshop-item__actions .btn { text-align: center; }

  /* Program Pages */
  .prog-outcomes__grid { grid-template-columns: 1fr; gap: 16px; }
  .prog-format__inner { grid-template-columns: 1fr; gap: 32px; }
  .prog-format { padding: 60px 0; }
  .prog-outcomes { padding: 60px 0; }

  /* About Page */
  .about-beliefs__inner { grid-template-columns: 1fr; gap: 40px; }
  .about-beliefs__headline { position: static; font-size: 1.8rem; }
  .about-different__grid { grid-template-columns: 1fr; }

  /* Contact Page */
  .contact-form-section__inner { grid-template-columns: 1fr; gap: 40px; }
  .contact-form__right { position: static; }
  .contact-form__row { grid-template-columns: 1fr; }

  /* Strip */
  .in-strip__text { font-size: 0.9rem; text-align: center; padding: 0 16px; }
}

@media (max-width: 600px) {

  /* General padding */
  .in-programs { padding: 48px 0; }
  .in-why { padding: 48px 0; }
  .wshop-list { padding: 48px 0 60px; }

  /* Cards */
  .in-program__card { padding: 24px 20px; }
  .in-why__card { padding: 24px 20px; }
  .prog-outcome__card { padding: 24px 20px; }
  .prog-format__addon { padding: 20px; }
  .prog-format__who { padding: 24px 20px; }
  .prog-format__dates { padding: 20px; }

  /* Workshop items */
  .wshop-item__title { font-size: 1.3rem; }
  .wshop-item__meta-row { font-size: 0.85rem; }

  /* Program outcomes */
  .prog-outcomes__grid { grid-template-columns: 1fr; }

  /* Footer */
  .footer__top { grid-template-columns: 1fr !important; gap: 32px !important; }
  .footer__brand { padding-right: 0; }
}

/* ============================================
   HERO BACKGROUND VIDEO
   ============================================ */
.hero__video-wrap {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.hero__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.3;
}
.hero__video-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(10,6,48,0.6) 0%,
    rgba(10,6,48,0.4) 50%,
    rgba(10,6,48,0.8) 100%
  );
}

.blog-subscribe-strip {
  background: #ffffff;
  border: 0.5px solid rgba(10,6,48,0.12);
  border-radius: 12px;
  padding: 28px 32px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px;
  margin-top: 24px;
}
.blog-subscribe-strip__left {
  display: flex;
  align-items: center;
  gap: 14px;
}
.blog-subscribe-strip__icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(1,6,255,0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 20px;
}
.blog-subscribe-strip__copy h4 {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--midnight);
  margin: 0 0 3px;
}
.blog-subscribe-strip__copy p {
  font-size: 0.8125rem;
  color: rgba(10,6,48,0.55);
  line-height: 1.5;
  margin: 0;
}
.blog-subscribe-strip form {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
}
.blog-subscribe-strip input[type="email"] {
  height: 38px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1.5px solid rgba(10,6,48,0.15);
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: var(--midnight);
  width: 210px;
  outline: none;
  background: rgba(10,6,48,0.025);
  transition: border-color 0.2s, background 0.2s;
}
.blog-subscribe-strip input[type="email"]:focus {
  border-color: var(--vivid-blue);
  background: #fff;
}
.blog-subscribe-strip input::placeholder { color: rgba(10,6,48,0.35); }
.blog-subscribe-strip button {
  height: 38px;
  padding: 0 18px;
  border-radius: 8px;
  background: var(--vivid-blue);
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s;
}
.blog-subscribe-strip button:hover { background: var(--ultramarine); }
@media (max-width: 640px) {
  .blog-subscribe-strip { grid-template-columns: 1fr; gap: 16px; padding: 20px; }
  .blog-subscribe-strip form { flex-direction: column; width: 100%; }
  .blog-subscribe-strip input[type="email"] { width: 100%; }
  .blog-subscribe-strip button { width: 100%; }
}

/* Newsletter Strip */
.blog-subscribe-strip {
  background: #ffffff;
  border: 0.5px solid rgba(10,6,48,0.12);
  border-radius: 12px;
  padding: 28px 32px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px;
  margin-top: 24px;
}
.blog-subscribe-strip__left {
  display: flex;
  align-items: center;
  gap: 14px;
}
.blog-subscribe-strip__icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(1,6,255,0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 20px;
}
.blog-subscribe-strip__copy h4 {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--midnight);
  margin: 0 0 3px;
}
.blog-subscribe-strip__copy p {
  font-size: 0.8125rem;
  color: rgba(10,6,48,0.55);
  line-height: 1.5;
  margin: 0;
}
.blog-subscribe-strip form {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
}
.blog-subscribe-strip input[type="email"] {
  height: 38px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1.5px solid rgba(10,6,48,0.15);
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: var(--midnight);
  width: 210px;
  outline: none;
  background: rgba(10,6,48,0.025);
  transition: border-color 0.2s, background 0.2s;
}
.blog-subscribe-strip input[type="email"]:focus {
  border-color: var(--vivid-blue);
  background: #fff;
}
.blog-subscribe-strip input::placeholder { color: rgba(10,6,48,0.35); }
.blog-subscribe-strip button {
  height: 38px;
  padding: 0 18px;
  border-radius: 8px;
  background: var(--vivid-blue);
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s;
}
.blog-subscribe-strip button:hover { background: var(--ultramarine); }
@media (max-width: 640px) {
  .blog-subscribe-strip { grid-template-columns: 1fr; gap: 16px; padding: 20px; }
  .blog-subscribe-strip form { flex-direction: column; width: 100%; }
  .blog-subscribe-strip input[type="email"] { width: 100%; }
  .blog-subscribe-strip button { width: 100%; }
}

a.services__card { text-decoration: none; display: block; }
a.services__card:hover { transform: translateY(-4px); }

/* ============================================
   INDUSTRIES SECTION — paste into accliive2.css
   ============================================ */

/* Section */
.industries { padding: 100px 0; background: var(--off-white); }
.industries__inner { display: flex; flex-direction: column; gap: 0; }

/* Label */
.industries__label { font-size: clamp(1rem, 3vw, 2rem); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 40px; }

/* Grid — 3 cols desktop */
.industries__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

/* Card */
.industries__card { text-decoration: none; background: var(--white); border-radius: var(--radius-md); border: 1px solid rgba(10,6,48,0.06); overflow: hidden; display: flex; flex-direction: column; transition: all 0.3s var(--ease-out); opacity: 0; transform: translateY(20px); animation: indCardIn 0.5s var(--ease-out) forwards; }
.industries__card:nth-child(1) { animation-delay: 0.05s; }
.industries__card:nth-child(2) { animation-delay: 0.12s; }
.industries__card:nth-child(3) { animation-delay: 0.19s; }
.industries__card:nth-child(4) { animation-delay: 0.26s; }
.industries__card:nth-child(5) { animation-delay: 0.33s; }
.industries__card:nth-child(6) { animation-delay: 0.40s; }
@keyframes indCardIn { to { opacity: 1; transform: translateY(0); } }
.industries__card:hover { transform: translateY(-5px); box-shadow: var(--shadow-hover); border-color: rgba(1,6,255,0.15); }

/* Card image */
.industries__card-img { width: 100%; height: 180px; overflow: hidden; flex-shrink: 0; position: relative; }
.industries__card-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform 0.5s var(--ease-out); }
.industries__card:hover .industries__card-img img { transform: scale(1.05); }
.industries__card-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 40%, rgba(10,6,48,0.18) 100%); pointer-events: none; }

/* Card body */
.industries__card-body { padding: 20px 22px 22px; display: flex; align-items: center; gap: 14px; flex: 1; }
.industries__card-icon { width: 44px; height: 44px; background: rgba(1,6,255,0.07); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.3s var(--ease-out); }
.industries__card:hover .industries__card-icon { background: rgba(1,6,255,0.13); }
.industries__card-body span { font-family: var(--font-display); font-size: 0.975rem; font-weight: 700; color: var(--midnight); line-height: 1.3; flex: 1; }
.industries__card-arrow { font-size: 1.1rem; color: var(--vivid-blue); opacity: 0; transform: translateX(-6px); transition: opacity 0.25s var(--ease-out), transform 0.25s var(--ease-out); }
.industries__card:hover .industries__card-arrow { opacity: 1; transform: translateX(0); }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .industries__grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }
  .industries__card-img { height: 155px; }
}

@media (max-width: 768px) {
  .industries { padding: 64px 0; }
  .industries__grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .industries__card-img { height: 145px; }
  .industries__card-body { padding: 16px 18px 18px; gap: 12px; }
}

@media (max-width: 480px) {
  .industries { padding: 56px 0; }
  .industries__grid { grid-template-columns: 1fr; gap: 14px; }
  .industries__label { margin-bottom: 28px; }
  .industries__card-img { height: 190px; }
  .industries__card-body { padding: 16px 18px 18px; }
  .industries__card-arrow { opacity: 1; transform: translateX(0); }
}

@media (max-width: 360px) {
  .industries__card-img { height: 160px; }
  .industries__card-body { padding: 14px 14px 16px; }
}

/* ============================================
   WHAT WE DO — paste into accliive2.css
   ============================================ */
.what-we-do { padding: 100px 0; background: var(--white); }

.wwd__top { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 56px; gap: 40px; }

.wwd__left { flex: 1; }

.wwd__label { font-size: 2rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 14px; }

.wwd__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.1; letter-spacing: -0.03em; }

.wwd__sub { flex: 1; font-size: 1rem; font-weight: 500; color: rgba(11,13,31,0.55); max-width: 420px; line-height: 1.75; align-self: flex-end; }

.wwd__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

/* Card is now an <a> tag — reset link styles, keep card styles */
.wwd__card { border: 1px solid rgba(11,13,31,0.08); border-radius: var(--radius-md); padding: 36px 28px; display: flex; flex-direction: column; gap: 16px; transition: border-color 0.2s, box-shadow 0.2s; background: var(--white); text-decoration: none; cursor: pointer; }

.wwd__card:hover { border-color: rgba(20,0,255,0.2); box-shadow: 0 4px 32px rgba(20,0,255,0.06); }

.wwd__number { font-family: var(--font-display); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; color: var(--vivid-blue); background: rgba(20,0,255,0.07); border: 1px solid rgba(20,0,255,0.15); border-radius: 999px; padding: 4px 12px; display: inline-block; width: fit-content; }

.wwd__card-title { font-family: var(--font-display); font-size: 1.15rem; font-weight: 700; color: var(--midnight); line-height: 1.2; letter-spacing: -0.02em; }

.wwd__divider { width: 28px; height: 1px; background: rgba(11,13,31,0.1); }

.wwd__card-body { font-size: 0.875rem; line-height: 1.8; font-weight: 500; color: rgba(11,13,31,0.55); flex: 1; }

.wwd__card-link { display: inline-flex; align-items: center; gap: 6px; font-size: 0.8rem; font-weight: 500; color: var(--vivid-blue); text-decoration: none; margin-top: 4px; opacity: 0.5; transition: opacity 0.2s, gap 0.2s; }

.wwd__card:hover .wwd__card-link { opacity: 1; gap: 10px; }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .wwd__grid { gap: 18px; }
}

@media (max-width: 768px) {
  .what-we-do { padding: 64px 0; }
  .wwd__top { flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 40px; }
  .wwd__sub { max-width: 100%; align-self: auto; }
  .wwd__grid { grid-template-columns: 1fr; gap: 16px; }
}

@media (max-width: 480px) {
  .what-we-do { padding: 56px 0; }
  .wwd__card { padding: 28px 22px; }
  .wwd__label { font-size: 1.2rem; }
}

/* ============================================
   WHAT WE DO — paste into accliive2.css
   ============================================ */
.what-we-do { padding: 100px 0; background: var(--white); }

.wwd__top { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 56px; gap: 40px; }

.wwd__left { flex: 1; }

.wwd__label { font-size: 2rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 14px; }

.wwd__headline { font-family: var(--font-display); font-size: clamp(1rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.1; letter-spacing: -0.03em; }

.wwd__sub { flex: 1; font-size: 1rem; font-weight: 500; color: rgba(11,13,31,0.55); max-width: 420px; line-height: 1.75; align-self: flex-end; }

.wwd__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

/* Card — full card is clickable */
.wwd__card { border: 1px solid rgba(11,13,31,0.08); border-radius: var(--radius-md); overflow: hidden; display: flex; flex-direction: column; transition: border-color 0.2s, box-shadow 0.2s, transform 0.3s var(--ease-out); background: var(--white); text-decoration: none; cursor: pointer; }

.wwd__card:hover { border-color: rgba(20,0,255,0.2); box-shadow: 0 4px 32px rgba(20,0,255,0.06); transform: translateY(-4px); }

/* Image */
.wwd__card-img { width: 100%; height: 200px; overflow: hidden; flex-shrink: 0; position: relative; }

.wwd__card-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform 0.5s var(--ease-out); }

.wwd__card:hover .wwd__card-img img { transform: scale(1.04); }

.wwd__card-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 50%, rgba(11,13,31,0.10) 100%); pointer-events: none; }

/* Body wrap — restores original card padding & gap */
.wwd__card-body-wrap { padding: 28px 28px 32px; display: flex; flex-direction: column; gap: 16px; flex: 1; }

.wwd__number { font-family: var(--font-display); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; color: var(--vivid-blue); background: rgba(20,0,255,0.07); border: 1px solid rgba(20,0,255,0.15); border-radius: 999px; padding: 4px 12px; display: inline-block; width: fit-content; }

.wwd__card-title { font-family: var(--font-display); font-size: 1.15rem; font-weight: 700; color: var(--midnight); line-height: 1.2; letter-spacing: -0.02em; }

.wwd__divider { width: 28px; height: 1px; background: rgba(11,13,31,0.1); }

.wwd__card-body { font-size: 0.875rem; line-height: 1.8; font-weight: 500; color: rgba(11,13,31,0.55); flex: 1; }

.wwd__card-link { display: inline-flex; align-items: center; gap: 6px; font-size: 0.8rem; font-weight: 500; color: var(--vivid-blue); text-decoration: none; margin-top: 4px; opacity: 0.5; transition: opacity 0.2s, gap 0.2s; }

.wwd__card:hover .wwd__card-link { opacity: 1; gap: 10px; }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .wwd__grid { gap: 18px; }
  .wwd__card-img { height: 180px; }
}

@media (max-width: 768px) {
  .what-we-do { padding: 64px 0; }
  .wwd__top { flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 40px; }
  .wwd__sub { max-width: 100%; align-self: auto; }
  .wwd__grid { grid-template-columns: 1fr; gap: 16px; }
  .wwd__card-img { height: 220px; }
}

@media (max-width: 480px) {
  .what-we-do { padding: 56px 0; }
  .wwd__card-img { height: 190px; }
  .wwd__card-body-wrap { padding: 22px 20px 24px; }
  .wwd__label { font-size: 1.2rem; }
}

@media (max-width: 360px) {
  .wwd__card-img { height: 160px; }
  .wwd__card-body-wrap { padding: 18px 16px 20px; }
}

/* ============================================
   SERVICES — paste into accliive2.css
   ============================================ */
.services { padding: 120px 0; background: var(--off-white); }
.services__header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 64px; gap: 40px; flex-wrap: wrap; }
.services__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 12px; }
.services__headline { font-family: var(--font-display); font-size: clamp(1.2rem, 2.5vw, 2rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; color: var(--midnight); }
.services__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

/* Card — full card is clickable */
.services__card { background: var(--white); border-radius: var(--radius-md); border: 1px solid rgba(10,6,48,0.06); overflow: hidden; display: flex; flex-direction: column; text-decoration: none; transition: all 0.35s var(--ease-out); }
.services__card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); border-color: rgba(1,6,255,0.15); }

/* Image */
.services__card-img { width: 100%; height: 190px; overflow: hidden; flex-shrink: 0; position: relative; }
.services__card-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform 0.5s var(--ease-out); }
.services__card:hover .services__card-img img { transform: scale(1.04); }
.services__card-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 50%, rgba(10,6,48,0.08) 100%); pointer-events: none; }

/* Body — restores original padding */
.services__card-body { padding: 28px 36px 36px; display: flex; flex-direction: column; flex: 1; }
.services__card-icon { width: 52px; height: 52px; background: rgba(1,6,255,0.07); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; flex-shrink: 0; }
.services__card h3 { font-size: 1.05rem; font-weight: 600; color: var(--midnight); margin-bottom: 10px; }
.services__card p { font-size: 0.9rem; line-height: 1.65; color: rgba(10,6,48,0.75); }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .services__grid { gap: 18px; }
  .services__card-img { height: 170px; }
}

@media (max-width: 768px) {
  .services { padding: 64px 0; }
  .services__header { margin-bottom: 40px; }
  .services__grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .services__card-img { height: 160px; }
  .services__card-body { padding: 22px 24px 28px; }
}

@media (max-width: 480px) {
  .services { padding: 56px 0; }
  .services__grid { grid-template-columns: 1fr; gap: 14px; }
  .services__card-img { height: 200px; }
  .services__card-body { padding: 20px 20px 24px; }
  .services__label { font-size: 1.2rem; }
}

@media (max-width: 360px) {
  .services__card-img { height: 170px; }
  .services__card-body { padding: 16px 16px 20px; }
}

/* ============================================
   PEOPLE PILLARS — replace in accliive2.css
   ============================================ */
.people-pillars { padding: 72px 0; background: var(--white); border-bottom: 1px solid rgba(10,6,48,0.08); }

.people-pillars__inner { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: start; }

.people-pillar { padding: 32px 40px; display: flex; flex-direction: column; gap: 14px; }

.people-pillar__divider { width: 1px; background: rgba(10,6,48,0.08); align-self: stretch; }

.people-pillar__icon-row { display: flex; align-items: center; gap: 14px; margin-bottom: 4px; }

.people-pillar__icon { width: 48px; height: 48px; background: rgba(1,6,255,0.07); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

.people-pillar h3 { font-family: var(--font-display); font-size: 1rem; font-weight: 700; color: var(--midnight); line-height: 1.3; }

.people-pillar p { font-size: 0.9rem; line-height: 1.75; color: rgba(10,6,48,0.6); max-width: 280px; }

/* ── Responsive ── */
@media (max-width: 900px) {
  .people-pillars__inner { grid-template-columns: 1fr 1fr; gap: 0; }
  .people-pillar__divider { display: none; }
  .people-pillar { padding: 24px; border-bottom: 1px solid rgba(10,6,48,0.06); }
  .people-pillar:last-child { border-bottom: none; }
}

@media (max-width: 600px) {
  .people-pillars { padding: 48px 0; }
  .people-pillars__inner { grid-template-columns: 1fr; }
  .people-pillar p { max-width: 100%; }
}



/* ── OPPORTUNITY — replace in accliive2.css ── */
.people-opportunity { padding: 100px 0; background: var(--midnight); }
.people-opportunity__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }

/* Left col — all white */
.people-opportunity__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--white); margin-bottom: 16px; }
.people-opportunity__headline { font-family: var(--font-display); font-size: clamp(2rem, 2.5vw, 2rem); font-weight: 700; color: var(--white); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 28px; }
.people-opportunity__body { font-size: 1rem; line-height: 1.85; color: rgba(255,255,255,0.7); margin-bottom: 20px; }

/* Stats row */
.people-opportunity__right { display: flex; flex-direction: column; gap: 32px; }
.people-opportunity__stats-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-md); overflow: hidden; }
.people-opportunity__stat { display: flex; flex-direction: column; gap: 6px; padding: 24px 20px; border-right: 1px solid rgba(255,255,255,0.08); }
.people-opportunity__stat:last-child { border-right: none; }
.people-opportunity__stat-num { font-family: var(--font-display); font-size: 2.2rem; font-weight: 700; color: var(--white); line-height: 1; }
.people-opportunity__stat-label { font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: 0.08em; }

/* Types */
.people-opportunity__types { display: flex; flex-direction: column; gap: 16px; border-top: 1px solid rgba(255,255,255,0.08); padding-top: 28px; }
.people-opportunity__type { display: flex; align-items: flex-start; gap: 16px; padding: 18px 20px; background: rgba(255,255,255,0.03); border-radius: var(--radius-sm); border: 1px solid rgba(255,255,255,0.06); transition: border-color 0.2s; }
.people-opportunity__type:hover { border-color: rgba(1,6,255,0.3); }
.people-opportunity__type-icon { width: 36px; height: 36px; background: rgba(1,6,255,0.2); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 0.72rem; font-weight: 700; color: var(--white); flex-shrink: 0; }
.people-opportunity__type h4 { font-size: 0.95rem; font-weight: 700; color: var(--white); margin-bottom: 4px; }
.people-opportunity__type p { font-size: 0.85rem; line-height: 1.6; color: rgba(255,255,255,0.55); }

/* ── Responsive ── */
@media (max-width: 900px) {
  .people-opportunity { padding: 60px 0; }
  .people-opportunity__inner { grid-template-columns: 1fr; gap: 48px; }
}

@media (max-width: 600px) {
  .people-opportunity__stats-row { grid-template-columns: 1fr; }
  .people-opportunity__stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.08); }
  .people-opportunity__stat:last-child { border-bottom: none; }
}

/* ── POSITIONS — replace in accliive2.css ── */
.people-positions { padding: 100px 0; background: var(--off-white); }

.people-positions__label { font-size: 2rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--vivid-blue); margin-bottom: 16px; }

.people-positions__headline { font-family: var(--font-display); font-size: clamp(2rem, 2.5vw, 2rem); font-weight: 700; color: var(--midnight); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 56px; }

.people-positions__grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 12px; }

.people-positions__item { display: flex; align-items: center; gap: 12px; background: var(--white); border-radius: var(--radius-sm); padding: 16px 18px; border: 1px solid rgba(10,6,48,0.06); transition: all 0.2s var(--ease-out); }

.people-positions__item:hover { border-color: rgba(1,6,255,0.2); transform: translateX(4px); box-shadow: 0 2px 12px rgba(1,6,255,0.06); }

.people-positions__item span { font-size: 0.875rem; font-weight: 500; color: var(--midnight); line-height: 1.4; }

/* ── Responsive ── */
@media (max-width: 1100px) {
  .people-positions__grid { grid-template-columns: repeat(3, 1fr) !important; }
}

@media (max-width: 768px) {
  .people-positions__grid { grid-template-columns: repeat(2, 1fr) !important; }
  .people-positions { padding: 64px 0; }
}

@media (max-width: 480px) {
  .people-positions__grid { grid-template-columns: 1fr !important; }
  .people-positions { padding: 48px 0; }
  .people-positions__headline { margin-bottom: 36px; }
}

/* People page hero fix */
.page-hero__inner .hero__ctas { 
  display: flex; 
  justify-content: center; 
  width: 100%; 
}

.page-hero__inner .hero__ctas .btn { 
  width: auto; 
}
.nav__dropdown .nav__mega,
.nav__dropdown .nav__dropdown-menu { display: none; }

.nav__dropdown.open .nav__mega,
.nav__dropdown.open .nav__dropdown-menu { display: grid; }
.nav__dropdown .nav__mega { opacity: 0; pointer-events: none; transform: translateX(0) translateY(8px); }
.nav__dropdown.open .nav__mega { opacity: 1; pointer-events: auto; transform: translateX(0) translateY(0); display: flex; }

.nav__mobile-direct { 
  font-size: 1rem; 
  font-weight: 700; 
  color: var(--white); 
  text-decoration: none; 
  padding: 16px 0; 
  display: block; 
}
@media (max-width: 480px) {
  .hero__ctas { flex-direction: row !important; gap: 10px !important; flex-wrap: wrap; }
  .hero__ctas .btn { font-size: 0.8rem !important; padding: 10px 18px !important; width: auto !important; }
  .hero__scroll-hint { display: none; }
}

@media (max-width: 480px) {
  .page-hero__title { font-size: 2rem !important; }
  .page-hero__sub { font-size: 0.95rem !important; }
}