.elementor-2227 .elementor-element.elementor-element-06ffbdd{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-06ffbdd */@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");

/* ═══════════ TOKENS ═══════════ */
:root {
  --navy: #071A3A !important;
  --ink: #0B1220 !important;
  --ink-dim: #3D4A5C !important;
  --muted: #6E7B91 !important;
  --sky: #0D5FE5 !important;
  --sky-light: #72DDF7 !important;
  --accent-grad: linear-gradient(135deg, #0D5FE5, #72DDF7) !important;
  --surface: #F7F8FD !important;
  --card: #FFFFFF !important;
  --line: #E6ECF3 !important;
  --radius: 16px !important;
  --shadow: 0 8px 28px rgba(13,95,229,.07) !important;
  --shadow-hover: 0 16px 40px rgba(13,95,229,.13) !important;
  --font-display: 'Inter', system-ui, -apple-system, sans-serif !important;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif !important;
  --max-w: 1300px !important;
}

/*
 * FIX: Scoped reset — only targets page content sections.
 * NO !important here so admin bar, Elementor UI, and header keep their spacing.
 */
.hero *, .hero *::before, .hero *::after,
.why-section *, .why-section *::before, .why-section *::after,
.career-areas *, .career-areas *::before, .career-areas *::after,
.life-section *, .life-section *::before, .life-section *::after,
.testimonials *, .testimonials *::before, .testimonials *::after,
.awards *, .awards *::before, .awards *::after,
.locations *, .locations *::before, .locations *::after,
.programs *, .programs *::before, .programs *::after,
.final-cta *, .final-cta *::before, .final-cta *::after,
.sh-footer *, .sh-footer *::before, .sh-footer *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html { scroll-behavior: smooth !important; }
section[id] { scroll-margin-top: 80px !important; }
body { font-family: var(--font-body) !important; color: var(--ink) !important; background: #fff !important; line-height: 1.6 !important; -webkit-font-smoothing: antialiased !important; }
a { color: inherit !important; text-decoration: none !important; }
img { max-width: 100% !important; display: block !important; }

.wrap { max-width: var(--max-w) !important; margin: 0 auto !important; padding: 0 24px !important; }

/* ═══════════ UTILITY ═══════════ */
.overline {
  display: inline-block !important; text-transform: uppercase !important; letter-spacing: .1em !important; font-weight: 700 !important;
  font-size: 12px !important; color: var(--sky) !important;
  background: linear-gradient(180deg, rgba(13,95,229,.1), rgba(13,95,229,.04)) !important;
  border: 1px solid rgba(13,95,229,.2) !important; border-radius: 999px !important; padding: 6.5px 13px !important;
}
.section-heading {
  font-family: var(--font-display) !important; font-size: clamp(32px, 4.5vw, 51px) !important;
  line-height: 1.12 !important; color: var(--ink) !important; margin: 9.5px 0 8px !important;
  font-weight: 800 !important; letter-spacing: -.03em !important;
}
.section-sub { color: var(--ink-dim) !important; font-size: 17px !important; max-width: 620px !important; line-height: 1.65 !important; }

/* ═══════════ 1. HERO ═══════════ */
.hero {
  position: relative !important; overflow: hidden !important;
  background: var(--navy) !important;
  padding: 100px 0 80px !important;
}
.hero::before {
  content: '' !important; position: absolute !important; inset: 0 !important;
  background:
    radial-gradient(ellipse 900px 600px at 15% 20%, rgba(13,95,229,.35), transparent 60%),
    radial-gradient(ellipse 700px 500px at 85% 80%, rgba(114,221,247,.2), transparent 55%) !important;
}
.hero .wrap { position: relative !important; z-index: 1 !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 60px !important; align-items: center !important; }
.hero-text { color: #fff !important; }
.hero-text h1 {
  font-family: var(--font-display) !important; font-size: clamp(41.5px, 5vw, 61px) !important;
  line-height: 1.08 !important; margin-bottom: 20px !important; font-weight: 800 !important; letter-spacing: -.035em !important;
}
.hero-text h1 span {
  display: inline !important;
  background: var(--accent-grad) !important; -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.hero-text p { color: rgba(255,255,255,.72) !important; font-size: 17.5px !important; margin-bottom: 32px !important; max-width: 480px !important; }

/* Search Bar */
.hero-search {
  display: flex !important; background: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 12px !important; overflow: hidden !important; backdrop-filter: blur(6px) !important;
  max-width: 480px !important;
}
.hero-search input {
  flex: 1 !important; border: none !important; background: transparent !important; color: #fff !important;
  padding: 14px 18px !important; font-size: 16px !important; font-family: var(--font-body) !important; outline: none !important;
}
.hero-search input::placeholder { color: rgba(255,255,255,.45) !important; }
.hero-search button {
  background: var(--accent-grad) !important; border: none !important; color: #fff !important; font-weight: 700 !important;
  padding: 14px 24px !important; cursor: pointer !important; font-family: var(--font-body) !important; font-size: 14.5px !important;
  transition: opacity .2s !important;
}
.hero-search button:hover { opacity: .9 !important; }

.hero-stats {
  display: flex !important; gap: 36px !important; margin-top: 40px !important;
}
.hero-stat-num {
  font-family: var(--font-display) !important; font-size: 32px !important; color: #fff !important; line-height: 1 !important;
  font-weight: 800 !important; letter-spacing: -.02em !important;
}
.hero-stat-label {
  font-size: 12.5px !important; color: rgba(255,255,255,.5) !important; text-transform: uppercase !important;
  letter-spacing: .06em !important; font-weight: 600 !important; margin-top: 4px !important;
}

/* Hero visual — gradient frame */
.hero-visual {
  position: relative !important; display: flex !important; justify-content: center !important; align-items: center !important;
}
.hero-gradient-frame {
  position: relative !important; display: inline-block !important; max-width: 380px !important; width: 100% !important;
}
.hero-gradient-frame::before {
  content: '' !important; position: absolute !important;
  top: 20px !important; right: -20px !important; bottom: -20px !important; left: 20px !important;
  background: var(--accent-grad) !important;
  border-radius: 20px !important; z-index: 1 !important;
}
.hero-gradient-frame img {
  position: relative !important; display: block !important; width: 100% !important; max-height: 520px !important;
  object-fit: cover !important; object-position: top !important;
  border-radius: 16px !important; z-index: 2 !important;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,.3) !important;
}

/* ═══════════ 3. WHY SKYHIGH ═══════════ */
.why-section { padding: 100px 0 !important; }
.why-section .wrap { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 60px !important; align-items: center !important; }
.why-content { align-self: center !important; }
.why-video {
  position: relative !important; border-radius: var(--radius) !important; overflow: hidden !important;
  aspect-ratio: 16/9 !important; background: #000 !important;
  box-shadow: var(--shadow) !important; align-self: center !important;
}
.why-video iframe { width: 100% !important; height: 100% !important; border: none !important; }

/* ═══════════ 4. CAREER AREAS ═══════════ */
.career-areas { padding: 100px 0 !important; background: var(--surface) !important; }
.career-areas-header { text-align: center !important; margin-bottom: 60px !important; }
.career-areas-header .section-heading { margin-bottom: 20px !important; }
.career-areas-header .section-sub { margin: 0 auto !important; }

.ca-grid {
  display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important;
}
.ca-card {
  position: relative !important; background: var(--card) !important; border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important; padding: 28px 24px !important;
  transition: transform .25s, box-shadow .25s !important;
  cursor: pointer !important; overflow: hidden !important;
}
.ca-card::before {
  content: '' !important; position: absolute !important; inset: -1px auto -1px -1px !important; width: 5px !important;
  border-radius: var(--radius) 0 0 var(--radius) !important;
  background: var(--accent-grad) !important;
}
.ca-card:hover { transform: translateY(-3px) !important; box-shadow: var(--shadow-hover) !important; }
.ca-card-icon {
  width: 44px !important; height: 44px !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important;
  background: linear-gradient(135deg, rgba(13,95,229,.1), rgba(114,221,247,.08)) !important;
  border: 1px solid rgba(13,95,229,.1) !important;
  margin-bottom: 16px !important;
  color: var(--sky) !important; font-size: 19px !important;
}
.ca-card h3 { font-size: 17px !important; font-weight: 700 !important; margin-bottom: 8px !important; }
.ca-card p { font-size: 14px !important; color: var(--ink-dim) !important; line-height: 1.55 !important; margin-bottom: 16px !important; }
.ca-card-link {
  font-size: 13px !important; font-weight: 700 !important; color: var(--sky) !important;
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
}
.ca-card-link svg { transition: transform .2s !important; }
.ca-card:hover .ca-card-link svg { transform: translateX(3px) !important; }

/* ═══════════ 5. LIFE AT SKYHIGH ═══════════ */
.life-section { padding: 100px 0 !important; }
.life-header { text-align: center !important; margin-bottom: 60px !important; }
.life-header .section-heading { margin-bottom: 20px !important; }
.life-header .section-sub { margin: 0 auto !important; }

.life-values {
  display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; margin-bottom: 50px !important;
}
.life-value {
  text-align: center !important; padding: 28px 20px !important;
  background: var(--card) !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important;
  transition: transform .2s, box-shadow .2s !important;
}
.life-value:hover { transform: translateY(-2px) !important; box-shadow: var(--shadow) !important; }
.life-value-icon {
  width: 56px !important; height: 56px !important; border-radius: 14px !important; margin: 0 auto 14px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: linear-gradient(135deg, rgba(13,95,229,.08), rgba(114,221,247,.06)) !important;
  border: 1px solid rgba(13,95,229,.1) !important;
}
.life-value h4 { font-size: 15px !important; margin-bottom: 6px !important; }
.life-value p { font-size: 13px !important; color: var(--muted) !important; }

/* Benefits strip */
.benefits-strip {
  display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important;
}
.benefit-icon-wrap {
  width: 44px !important; height: 44px !important; border-radius: 12px !important; margin-bottom: 14px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: linear-gradient(135deg, rgba(13,95,229,.08), rgba(114,221,247,.06)) !important;
  border: 1px solid rgba(13,95,229,.1) !important;
}
.benefit-card {
  position: relative !important; padding: 28px 24px !important;
  background: var(--card) !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
}
.benefit-card::after {
  content: '' !important; position: absolute !important; bottom: -1px !important; left: 20% !important; right: 20% !important; height: 3px !important;
  background: var(--accent-grad) !important; border-radius: 0 0 3px 3px !important;
}
.benefit-card h4 {
  font-size: 13px !important; text-transform: uppercase !important; letter-spacing: .06em !important;
  color: var(--sky) !important; font-weight: 700 !important; margin-bottom: 12px !important;
}
.benefit-card ul {
  list-style: none !important; padding: 0 !important;
}
.benefit-card li {
  font-size: 14px !important; color: var(--ink-dim) !important; padding: 5px 0 5px 20px !important;
  position: relative !important;
}
.benefit-card li::before {
  content: '' !important; position: absolute !important; left: 0 !important; top: 12px !important;
  width: 8px !important; height: 8px !important; border-radius: 50% !important;
  background: var(--accent-grad) !important;
}

/* ═══════════ 6. TESTIMONIALS ═══════════ */
.testimonials { padding: 100px 0 !important; background: var(--navy) !important; color: #fff !important; position: relative !important; overflow: hidden !important; }
.testimonials::before {
  content: '' !important; position: absolute !important; inset: 0 !important;
  background:
    radial-gradient(ellipse 800px 500px at 10% 90%, rgba(13,95,229,.3), transparent 55%),
    radial-gradient(ellipse 600px 400px at 90% 10%, rgba(114,221,247,.15), transparent 50%) !important;
}
.testimonials .wrap { position: relative !important; z-index: 1 !important; }
.testimonials-header { text-align: center !important; margin-bottom: 50px !important; }
.testimonials-header .overline { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.15) !important; color: var(--sky-light) !important; }
.testimonials-header .section-heading { color: #fff !important; }
.testimonials-header .section-sub { color: rgba(255,255,255,.6) !important; margin: 0 auto !important; }

.t-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }
.t-card {
  background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: var(--radius) !important; padding: 28px !important; backdrop-filter: blur(6px) !important;
  transition: transform .25s, background .25s !important;
}
.t-card:hover { transform: translateY(-3px) !important; background: rgba(255,255,255,.09) !important; }
.t-card-quote {
  font-family: var(--font-body) !important; font-size: 16px !important; font-weight: 400 !important;
  line-height: 1.6 !important; color: rgba(255,255,255,.85) !important; margin-bottom: 24px !important;
  position: relative !important; padding-left: 20px !important;
}
.t-card-quote::before {
  content: '' !important; position: absolute !important; left: 0 !important; top: 4px !important; bottom: 4px !important; width: 3px !important;
  background: var(--accent-grad) !important; border-radius: 2px !important;
}
.t-card-author { display: flex !important; align-items: center !important; }
.t-card-name { font-weight: 700 !important; font-size: 14.5px !important; }
.t-card-role { font-size: 13px !important; color: rgba(255,255,255,.5) !important; }

/* ═══════════ 7. AWARDS CAROUSEL ═══════════ */
.awards { padding: 80px 0 !important; background: var(--surface) !important; }
.awards-header { text-align: center !important; margin-bottom: 40px !important; }

.skyhigh-gradient {
  background: var(--accent-grad) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  position: relative !important;
}
.shimmer {
  background: linear-gradient(90deg, #0D5FE5 0%, #72DDF7 40%, #fff 50%, #72DDF7 60%, #0D5FE5 100%) !important;
  background-size: 200% 100% !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: shimmerMove 3s ease-in-out infinite !important;
}
@keyframes shimmerMove {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

.sh-awards-wrapper {
  padding: 20px 0 !important; overflow: hidden !important; position: relative !important;
}
.sh-nav-arrow {
  position: absolute !important; top: 50% !important; transform: translateY(-50%) !important;
  width: 44px !important; height: 44px !important; background: var(--sky) !important; border: none !important; border-radius: 50% !important;
  cursor: pointer !important; z-index: 10 !important; display: flex !important; align-items: center !important; justify-content: center !important;
  transition: all .25s !important; box-shadow: 0 4px 16px rgba(13,95,229,.3) !important;
}
.sh-nav-arrow:hover {
  background: #0a4ec5 !important; transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 6px 22px rgba(13,95,229,.4) !important;
}
.sh-nav-prev { left: 0 !important; }
.sh-nav-next { right: 0 !important; }

.sh-carousel-track {
  display: flex !important; width: calc(280px * 12) !important;
  margin: 0 56px !important;
}
.sh-award-card {
  width: 248px !important; margin: 0 16px !important; background: var(--card) !important; border-radius: var(--radius) !important;
  padding: 28px 20px !important; text-align: center !important; border: 1px solid var(--line) !important;
  box-shadow: var(--shadow) !important; display: flex !important; flex-direction: column !important; align-items: center !important;
  transition: all .25s !important; flex-shrink: 0 !important;
}
.sh-award-card:hover {
  transform: translateY(-5px) !important; border-color: var(--sky) !important;
  box-shadow: var(--shadow-hover) !important;
}
.sh-award-img-box {
  height: 100px !important; margin-bottom: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important;
}
.sh-award-img-box img { max-height: 100% !important; max-width: 170px !important; object-fit: contain !important; }
.sh-award-tag {
  font-weight: 800 !important; color: var(--sky) !important; font-size: 11.5px !important;
  text-transform: uppercase !important; letter-spacing: .1em !important; margin-bottom: 8px !important;
}
.sh-award-name {
  font-size: 17.5px !important; font-weight: 700 !important; color: var(--ink) !important; margin-bottom: 10px !important; line-height: 1.2 !important;
}
.sh-award-detail {
  font-size: 14px !important; color: var(--ink-dim) !important; line-height: 1.55 !important;
}

@media (max-width:768px) {
  .sh-nav-arrow { width: 40px !important; height: 40px !important; }
  .sh-nav-prev { left: 0 !important; }
  .sh-nav-next { right: 0 !important; }
}

/* ═══════════ 8. LOCATIONS — INTERACTIVE MAP ═══════════ */
.locations { padding: 100px 0 !important; }
.locations-header { text-align: center !important; margin-bottom: 50px !important; }
.locations-header .section-sub { margin: 0 auto !important; max-width: 860px !important; color: var(--ink) !important; font-size: 17.5px !important; line-height: 1.75 !important; }

.loc-container {
  display: grid !important; grid-template-columns: 1fr 340px !important; gap: 32px !important; align-items: start !important;
}
.loc-map-wrap {
  position: relative !important; background: var(--card) !important; border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important; box-shadow: var(--shadow) !important; padding: 24px !important;
}
.loc-map-wrap .world-svg { width: 100% !important; height: auto !important; display: block !important; }
.loc-map-wrap .landmasses path {
  fill: #E6ECF3 !important; stroke: #fff !important; stroke-width: .3 !important; transition: fill .3s !important;
}
.loc-map-wrap .landmasses path#us,
.loc-map-wrap .landmasses path#co,
.loc-map-wrap .landmasses path#in,
.loc-map-wrap .landmasses path#ie,
.loc-map-wrap .landmasses path#jp,
.loc-map-wrap .landmasses path#sg,
.loc-map-wrap .landmasses path#ae,
.loc-map-wrap .landmasses path#gb,
.loc-map-wrap .landmasses path#au {
  fill: rgba(13,95,229,.18) !important; stroke: rgba(13,95,229,.3) !important; stroke-width: .5 !important;
}
.loc-map-wrap .landmasses path.active-country {
  fill: rgba(13,95,229,.35) !important; stroke: var(--sky) !important; stroke-width: .8 !important;
}

.loc-pin { cursor: pointer !important; }
.loc-pin .loc-pin-dot {
  fill: var(--sky) !important; stroke: #fff !important; stroke-width: 1.2 !important;
  filter: drop-shadow(0 1px 3px rgba(13,95,229,.4)) !important;
  transition: fill .2s !important;
}
.loc-pin .loc-pin-pulse { pointer-events: none !important; }
.loc-pin .loc-pin-target { pointer-events: all !important; }
.loc-pin:hover .loc-pin-dot { fill: #4B8BF5 !important; }
.loc-pin.active .loc-pin-dot { fill: #72DDF7 !important; stroke: var(--sky) !important; stroke-width: 1.5 !important; }
.loc-pin-pulse {
  fill: none !important; stroke: var(--sky) !important; stroke-width: .8 !important; opacity: 0 !important; pointer-events: none !important;
}
.loc-pin.active .loc-pin-pulse {
  animation: pinPulse 1.5s ease-out infinite !important;
}
@keyframes pinPulse {
  0% { opacity: .5; stroke-width: 1; }
  100% { opacity: 0; stroke-width: 8; }
}

.loc-sidebar {
  display: flex !important; flex-direction: column !important; gap: 0 !important;
  max-height: 520px !important; overflow-y: auto !important;
  padding-right: 8px !important;
  border: 1px solid var(--line) !important; border-radius: var(--radius) !important;
  background: var(--card) !important;
}
.loc-sidebar::-webkit-scrollbar { width: 4px !important; }
.loc-sidebar::-webkit-scrollbar-track { background: transparent !important; }
.loc-sidebar::-webkit-scrollbar-thumb { background: var(--line) !important; border-radius: 4px !important; }

.loc-item {
  padding: 14px 18px !important; cursor: pointer !important; transition: all .2s !important;
  border-bottom: 1px solid var(--line) !important;
}
.loc-item:last-child { border-bottom: none !important; }
.loc-item:hover { background: rgba(13,95,229,.03) !important; }
.loc-item.active {
  background: linear-gradient(135deg, rgba(13,95,229,.05), rgba(114,221,247,.03)) !important;
}
.loc-item-country {
  font-weight: 700 !important; font-size: 14px !important; color: var(--ink) !important;
  display: flex !important; align-items: center !important; gap: 6px !important;
}
.loc-item-country::before {
  content: '' !important; display: inline-block !important; width: 8px !important; height: 8px !important;
  border-radius: 50% !important; background: var(--sky) !important; flex-shrink: 0 !important;
  opacity: .5 !important; transition: opacity .2s !important;
}
.loc-item.active .loc-item-country::before { opacity: 1 !important; }
.loc-item-addresses {
  margin-top: 6px !important; padding-left: 14px !important;
}
.loc-item-addr {
  font-size: 12.5px !important; color: var(--muted) !important; line-height: 1.5 !important;
  padding: 2px 0 !important;
}

.loc-tooltip {
  position: absolute !important; z-index: 20 !important; pointer-events: none !important;
  background: var(--navy) !important; color: #fff !important; padding: 10px 14px !important;
  border-radius: 10px !important; font-size: 13px !important; line-height: 1.45 !important;
  box-shadow: 0 8px 24px rgba(7,26,58,.35) !important;
  max-width: 280px !important; opacity: 0 !important;
  transition: opacity .15s !important;
  white-space: normal !important;
}
.loc-tooltip.visible { opacity: 1 !important; }
.loc-tooltip-city {
  font-weight: 700 !important; font-size: 14px !important; margin-bottom: 3px !important;
  color: var(--sky-light) !important;
}
.loc-tooltip-addr { color: rgba(255,255,255,.75) !important; }

@media (max-width:900px) {
  .loc-container { grid-template-columns: 1fr !important; }
  .loc-sidebar { max-height: 360px !important; }
  .loc-item { padding: 10px 14px !important; }
}

/* ═══════════ 9. PROGRAMS ═══════════ */
.programs { padding: 80px 0 !important; background: var(--surface) !important; }
.programs .wrap { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }
.program-card {
  position: relative !important; padding: 32px 28px !important; background: var(--card) !important;
  border: 1px solid var(--line) !important; border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important; overflow: hidden !important;
  transition: transform .2s, box-shadow .2s !important;
}
.program-card:hover { transform: translateY(-3px) !important; box-shadow: var(--shadow-hover) !important; }
.program-card::before {
  content: '' !important; position: absolute !important; top: -1px !important; left: 20% !important; right: 20% !important; height: 3px !important;
  background: var(--accent-grad) !important; border-radius: 3px 3px 0 0 !important;
}
.program-icon {
  width: 52px !important; height: 52px !important; border-radius: 14px !important; margin-bottom: 14px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: linear-gradient(135deg, rgba(13,95,229,.08), rgba(114,221,247,.06)) !important;
  border: 1px solid rgba(13,95,229,.1) !important;
}
.program-card h3 { font-size: 17.5px !important; font-weight: 700 !important; margin-bottom: 8px !important; }
.program-card p { font-size: 14px !important; color: var(--ink-dim) !important; line-height: 1.55 !important; }

/* ═══════════ FINAL CTA ═══════════ */
.final-cta {
  padding: 100px 0 !important; background: var(--navy) !important; text-align: center !important; position: relative !important; overflow: hidden !important;
}
.final-cta::before {
  content: '' !important; position: absolute !important; inset: 0 !important;
  background: radial-gradient(ellipse 1000px 500px at 50% 50%, rgba(13,95,229,.3), transparent 60%) !important;
}
.final-cta .wrap { position: relative !important; z-index: 1 !important; }
.final-cta .section-heading { color: #fff !important; margin-bottom: 16px !important; }
.final-cta p { color: rgba(255,255,255,.6) !important; font-size: 17px !important; margin-bottom: 32px !important; }
.cta-btn {
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  background: var(--accent-grad) !important; color: #fff !important; font-weight: 700 !important;
  padding: 16px 32px !important; border-radius: 12px !important; font-size: 16px !important;
  transition: transform .2s, box-shadow .2s !important; border: none !important; cursor: pointer !important;
  font-family: var(--font-body) !important;
}
.cta-btn:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 28px rgba(13,95,229,.4) !important; }
.cta-btn-outline {
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  background: transparent !important; color: #fff !important; font-weight: 700 !important;
  padding: 16px 32px !important; border-radius: 12px !important; font-size: 16px !important;
  border: 1.5px solid rgba(255,255,255,.25) !important; cursor: pointer !important;
  font-family: var(--font-body) !important; transition: border-color .2s, background .2s !important;
}
.cta-btn-outline:hover { border-color: rgba(255,255,255,.5) !important; background: rgba(255,255,255,.06) !important; }

/* ═══════════ RESPONSIVE ═══════════ */
@media (max-width:1024px) {
  .hero .wrap { grid-template-columns: 1fr !important; text-align: center !important; }
  .hero-text p, .hero-search { margin-left: auto !important; margin-right: auto !important; }
  .hero-stats { justify-content: center !important; }
  .hero-visual { display: none !important; }
  .hero-gradient-frame { max-width: 300px !important; }
  .hero-gradient-frame::before { top: 14px !important; right: -14px !important; bottom: -14px !important; left: 14px !important; }
  .why-section .wrap { grid-template-columns: 1fr !important; }
  .ca-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .t-grid { grid-template-columns: 1fr !important; }
  .life-values { grid-template-columns: repeat(2, 1fr) !important; }
  .benefits-strip { grid-template-columns: 1fr !important; }
  .programs .wrap { grid-template-columns: 1fr !important; }
}
@media (max-width:640px) {
  .ca-grid { grid-template-columns: 1fr !important; }
  .life-values { grid-template-columns: 1fr !important; }
  .gartner-bar .wrap { font-size: 12.5px !important; gap: 12px !important; }
}

/* ═══════════ ANIMATIONS ═══════════ */
.fade-up {
  opacity: 0 !important; transform: translateY(24px) !important;
  transition: opacity .6s ease, transform .6s ease !important;
}
.fade-up.visible { opacity: 1 !important; transform: translateY(0) !important; }/* End custom CSS */