/* Ported from Demo UI subscription.html — HeyLeads marketing design system */

    /* Section Typography Contract — marketing scale */
    .section-header-block {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 1.5rem;
      gap: 1rem;
      flex-wrap: wrap;
    }

    .section-title-wrap {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
    }

    .section-title {
      font-size: clamp(1.25rem, 2.5vw, 1.5rem);
      font-weight: 800;
      color: var(--text-heading);
      letter-spacing: -0.02em;
      line-height: 1.25;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .section-desc {
      font-size: 0.9375rem;
      color: var(--text-body);
      margin-top: 0.35rem;
      line-height: 1.55;
      max-width: 52ch;
    }

    .squircle-badge-primary {
      width: 32px;
      height: 32px;
      border-radius: var(--radius-curvy);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--icon-size-primary);
      flex-shrink: 0;
      border: 1px solid transparent;
    }

    .squircle-badge-menu {
      width: 28px;
      height: 28px;
      border-radius: var(--radius-curvy);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--icon-size-menu);
      flex-shrink: 0;
      border: 1px solid transparent;
    }

    /* ═══════════════════════════════════════════════════════════