.pricing-cards {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 28px;
      max-width: 880px;
      margin: 0 auto;
      padding-top: 0;
      align-items: stretch;
    }

    /* ── Base card ── */
    .pricing-card-main {
      background: var(--card-bg);
      border-radius: 16px;
      padding: 36px 32px;
      border: 1px solid rgba(15,23,42,0.06);
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    }

    /* ── SA / Featured card — elevated foreground ── */
    .pricing-card-main.featured {
      border: 1px solid rgba(37,99,235,0.18);
      background: var(--card-bg);
      box-shadow:
        0 2px 4px rgba(15,23,42,0.03),
        0 12px 32px rgba(37,99,235,0.08),
        0 32px 64px rgba(15,23,42,0.06);
      z-index: 1;
    }
    .pricing-card-main.featured::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--orange) 0%, var(--blue) 100%);
    }

    /* ── International card — muted background ── */
    .pricing-card-main.intl {
      box-shadow: none;
      background: var(--card-bg);
    }
    .pricing-card-main.intl:hover {
      border-color: rgba(15,23,42,0.1);
      box-shadow: 0 4px 16px rgba(15,23,42,0.04), 0 12px 32px rgba(15,23,42,0.04);
    }
    .pricing-card-main.intl .price-num {
      color: #64748B;
    }
    .pricing-card-main.intl .price-currency {
      color: #94A3B8;
    }

    /* ── Ghost button for intl card ── */
    .btn-ghost-intl {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 13px 26px;
      border-radius: 10px;
      font-size: 1rem;
      font-weight: 500;
      cursor: pointer;
      border: 1.5px solid #CBD5E1;
      background: transparent;
      color: #64748B;
      transition: var(--transition);
      white-space: nowrap;
      font-family: inherit;
      text-decoration: none;
    }
    .btn-ghost-intl:hover {
      background: rgba(0,0,0,0.03);
      border-color: #94A3B8;
      color: var(--text-primary);
    }

    /* ── Ribbon (refined inline pill) ── */
    .featured-ribbon {
      position: absolute;
      top: 20px; right: 24px;
      background: rgba(255,105,0,0.1);
      color: var(--orange);
      font-size: 0.7rem;
      font-weight: 700;
      padding: 5px 12px;
      border-radius: 100px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      white-space: nowrap;
      border: 1px solid rgba(255,105,0,0.2);
    }

    .region-label {
      font-size: 0.78rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--text-muted);
      margin-bottom: 16px;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .pricing-card-main.intl .region-label i,
    .pricing-card-main.featured .region-label span:first-child {
      font-size: 1.1rem;
    }
    .price-big {
      display: flex;
      align-items: baseline;
      gap: 4px;
      margin: 16px 0;
    }
    .price-currency { font-size: 1.3rem; color: var(--text-muted); }
    .price-num { font-size: 3.5rem; font-weight: 900; line-height: 1; letter-spacing: -0.05em; }
    .pricing-card-main.featured .price-num { color: var(--orange); }
    .price-period { font-size: 0.9rem; color: var(--text-muted); }
    .price-sub { color: var(--text-muted); font-size: 0.85rem; margin-bottom: 28px; }

    .feature-list-pricing {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-bottom: 32px;
      flex: 1;
    }
    .feature-list-pricing li {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 0.9rem;
      color: var(--text-body);
    }
    .feature-list-pricing li .fi { color: var(--green); font-size: 0.9rem; }

    .everything-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .everything-item {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 16px 18px;
      background: var(--card-bg);
      border: 1px solid rgba(15,23,42,0.06);
      border-radius: 12px;
      font-size: 0.9rem;
      font-weight: 500;
      color: var(--text-primary);
      transition: border-color 0.18s ease, transform 0.18s ease;
    }
    .everything-item:hover {
      border-color: rgba(37,99,235,0.2);
      transform: translateY(-1px);
    }
    .everything-item .ei { font-size: 1.05rem; color: var(--blue); }

    .faq-section { max-width: 720px; margin: 0 auto; }

    @media (max-width: 768px) {
      /* SA card always on top when stacked */
      .pricing-cards {
        grid-template-columns: 1fr;
        padding-top: 0;
      }
      .pricing-card-main.featured {
        order: -1;
        transform: none;
      }
      .everything-grid { grid-template-columns: repeat(2,1fr); }
    }
    @media (max-width: 480px) {
      .everything-grid { grid-template-columns: 1fr; }
    }