/* ============================================================
   SV INSTITUTE – ENGINEERING ADMISSION PAGE CSS
   Page-specific styles only. Global tokens from global.css.
   Sections: Diagonal-Split Hero · Overview Cards · Colleges ·
             Courses · Process Steps · Mgmt Quota CTA ·
             Trust / Counters · Testimonials · FAQ · Urgency · Related
   Prefix: .en- (engineering)
   ============================================================ */

/* ── 1. DIAGONAL SPLIT HERO ──────────────────────────────────
   Structurally different from study-abroad:
   White/light left panel, photography right,
   diagonal clip separating the two zones.
   ─────────────────────────────────────────────────────────── */
.en-hero {
  position:   relative;
  overflow:   hidden;
  background: var(--svi-white);
  padding:    calc(var(--svi-nav-height) + 2.5rem) 0 0;
  min-height: 100vh;
  display:    flex;
  flex-direction: column;
}

/* Left gradient panel behind content */
.en-hero__panel-left {
  position:   absolute;
  top:        0;
  left:       0;
  width:      62%;
  bottom:     0;
  background: linear-gradient(135deg, #F5F7FB 0%, #EBF3FF 60%, #E3F0FD 100%);
  pointer-events: none;
  z-index:    0;
}

/* Right image column background hint */
.en-hero__diagonal {
  position:  absolute;
  top:       0;
  right:     0;
  width:     45%;
  bottom:    0;
  background: var(--svi-navy);
  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
  pointer-events: none;
  z-index:   0;
}

/* Hero inner grid */
.en-hero__inner {
  position:                relative;
  z-index:                 2;
  display:                 grid;
  grid-template-columns:   1fr;
  gap:                     2rem;
  align-items:             center;
  flex:                    1;
  padding:                 1rem 0.75rem;
}

/* Breadcrumb */
.en-hero__breadcrumb {
  margin-bottom: 0.75rem;
}
.en-hero__breadcrumb ol {
  display:     flex;
  flex-wrap:   wrap;
  gap:         0.3rem 0.5rem;
  list-style:  none;
  padding:     0;
  margin:      0;
  font-size:   var(--svi-text-xs);
  font-weight: 600;
  color:       var(--svi-text-muted);
}
.en-hero__breadcrumb li { display: flex; align-items: center; gap: 0.3rem; }
.en-hero__breadcrumb li + li::before { content: '/'; opacity: 0.4; }
.en-hero__breadcrumb a {
  color: var(--svi-blue);
  text-decoration: none;
}
.en-hero__breadcrumb a:hover { color: var(--svi-blue-dark); }

/* Eyebrow pill */
.en-hero__eyebrow {
  display:         inline-flex;
  align-items:     center;
  gap:             0.5rem;
  background:      var(--svi-gradient);
  color:           var(--svi-white);
  font-family:     var(--svi-font-heading);
  font-size:       var(--svi-text-xs);
  font-weight:     700;
  letter-spacing:  0.1em;
  text-transform:  uppercase;
  padding:         0.4rem 1rem;
  border-radius:   var(--svi-radius-pill);
  margin-bottom:   1.25rem;
}

/* Main heading */
.en-hero__title {
  font-family:   var(--svi-font-heading);
  font-size:     clamp(1.85rem, 5vw, 3.25rem);
  font-weight:   800;
  line-height:   1.18;
  color:         var(--svi-navy);
  margin-bottom: 1.25rem;
  letter-spacing: -0.02em;
}
.en-hero__title-accent {
  color:      transparent;
  background: var(--svi-gradient);
  -webkit-background-clip: text;
  background-clip:         text;
}

.en-hero__subtitle {
  font-size:     var(--svi-text-lg);
  color:         var(--svi-text-muted);
  line-height:   1.75;
  max-width:     520px;
  margin-bottom: 2rem;
}

/* CTA Buttons */
.en-hero__actions {
  display:   flex;
  gap:       1rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

/* WhatsApp button — engineering page variant */
.en-btn-wa {
  display:         inline-flex;
  align-items:     center;
  justify-content: center;
  gap:             0.5rem;
  font-family:     var(--svi-font-heading);
  font-size:       var(--svi-text-sm);
  font-weight:     600;
  padding:         0.85rem 1.75rem;
  border-radius:   var(--svi-radius-sm);
  border:          2px solid #25D366;
  background:      rgba(37,211,102,0.08);
  color:           #1a9e4d;
  text-decoration: none;
  white-space:     nowrap;
  min-height:      48px;
  letter-spacing:  0.02em;
  transition:      var(--svi-transition);
  cursor:          pointer;
}
.en-btn-wa:hover {
  background:  #25D366;
  color:       var(--svi-white);
  border-color: #25D366;
  transform:   translateY(-2px);
  box-shadow:  0 8px 24px rgba(37,211,102,0.25);
}
.en-btn-wa.svi-btn--lg {
  font-size:  var(--svi-text-base);
  padding:    1rem 2.25rem;
  min-height: 56px;
}

/* Inline trust bar */
.en-hero__trust {
  display:     flex;
  flex-wrap:   wrap;
  align-items: center;
  gap:         0.5rem 0;
  background:  rgba(255,255,255,0.85);
  border:      1px solid var(--svi-border);
  border-radius: var(--svi-radius-md);
  padding:     0.85rem 1.25rem;
  backdrop-filter: blur(8px);
  max-width:   500px;
}
.en-hero__trust-item {
  display:     flex;
  align-items: center;
  gap:         0.4rem;
  font-size:   var(--svi-text-xs);
  font-weight: 600;
  color:       var(--svi-navy);
  padding:     0 0.75rem;
}
.en-hero__trust-item i { color: var(--svi-blue); font-size: 0.9rem; }
.en-hero__trust-sep {
  width:      1px;
  height:     18px;
  background: var(--svi-border);
  flex-shrink: 0;
}

/* Visual column */
.en-hero__visual {
  position:       relative;
  display:        flex;
  align-items:    center;
  justify-content: center;
}
.en-hero__img-stack {
  position: relative;
  width:    100%;
  max-width: 560px;
}

/* Primary image */
.en-hero__img-primary-wrap {
  position:      relative;
  border-radius: var(--svi-radius-xl);
  overflow:      hidden;
  box-shadow:    var(--svi-shadow-lg), 0 0 0 4px rgba(255,255,255,0.15);
  z-index:       2;
}
.en-hero__img-primary {
  width:      100%;
  height:     420px;
  object-fit: cover;
  display:    block;
}
.en-hero__img-glow {
  position:   absolute;
  inset:      0;
  background: linear-gradient(to top, rgba(11,28,57,0.25) 0%, transparent 60%);
  pointer-events: none;
}

/* Secondary inset image */
.en-hero__img-secondary-wrap {
  position:      absolute;
  bottom:        -1.5rem;
  left:          -1.75rem;
  width:         180px;
  border-radius: var(--svi-radius-lg);
  overflow:      hidden;
  border:        4px solid var(--svi-white);
  box-shadow:    var(--svi-shadow-md);
  z-index:       3;
}
.en-hero__img-secondary {
  width:      100%;
  height:     120px;
  object-fit: cover;
  display:    block;
}

/* Floating spec cards */
.en-hero__spec-card {
  position:        absolute;
  display:         flex;
  align-items:     center;
  gap:             0.65rem;
  background:      var(--svi-white);
  border-radius:   var(--svi-radius-md);
  padding:         0.75rem 1rem;
  box-shadow:      var(--svi-shadow-md);
  border:          1px solid var(--svi-border);
  z-index:         4;
  animation:       en-spec-float 4.5s ease-in-out infinite;
}
.en-hero__spec-card i {
  font-size:   1.4rem;
  flex-shrink: 0;
}
.en-hero__spec-card div { display: flex; flex-direction: column; line-height: 1.25; }
.en-hero__spec-card strong {
  font-family: var(--svi-font-heading);
  font-size:   var(--svi-text-xs);
  font-weight: 700;
  color:       var(--svi-navy);
}
.en-hero__spec-card span {
  font-size: var(--svi-text-xs);
  color:     var(--svi-text-muted);
}
.en-hero__spec-card--1 {
  top:              1.5rem;
  right:            -1.5rem;
  animation-delay:  0s;
}
.en-hero__spec-card--1 i { color: #F59E0B; }
.en-hero__spec-card--2 {
  top:              45%;
  right:            -2rem;
  animation-delay:  1.5s;
}
.en-hero__spec-card--2 i { color: #16A34A; }
.en-hero__spec-card--3 {
  bottom:           2.5rem;
  right:            -1rem;
  animation-delay:  3s;
}
.en-hero__spec-card--3 i { color: var(--svi-blue); }
@keyframes en-spec-float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-8px); }
}

/* Bottom stats bar */
.en-hero__stats-bar {
  background:  var(--svi-navy);
  padding:     1.25rem 0;
  margin-top:  auto;
  position:    relative;
  z-index:     3;
}
.en-hero__stats-row {
  display:         flex;
  flex-wrap:       wrap;
  align-items:     center;
  justify-content: center;
  gap:             0;
}
.en-hero__stat {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  padding:        0.5rem 1.5rem;
  flex:           1 1 140px;
}
.en-hero__stat strong {
  font-family:  var(--svi-font-heading);
  font-size:    clamp(1.5rem, 3vw, 2.25rem);
  font-weight:  800;
  color:        var(--svi-white);
  line-height:  1;
}
.en-hero__stat span {
  font-size:  var(--svi-text-xs);
  color:      rgba(255,255,255,0.55);
  margin-top: 0.2rem;
  text-align: center;
}
.en-hero__stat-div {
  width:      1px;
  height:     40px;
  background: rgba(255,255,255,0.12);
  flex-shrink: 0;
}

/* ── 2. OVERVIEW CARDS ───────────────────────────────────────── */
.en-overview-card {
  background:    var(--svi-white);
  border:        1px solid var(--svi-border);
  border-radius: var(--svi-radius-lg);
  padding:       var(--svi-space-lg);
  height:        100%;
  transition:    var(--svi-transition-slow);
}
.en-overview-card:hover {
  transform:    translateY(-6px);
  box-shadow:   var(--svi-shadow-lg);
  border-color: transparent;
}
.en-overview-card__icon {
  display:         inline-flex;
  align-items:     center;
  justify-content: center;
  width:           58px;
  height:          58px;
  border-radius:   var(--svi-radius-md);
  font-size:       1.5rem;
  margin-bottom:   var(--svi-space-md);
  transition:      var(--svi-transition);
}
.en-overview-card:hover .en-overview-card__icon { filter: brightness(1.08); }
.en-overview-card__icon--blue   { background: #EFF6FF; color: #1D4ED8; }
.en-overview-card__icon--gold   { background: #FFFBEB; color: #B45309; }
.en-overview-card__icon--green  { background: #F0FDF4; color: #15803D; }
.en-overview-card__icon--purple { background: #F5F3FF; color: #6D28D9; }
.en-overview-card__icon--teal   { background: #F0FDFA; color: #0F766E; }
.en-overview-card__icon--orange { background: #FFF7ED; color: #C2410C; }

.en-overview-card__title {
  font-size:     var(--svi-text-lg);
  font-weight:   700;
  color:         var(--svi-navy);
  margin-bottom: 0.5rem;
}
.en-overview-card__text {
  font-size:     var(--svi-text-sm);
  color:         var(--svi-text-muted);
  line-height:   1.75;
  margin-bottom: var(--svi-space-sm);
}
.en-overview-card__list {
  display:        flex;
  flex-direction: column;
  gap:            0.4rem;
  margin:         0;
}
.en-overview-card__list li {
  display:     flex;
  align-items: center;
  gap:         0.5rem;
  font-size:   var(--svi-text-sm);
  color:       var(--svi-text);
}
.en-overview-card__list li i {
  color:      #16A34A;
  font-size:  0.85rem;
  flex-shrink: 0;
}

/* ── 3. COLLEGE CARDS ────────────────────────────────────────── */
.en-college-card {
  background:    var(--svi-white);
  border-radius: var(--svi-radius-xl);
  overflow:      hidden;
  border:        1px solid var(--svi-border);
  height:        100%;
  display:       flex;
  flex-direction: column;
  transition:    var(--svi-transition-slow);
}
.en-college-card:hover {
  transform:   translateY(-7px);
  box-shadow:  var(--svi-shadow-lg);
  border-color: transparent;
}
.en-college-card__img-wrap {
  position:    relative;
  height:      200px;
  overflow:    hidden;
  flex-shrink: 0;
}
.en-college-card__img-wrap img {
  width:      100%;
  height:     100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.en-college-card:hover .en-college-card__img-wrap img { transform: scale(1.06); }
.en-college-card__overlay {
  position:   absolute;
  inset:      0;
  background: linear-gradient(to top, rgba(11,28,57,0.65) 0%, rgba(11,28,57,0.05) 55%, transparent 100%);
}
.en-college-card__location {
  position:    absolute;
  bottom:      0.75rem;
  left:        0.85rem;
  font-size:   var(--svi-text-xs);
  font-weight: 600;
  color:       var(--svi-white);
  display:     flex;
  align-items: center;
  gap:         0.3rem;
  z-index:     2;
}
.en-college-card__badge {
  position:      absolute;
  top:           0.75rem;
  right:         0;
  font-size:     var(--svi-text-xs);
  font-weight:   700;
  padding:       0.25rem 0.8rem 0.25rem 0.65rem;
  border-radius: var(--svi-radius-pill) 0 0 var(--svi-radius-pill);
  z-index:       2;
  letter-spacing: 0.04em;
}
.en-college-card__badge--naac { background: var(--svi-gradient); color: var(--svi-white); }
.en-college-card__badge--top  { background: linear-gradient(135deg,#F59E0B,#D97706); color: var(--svi-white); }

.en-college-card__body {
  padding:        var(--svi-space-md);
  display:        flex;
  flex-direction: column;
  gap:            0.85rem;
  flex:           1;
}
.en-college-card__name {
  font-size:   var(--svi-text-lg);
  font-weight: 700;
  color:       var(--svi-navy);
  margin:      0;
  line-height: 1.3;
}
.en-college-card__courses {
  display:  flex;
  flex-wrap: wrap;
  gap:      0.35rem;
}
.en-college-card__courses span {
  background:    var(--svi-blue-light);
  color:         var(--svi-blue-dark);
  font-size:     var(--svi-text-xs);
  font-weight:   700;
  padding:       0.2rem 0.6rem;
  border-radius: var(--svi-radius-pill);
}
.en-college-card__meta {
  display:        flex;
  flex-direction: column;
  gap:            0.4rem;
  padding:        0.75rem 0;
  border-top:     1px solid var(--svi-border);
  border-bottom:  1px solid var(--svi-border);
}
.en-college-card__meta-item {
  display:     flex;
  align-items: center;
  gap:         0.5rem;
  font-size:   var(--svi-text-xs);
  color:       var(--svi-text-muted);
}
.en-college-card__meta-item i { color: var(--svi-blue); width: 16px; }
.en-college-card__cta { margin-top: auto; font-size: var(--svi-text-sm); }

/* More colleges strip */
.en-colleges__more {
  text-align:  center;
  margin-top:  var(--svi-space-xl);
  padding:     2rem;
  background:  var(--svi-white);
  border:      1px dashed var(--svi-border);
  border-radius: var(--svi-radius-lg);
}
.en-colleges__more p {
  color:         var(--svi-text-muted);
  margin-bottom: var(--svi-space-sm);
  font-size:     var(--svi-text-sm);
}

/* ── 4. COURSE CHIPS ─────────────────────────────────────────── */
.en-course-chip {
  display:       flex;
  align-items:   flex-start;
  gap:           0.85rem;
  background:    var(--svi-white);
  border:        1px solid var(--svi-border);
  border-radius: var(--svi-radius-lg);
  padding:       1.1rem;
  height:        100%;
  transition:    var(--svi-transition-slow);
  cursor:        default;
}
.en-course-chip:hover {
  transform:    translateY(-4px);
  box-shadow:   var(--svi-shadow-md);
  border-color: rgba(30,136,229,0.2);
}
.en-course-chip__icon {
  display:         flex;
  align-items:     center;
  justify-content: center;
  width:           48px;
  height:          48px;
  border-radius:   var(--svi-radius-md);
  font-size:       1.35rem;
  flex-shrink:     0;
  transition:      var(--svi-transition);
}
.en-course-chip:hover .en-course-chip__icon { filter: brightness(1.1); }
.en-course-chip__icon--blue   { background: #EFF6FF; color: #1D4ED8; }
.en-course-chip__icon--purple { background: #F5F3FF; color: #7C3AED; }
.en-course-chip__icon--red    { background: #FEF2F2; color: #DC2626; }
.en-course-chip__icon--orange { background: #FFF7ED; color: #C2410C; }
.en-course-chip__icon--brown  { background: #FDF4FF; color: #A16207; }
.en-course-chip__icon--teal   { background: #F0FDFA; color: #0F766E; }
.en-course-chip__icon--yellow { background: #FEFCE8; color: #A16207; }
.en-course-chip__icon--indigo { background: #EEF2FF; color: #4338CA; }

.en-course-chip__body { flex: 1; min-width: 0; }
.en-course-chip__title {
  font-size:     var(--svi-text-sm);
  font-weight:   700;
  color:         var(--svi-navy);
  margin-bottom: 0.2rem;
  line-height:   1.3;
}
.en-course-chip__abbr {
  font-size:     var(--svi-text-xs);
  color:         var(--svi-text-muted);
  margin-bottom: 0.4rem;
}
.en-course-chip__demand {
  display:        inline-block;
  font-size:      var(--svi-text-xs);
  font-weight:    700;
  padding:        0.15rem 0.55rem;
  border-radius:  var(--svi-radius-pill);
  background:     var(--svi-blue-light);
  color:          var(--svi-blue-dark);
}
.en-course-chip__demand--hot {
  background: linear-gradient(135deg, #FEF3C7, #FDE68A);
  color:      #92400E;
}

/* ── 5. PROCESS STEPS ────────────────────────────────────────── */
.en-steps {
  display:        flex;
  flex-direction: column;
  gap:            0;
  max-width:      820px;
  margin:         0 auto var(--svi-space-xl);
}
.en-steps__item {
  display:     grid;
  grid-template-columns: 68px 1fr;
  gap:         0 1.25rem;
  position:    relative;
}
.en-steps__circle {
  display:         flex;
  align-items:     center;
  justify-content: center;
  width:           52px;
  height:          52px;
  border-radius:   50%;
  background:      var(--svi-gradient);
  color:           var(--svi-white);
  flex-shrink:     0;
  position:        relative;
  z-index:         2;
  box-shadow:      var(--svi-shadow-blue);
}
.en-steps__circle--done {
  background: linear-gradient(135deg, #16A34A, #15803D);
  box-shadow: 0 8px 24px rgba(22,163,74,0.35);
  font-size:  1.3rem;
}
.en-steps__num {
  font-family: var(--svi-font-heading);
  font-size:   var(--svi-text-sm);
  font-weight: 800;
}
.en-steps__connector {
  width:      2px;
  min-height: 28px;
  flex:       1;
  background: linear-gradient(to bottom, rgba(30,136,229,0.3), rgba(30,136,229,0.08));
  margin:     4px auto;
}
.en-steps__item--last .en-steps__connector { display: none; }

.en-steps__card {
  display:       flex;
  align-items:   flex-start;
  gap:           1rem;
  background:    var(--svi-white);
  border:        1px solid var(--svi-border);
  border-radius: var(--svi-radius-lg);
  padding:       1.25rem;
  margin-bottom: 1rem;
  transition:    var(--svi-transition);
}
.en-steps__card:hover {
  box-shadow:  var(--svi-shadow-md);
  border-color: rgba(30,136,229,0.2);
  transform:   translateX(4px);
}
.en-steps__card--done {
  background:  #F0FDF4;
  border-color: rgba(22,163,74,0.3);
}
.en-steps__card--done:hover { border-color: rgba(22,163,74,0.5); }

.en-steps__icon {
  font-size:       1.25rem;
  color:           var(--svi-blue);
  width:           44px;
  height:          44px;
  display:         flex;
  align-items:     center;
  justify-content: center;
  background:      var(--svi-blue-light);
  border-radius:   var(--svi-radius-md);
  flex-shrink:     0;
}
.en-steps__card--done .en-steps__icon { color: #16A34A; background: #DCFCE7; }
.en-steps__title {
  font-size:     var(--svi-text-base);
  font-weight:   700;
  color:         var(--svi-navy);
  margin-bottom: 0.3rem;
}
.en-steps__text {
  font-size:   var(--svi-text-sm);
  color:       var(--svi-text-muted);
  line-height: 1.65;
  margin:      0;
}
.en-process__cta { text-align: center; }

/* ── 6. MANAGEMENT QUOTA CTA ─────────────────────────────────── */
.en-mgmt-cta {
  position:   relative;
  overflow:   hidden;
  padding:    var(--svi-space-2xl) 0;
}
.en-mgmt-cta__bg {
  position:   absolute;
  inset:      0;
  background: var(--svi-gradient-dark);
}
.en-mgmt-cta__bg::after {
  content:    '';
  position:   absolute;
  inset:      0;
  background: radial-gradient(ellipse 60% 60% at 80% 50%, rgba(30,136,229,0.15) 0%, transparent 60%),
              url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='0.7' fill='rgba(255,255,255,0.04)'/%3E%3C/svg%3E") repeat;
}
.en-mgmt-cta .container { position: relative; z-index: 2; }

/* Image panel */
.en-mgmt-cta__visual {
  position:  relative;
  max-width: 520px;
  margin:    0 auto;
}
.en-mgmt-cta__img {
  width:         100%;
  height:        420px;
  object-fit:    cover;
  border-radius: var(--svi-radius-xl);
  box-shadow:    0 24px 64px rgba(0,0,0,0.4);
  display:       block;
}
.en-mgmt-cta__info-card {
  position:        absolute;
  display:         flex;
  align-items:     center;
  gap:             0.65rem;
  background:      rgba(255,255,255,0.92);
  backdrop-filter: blur(12px);
  border-radius:   var(--svi-radius-md);
  padding:         0.75rem 1.1rem;
  box-shadow:      var(--svi-shadow-lg);
  animation:       en-info-float 5s ease-in-out infinite;
}
.en-mgmt-cta__info-card i { font-size: 1.35rem; }
.en-mgmt-cta__info-card div { display: flex; flex-direction: column; line-height: 1.2; }
.en-mgmt-cta__info-card strong {
  font-family: var(--svi-font-heading);
  font-size:   var(--svi-text-xs);
  font-weight: 700;
  color:       var(--svi-navy);
}
.en-mgmt-cta__info-card span {
  font-size: var(--svi-text-xs);
  color:     var(--svi-text-muted);
}
.en-mgmt-cta__info-card--1 {
  top:             1.5rem;
  left:            -1.5rem;
  animation-delay: 0s;
}
.en-mgmt-cta__info-card--1 i { color: #16A34A; }
.en-mgmt-cta__info-card--2 {
  bottom:          2rem;
  right:           -1.25rem;
  animation-delay: 2s;
}
.en-mgmt-cta__info-card--2 i { color: var(--svi-blue); }
@keyframes en-info-float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-8px); }
}

/* Content */
.en-mgmt-cta__heading {
  font-size:     clamp(1.75rem, 4vw, 2.6rem);
  font-weight:   800;
  color:         var(--svi-white);
  line-height:   1.2;
  margin-bottom: 1rem;
}
.en-mgmt-cta__heading-accent {
  color:      transparent;
  background: linear-gradient(90deg, #60A5FA, #93C5FD);
  -webkit-background-clip: text;
  background-clip:         text;
}
.en-mgmt-cta__text {
  color:         rgba(255,255,255,0.72);
  font-size:     var(--svi-text-lg);
  line-height:   1.75;
  max-width:     520px;
  margin-bottom: 1.75rem;
}
.en-mgmt-cta__features {
  display:        flex;
  flex-direction: column;
  gap:            1.25rem;
  margin-bottom:  2rem;
}
.en-mgmt-cta__feature {
  display:     flex;
  align-items: flex-start;
  gap:         0.85rem;
}
.en-mgmt-cta__feature-icon {
  font-size:   1.1rem;
  color:       #22C55E;
  flex-shrink: 0;
  margin-top:  0.1rem;
}
.en-mgmt-cta__feature strong {
  display:       block;
  font-size:     var(--svi-text-sm);
  font-weight:   700;
  color:         var(--svi-white);
  margin-bottom: 0.2rem;
}
.en-mgmt-cta__feature p {
  font-size:   var(--svi-text-sm);
  color:       rgba(255,255,255,0.6);
  line-height: 1.6;
  margin:      0;
}
.en-mgmt-cta__actions { display: flex; flex-wrap: wrap; gap: 1rem; }

/* ── 7. TRUST / COUNTERS ─────────────────────────────────────── */
.en-counters {
  display:         flex;
  flex-wrap:       wrap;
  gap:             1px;
  background:      var(--svi-border);
  border:          1px solid var(--svi-border);
  border-radius:   var(--svi-radius-xl);
  overflow:        hidden;
  margin-bottom:   var(--svi-space-xl);
}
.en-counter-item {
  display:         flex;
  flex-direction:  column;
  align-items:     center;
  padding:         2rem 1rem;
  background:      var(--svi-white);
  flex:            1 1 160px;
  text-align:      center;
  gap:             0.4rem;
  transition:      background 0.25s;
}
.en-counter-item:hover { background: var(--svi-bg); }
.en-counter-item__icon {
  font-size:   1.5rem;
  color:       var(--svi-blue);
  margin-bottom: 0.25rem;
}
.en-counter-item strong {
  font-family:  var(--svi-font-heading);
  font-size:    clamp(1.75rem, 3.5vw, 2.5rem);
  font-weight:  800;
  color:        var(--svi-navy);
  line-height:  1;
}
.en-counter-item span {
  font-size:   var(--svi-text-xs);
  font-weight: 600;
  color:       var(--svi-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.en-trust-card {
  display:       flex;
  align-items:   flex-start;
  gap:           1rem;
  background:    var(--svi-white);
  border:        1px solid var(--svi-border);
  border-radius: var(--svi-radius-lg);
  padding:       var(--svi-space-md);
  height:        100%;
  transition:    var(--svi-transition-slow);
}
.en-trust-card:hover {
  transform:    translateY(-4px);
  box-shadow:   var(--svi-shadow-md);
  border-color: rgba(30,136,229,0.2);
}
.en-trust-card__icon {
  display:         flex;
  align-items:     center;
  justify-content: center;
  width:           48px;
  height:          48px;
  border-radius:   var(--svi-radius-md);
  background:      var(--svi-blue-light);
  color:           var(--svi-blue);
  font-size:       1.25rem;
  flex-shrink:     0;
  transition:      var(--svi-transition);
}
.en-trust-card:hover .en-trust-card__icon {
  background: var(--svi-gradient);
  color:      var(--svi-white);
}
.en-trust-card__title {
  font-size:     var(--svi-text-base);
  font-weight:   700;
  color:         var(--svi-navy);
  margin-bottom: 0.35rem;
}
.en-trust-card__text {
  font-size:   var(--svi-text-sm);
  color:       var(--svi-text-muted);
  line-height: 1.65;
  margin:      0;
}

/* ── 8. TESTIMONIALS ─────────────────────────────────────────── */
.en-testimonial-slider {
  position:  relative;
  overflow:  hidden;
  margin:    0 -0.5rem;
}
.en-testimonial-track {
  display:    flex;
  gap:        1.5rem;
  transition: transform 0.45s cubic-bezier(0.4,0,0.2,1);
  padding:    0.5rem;
  will-change: transform;
}
.en-testimonial-card {
  flex:           0 0 calc(100% - 1rem);
  max-width:      calc(100% - 1rem);
  background:     var(--svi-white);
  border:         1px solid var(--svi-border);
  border-radius:  var(--svi-radius-xl);
  padding:        var(--svi-space-lg);
  display:        flex;
  flex-direction: column;
  gap:            1rem;
  box-shadow:     var(--svi-shadow-xs);
  position:       relative;
  transition:     box-shadow 0.25s;
}
.en-testimonial-card:hover { box-shadow: var(--svi-shadow-md); }
.en-testimonial-card::before {
  content:     '\201C';
  font-family: Georgia, serif;
  font-size:   5rem;
  line-height: 0.7;
  color:       var(--svi-blue-light);
  position:    absolute;
  top:         1.25rem;
  right:       1.5rem;
  font-weight: 900;
  pointer-events: none;
}
.en-testimonial-card__stars {
  color:    #F59E0B;
  display:  flex;
  gap:      0.2rem;
  font-size: var(--svi-text-sm);
}
.en-testimonial-card__quote p {
  font-size:   var(--svi-text-base);
  color:       var(--svi-text);
  line-height: 1.8;
  font-style:  italic;
  margin:      0;
  padding-right: 2.5rem;
}
.en-testimonial-card__author {
  display:     flex;
  align-items: center;
  gap:         0.85rem;
  padding-top: 1rem;
  border-top:  1px solid var(--svi-border);
}
.en-testimonial-card__avatar {
  display:         flex;
  align-items:     center;
  justify-content: center;
  width:           48px;
  height:          48px;
  border-radius:   50%;
  background:      var(--svi-gradient);
  color:           var(--svi-white);
  font-family:     var(--svi-font-heading);
  font-size:       var(--svi-text-sm);
  font-weight:     800;
  flex-shrink:     0;
}
.en-testimonial-card__info { display: flex; flex-direction: column; gap: 0.1rem; }
.en-testimonial-card__info strong {
  font-size:  var(--svi-text-sm);
  font-weight: 700;
  color:      var(--svi-navy);
  display:    block;
}
.en-testimonial-card__info span {
  font-size:  var(--svi-text-xs);
  color:      var(--svi-text-muted);
  display:    block;
}
.en-testimonial-card__score {
  background:   var(--svi-blue-light) !important;
  color:        var(--svi-blue-dark) !important;
  font-weight:  700 !important;
  padding:      0.15rem 0.5rem;
  border-radius: var(--svi-radius-pill);
  font-size:    var(--svi-text-xs) !important;
  display:      inline-block !important;
  margin-top:   0.15rem;
}
.en-testimonial-nav {
  display:         flex;
  align-items:     center;
  justify-content: center;
  gap:             1rem;
  margin-top:      2rem;
}
.en-testimonial-nav__btn {
  display:         flex;
  align-items:     center;
  justify-content: center;
  width:           44px;
  height:          44px;
  border-radius:   50%;
  border:          2px solid var(--svi-border);
  background:      var(--svi-white);
  color:           var(--svi-navy);
  font-size:       1rem;
  cursor:          pointer;
  transition:      var(--svi-transition);
}
.en-testimonial-nav__btn:hover {
  background:   var(--svi-navy);
  color:        var(--svi-white);
  border-color: var(--svi-navy);
}
.en-testimonial-dots { display: flex; gap: 0.45rem; }
.en-testimonial-dot {
  width:         8px;
  height:        8px;
  border-radius: 50%;
  background:    var(--svi-border);
  border:        none;
  cursor:        pointer;
  transition:    var(--svi-transition);
  padding:       0;
}
.en-testimonial-dot.is-active {
  background:    var(--svi-blue);
  width:         24px;
  border-radius: var(--svi-radius-pill);
}

/* ── 9. FAQ ──────────────────────────────────────────────────── */
.en-faq__sticky-col {
  position: sticky;
  top:      calc(var(--svi-nav-height) + 2rem);
}
.en-faq__cta-stack {
  display:        flex;
  flex-direction: column;
  gap:            0.75rem;
  margin-top:     1.75rem;
}
.en-faq__accordion {
  display:        flex;
  flex-direction: column;
  gap:            0.75rem;
}
.en-faq__item {
  background:    var(--svi-white);
  border:        1px solid var(--svi-border);
  border-radius: var(--svi-radius-lg);
  overflow:      hidden;
  transition:    box-shadow 0.25s, border-color 0.25s;
}
.en-faq__item.is-open {
  border-color: rgba(30,136,229,0.3);
  box-shadow:   var(--svi-shadow-sm);
}
.en-faq__question {
  display:         flex;
  justify-content: space-between;
  align-items:     center;
  gap:             1rem;
  width:           100%;
  text-align:      left;
  background:      transparent;
  border:          none;
  padding:         1.1rem 1.25rem;
  cursor:          pointer;
  font-family:     var(--svi-font-heading);
  font-size:       var(--svi-text-base);
  font-weight:     600;
  color:           var(--svi-navy);
  transition:      color 0.2s;
}
.en-faq__question:focus-visible {
  outline:        2px solid var(--svi-blue);
  outline-offset: -2px;
  border-radius:  var(--svi-radius-lg);
}
.en-faq__item.is-open .en-faq__question { color: var(--svi-blue); }
.en-faq__icon {
  display:         flex;
  align-items:     center;
  justify-content: center;
  width:           28px;
  height:          28px;
  border-radius:   50%;
  background:      var(--svi-blue-light);
  color:           var(--svi-blue);
  font-size:       0.85rem;
  flex-shrink:     0;
  transition:      transform 0.3s, background 0.2s;
}
.en-faq__item.is-open .en-faq__icon {
  transform:  rotate(45deg);
  background: var(--svi-blue);
  color:      var(--svi-white);
}
.en-faq__answer {
  padding:    0 1.25rem;
  max-height: 0;
  overflow:   hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
}
.en-faq__answer.is-open {
  max-height: 400px;
  padding:    0 1.25rem 1.25rem;
}
.en-faq__answer[hidden] { display: block; }
.en-faq__answer p {
  font-size:   var(--svi-text-sm);
  color:       var(--svi-text-muted);
  line-height: 1.75;
  margin:      0;
  border-top:  1px solid var(--svi-border);
  padding-top: 1rem;
}

/* ── 10. URGENCY CTA ─────────────────────────────────────────── */
.en-urgency {
  position:  relative;
  overflow:  hidden;
  padding:   var(--svi-space-2xl) 0;
}
.en-urgency__bg {
  position:   absolute;
  inset:      0;
  background: var(--svi-gradient);
}
.en-urgency__bg::before {
  content:    '';
  position:   absolute;
  inset:      0;
  background:
    radial-gradient(ellipse 55% 70% at 10% 50%, rgba(255,255,255,0.07) 0%, transparent 55%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='40' cy='40' r='0.75' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E") repeat;
}
.en-urgency .container { position: relative; z-index: 2; }

.en-urgency__inner {
  display:     grid;
  grid-template-columns: 1fr;
  gap:         3rem;
  align-items: center;
}
.en-urgency__badge {
  display:         inline-flex;
  align-items:     center;
  gap:             0.5rem;
  background:      rgba(255,255,255,0.15);
  color:           var(--svi-white);
  font-size:       var(--svi-text-xs);
  font-weight:     700;
  letter-spacing:  0.08em;
  text-transform:  uppercase;
  padding:         0.4rem 1rem;
  border-radius:   var(--svi-radius-pill);
  border:          1px solid rgba(255,255,255,0.25);
  margin-bottom:   1.25rem;
  animation:       en-badge-pulse 2.5s ease infinite;
}
@keyframes en-badge-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
  50%       { box-shadow: 0 0 0 8px rgba(255,255,255,0.04); }
}
.en-urgency__heading {
  font-size:     clamp(1.65rem, 3.5vw, 2.5rem);
  font-weight:   800;
  color:         var(--svi-white);
  line-height:   1.2;
  margin-bottom: 1rem;
}
.en-urgency__heading-accent {
  color:      transparent;
  background: linear-gradient(90deg, rgba(255,255,255,0.9), rgba(255,255,255,0.55));
  -webkit-background-clip: text;
  background-clip: text;
}
.en-urgency__sub {
  font-size:     var(--svi-text-lg);
  color:         rgba(255,255,255,0.75);
  line-height:   1.75;
  max-width:     520px;
  margin-bottom: 1.5rem;
}
.en-urgency__trust {
  display:  flex;
  flex-wrap: wrap;
  gap:      0.5rem 1.5rem;
}
.en-urgency__trust span {
  display:     flex;
  align-items: center;
  gap:         0.4rem;
  font-size:   var(--svi-text-xs);
  font-weight: 600;
  color:       rgba(255,255,255,0.75);
}
.en-urgency__trust i { color: rgba(255,255,255,0.9); }

/* Action card */
.en-urgency__action-card {
  background:      rgba(255,255,255,0.08);
  border:          1px solid rgba(255,255,255,0.15);
  border-radius:   var(--svi-radius-xl);
  padding:         2rem;
  backdrop-filter: blur(12px);
}
.en-urgency__card-title {
  font-size:     var(--svi-text-xl);
  font-weight:   800;
  color:         var(--svi-white);
  margin-bottom: 0.35rem;
}
.en-urgency__card-sub {
  font-size:     var(--svi-text-sm);
  color:         rgba(255,255,255,0.65);
  margin-bottom: 1.5rem;
}
.en-urgency__buttons { display: flex; flex-direction: column; gap: 0.75rem; }
.en-urgency__buttons .svi-btn--outline {
  border-color: rgba(255,255,255,0.4);
  color:        var(--svi-white);
}
.en-urgency__buttons .svi-btn--outline:hover {
  background:   rgba(255,255,255,0.15);
  border-color: rgba(255,255,255,0.6);
  color:        var(--svi-white);
  transform:    translateY(-2px);
}
.en-urgency__disclaimer {
  font-size:  var(--svi-text-xs);
  color:      rgba(255,255,255,0.5);
  text-align: center;
  margin:     1rem 0 0;
  display:    flex;
  align-items: center;
  justify-content: center;
  gap:        0.35rem;
}

/* ── 11. RELATED CARDS ───────────────────────────────────────── */
.en-related-card {
  display:        flex;
  flex-direction: column;
  background:     var(--svi-white);
  border:         1px solid var(--svi-border);
  border-radius:  var(--svi-radius-lg);
  padding:        var(--svi-space-md);
  text-decoration: none;
  height:         100%;
  transition:     var(--svi-transition-slow);
}
.en-related-card:hover {
  transform:    translateY(-5px);
  box-shadow:   var(--svi-shadow-md);
  border-color: rgba(30,136,229,0.2);
}
.en-related-card__icon {
  display:         inline-flex;
  align-items:     center;
  justify-content: center;
  width:           52px;
  height:          52px;
  border-radius:   var(--svi-radius-md);
  background:      var(--svi-blue-light);
  color:           var(--svi-blue);
  font-size:       1.4rem;
  margin-bottom:   var(--svi-space-sm);
  transition:      var(--svi-transition);
}
.en-related-card:hover .en-related-card__icon {
  background: var(--svi-gradient);
  color:      var(--svi-white);
}
.en-related-card__title {
  font-size:     var(--svi-text-base);
  font-weight:   700;
  color:         var(--svi-navy);
  margin-bottom: 0.4rem;
}
.en-related-card__text {
  font-size:     var(--svi-text-sm);
  color:         var(--svi-text-muted);
  line-height:   1.65;
  flex:          1;
  margin-bottom: var(--svi-space-sm);
}
.en-related-card__link {
  font-size:   var(--svi-text-sm);
  font-weight: 700;
  color:       var(--svi-blue);
  display:     inline-flex;
  align-items: center;
  gap:         0.35rem;
  transition:  gap 0.2s;
}
.en-related-card:hover .en-related-card__link { gap: 0.6rem; }

/* ── RESPONSIVE: Tablet 768px+ ──────────────────────────────── */
@media (min-width: 768px) {
  .en-hero {
    padding-top: calc(var(--svi-nav-height) + 3rem);
  }
  .en-hero__img-primary { height: 500px; }
  .en-hero__spec-card--1 { right: -2rem; }
  .en-hero__spec-card--2 { right: -2.25rem; }
  .en-hero__spec-card--3 { right: -1.5rem; }

  .en-testimonial-card {
    flex:      0 0 calc(50% - 0.75rem);
    max-width: calc(50% - 0.75rem);
  }

  .en-urgency__inner {
    grid-template-columns: 1fr 1fr;
  }
}

/* ── RESPONSIVE: Desktop 992px+ ─────────────────────────────── */
@media (min-width: 992px) {
  .en-hero__inner {
    grid-template-columns: 1fr 1fr;
    gap:                   5rem;
    align-items:           center;
    min-height:            calc(100vh - var(--svi-nav-height) - 90px);
    padding:               0;
  }
  .en-hero__img-primary { height: 560px; }

  .en-testimonial-card {
    flex:      0 0 calc(33.333% - 1rem);
    max-width: calc(33.333% - 1rem);
  }
  .en-faq__sticky-col { position: sticky; }
}

/* ── RESPONSIVE: Small mobile <576px ────────────────────────── */
@media (max-width: 575.98px) {
  .en-hero { padding-bottom: 0; }
  .en-hero__actions { flex-direction: column; }
  .en-hero__actions .btn { width: 100%; }
  .en-hero__img-secondary-wrap { display: none; }
  .en-hero__spec-card--2,
  .en-hero__spec-card--3 { display: none; }
  .en-hero__spec-card--1 { right: 0.5rem; top: 1rem; }
  .en-hero__stat { flex: 1 1 50%; }
  .en-hero__stat-div:nth-child(4) { display: none; }

  .en-mgmt-cta__info-card--1 { left: 0.5rem; }
  .en-mgmt-cta__info-card--2 { right: 0.5rem; }

  .en-mgmt-cta__actions { flex-direction: column; }
  .en-mgmt-cta__actions .btn { width: 100%; justify-content: center; }

  .en-urgency__inner { grid-template-columns: 1fr; gap: 2rem; }

  .en-steps__item { grid-template-columns: 56px 1fr; gap: 0 0.85rem; }
  .en-steps__card { flex-direction: column; }

  .en-faq__sticky-col { position: static; }
  .en-faq__cta-stack .btn { width: 100%; justify-content: center; }
}

/* ── Mobile navbar height override ──────────────────────────── */
@media (max-width: 991.98px) {
  .en-hero {
    padding-top: calc(var(--svi-nav-height-mobile) + 2rem);
  }
  .en-hero__panel-left { width: 100%; }
  .en-hero__diagonal { display: none; }
}