/* ── PLANS ── */
    .plans-section { background: var(--white); padding: 100px 5%; }
    .plans-grid {
      display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 56px;
    }
    .plan-card {
      background: var(--bg); border-radius: var(--radius-lg); padding: 36px 26px;
      border: 1.5px solid var(--border);
      transition: transform .25s, box-shadow .25s, border-color .25s;
    }
    .plan-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); }
    .plan-card.featured {
      background: linear-gradient(145deg, var(--blue) 0%, #1D4ED8 100%);
      border-color: transparent;
      box-shadow: 0 16px 56px rgba(37,99,235,0.32);
    }
    .plan-card.featured:hover { transform: translateY(-7px); box-shadow: 0 24px 64px rgba(37,99,235,0.4); }
    .plan-badge {
      display: inline-block; background: rgba(255,255,255,.18);
      color: #fff; font-size: 10px; font-weight: 700;
      text-transform: uppercase; letter-spacing: .8px;
      padding: 4px 12px; border-radius: 980px; margin-bottom: 20px;
    }
    .plan-name { font-size: 19px; font-weight: 700; letter-spacing: -.3px; margin-bottom: 4px; }
    .plan-card:not(.featured) .plan-name { color: var(--ink); }
    .plan-card.featured .plan-name { color: #fff; }
    .plan-hours { font-size: 13px; font-weight: 600; margin-bottom: 24px; }
    .plan-card:not(.featured) .plan-hours { color: var(--sub); }
    .plan-card.featured .plan-hours { color: rgba(255,255,255,.6); }
    .plan-features { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 30px; }
    .plan-features li { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; font-weight: 500; }
    .plan-card:not(.featured) .plan-features li { color: var(--ink); }
    .plan-card.featured .plan-features li { color: rgba(255,255,255,.85); }
    .pcheck {
      width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0;
      display: flex; align-items: center; justify-content: center; margin-top: 1px;
    }
    .plan-card:not(.featured) .pcheck { background: var(--blue-light); }
    .plan-card.featured .pcheck { background: rgba(255,255,255,.18); }
    .plan-cta {
      display: block; text-align: center; padding: 13px; border-radius: 980px;
      font-size: 14px; font-weight: 700; text-decoration: none;
      transition: transform .15s, filter .15s, box-shadow .15s;
    }
.plan-card:not(.featured) .plan-cta {
  background: #ffffff;
  color: #0F172A;
  border: 1.5px solid #2563EB;
  box-shadow: 0 4px 14px rgba(37,99,235,0.12);
}
    .plan-card.featured .plan-cta {
      background: #fff; color: var(--blue);
      box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    }
    .plan-cta:hover { transform: scale(1.03); filter: brightness(1.06); }