/* ── NAV ── */
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    /* ── HERO ── */
    .hero {
      background: var(--navy);
      background-image: radial-gradient(ellipse at 70% 50%, var(--navy-deep) 0%, var(--navy) 60%);
      min-height: 560px;
      overflow: hidden;
      position: relative;
    }
    .hero-inner {
      max-width: 1200px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 480px;
      align-items: center;
      min-height: 560px;
    }
    .hero::before {
      content: ""; position: absolute; inset: 0;
      background-image: radial-gradient(circle at 15% 60%, rgba(201,170,102,0.12) 0%, transparent 35%),
                        radial-gradient(circle at 80% 20%, rgba(105,153,152,0.10) 0%, transparent 35%);
      pointer-events: none; z-index: 1;
    }
    .hero-left {
      padding: 80px 48px 80px 13%;
      display: flex; flex-direction: column; justify-content: center;
      position: relative; z-index: 2;
    }
    .hero-eyebrow { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); margin-bottom: 1.25rem; display: block; }
    .hero-title { font-family: "Playfair Display", serif; font-size: clamp(32px, 3.5vw, 52px); font-weight: 600; color: var(--white); line-height: 1.15; margin-bottom: 1.5rem; }
    .hero-title em { font-style: italic; color: var(--gold); }
    .hero-sub { font-size: 1.05rem; color: rgba(255,255,255,0.72); line-height: 1.8; font-weight: 300; margin-bottom: 2.5rem; max-width: 480px; }
    .hero-sub strong { color: rgba(255,255,255,0.9); font-weight: 500; }
    .hero-btns { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; margin-bottom: 2.5rem; }
    .hero-btn-primary { background: var(--gold); color: var(--navy-deep); padding: 1rem 2.2rem; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 1rem; transition: background 0.15s; white-space: nowrap; }
    .hero-btn-primary:hover { background: var(--gold-dark); color: var(--white); }
    .hero-btn-secondary { color: rgba(255,255,255,0.7); font-size: 0.92rem; font-weight: 500; text-decoration: none; transition: color 0.15s; display: flex; align-items: center; gap: 0.4rem; }
    .hero-btn-secondary:hover { color: var(--white); }
    .hero-btn-secondary::after { content: "→"; }
    .hero-trust { display: flex; align-items: center; gap: 1.25rem; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.08); flex-wrap: wrap; }
    .hero-trust-item { font-size: 0.82rem; color: rgba(255,255,255,0.45); display: flex; align-items: center; gap: 0.4rem; }
    .hero-trust-item::before { content: "✓"; color: var(--teal); font-weight: 700; }
    .hero-right {
      display: flex; align-items: center; justify-content: center;
      padding: 20px 60px 60px 0px;
      position: relative; z-index: 2;
    }
    .hero-circle-wrap {
      position: relative;
      width: 408px; height: 408px;
      flex-shrink: 0;
    }
    .hero-circle-wrap::before {
      content: ""; position: absolute;
      top: -16px; right: -16px;
      width: 100%; height: 100%;
      border-radius: 50%;
      border: 2px solid rgba(200,164,90,0.25);
      pointer-events: none;
    }
    .hero-dots {
      position: absolute;
      top: -20px; left: -20px;
      width: 110px; height: 110px;
      background-image: radial-gradient(circle, rgba(255,255,255,0.15) 2.5px, transparent 2.5px);
      background-size: 18px 18px;
      pointer-events: none; z-index: 4;
    }
    .hero-circle-wrap::after {
      content: ""; position: absolute;
      bottom: -8px; left: -8px;
      width: 48px; height: 48px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(105,153,152,0.5) 0%, transparent 70%);
      pointer-events: none;
    }
    .hero-circle {
      width: 408px; height: 408px;
      border-radius: 50%;
      overflow: hidden;
      box-shadow: 0 32px 80px rgba(0,0,0,0.4), 0 0 0 4px rgba(200,164,90,0.2);
    }
    .hero-circle img {
      width: 100%; height: 100%;
      object-fit: cover;
      object-position: center 30%;
      display: block;
    }
    @media (max-width: 860px) {
      .hero-inner { grid-template-columns: 1fr; }
      .hero-right { display: none; }
      .hero-left { padding: 60px 24px; }
    }

    /* ── HERO DECORATIVE ELEMENTS ── */

    .hero-arc {
      position: absolute; bottom: -60px; left: 15%;
      width: 200px; height: 200px;
      border: 1px solid rgba(200,164,90,0.12);
      border-radius: 50%;
      pointer-events: none; z-index: 1;
    }
    .hero-line {
      position: absolute; top: 50%; right: 38%;
      width: 1px; height: 120px;
      background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.1), transparent);
      transform: translateY(-50%);
      pointer-events: none; z-index: 1;
    }

  /* ── PAIN SECTION ── */
    .pain-section { background: var(--gold-pale); border-bottom: 1px solid rgba(201,170,102,0.25); padding: 64px 40px; }
    .pain-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }
    .pain-content h2 { font-family: "Playfair Display", serif; font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 600; color: var(--navy); margin-bottom: 1.25rem; line-height: 1.3; }
    .pain-content p { font-size: 0.97rem; color: var(--text); line-height: 1.85; margin-bottom: 1rem; }
    .pain-content p:last-child { margin-bottom: 0; }
    .pain-list { display: flex; flex-direction: column; gap: 1rem; }
    .pain-item { display: flex; align-items: flex-start; gap: 1rem; background: var(--white); border: 1px solid var(--border); border-radius: 10px; padding: 1.1rem 1.25rem; border-left: 3px solid var(--teal); }
    .pain-item-icon { font-size: 1.25rem; flex-shrink: 0; margin-top: 1px; }
    .pain-item-text { font-size: 0.92rem; color: var(--text); line-height: 1.65; }
    .pain-item-text strong { color: var(--navy); font-weight: 600; display: block; margin-bottom: 0.2rem; }

    /* ── BENEFITS ── */
    .benefits-section { max-width: 1100px; margin: 0 auto; padding: 80px 40px; }
    .section-eyebrow { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.75rem; display: block; text-align: center; }
    .section-title { font-family: "Playfair Display", serif; font-size: clamp(1.6rem, 2.8vw, 2.2rem); font-weight: 600; color: var(--navy); text-align: center; margin-bottom: 0.6rem; }
    .section-sub { font-size: 0.97rem; color: var(--text-muted); text-align: center; max-width: 580px; margin: 0 auto 3rem; line-height: 1.7; }
    .benefits-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
    .benefit-card { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 1.75rem; transition: box-shadow 0.2s, transform 0.2s; position: relative; overflow: hidden; }
    .benefit-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--teal); }
    .benefit-card:hover { box-shadow: 0 8px 32px rgba(11,72,103,0.1); transform: translateY(-3px); }
    .benefit-icon { font-size: 1.8rem; margin-bottom: 1rem; display: block; }
    .benefit-card h3 { font-size: 1rem; font-weight: 700; color: var(--navy); margin-bottom: 0.6rem; }
    .benefit-card p { font-size: 0.88rem; color: var(--text-muted); line-height: 1.75; }
    .benefit-highlight { background: var(--navy); border-color: var(--navy); }
    .benefit-highlight::before { background: var(--gold); }
    .benefit-highlight h3 { color: var(--white); }
    .benefit-highlight p { color: rgba(255,255,255,0.65); }
    .benefit-highlight .benefit-icon { filter: brightness(10); }

    /* ── HELPLINE BAND ── */
    .helpline-band { background: var(--teal-pale); border-top: 1px solid rgba(105,153,152,0.2); border-bottom: 1px solid rgba(105,153,152,0.2); padding: 40px; text-align: center; }
    .helpline-inner { max-width: 700px; margin: 0 auto; }
    .helpline-band h3 { font-family: "Playfair Display", serif; font-size: 1.3rem; font-weight: 600; color: var(--navy); margin-bottom: 0.5rem; }
    .helpline-band p { font-size: 0.95rem; color: var(--text-muted); margin-bottom: 1rem; line-height: 1.7; }
    .helpline-number { font-family: "Playfair Display", serif; font-size: 2.8rem; font-weight: 600; color: var(--navy); letter-spacing: -0.02em; display: block; margin-bottom: 0.4rem; }
    .helpline-note { font-size: 0.82rem; color: var(--text-muted); }

    .proof-head { text-align: center; margin-bottom: 2.5rem; }
    .proof-heading { font-family: "Playfair Display", serif; font-size: clamp(1.2rem, 2.5vw, 1.7rem); font-weight: 600; color: var(--gold); line-height: 1.4; }

    /* ── SOCIAL PROOF ── */
    .proof-section { background: var(--charcoal); padding: 72px 40px; }
    .proof-inner { max-width: 1100px; margin: 0 auto; }
    .proof-quote-hero { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 3rem; margin-bottom: 2rem; display: grid; grid-template-columns: auto 1fr; gap: 2rem; align-items: center; }
    .proof-quote-mark { font-family: "Playfair Display", serif; font-size: 6rem; color: var(--gold); line-height: 0.7; opacity: 0.5; flex-shrink: 0; }
    .proof-quote-text { font-family: "Playfair Display", serif; font-size: 1.05rem; font-style: italic; color: var(--white); line-height: 1.7; margin-bottom: 1rem; }
    .proof-quote-attr { font-size: 0.88rem; font-weight: 600; color: var(--teal-light); }
    .proof-quotes-small { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-bottom: 2.5rem; }
    .proof-quote-small { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; padding: 1.5rem; }
    .proof-quote-small p { font-family: "Playfair Display", serif; font-size: 1.05rem; font-style: italic; color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 0.75rem; }
    .proof-quote-small span { font-size: 0.8rem; font-weight: 600; color: var(--teal-light); }
    .proof-placeholder { background: rgba(255,255,255,0.02); border: 1px dashed rgba(255,255,255,0.1); border-radius: 10px; padding: 1.5rem; display: flex; align-items: center; justify-content: center; min-height: 120px; }
    .proof-placeholder p { font-size: 0.82rem; color: rgba(255,255,255,0.18); font-style: italic; }
    .proof-clients { text-align: center; background: var(--white); border-radius: 12px; padding: 2rem; margin-top: 0.5rem; }
    .proof-clients-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 1.25rem; display: block; }
    .proof-clients img { max-width: 100%; opacity: 0.85; transition: opacity 0.2s; }
    .proof-clients img:hover { opacity: 0.65; }

    
    /* ── PRICING ── */
    .pricing-section { background: var(--off-white); padding: 80px 40px; }
    .pricing-inner { max-width: 960px; margin: 0 auto; }
    .ta-pricing-toggle { display: flex; justify-content: center; margin-bottom: 48px; }
    .ta-toggle-btn { padding: 10px 28px; border: 2px solid var(--navy); background: transparent; color: var(--navy); font-family: "DM Sans", sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.15s; }
    .ta-toggle-btn:first-child { border-radius: 8px 0 0 8px; border-right: 1px solid var(--navy); }
    .ta-toggle-btn:last-child { border-radius: 0 8px 8px 0; border-left: 1px solid var(--navy); }
    .ta-toggle-btn.active { background: var(--navy); color: var(--white); }
    .ta-save-badge { display: inline-block; background: var(--gold); color: var(--navy-deep); font-size: 10px; font-weight: 700; letter-spacing: 0.5px; padding: 2px 7px; border-radius: 20px; margin-left: 4px; }
    .ta-plan-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; align-items: stretch; max-width: 780px; margin: 0 auto; }
    .ta-monthly-prices { display: none; }
    .ta-annual-prices { display: none; }
    .ta-monthly-prices.visible { display: grid !important; }
    .ta-annual-prices.visible { display: grid !important; }
    .ta-plan { border: 2px solid var(--border); border-radius: 16px; overflow: hidden; background: var(--white); transition: box-shadow 0.2s; display: flex; flex-direction: column; position: relative; }
    .ta-plan:hover { box-shadow: 0 12px 40px rgba(11,72,103,0.12); }
    .ta-plan.featured { border-color: var(--navy); background: var(--white); }
    .ta-plan-badge {
      background: var(--navy); color: var(--white);
      font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
      padding: 5px 14px; border-radius: 0 14px 0 8px;
      position: absolute; top: 0; right: 0;
    }
    .ta-plan-header { padding: 28px 28px 20px; background: var(--white); border-bottom: 1px solid var(--border); }
    .ta-plan.featured .ta-plan.featured .ta-plan-header { background: var(--navy-pale); border-bottom-color: var(--border); padding-top: 28px; } .connect-plan .ta-plan-header { background: var(--navy-pale); }
    .ta-plan-name { font-family: "Playfair Display", serif; font-size: 22px; font-weight: 600; color: var(--charcoal); margin-bottom: 8px; } .ta-plan.featured .ta-plan-name { color: var(--charcoal); }
    .ta-plan-price { display: flex; align-items: baseline; gap: 4px; }
    .ta-plan-amount { font-family: "Playfair Display", serif; font-size: 38px; font-weight: 600; color: var(--navy); } .ta-plan.featured .ta-plan-amount { color: var(--navy); }
    .ta-plan-period { font-size: 15px; color: var(--soft); } .ta-plan.featured .ta-plan-period { color: var(--soft); }
    .ta-plan-desc { font-size: 14px; color: var(--mid); margin-top: 8px; line-height: 1.5; } .ta-plan.featured .ta-plan-desc { color: var(--mid); }
    .ta-plan-body { padding: 24px 28px 28px; display: flex; flex-direction: column; flex: 1; } .ta-plan.featured .ta-plan-body { background: var(--white); }
    .ta-plan-price-row { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
    .ta-plan-amount-was { font-family: "Playfair Display", serif; font-size: 24px; font-weight: 400; color: var(--soft); text-decoration: line-through; }
    .ta-feature-list { list-style: none; margin-bottom: 24px; flex: 1; }
    .ta-feature-list li { font-size: 14.5px; color: var(--mid); padding: 7px 0; border-bottom: 1px solid var(--border); display: flex; align-items: flex-start; gap: 10px; line-height: 1.5; } .ta-plan.featured .ta-feature-list li { color: var(--mid); border-bottom-color: var(--border); }
    .ta-feature-list li:last-child { border-bottom: none; }
    .ta-check { color: var(--teal); font-size: 15px; flex-shrink: 0; margin-top: 1px; font-weight: 700; }
    .ta-plan.featured .ta-check { color: var(--teal-light); }
    .ta-cta-btn { display: block; width: 100%; padding: 14px; text-align: center; border-radius: 8px; font-family: "DM Sans", sans-serif; font-size: 15px; font-weight: 600; text-decoration: none; transition: all 0.15s; }
    .ta-cta-btn.primary { background: var(--navy); color: var(--white); border-radius: 8px; }
    .ta-cta-btn.primary:hover { background: var(--navy-deep); color: var(--white); }
    .ta-cta-btn.secondary { background: transparent; color: var(--navy); border: 2px solid var(--navy); }
    .ta-cta-btn.secondary:hover { background: var(--navy-pale); }
    .pricing-gift-aid-note { background: var(--gold-pale); border: 1px solid rgba(201,170,102,0.35); border-radius: 8px; padding: 1rem 1.5rem; text-align: center; margin-bottom: 2.5rem; font-size: 0.88rem; color: var(--gold-dark); }
    .pricing-gift-aid-note strong { color: var(--navy); }
    .ta-invoice-note { text-align: center; margin-top: 24px; font-size: 14px; color: var(--soft); }
    .ta-invoice-note a { color: var(--teal); text-decoration: none; font-weight: 500; border-bottom: 1px solid var(--teal-light); transition: color 0.15s, border-color 0.15s; }
    .ta-invoice-note a:hover { color: var(--navy); border-color: var(--navy); }

    /* ── STATS ── */
    .stats-strip { background: var(--navy); padding: 48px 40px; }
    .stats-inner { max-width: 1100px; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; }
    .stat-item { padding: 0 3rem; border-right: 1px solid rgba(255,255,255,0.1); text-align: center; }
    .stat-item:last-child { border-right: none; }
    .stat-num { font-family: "Playfair Display", serif; font-size: 2.4rem; font-weight: 600; color: var(--gold); line-height: 1; margin-bottom: 0.4rem; }
    .stat-label { font-size: 0.82rem; color: rgba(255,255,255,0.55); line-height: 1.5; }

    /* ── TEAM ── */
    .team-section { max-width: 1100px; margin: 0 auto; padding: 80px 40px; display: grid; grid-template-columns: 420px 1fr; gap: 5rem; align-items: center; }
    .team-img { border-radius: 12px; overflow: hidden; box-shadow: 0 12px 40px rgba(11,72,103,0.12); }
    .team-img img { width: 100%; display: block; }
    .team-content { }
    .team-content h2 { font-family: "Playfair Display", serif; font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 600; color: var(--navy); margin-bottom: 1rem; line-height: 1.3; }
    .team-content p { font-size: 0.97rem; color: var(--text); line-height: 1.85; margin-bottom: 1rem; }
    .team-values { display: flex; flex-direction: column; gap: 0.75rem; margin: 1.5rem 0 2rem; }
    .team-value { display: flex; align-items: flex-start; gap: 0.75rem; font-size: 0.92rem; color: var(--text); line-height: 1.6; }
    .team-value-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); flex-shrink: 0; margin-top: 6px; }
    .team-content a { display: inline-block; color: var(--navy); font-weight: 600; text-decoration: none; font-size: 0.95rem; border-bottom: 2px solid var(--teal); padding-bottom: 1px; transition: color 0.15s; }
    .team-content a:hover { color: var(--teal); }

    /* ── FAQ ── */
    .faq-section { background: var(--navy); padding: 80px 40px; }
    .faq-inner { max-width: 760px; margin: 0 auto; }
    .faq-head { text-align: center; margin-bottom: 2.5rem; }
    .faq-head h2 { font-family: "Playfair Display", serif; font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 600; color: var(--white); margin-bottom: 0.4rem; }
    .faq-head p { font-size: 0.95rem; color: rgba(255,255,255,0.6); }
    .home-faq-item { background: var(--white); border: 1px solid var(--border); border-radius: 8px; margin-bottom: 8px; overflow: hidden; transition: box-shadow 0.2s; }
    .home-faq-item.open { box-shadow: 0 4px 20px rgba(11,72,103,0.09); border-color: var(--teal); }
    .home-faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.25rem; background: none; border: none; cursor: pointer; text-align: left; transition: background 0.15s; }
    .home-faq-q:hover { background: var(--off-white); }
    .home-faq-item.open .home-faq-q { background: var(--navy-pale); }
    .home-faq-q span:first-child { font-size: 0.97rem; font-weight: 600; color: var(--navy); line-height: 1.4; }
    .home-faq-icon { font-size: 1.3rem; color: var(--teal); flex-shrink: 0; transition: transform 0.25s; }
    .home-faq-item.open .home-faq-icon { transform: rotate(45deg); }
    .home-faq-a { display: none; max-height: 0; overflow: hidden; opacity: 0; }
    .home-faq-item.open .home-faq-a { display: block; opacity: 1; max-height: 600px; }
    .home-faq-a-inner { padding: 0 1.25rem 1.25rem; font-size: 0.94rem; color: var(--text); line-height: 1.8; }
    .faq-footer { text-align: center; margin-top: 2rem; }
    .faq-footer a { color: var(--teal-light); font-weight: 600; text-decoration: none; font-size: 0.95rem; }
    .faq-footer a:hover { text-decoration: underline; }

    /* ── FINAL CTA ── */
    .final-cta { background: var(--teal); padding: 80px 40px; text-align: center; }
    .final-cta-inner { max-width: 640px; margin: 0 auto; }
    .final-cta h2 { font-family: "Playfair Display", serif; font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 600; color: var(--white); margin-bottom: 1rem; line-height: 1.2; }
    .final-cta h2 em { font-style: italic; color: var(--navy-deep); }
    .final-cta p { font-size: 1.05rem; color: rgba(255,255,255,0.88); margin-bottom: 0.5rem; line-height: 1.7; }
    .final-cta .cta-price { font-size: 0.9rem; color: rgba(255,255,255,0.7); margin-bottom: 2.5rem; }
    .final-cta .cta-price strong { color: var(--white); }
    .final-cta-btns { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
    .cta-btn-primary { background: var(--white); color: var(--navy); padding: 1rem 2.5rem; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 1rem; transition: all 0.15s; }
    .cta-btn-primary:hover { background: var(--navy-pale); }
    .cta-btn-secondary { background: transparent; color: var(--white); padding: 1rem 2rem; border-radius: 6px; text-decoration: none; font-weight: 600; font-size: 1rem; border: 2px solid rgba(255,255,255,0.5); transition: all 0.15s; }
    .cta-btn-secondary:hover { border-color: var(--white); background: rgba(255,255,255,0.1); }

    
    /* ── IEL SECTION ── */
    .iel-section { background: var(--navy); padding: 0; overflow: hidden; }
    .iel-section-inner { max-width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 460px; align-items: stretch; }
    .iel-content { padding: 56px 64px 56px max(40px, calc((100vw - 1100px) / 2 + 40px)); display: flex; flex-direction: column; justify-content: center; }
    .iel-eyebrow { display: none; }
    .iel-content h2 { font-family: "Playfair Display", serif; font-size: clamp(1.3rem, 2.2vw, 1.75rem); font-weight: 600; color: var(--white); margin-bottom: 1rem; line-height: 1.3; }
    .iel-content p { font-size: 0.95rem; color: rgba(255,255,255,0.65); line-height: 1.8; margin-bottom: 1.5rem; }
    .iel-content p strong { color: rgba(255,255,255,0.9); }
    .iel-btn { display: inline-block; background: var(--gold); color: var(--navy-deep); padding: 0.85rem 2rem; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 0.95rem; transition: background 0.15s; align-self: flex-start; }
    .iel-btn:hover { background: var(--gold-dark); color: var(--white); }
    .iel-logo-wrap { background: var(--white); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem 3rem 3rem 3rem; gap: 0.5rem; }
    .iel-logo-wrap img { max-width: 300px; width: 100%; height: auto; display: block; }
    .iel-tagline { display: none; }
/* ── FOOTER ── */
    
    
    
    
    
    
    
    
    
    
    
    
    

    /* ── RESPONSIVE ── */
    @media (max-width: 960px) {
      .hero-inner { grid-template-columns: 1fr; }
      .hero-right { display: none; }
      .hero-left { padding: 60px 24px; }
      .pain-inner { grid-template-columns: 1fr; gap: 3rem; }
      .benefits-grid { grid-template-columns: repeat(2, 1fr); }
      .pricing-grid { grid-template-columns: 1fr; max-width: 420px; }
      .team-section { grid-template-columns: 1fr; gap: 2.5rem; }
      .team-img { display: none; }
      .proof-quote-hero { grid-template-columns: 1fr; gap: 1rem; }
      .proof-quote-mark { font-size: 3.5rem; }
      .proof-quotes-small { grid-template-columns: 1fr; }
      
    }
    @media (max-width: 600px) {
      .benefits-grid { grid-template-columns: 1fr; }
      .stat-item { padding: 0.75rem 1.5rem; }
      .final-cta-btns { flex-direction: column; align-items: center; }
    }
  
    /* ── COMPARISON ── */
    .comparison-section { background: var(--off-white); padding: 80px 40px; border-top: 1px solid var(--border); }
    .comparison-inner { max-width: 1000px; margin: 0 auto; }
    .comparison-head { text-align: center; margin-bottom: 2.5rem; }
    .comparison-eyebrow { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.75rem; display: block; }
    .comparison-head h2 { font-family: "Playfair Display", serif; font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 600; color: var(--navy); margin-bottom: 1rem; }
    .comparison-head h2 em { font-style: italic; color: var(--teal); }
    .comparison-intro { font-size: 0.97rem; color: var(--text); line-height: 1.8; max-width: 720px; margin: 0 auto; }
    .comparison-intro strong { color: var(--navy); }

    .comparison-table-wrap { overflow-x: auto; margin: 2.5rem 0; border-radius: 12px; border: 1px solid var(--border); box-shadow: 0 4px 24px rgba(11,72,103,0.07); }
    .comparison-table { width: 100%; border-collapse: collapse; background: var(--white); }
    .comparison-table thead th { padding: 1.25rem 1.5rem; text-align: left; border-bottom: 2px solid var(--border); vertical-align: bottom; }
    .comparison-feature-col { width: 34%; background: var(--white); }
    .comparison-ta-col { width: 33%; background: var(--navy-pale); }
    .comparison-ncvo-col { width: 33%; background: var(--white); }
    .comparison-logo-text { display: block; font-family: "Playfair Display", serif; font-size: 1.1rem; font-weight: 600; color: var(--navy); margin-bottom: 0.25rem; }
    .comparison-logo-text.ncvo { color: var(--text-muted); }
    .comparison-plan { font-size: 0.78rem; color: var(--text-muted); font-weight: 400; }

    .comparison-row td { padding: 1rem 1.5rem; border-bottom: 1px solid var(--border); vertical-align: top; }
    .comparison-row:last-child td { border-bottom: none; }
    .comparison-row.highlight td { background: rgba(11,72,103,0.02); }
    .comparison-row.highlight .comparison-ta { background: rgba(11,72,103,0.04); }

    .comparison-feature strong { display: block; font-size: 0.92rem; font-weight: 600; color: var(--navy); margin-bottom: 0.2rem; }
    .comparison-feature span { font-size: 0.8rem; color: var(--text-muted); }

    .comparison-ta { background: rgba(105,153,152,0.04); }
    .comparison-ta, .comparison-ncvo { vertical-align: top; }

    .comp-yes { display: inline-block; width: 22px; height: 22px; background: var(--teal); color: var(--white); border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.75rem; font-weight: 700; margin-bottom: 0.4rem; }
    .comp-no { display: inline-block; width: 22px; height: 22px; background: #e0e0e0; color: var(--text-muted); border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8rem; font-weight: 700; margin-bottom: 0.4rem; }
    .comp-limited { display: inline-block; width: 22px; height: 22px; background: rgba(201,170,102,0.25); color: var(--gold-dark); border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.85rem; font-weight: 700; margin-bottom: 0.4rem; }
    .comp-detail { display: block; font-size: 0.85rem; color: var(--text); line-height: 1.5; }

    .comparison-footer { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; padding-top: 1.5rem; border-top: 1px solid var(--border); }
    .comparison-disclaimer { font-size: 0.78rem; color: var(--text-muted); line-height: 1.6; max-width: 600px; font-style: italic; }
    .comparison-cta { display: inline-block; background: var(--navy); color: var(--white); padding: 0.85rem 1.75rem; border-radius: 6px; text-decoration: none; font-weight: 600; font-size: 0.9rem; white-space: nowrap; transition: background 0.15s; flex-shrink: 0; }
    .comparison-cta:hover { background: var(--teal); }

    @media (max-width: 700px) {
      .comparison-section { padding: 60px 16px; }
      .comparison-table thead th, .comparison-row td { padding: 0.75rem 0.9rem; }
      .comparison-footer { flex-direction: column; }
    }

  
    /* ── SERVICES BANNER ── */
    .services-banner { background: var(--teal); display: flex; align-items: stretch; overflow: hidden; }
    .services-banner-img { width: 320px; flex-shrink: 0; overflow: hidden; position: relative; }
    .services-banner-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); }
    .services-banner-inner { flex: 1; padding: 48px 48px 48px 40px; display: flex; flex-direction: column; justify-content: center; }
    .services-banner-left { margin-bottom: 1.75rem; }
    .services-banner-headline { font-family: "Playfair Display", serif; font-weight: 400; color: var(--white); line-height: 1.5; margin-bottom: 0; }
    .services-banner-headline .line1 { font-size: clamp(1.5rem, 2.8vw, 2rem); display: block; }
    .services-banner-headline .line2 { font-size: clamp(1rem, 1.85vw, 1.33rem); display: block; }
    .services-banner-headline em { font-style: italic; color: var(--navy-deep); }
    .services-banner-links { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
    .services-banner-item { display: flex; align-items: center; gap: 0.5rem; background: rgba(255,255,255,0.15); color: var(--white); text-decoration: none; padding: 0.6rem 1.1rem; border-radius: 6px; font-size: 0.85rem; font-weight: 500; white-space: nowrap; transition: background 0.15s; border: 1px solid rgba(255,255,255,0.25); }
    .services-banner-item:hover { background: rgba(255,255,255,0.28); }
    .services-banner-all { background: rgba(255,255,255,0.28); font-weight: 700; border-color: rgba(255,255,255,0.5); }
    .services-banner-all:hover { background: rgba(255,255,255,0.38); }
    .sbi-icon { font-size: 1rem; }
    @media (max-width: 600px) {
      .services-banner { flex-direction: column; }
      .services-banner-img { width: 100%; height: 200px; }
      .services-banner-img img { clip-path: none; }
      .services-banner-inner { padding: 32px 20px; }
      .services-banner-links { gap: 0.5rem; }
      .services-banner-item { font-size: 0.8rem; padding: 0.5rem 0.85rem; }
    }

  
    .insight-plan { border-color: var(--gold) !important; }
    .insight-plan .ta-plan-header { background: var(--gold-pale); }
    .insight-plan .ta-plan-amount { color: var(--gold-dark); }