/* =================== RESET & BASE =================== */
    *,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    :root {
      --primary: #1565C0;
      --primary-dark: #0D47A1;
      --primary-light: #1976D2;
      --accent: #F9D67B;
      --accent-dark: #f0c44a;
      --dark: #1a1a2e;
      --gray: #5a6a85;
      --light-gray: #EEF4FF;
      --border: #D0DEF5;
      --white: #ffffff;
      --font-head: 'Sora', sans-serif;
      --font-body: 'DM Sans', sans-serif;
      --shadow-sm: 0 2px 12px rgba(21, 101, 192, .08);
      --shadow-md: 0 8px 32px rgba(21, 101, 192, .14);
      --shadow-lg: 0 16px 48px rgba(21, 101, 192, .20);
      --hero-grad: linear-gradient(135deg, #0D47A1 0%, #1565C0 55%, #1976D2 100%);
      --radius: 12px;
      --radius-sm: 8px;
      --transition: all .3s ease;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: var(--font-body);
      color: var(--dark);
      background: var(--white);
      font-size: 16px;
      line-height: 1.6;
    }

    h1,
    h2,
    h3,
    h4,
    h5 {
      font-family: var(--font-head);
      line-height: 1.25;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    ul {
      list-style: none;
    }

    img {
      max-width: 100%;
      display: block;
    }

    .container {
      max-width: 1180px;
      margin: 0 auto;
      padding: 0 24px;
    }

    .section-pad {
      padding: 80px 0;
    }

    .section-pad-sm {
      padding: 60px 0;
    }

    /* =================== SECTION LABEL =================== */
    .section-label {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(249, 214, 123, .22);
      color: var(--primary);
      font-family: var(--font-head);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      padding: 6px 16px;
      border-radius: 50px;
      border: 1px solid rgba(249, 214, 123, .5);
      margin-bottom: 14px;
    }

    .section-label::before {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--accent-dark);
      flex-shrink: 0;
    }

    .section-title {
      font-size: clamp(26px, 4vw, 40px);
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 16px;
    }

    .section-title span {
      color: var(--primary);
    }

    .section-sub {
      color: var(--gray);
      font-size: 16px;
      max-width: 560px;
      line-height: 1.7;
    }

    .section-header {
      margin-bottom: 48px;
    }

    .section-header.center {
      text-align: center;
    }

    .section-header.center .section-sub {
      margin: 0 auto;
    }

    /* =================== BUTTONS =================== */
    .btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: var(--font-body);
      font-size: 15px;
      font-weight: 600;
      padding: 14px 28px;
      border-radius: 50px;
      cursor: pointer;
      border: 2px solid transparent;
      transition: var(--transition);
      white-space: nowrap;
    }

    .btn-primary {
      background: var(--primary);
      color: var(--white);
      border-color: var(--primary);
    }

    .btn-primary:hover {
      background: var(--primary-dark);
      border-color: var(--primary-dark);
      transform: translateY(-2px);
      box-shadow: var(--shadow-md);
    }

    .btn-accent {
      background: var(--accent);
      color: var(--primary);
      border-color: var(--accent);
    }

    .btn-accent:hover {
      background: var(--accent-dark);
      border-color: var(--accent-dark);
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(249, 214, 123, .4);
    }

    .btn-outline {
      background: transparent;
      color: var(--primary);
      border-color: var(--primary);
    }

    .btn-outline:hover {
      background: var(--primary);
      color: var(--white);
      transform: translateY(-2px);
    }

    .btn-outline-white {
      background: transparent;
      color: var(--white);
      border-color: rgba(255, 255, 255, .6);
    }

    .btn-outline-white:hover {
      background: var(--white);
      color: var(--primary);
    }

    .btn-sm {
      padding: 10px 20px;
      font-size: 13px;
    }

    /* =================== TOP BAR =================== */
    .top-bar {
      background: var(--primary);
      color: rgba(255, 255, 255, .85);
      font-size: 13px;
      padding: 8px 0;
      position: relative;
      overflow: hidden;
    }

    .top-bar .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }

    .top-bar-social {
      display: flex;
      gap: 12px;
      align-items: center;
      flex-shrink: 0;
    }

    .top-bar-social a {
      color: rgba(255, 255, 255, .7);
      font-size: 13px;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, .2);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: var(--transition);
    }

    .top-bar-social a:hover {
      background: var(--accent);
      color: var(--primary);
      border-color: var(--accent);
    }

    .news-ticker {
      flex: 1;
      overflow: hidden;
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 0 16px;
    }

    .ticker-label {
      background: var(--accent);
      color: var(--primary);
      font-weight: 700;
      font-size: 11px;
      letter-spacing: .1em;
      padding: 3px 10px;
      border-radius: 4px;
      flex-shrink: 0;
      text-transform: uppercase;
    }

    .ticker-wrap {
      overflow: hidden;
      flex: 1;
    }

    .ticker-track {
      display: flex;
      gap: 0;
      white-space: nowrap;
      animation: ticker 30s linear infinite;
    }

    .ticker-track span {
      padding-right: 60px;
    }

    @keyframes ticker {
      from {
        transform: translateX(0);
      }

      to {
        transform: translateX(-50%);
      }
    }

    .top-bar-right {
      display: flex;
      gap: 16px;
      align-items: center;
      flex-shrink: 0;
      font-size: 12px;
    }

    .top-bar-right a {
      color: rgba(255, 255, 255, .75);
      transition: var(--transition);
    }

    .top-bar-right a:hover {
      color: var(--accent);
    }

    /* =================== HERO =================== */
    .hero {
      background: var(--hero-grad);
      position: relative;
      overflow: hidden;
      padding: 70px 0 100px;
      min-height: 680px;
      display: flex;
      align-items: center;
    }

    .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .hero::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 60px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M0,40 C360,0 1080,60 1440,20 L1440,60 L0,60 Z'/%3E%3C/svg%3E") no-repeat bottom center / cover;
    }

    .hero-bg-circle {
      position: absolute;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, .07);
    }

    .hero-bg-circle-1 {
      width: 500px;
      height: 500px;
      top: -200px;
      right: -100px;
    }

    .hero-bg-circle-2 {
      width: 300px;
      height: 300px;
      bottom: -100px;
      left: 10%;
    }

    .hero-content {
      position: relative;
      z-index: 2;
    }

    .hero .container {
      display: grid;
      grid-template-columns: 1.15fr 1fr;
      gap: 60px;
      align-items: start;
    }

    .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(249, 214, 123, .18);
      border: 1px solid rgba(249, 214, 123, .55);
      color: var(--accent);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      padding: 7px 16px 7px 12px;
      border-radius: 50px;
      margin-bottom: 20px;
    }

    .hero-badge::before {
      content: '';
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--accent);
      flex-shrink: 0;
    }

    .hero-badge i {
      font-size: 11px;
    }

    .hero h1 {
      font-size: clamp(30px, 4.5vw, 50px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.15;
      margin-bottom: 20px;
    }

    .hero h1 .highlight {
      color: var(--accent);
      position: relative;
      display: inline-block;
    }

    .hero-desc {
      color: rgba(255, 255, 255, .8);
      font-size: 16px;
      line-height: 1.75;
      margin-bottom: 32px;
    }

    .hero-cta {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
      margin-bottom: 40px;
    }

    .hero-stats {
      display: flex;
      gap: 0;
      flex-wrap: wrap;
      border: 1px solid rgba(255, 255, 255, .15);
      border-radius: var(--radius);
      overflow: hidden;
      width: fit-content;
    }

    .hero-stat {
      text-align: center;
      padding: 14px 28px;
      border-right: 1px solid rgba(255, 255, 255, .15);
    }

    .hero-stat:last-child {
      border-right: none;
    }

    .hero-stat strong {
      display: block;
      font-family: var(--font-head);
      font-size: 26px;
      font-weight: 800;
      color: var(--accent);
      line-height: 1;
    }

    .hero-stat span {
      font-size: 11px;
      color: rgba(255, 255, 255, .7);
      letter-spacing: .03em;
    }

    /* Hero Right - Focused NEET Card */
    .hero-card {
      background: rgba(255, 255, 255, .09);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, .15);
      border-radius: 20px;
      padding: 32px;
      position: relative;
    }

    .hero-card-title {
      font-family: var(--font-head);
      font-size: 18px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .hero-card-title .neet-badge {
      background: var(--accent);
      color: var(--primary);
      font-size: 11px;
      font-weight: 800;
      padding: 3px 10px;
      border-radius: 4px;
      letter-spacing: .06em;
    }

    .neet-feature-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-bottom: 24px;
    }

    .neet-feature {
      display: flex;
      align-items: center;
      gap: 12px;
      background: rgba(255, 255, 255, .07);
      border-radius: var(--radius-sm);
      padding: 12px 14px;
      border: 1px solid rgba(255, 255, 255, .08);
    }

    .neet-feature-icon {
      width: 36px;
      height: 36px;
      background: rgba(249, 214, 123, .2);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--accent);
      font-size: 15px;
      flex-shrink: 0;
    }

    .neet-feature-text strong {
      display: block;
      font-size: 13px;
      font-weight: 600;
      color: var(--white);
    }

    .neet-feature-text span {
      font-size: 12px;
      color: rgba(255, 255, 255, .6);
    }

    .hero-card-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 20px;
      border-top: 1px solid rgba(255, 255, 255, .1);
    }

    .hero-card-contact {
      color: rgba(255, 255, 255, .7);
      font-size: 13px;
    }

    .hero-card-contact strong {
      display: block;
      color: var(--accent);
      font-size: 15px;
    }

    /* =================== PACKAGES =================== */
    .packages-section {
      background: var(--light-gray);
    }

    .packages-tabs {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      margin-bottom: 40px;
      background: var(--white);
      padding: 6px;
      border-radius: 50px;
      box-shadow: var(--shadow-sm);
      width: fit-content;
    }

    .tab-btn {
      padding: 10px 22px;
      border-radius: 50px;
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      border: none;
      background: transparent;
      color: var(--gray);
      transition: var(--transition);
    }

    .tab-btn.active {
      background: var(--primary);
      color: var(--white);
    }

    .tab-btn:hover:not(.active) {
      color: var(--primary);
    }

    .tab-content {
      display: none;
    }

    .tab-content.active {
      display: block;
    }

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

    .pkg-card {
      background: var(--white);
      border-radius: var(--radius);
      padding: 32px 28px;
      border: 2px solid var(--border);
      transition: var(--transition);
      position: relative;
      overflow: hidden;
    }

    .pkg-card:hover {
      transform: translateY(-6px);
      box-shadow: var(--shadow-md);
      border-color: var(--primary);
    }

    .pkg-card.popular {
      border-color: var(--primary);
    }

    .pkg-popular-badge {
      position: absolute;
      top: 20px;
      right: -30px;
      background: var(--accent);
      color: var(--primary);
      font-size: 11px;
      font-weight: 800;
      padding: 5px 40px;
      transform: rotate(45deg);
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .pkg-tier {
      display: inline-block;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: var(--primary);
      background: rgba(21, 101, 192, .08);
      padding: 4px 12px;
      border-radius: 4px;
      margin-bottom: 14px;
    }

    .pkg-name {
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 8px;
    }

    .pkg-price {
      font-family: var(--font-head);
      font-size: 36px;
      font-weight: 800;
      color: var(--primary);
      margin-bottom: 4px;
      line-height: 1;
    }

    .pkg-price sup {
      font-size: 18px;
      vertical-align: super;
    }

    .pkg-period {
      font-size: 13px;
      color: var(--gray);
      margin-bottom: 24px;
    }

    .pkg-features {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-bottom: 28px;
    }

    .pkg-feature {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      font-size: 14px;
    }

    .pkg-feature i {
      color: var(--primary);
      margin-top: 2px;
      font-size: 13px;
      flex-shrink: 0;
    }

    .pkg-divider {
      border: none;
      border-top: 1px solid var(--border);
      margin: 20px 0;
    }

    /* =================== HOW IT WORKS =================== */
    .how-it-works {
      background: var(--white);
    }

    .steps-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 32px;
      position: relative;
    }

    .steps-grid::before {
      content: '';
      position: absolute;
      top: 36px;
      left: calc(16.66% + 24px);
      right: calc(16.66% + 24px);
      height: 2px;
      background: linear-gradient(to right, var(--primary), var(--accent), var(--primary));
      z-index: 0;
    }

    .step-card {
      text-align: center;
      position: relative;
      z-index: 1;
    }

    .step-num {
      width: 72px;
      height: 72px;
      background: var(--primary);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 24px;
      font-family: var(--font-head);
      font-size: 24px;
      font-weight: 800;
      color: var(--white);
      position: relative;
      box-shadow: 0 8px 24px rgba(21, 101, 192, .3);
    }

    .step-num::after {
      content: '';
      position: absolute;
      inset: -4px;
      border-radius: 50%;
      border: 2px dashed rgba(21, 101, 192, .25);
    }

    .step-icon {
      width: 48px;
      height: 48px;
      background: rgba(249, 214, 123, .2);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 16px;
      color: var(--primary);
      font-size: 20px;
    }

    .step-card h3 {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 10px;
    }

    .step-card p {
      font-size: 14px;
      color: var(--gray);
      line-height: 1.65;
    }

    /* =================== WHY CHOOSE US =================== */
    .why-choose {
      background: var(--light-gray);
    }

    .why-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 60px;
      align-items: stretch;
    }

    .why-image-wrap {
      position: relative;
      display: flex;
      flex-direction: column;
    }

    .why-image-inner {
      flex: 1;
      min-height: 420px;
      border-radius: 20px;
      background: linear-gradient(135deg, var(--primary), #1976D2);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 80px;
      color: rgba(255, 255, 255, .2);
    }

    .why-image-wrap img {
      border-radius: 20px;
      width: 100%;
      object-fit: cover;
    }

    .why-stat-badge {
      position: absolute;
      background: var(--white);
      border-radius: var(--radius);
      padding: 16px 20px;
      box-shadow: var(--shadow-md);
      text-align: center;
    }

    .why-stat-badge.badge-1 {
      bottom: -20px;
      left: -20px;
    }

    .why-stat-badge.badge-2 {
      top: -20px;
      right: -20px;
    }

    .why-stat-badge strong {
      display: block;
      font-family: var(--font-head);
      font-size: 28px;
      font-weight: 800;
      color: var(--primary);
    }

    .why-stat-badge span {
      font-size: 12px;
      color: var(--gray);
    }

    .why-features {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      margin-top: 28px;
    }

    .why-feature {
      display: flex;
      gap: 16px;
      align-items: flex-start;
      background: var(--white);
      border-radius: var(--radius);
      padding: 20px;
      border: 1px solid var(--border);
      transition: var(--transition);
    }

    .why-feature:hover {
      border-color: var(--primary);
      box-shadow: var(--shadow-sm);
    }

    .why-feature-icon {
      width: 48px;
      height: 48px;
      background: rgba(21, 101, 192, .08);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary);
      font-size: 20px;
      flex-shrink: 0;
    }

    .why-feature h4 {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 4px;
    }

    .why-feature p {
      font-size: 14px;
      color: var(--gray);
    }

    /* =================== SUCCESS STORIES =================== */
    .success {
      background: var(--white);
    }

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

    .testimonial-card {
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 28px 24px;
      transition: var(--transition);
      position: relative;
    }

    .testimonial-card:hover {
      border-color: var(--primary);
      box-shadow: var(--shadow-md);
      transform: translateY(-4px);
    }

    .testimonial-card.featured {
      background: var(--primary);
      border-color: var(--primary);
      color: var(--white);
    }

    .quote-icon {
      font-size: 32px;
      color: var(--accent);
      line-height: 1;
      margin-bottom: 14px;
      font-family: Georgia, serif;
    }

    .testimonial-text {
      font-size: 14px;
      line-height: 1.7;
      margin-bottom: 20px;
    }

    .testimonial-card.featured .testimonial-text {
      color: rgba(255, 255, 255, .85);
    }

    .stars {
      color: var(--accent);
      font-size: 13px;
      margin-bottom: 16px;
    }

    .testimonial-author {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .author-avatar {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      overflow: hidden;
      background: var(--light-gray);
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--font-head);
      font-weight: 700;
      font-size: 16px;
      color: var(--primary);
    }

    .author-name {
      font-size: 15px;
      font-weight: 700;
    }

    .testimonial-card.featured .author-name {
      color: var(--white);
    }

    .author-college {
      font-size: 12px;
      color: var(--gray);
    }

    .testimonial-card.featured .author-college {
      color: rgba(255, 255, 255, .6);
    }

    .college-badge {
      display: inline-block;
      font-size: 11px;
      font-weight: 700;
      background: rgba(249, 214, 123, .2);
      color: var(--accent);
      padding: 3px 10px;
      border-radius: 4px;
      margin-top: 4px;
      letter-spacing: .04em;
    }

    /* =================== SAMPLE RESOURCES =================== */
    .resources {
      position: relative;
      overflow: hidden;
    }

    .resources-group {
      margin-bottom: 36px;
    }

    .resources-group-label {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: var(--primary);
      margin-bottom: 16px;
    }

    .resources-group-label::after {
      content: '';
      flex: 1;
      height: 1px;
      background: var(--border);
    }

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

    .resource-card {
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 0;
      transition: var(--transition);
      cursor: pointer;
      text-align: center;
      overflow: hidden;
      box-shadow: 0 2px 12px rgba(0, 0, 0, .05);
    }

    .resource-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 28px rgba(21, 101, 192, .12);
      border-color: var(--primary);
    }

    .resource-card-icon {
      padding: 24px 20px 16px;
      background: linear-gradient(135deg, rgba(21, 101, 192, .07) 0%, rgba(21, 101, 192, .03) 100%);
      border-bottom: 1px solid var(--border);
    }

    .resource-card-icon i {
      font-size: 34px;
      color: var(--primary);
    }

    .resource-card-body {
      padding: 16px 16px 20px;
    }

    .resource-stream-tag {
      display: inline-block;
      font-size: 10px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .08em;
      padding: 2px 8px;
      border-radius: 50px;
      margin-bottom: 8px;
      background: rgba(21, 101, 192, .1);
      color: var(--primary);
    }

    .resource-stream-tag.tag-medical {
      background: rgba(229, 57, 53, .1);
      color: #e53935;
    }

    .resource-stream-tag.tag-engg {
      background: rgba(21, 101, 192, .1);
      color: var(--primary);
    }

    .resource-stream-tag.tag-nursing {
      background: rgba(56, 142, 60, .1);
      color: #388e3c;
    }

    .resource-stream-tag.tag-papers {
      background: rgba(123, 31, 162, .1);
      color: #7b1fa2;
    }

    .resource-card h4 {
      font-size: 13px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px;
      line-height: 1.3;
    }

    .resource-card p {
      font-size: 11px;
      color: var(--gray);
      margin-bottom: 6px;
    }

    .resource-meta {
      font-size: 10px;
      color: #aaa;
      margin-bottom: 14px;
    }

    .resource-actions {
      display: flex;
      gap: 8px;
      justify-content: center;
    }

    .resource-actions .btn-preview {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 11px;
      font-weight: 600;
      color: var(--primary);
      padding: 5px 12px;
      border: 1px solid var(--primary);
      border-radius: 50px;
      transition: var(--transition);
      background: transparent;
      text-decoration: none;
    }

    .resource-actions .btn-preview:hover {
      background: var(--primary);
      color: var(--white);
    }

    .resource-actions .btn-member {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 11px;
      font-weight: 600;
      color: var(--gray);
      padding: 5px 12px;
      border: 1px solid var(--border);
      border-radius: 50px;
      transition: var(--transition);
      background: transparent;
      text-decoration: none;
    }

    .resource-actions .btn-member:hover {
      background: var(--accent);
      color: var(--dark);
      border-color: var(--accent);
    }

    /* =================== YOUTUBE / ASHOK SIR SECTION =================== */
    .youtube-section {
      background: var(--light-gray);
    }

    .youtube-inner {
      display: grid;
      grid-template-columns: 300px 1fr;
      gap: 40px;
      align-items: start;
    }

    .ashok-sir-card {
      background: var(--white);
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: var(--shadow-md);
      text-align: center;
    }

    .ashok-sir-img {
      width: 100%;
      height: 334px;
      object-fit: cover;
      object-position: top;
      background: linear-gradient(135deg, var(--primary), #1976D2);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 80px;
    }

    .ashok-sir-info {
      padding: 20px;
    }

    .ashok-sir-info h3 {
      font-size: 18px;
      font-weight: 800;
      margin-bottom: 4px;
    }

    .ashok-sir-info p {
      font-size: 13px;
      color: var(--gray);
      margin-bottom: 12px;
    }

    .ashok-sir-info .exp-badge {
      background: var(--primary);
      color: var(--white);
      font-size: 12px;
      font-weight: 700;
      padding: 5px 14px;
      border-radius: 50px;
      display: inline-block;
    }

    .youtube-right {
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .yt-videos-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 16px;
    }

    .yt-video {
      background: var(--white);
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: var(--shadow-sm);
      transition: var(--transition);
      cursor: pointer;
    }

    .yt-video:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-md);
    }

    .yt-thumb {
      position: relative;
      padding-top: 56.25%;
      background: #000;
      overflow: hidden;
      cursor: pointer;
    }

    .yt-thumb img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .4s ease;
    }

    .yt-thumb:hover img {
      transform: scale(1.05);
    }

    .yt-play-btn {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
    }

    .yt-play-btn span {
      width: 52px;
      height: 52px;
      background: rgba(255, 0, 0, .9);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 20px;
      transition: transform .2s ease, background .2s ease;
      padding-left: 4px;
    }

    .yt-thumb:hover .yt-play-btn span {
      transform: scale(1.12);
      background: #ff0000;
    }

    .yt-thumb iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border: none;
    }

    .yt-info {
      padding: 12px 14px;
    }

    .yt-info h4 {
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 4px;
      line-height: 1.4;
    }

    .yt-info span {
      font-size: 11px;
      color: var(--gray);
    }

    .yt-channel-cta {
      background: var(--primary);
      border-radius: var(--radius);
      padding: 20px 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }

    .yt-channel-cta p {
      color: rgba(255, 255, 255, .8);
      font-size: 14px;
    }

    .yt-channel-cta strong {
      display: block;
      color: var(--white);
      font-size: 17px;
      font-weight: 700;
      margin-bottom: 4px;
    }

    /* =================== BLOGS =================== */
    .blogs {

      background: var(--light-gray);
    }

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

    .blog-card {
      border-radius: var(--radius);
      overflow: hidden;
      border: 1px solid var(--border);
      transition: var(--transition);
    }

    .blog-card:hover {
      box-shadow: var(--shadow-md);
      transform: translateY(-4px);
      border-color: var(--primary);
    }

    .blog-thumb {
      height: 180px;
      background: linear-gradient(135deg, var(--primary) 0%, #1976D2 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 48px;
      color: rgba(255, 255, 255, .3);
      overflow: hidden;
    }

    .blog-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .blog-body {
      padding: 20px;
    }

    .blog-tag {
      display: inline-block;
      font-size: 11px;
      font-weight: 700;
      color: var(--primary);
      background: rgba(21, 101, 192, .08);
      padding: 3px 10px;
      border-radius: 4px;
      margin-bottom: 10px;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    .blog-title {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 8px;
      line-height: 1.4;
    }

    .blog-title a:hover {
      color: var(--primary);
    }

    .blog-desc {
      font-size: 13px;
      color: var(--gray);
      line-height: 1.6;
      margin-bottom: 16px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .blog-meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 12px;
      color: var(--gray);
    }

    .blog-date {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .blog-read-more {
      color: var(--primary);
      font-weight: 600;
      font-size: 13px;
      display: flex;
      align-items: center;
      gap: 4px;
    }

    /* =================== FAQ =================== */
    .faq {
      background: var(--light-gray);
    }

    .faq-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      align-items: start;
    }

    .faq-col {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .faq-item {
      background: var(--white);
      border-radius: var(--radius);
      border: 1px solid var(--border);
      overflow: hidden;
    }

    .faq-question {
      padding: 20px 24px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      font-weight: 600;
      font-size: 15px;
      transition: var(--transition);
      user-select: none;
    }

    .faq-question:hover {
      color: var(--primary);
    }

    .faq-question.open {
      color: var(--primary);
    }

    .faq-icon {
      width: 28px;
      height: 28px;
      background: rgba(21, 101, 192, .08);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary);
      font-size: 13px;
      flex-shrink: 0;
      transition: var(--transition);
    }

    .faq-question.open .faq-icon {
      background: var(--primary);
      color: var(--white);
      transform: rotate(45deg);
    }

    .faq-answer {
      padding: 0 24px;
      max-height: 0;
      overflow: hidden;
      transition: max-height .35s ease, padding .35s ease;
      font-size: 14px;
      color: var(--gray);
      line-height: 1.7;
    }

    .faq-answer.open {
      max-height: 300px;
      padding-bottom: 20px;
    }

    /* =================== MOBILE APP =================== */
    .app-section {
      background: linear-gradient(135deg, #0a1628 0%, var(--primary) 100%);
      position: relative;
      overflow: hidden;
    }

    .app-section::after {
      content: '';
      position: absolute;
      top: -100px;
      right: -100px;
      width: 500px;
      height: 500px;
      border-radius: 50%;
      background: rgba(249, 214, 123, .05);
    }

    .app-inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
    }

    .app-text .section-label {
      background: rgba(249, 214, 123, .12);
      border-color: rgba(249, 214, 123, .25);
    }

    .app-text .section-title {
      color: var(--white);
    }

    .app-text .section-sub {
      color: rgba(255, 255, 255, .7);
    }

    .app-features {
      display: flex;
      flex-direction: column;
      gap: 14px;
      margin-top: 28px;
    }

    .app-feature {
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 14px;
      color: rgba(255, 255, 255, .8);
    }

    .app-feature i {
      color: var(--accent);
      font-size: 16px;
      flex-shrink: 0;
    }

    .app-mockup {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .phone-mockup {
      width: 220px;
      height: 420px;
      background: rgba(255, 255, 255, .08);
      border: 2px solid rgba(255, 255, 255, .15);
      border-radius: 36px;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 12px;
      box-shadow: var(--shadow-lg);
    }

    .phone-mockup::before {
      content: '';
      position: absolute;
      top: 12px;
      width: 60px;
      height: 4px;
      background: rgba(255, 255, 255, .2);
      border-radius: 2px;
    }

    .phone-mockup i {
      font-size: 56px;
      color: var(--accent);
    }

    .phone-mockup p {
      color: rgba(255, 255, 255, .6);
      font-size: 12px;
      text-align: center;
      padding: 0 24px;
    }

    .coming-soon-label {
      background: var(--accent);
      color: var(--primary);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .12em;
      padding: 6px 18px;
      border-radius: 50px;
      text-transform: uppercase;
    }

    .app-badges {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 28px;
    }

    .store-badge {
      display: flex;
      align-items: center;
      gap: 10px;
      background: rgba(255, 255, 255, .1);
      border: 1px solid rgba(255, 255, 255, .2);
      border-radius: var(--radius-sm);
      padding: 10px 18px;
      color: var(--white);
      font-size: 13px;
      transition: var(--transition);
      opacity: .65;
    }

    .store-badge i {
      font-size: 22px;
    }

    .store-badge span {
      display: block;
      font-size: 10px;
      color: rgba(255, 255, 255, .6);
    }

    .store-badge strong {
      display: block;
      font-size: 14px;
      font-weight: 700;
    }

    /* =================== CAROUSEL =================== */
    .hero-carousel {
      position: relative;
      width: 100%;
    }

    .carousel-slide {
      display: none;
      opacity: 0;
      animation: fadeInUp .8s cubic-bezier(.25, .46, .45, .94) forwards;
      padding-bottom: 64px;
    }

    .carousel-slide-active {
      display: block;
      opacity: 1;
    }

    .carousel-content {
      display: contents;
    }

    .slide-text {}

    .slide-right {
      position: relative;
      align-self: start;
    }

    /* Hero Lead Form */
    .hero-form-card {
      background: var(--white);
      border-radius: 20px;
      box-shadow: 0 20px 60px rgba(0, 0, 0, .22);
      overflow: hidden;
    }

    .hero-form-card-header {
      background: var(--primary-dark);
      padding: 18px 24px 16px;
      border-bottom: 3px solid var(--accent);
    }

    .hero-form-card-title {
      font-family: var(--font-head);
      font-size: 17px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 2px;
    }

    .hero-form-card-sub {
      font-size: 12px;
      color: rgba(255, 255, 255, .7);
    }

    .hero-form-body {
      padding: 20px 24px 24px;
    }

    .hero-form {
      display: flex;
      flex-direction: column;
      gap: 11px;
    }

    .hero-form .form-group {
      position: relative;
    }

    .hero-form input,
    .hero-form select {
      width: 100%;
      padding: 11px 14px;
      font-family: var(--font-body);
      font-size: 14px;
      color: var(--dark);
      background: var(--white);
      border: 1.5px solid var(--border);
      border-radius: var(--radius-sm);
      outline: none;
      transition: border-color .2s ease, box-shadow .2s ease;
      appearance: none;
    }

    .hero-form input::placeholder {
      color: #aabbd0;
    }

    .hero-form input:focus,
    .hero-form select:focus {
      border-color: var(--primary);
      box-shadow: 0 0 0 3px rgba(21, 101, 192, .12);
    }

    .hero-form select {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235a6a85' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 12px center;
      background-color: var(--white);
      padding-right: 32px;
      color: var(--dark);
    }

    .hero-form select option[value=""] {
      color: #aabbd0;
    }

    .hero-form .tel-wrap {
      display: flex;
      align-items: center;
      background: var(--white);
      border: 1.5px solid var(--border);
      border-radius: var(--radius-sm);
      overflow: hidden;
      transition: border-color .2s ease, box-shadow .2s ease;
    }

    .hero-form .tel-wrap:focus-within {
      border-color: var(--primary);
      box-shadow: 0 0 0 3px rgba(21, 101, 192, .12);
    }

    .hero-form .tel-prefix {
      padding: 11px 10px 11px 14px;
      font-size: 14px;
      font-weight: 600;
      color: var(--primary);
      background: var(--light-gray);
      border-right: 1.5px solid var(--border);
      white-space: nowrap;
      flex-shrink: 0;
    }

    .hero-form .tel-wrap input {
      border: none;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      padding-left: 10px;
    }

    .hero-form .tel-wrap input:focus {
      border: none;
      box-shadow: none;
    }

    .hero-form-submit {
      width: 100%;
      justify-content: center;
      margin-top: 4px;
      padding: 13px 28px;
      font-size: 15px;
    }

    .hero-form-trust {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      margin-top: 12px;
      font-size: 12px;
      color: var(--gray);
    }

    .hero-form-trust i {
      color: #22c55e;
      font-size: 11px;
    }

    .slide-image {
      width: 100%;
      max-width: 300px;
      height: auto;
      border-radius: var(--radius);
      object-fit: cover;
      box-shadow: var(--shadow-lg);
    }

    .carousel-nav {
      position: absolute;
      bottom: 24px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      gap: 28px;
      z-index: 10;
    }

    .carousel-dots {
      display: flex;
      gap: 10px;
    }

    .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: rgba(255, 255, 255, .4);
      border: none;
      cursor: pointer;
      transition: var(--transition);
    }

    .dot-active {
      background: var(--accent);
      width: 28px;
      border-radius: 5px;
    }

    .dot:hover {
      background: rgba(255, 255, 255, .6);
    }


    /* =================== TESTIMONIALS CAROUSEL =================== */
    .testimonials {
      background: linear-gradient(135deg, #1565C0 0%, #0D47A1 100%);
      position: relative;
      overflow: hidden;
      padding: 56px 0;
    }

    .testimonials::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url('https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=1400&h=600&fit=crop') center/cover no-repeat;
      opacity: 0.10;
      z-index: 0;
    }

    .testimonials .container {
      position: relative;
      z-index: 1;
    }

    .testimonials-carousel {
      display: grid;
      grid-template-columns: 320px 1fr 80px;
      gap: 15px;
      align-items: center;
    }

    .testimonial-stats-card {
      background: var(--accent);
      border-radius: 24px;
      padding: 32px 28px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 12px 40px rgba(0, 0, 0, .15);
      height: fit-content;
    }

    .stats-label {
      font-size: 11px;
      font-weight: 700;
      color: var(--primary);
      text-transform: uppercase;
      letter-spacing: .12em;
      display: flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 20px;
    }

    .stats-title {
      font-family: var(--font-head);
      font-size: 30px;
      font-weight: 600;
      color: var(--dark);
      line-height: 1.2;
      margin-bottom: 20px;
    }

    .stats-number {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 12px;
    }

    .stats-number span {
      font-family: var(--font-head);
      font-size: 40px;
      font-weight: 800;
      color: var(--primary);
      line-height: 1;
    }

    .stats-avatars {
      display: flex;
    }

    .testimonial-stats-card .stats-rating {
      color: black;
      font-size: 13px;
    }

    .stats-avatars img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 3px solid var(--white);
      margin-left: -12px;
      object-fit: cover;
    }

    .stats-avatars img:first-child {
      margin-left: 0;
    }

    .stats-rating {
      font-size: 18px;
      color: #e6a817;
      margin-bottom: 0;
    }

    .testimonial-carousel-main {
      position: relative;
      /* background: #f4f5f6; */
      border-radius: 24px;
      overflow: visible;
      /* box-shadow: 0 12px 40px rgba(0, 0, 0, .15); */
      min-height: 240px;
      margin: auto 0 auto 12%;
    }

    .testimonial-slide::after {
      content: '99';
      position: absolute;
      bottom: 6px;
      right: 28px;
      font-size: 100px;
      font-family: var(--font-head);
      font-weight: 100;
      color: rgba(0, 0, 0, .07);
      line-height: 1;
      pointer-events: none;
      z-index: 0;
      letter-spacing: -4px;
    }

    .testimonials-wrapper {
      display: flex;
      position: relative;
      height: 100%;
    }

    .testimonial-slide {
      display: none;
      opacity: 0;
      padding: 0px;
      width: 100%;
      animation: fadeInRight .6s cubic-bezier(.25, .46, .45, .94) forwards;
      min-height: 240px;
    }

    .testimonial-slide:first-child {
      display: flex;
      opacity: 1;
    }

    .testimonial-card-carousel {
      display: block;
      width: 100%;
      position: relative;
    }

    .testimonial-image {
      position: absolute;
      left: -75px;
      top: 50%;
      transform: translateY(-50%);
    }

    .testimonial-image img {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      object-fit: cover;
      border: 8px solid #fff;
      box-shadow: 0 8px 28px rgba(0, 0, 0, .15);
    }

    .testimonial-body {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: #f4f5f6;
      padding: 30px 30px 30px 90px;
      border-radius: 24px;
    }

    .testimonial-text {
      font-size: 16px;
      color: #666;
      line-height: 1.7;
      margin-bottom: 18px;
      font-weight: 500;
    }

    .testimonial-author-info {
      padding-top: 0;
      border-top: none;
    }

    .testimonial-author-info>div:first-child {
      font-weight: 700;
      color: var(--dark);
      font-size: 16px;
      margin-bottom: 4px;
    }

    .testimonial-author-info>div:nth-child(2) {
      font-size: 13px;
      color: #999;
      margin-bottom: 8px;
    }

    .testimonial-stars {
      font-size: 14px;
      color: var(--accent);
      letter-spacing: 2px;
    }

    .testimonial-nav {
      display: flex;
      flex-direction: column;
      gap: 12px;
      align-items: center;
      justify-content: center;
    }

    .testimonial-nav-btn {
      width: 48px;
      height: 48px;
      border-radius: 12px;
      background: var(--accent);
      color: var(--primary);
      border: none;
      cursor: pointer;
      font-size: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: var(--transition);
      box-shadow: 0 6px 20px rgba(249, 214, 123, .3);
    }

    .testimonial-nav-btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 28px rgba(249, 214, 123, .4);
      background: var(--accent-dark);
    }

    /* =================== CTA SECTION (Before Footer) =================== */
    .cta-section {
      position: relative;
      background: var(--primary-dark);
      padding: 0;
      overflow: visible;
    }

    /* Top half: light blue-gray */
    .cta-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 50%;
      background: #eef4ff;
      z-index: 0;
    }

    /* Layered flowing wave vector on the dark half */
    .cta-section::after {
      /* content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 50%;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 400' preserveAspectRatio='none'%3E%3Cpath d='M0 70 C 220 20 420 130 720 70 C 1020 10 1220 130 1440 70' fill='none' stroke='rgba(249,214,123,0.28)' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M0 120 C 200 70 440 180 720 120 C 1000 60 1240 180 1440 120' fill='none' stroke='rgba(255,255,255,0.14)' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M0 180 C 240 130 420 240 720 180 C 1020 120 1200 240 1440 180' fill='none' stroke='rgba(249,214,123,0.20)' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M0 240 C 200 190 440 300 720 240 C 1000 180 1240 300 1440 240' fill='none' stroke='rgba(255,255,255,0.10)' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M0 300 C 240 250 420 360 720 300 C 1020 240 1200 360 1440 300' fill='none' stroke='rgba(249,214,123,0.16)' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M0 360 C 200 310 440 400 720 360 C 1000 320 1240 400 1440 360' fill='none' stroke='rgba(255,255,255,0.07)' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-position: center;
      z-index: 0; */
    }

    .cta-inner {
      position: relative;
      z-index: 1;
      max-width: 1180px;
      margin: 0 auto;
      padding: 0 24px;
      display: grid;
      grid-template-columns: 1fr 280px 1fr;
      align-items: end;
      min-height: 360px;
    }

    .cta-left {
      padding-bottom: 30px;
      padding-right: 40px;
    }

    .cta-left h2 {
      font-family: var(--font-head);
      font-size: 24px;
      font-weight: 800;
      color: var(--white);
      margin-bottom: 12px;
    }

    .cta-left p {
      font-size: 15px;
      color: rgba(255, 255, 255, .75);
      line-height: 1.7;
    }

    .cta-center-img {
      align-self: end;
      position: relative;
    }

    .cta-center-img img {
      width: 100%;
      max-height: 380px;
      object-fit: cover;
      object-position: top center;
      display: block;
      filter: drop-shadow(0 20px 40px rgba(0, 0, 0, .35));
    }

    /* The badge floats from the light half, overlapping the image */
    .cta-quote-badge {
      position: absolute;
      top: 26.8%;
      right: -132%;
      background: #ffffff;
      color: var(--primary);
      padding: 20px 24px;
      border-radius: 30px 30px 0px 0px;
      font-family: var(--font-head);
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      /* box-shadow: 0 12px 32px rgba(249, 214, 123, .4); */
      max-width: 300px;
      text-align: center;
      z-index: 2;
    }

    .cta-right {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      min-height: 360px;
      padding-left: 40px;
      padding-bottom: 48px;
    }

    .cta-follow h3 {
      font-family: var(--font-head);
      font-size: 26px;
      font-weight: 800;
      color: var(--white);
      margin-bottom: 16px;
    }

    .cta-social-row {
      display: flex;
      gap: 12px;
      align-items: center;
    }

    .cta-social-btn {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: var(--accent);
      color: var(--primary);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      transition: var(--transition);
    }

    .cta-social-btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(249, 214, 123, .4);
    }

    /* =================== SUCCESS INSPIRE SECTION =================== */
    .success-inspire {
      background: var(--white);
      overflow: visible;
    }

    .success-inspire-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 48px;
      align-items: end;
    }

    .success-card-left {
      align-self: start;
      margin-top: 30px;
    }

    .success-left-headline {
      font-family: var(--font-head);
      font-size: clamp(26px, 3vw, 38px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      margin-bottom: 30px;
    }

    .success-years-card {
      background: var(--primary-dark);
      border-radius: var(--radius);
      padding: 28px 24px;
      overflow: hidden;
      position: relative;
    }

    .success-years-card::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .success-years-bg-text {
      font-family: var(--font-head);
      font-size: 140px;
      font-weight: 800;
      color: rgba(255, 255, 255, .08);
      line-height: 1;
      position: absolute;
      right: -8px;
      bottom: -16px;
      pointer-events: none;
      letter-spacing: -4px;
    }

    .success-years-value {
      font-family: var(--font-head);
      font-size: 42px;
      font-weight: 800;
      color: var(--accent);
      line-height: 1;
      position: relative;
    }

    .success-years-label {
      font-size: 16px;
      font-weight: 600;
      color: var(--white);
      margin-top: 4px;
      position: relative;
    }

    .success-years-sub {
      font-size: 13px;
      color: rgba(255, 255, 255, .6);
      margin-top: 8px;
      line-height: 1.5;
      position: relative;
    }

    .success-stats-strip {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      margin-top: 25px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      overflow: hidden;
      background: var(--white);
    }

    .success-stat-item {
      text-align: center;
      padding: 16px 10px;
      border-right: 1px solid var(--border);
    }

    .success-stat-item:last-child {
      border-right: none;
    }

    .success-stat-item strong {
      display: block;
      font-family: var(--font-head);
      font-size: 22px;
      font-weight: 800;
      color: var(--primary);
      line-height: 1;
    }

    .success-stat-item span {
      font-size: 11px;
      color: var(--gray);
      margin-top: 4px;
      display: block;
    }

    .success-image-center {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: -40px;
    }

    .expert-photo {
      width: 100%;
      max-width: 320px;
      height: 480px;
      object-fit: cover;
      object-position: top center;
      border-radius: var(--radius);
      position: relative;
      z-index: 1;
    }

    .expert-circle-bg {
      position: absolute;
      top: -47px;
      left: 50%;
      transform: translateX(-50%);
      width: 300px;
      height: 300px;
      z-index: 0;
      pointer-events: none;
      opacity: .2;
    }

    .image-badge {
      /* margin-top: 16px; */
      background: var(--white);
      border-radius: var(--radius-sm);
      padding: 12px 20px;
      box-shadow: var(--shadow-md);
      text-align: center;
      border-top: 3px solid var(--primary);
      width: 100%;
      max-width: 320px;
    }

    .success-features-right {
      text-align: left;
    }

    .success-feature-item {
      padding-bottom: 20px;
      margin-bottom: 20px;
      border-bottom: 1px solid var(--border);
    }

    .success-feature-item:last-of-type {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0;
    }

    .success-feature-title {
      display: flex;
      align-items: center;
      gap: 10px;
      font-family: var(--font-head);
      font-size: 16px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px;
    }

    .success-feature-title i {
      color: var(--primary);
      font-size: 14px;
      flex-shrink: 0;
    }

    .success-feature-desc {
      font-size: 14px;
      color: var(--gray);
      line-height: 1.65;
      padding-left: 24px;
    }

    .success-cta-card {
      background: var(--primary-dark);
      border-radius: var(--radius);
      padding: 22px 20px;
      margin-top: 24px;
    }

    .success-cta-label {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, .55);
      margin-bottom: 12px;
    }

    .success-cta-rating {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 16px;
    }

    .success-cta-stars {
      color: var(--accent);
      font-size: 16px;
      letter-spacing: 1px;
    }

    .success-cta-rating-text {
      font-size: 12px;
      color: rgba(255, 255, 255, .65);
    }

    .feature-item {}

    /* =================== ANIMATIONS =================== */

    /* --- Keyframes (matched from reference) --- */
    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translate3d(0, 60px, 0);
      }

      100% {
        opacity: 1;
        transform: none;
      }
    }

    @keyframes fadeInLeft {
      0% {
        opacity: 0;
        transform: translate3d(-60px, 0, 0);
      }

      100% {
        opacity: 1;
        transform: translateZ(0);
      }
    }

    @keyframes fadeInRight {
      0% {
        opacity: 0;
        transform: translate3d(60px, 0, 0);
      }

      100% {
        opacity: 1;
        transform: translateZ(0);
      }
    }

    @keyframes fadeIn {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    @keyframes zoomIn {
      0% {
        opacity: 0;
        transform: scale3d(0.55, 0.55, 0.55);
      }

      100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
      }
    }

    @keyframes moveBounce {
      0% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(22px);
      }

      100% {
        transform: translateY(0);
      }
    }

    @keyframes floatVertical {

      0%,
      100% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(-22px);
      }
    }

    @keyframes floatHorizontal {

      0%,
      100% {
        transform: translateX(0);
      }

      50% {
        transform: translateX(18px);
      }
    }

    @keyframes rotateme {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    @keyframes rotateReverse {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(-360deg);
      }
    }

    @keyframes linezoom {
      0% {
        transform: scale(0);
      }

      100% {
        transform: scale(1);
      }
    }

    @keyframes border-transform-default {

      0%,
      100% {
        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
      }

      14% {
        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
      }

      28% {
        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
      }

      42% {
        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
      }

      56% {
        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
      }

      70% {
        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
      }

      84% {
        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
      }
    }

    @keyframes shadowBlink {
      0% {
        opacity: .9;
        transform: scale(1);
      }

      100% {
        opacity: 0;
        transform: scale(1.8);
      }
    }

    @keyframes pulse2 {
      0% {
        box-shadow: 0 0 0 0 rgba(21, 101, 192, .45);
      }

      70% {
        box-shadow: 0 0 0 18px rgba(21, 101, 192, 0);
      }

      100% {
        box-shadow: 0 0 0 0 rgba(21, 101, 192, 0);
      }
    }

    @keyframes heroEntrance {
      0% {
        opacity: 0;
        transform: translateY(30px);
      }

      100% {
        opacity: 1;
        transform: none;
      }
    }

    @keyframes scaleX-grow {
      0% {
        transform: scaleX(0);
      }

      100% {
        transform: scaleX(1);
      }
    }

    /* --- Scroll-Reveal System --- */
    .sp-anim {
      /* opacity: 0; */
      will-change: opacity, transform;
    }

    .sp-anim.sp-visible {
      animation-fill-mode: both;
      animation-timing-function: cubic-bezier(.25, .46, .45, .94);
      animation-duration: .75s;
    }

    .sp-anim[data-anim="fadeInUp"].sp-visible {
      animation-name: fadeInUp;
    }

    .sp-anim[data-anim="fadeInLeft"].sp-visible {
      animation-name: fadeInLeft;
    }

    .sp-anim[data-anim="fadeInRight"].sp-visible {
      animation-name: fadeInRight;
    }

    .sp-anim[data-anim="zoomIn"].sp-visible {
      animation-name: zoomIn;
    }

    .sp-anim[data-anim="fadeIn"].sp-visible {
      animation-name: fadeIn;
    }

    /* --- Floating Decoration Shapes --- */
    .float-shape {
      position: absolute;
      pointer-events: none;
      z-index: 0;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out;
    }

    .float-shape.anim-bounce {
      animation-name: moveBounce;
      animation-duration: 4.5s;
    }

    .float-shape.anim-float {
      animation-name: floatVertical;
      animation-duration: 5s;
    }

    .float-shape.anim-horiz {
      animation-name: floatHorizontal;
      animation-duration: 6s;
    }

    .float-shape.anim-rotate {
      animation-name: rotateme;
      animation-duration: 14s;
      animation-timing-function: linear;
    }

    .float-shape.anim-rotate-r {
      animation-name: rotateReverse;
      animation-duration: 18s;
      animation-timing-function: linear;
    }

    /* --- Hero entrance --- */
    .hero-badge {
      animation: heroEntrance .7s .1s cubic-bezier(.25, .46, .45, .94) both;
    }

    .hero h1 {
      animation: heroEntrance .7s .25s cubic-bezier(.25, .46, .45, .94) both;
    }

    .hero-desc {
      animation: heroEntrance .7s .4s cubic-bezier(.25, .46, .45, .94) both;
    }

    .hero-cta {
      animation: heroEntrance .7s .55s cubic-bezier(.25, .46, .45, .94) both;
    }

    .hero-stats {
      animation: heroEntrance .7s .7s cubic-bezier(.25, .46, .45, .94) both;
    }

    .hero-card {
      animation: fadeInRight .8s .35s cubic-bezier(.25, .46, .45, .94) both;
    }

    /* --- Blob morphing image wrap --- */
    .blob-morph {
      animation: border-transform-default 8s ease-in-out infinite !important;
      overflow: hidden;
    }

    /* --- Pulse ring on primary CTA --- */
    .pulse-ring {
      position: relative;
      animation: pulse2 2s ease-out infinite;
    }

    /* --- Shadow blink (decorative circles) --- */
    .shadow-blink-el::after {
      content: '';
      position: absolute;
      inset: -6px;
      border-radius: 50%;
      border: 2px solid rgba(21, 101, 192, .35);
      animation: shadowBlink 1.6s ease-out infinite;
    }

    /* --- Step number blink ring --- */
    .step-num {
      position: relative;
    }

    .step-num.shadow-blink-el::after {
      inset: -6px;
    }

    /* --- Section label linezoom underline --- */
    .section-title-underline {
      display: block;
      height: 3px;
      width: 48px;
      background: var(--accent);
      border-radius: 2px;
      margin-top: 10px;
      transform: scaleX(0);
      transform-origin: left;
    }

    .section-header.center .section-title-underline {
      margin: 10px auto 0;
      transform-origin: center;
    }

    /* =================== RESPONSIVE =================== */
    @media (max-width: 1024px) {
      .carousel-content {
        grid-template-columns: 1fr;
        gap: 30px;
      }

      .cta-inner {
        grid-template-columns: 1fr 220px 1fr;
        min-height: 280px;
      }

      .cta-center-img img {
        max-height: 300px;
      }

      .success-inspire-grid {
        grid-template-columns: 1fr;
        gap: 32px;
      }

      .success-card-left {
        text-align: center;
      }

      .success-left-headline {
        text-align: center;
      }

      .success-years-card {
        max-width: 320px;
        margin: 0 auto;
      }

      .success-image-center {
        align-items: center;
      }

      .success-features-right {
        text-align: left;
      }

      .success-cta-card {
        max-width: 100%;
      }

      .packages-grid {
        grid-template-columns: 1fr 1fr;
      }

      .resources-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .youtube-inner {
        grid-template-columns: 1fr;
      }

      .ashok-sir-card {
        display: flex;
        align-items: center;
        gap: 0;
        max-width: 100%;
      }

      .ashok-sir-img {
        min-width: 200px;
        height: 200px;
      }

      .testimonials-carousel {
        grid-template-columns: 1fr;
        gap: 30px;
      }

      .testimonial-stats-card {
        order: 2;
      }

      .testimonial-carousel-main {
        order: 1;
      }
    }

    @media (max-width: 768px) {
      .hero .container {
        grid-template-columns: 1fr;
        gap: 32px;
      }

      .hero-form-card {
        padding: 22px 18px;
      }

      .steps-grid {
        grid-template-columns: 1fr;
      }

      .steps-grid::before {
        display: none;
      }

      .why-grid {
        grid-template-columns: 1fr;
      }

      .testimonials-grid {
        grid-template-columns: 1fr;
      }

      .packages-grid {
        grid-template-columns: 1fr;
      }

      .faq-grid {
        grid-template-columns: 1fr;
      }

      .blogs-grid {
        grid-template-columns: 1fr;
      }

      .app-inner {
        grid-template-columns: 1fr;
        text-align: center;
      }

      .yt-videos-grid {
        grid-template-columns: 1fr;
      }

      .top-bar-right {
        display: none;
      }

      .packages-tabs {
        overflow-x: auto;
        width: 100%;
        border-radius: var(--radius);
      }

      .cta-inner {
        grid-template-columns: 1fr;
        min-height: unset;
        padding: 40px 24px;
      }

      .cta-section::before {
        display: none;
      }

      .cta-section {
        background: var(--primary-dark);
      }

      .cta-left {
        padding-right: 0;
        padding-bottom: 24px;
        order: 2;
      }

      .cta-center-img {
        order: 1;
        text-align: center;
      }

      .cta-center-img img {
        max-height: 260px;
        width: auto;
        margin: 0 auto;
      }

      .cta-right {
        order: 3;
        min-height: unset;
        padding-left: 0;
        gap: 24px;
      }

      .cta-quote-badge {
        margin-top: 0;
        max-width: 100%;
      }

      .cta-follow {
        padding-bottom: 0;
      }

      .testimonials-carousel {
        grid-template-columns: 1fr;
      }

      .testimonial-nav {
        flex-direction: row;
        justify-content: center;
      }
    }

    @media (max-width: 480px) {

      .cta-quote-badge,
      section#cta-connect .cta-center-img img,
      .d-none-480,
      .testimonial-image {
        display: none;
      }

      .cta-right {
        padding-bottom: 0;
        text-align: center;
      }

      .cta-left,
      .section-header,
      .slide-text {
        text-align: center;
      }

      .app-badges,
      .hero-cta,
      .cta-social-row {
        justify-content: center;
      }

      .resource-actions {
        flex-wrap: wrap;
      }

      .resource-actions a {
        width: 100%;
        justify-content: center;
      }

      .ashok-sir-card,
      .yt-channel-cta {
        flex-wrap: wrap;
      }

      img.ashok-sir-img {
        min-height: 500px;
      }

      span.section-title-underline {
        margin-left: auto;
        margin-right: auto;
      }

      .testimonial-body {
        padding: 25px 25px 25px 25px;
      }

      .testimonial-carousel-main {
        margin-left: 0;
      }

      .why-feature {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
      }

      div#pkgTabs {
        flex-wrap: wrap;
        justify-content: center;
      }

      .success-inspire-grid {
        gap: 80px;
      }

      .success-card-left {
        margin-top: 0;
      }

      .hero-form-card {
        padding: 0;
      }

      .hero-stats {
        margin: auto;
      }
    }

/* =================== WP THEME BRIDGE (front-page only) =================== */
/* Neutralise the legacy .hero-wraper / #page background that header.php opens
   on the front page — the design hero supplies its own gradient. */
.home .hero-wraper { background: none !important; }
.home div#page { background-image: none !important; }

/* Lead-submitted confirmation banner (admin-post redirect ?lead=thanks) */
.spc-lead-thanks {
  max-width: 1180px;
  margin: 16px auto;
  padding: 14px 20px;
  border-radius: 10px;
  background: #e6f4ea;
  border: 1px solid #b7e1c4;
  color: #1b7a3d;
  font-weight: 600;
  text-align: center;
}

/* =================================================================
   LEGACY OVERRIDES — beat style.css rules left over from the OLD
   front-page (same class names: .hero, .how-it-works, .blog-card…).
   Scoped to body.home for specificity; !important only where the
   legacy rule itself uses !important.
   ================================================================= */
body.home .hero {
  background: var(--hero-grad);
}
body.home .hero h1 {
  font-size: clamp(30px, 4.5vw, 50px);
  line-height: 1.15;
  font-weight: 800;
  margin: 0 0 20px;
}
body.home .hero .hero-desc {
  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
  margin: 0 0 32px;
  padding: 0;
  color: rgba(255, 255, 255, .8);
}

body.home .how-it-works {
  background: var(--white);
  color: var(--dark);
  text-align: left;
  margin-top: 0;
}
body.home .how-it-works h2 {
  font-size: clamp(26px, 4vw, 40px) !important;
  text-align: center !important;
  line-height: 1.25;
  font-weight: 700;
}

body.home .blog-card {
  background: var(--white);
  width: auto;
  text-align: left;
  box-shadow: none;
}
body.home .blog-card img {
  height: 100%;
}