/* === PDF Print Styles === */
      @media print {
        body {
          overflow: visible !important;
          height: auto !important;
        }

        .lead-screen,
        .mbg,
        #paywall,
        #access-bar,
        [style*="position:fixed"][style*="bottom:0"] {
          display: none !important;
        }

        .page {
          display: block !important;
          overflow: visible !important;
        }

        .btn,
        .xbtn,
        button {
          display: none !important;
        }
      }

      .pdf-container {
        font-family: "Times New Roman", Times, serif;
        color: #000;
        background: #fff;
        padding: 24px;
        max-width: 800px;
      }

      .pdf-container h1 {
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 4px;
        text-transform: uppercase;
      }

      .pdf-container h2 {
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 16px;
        color: #444;
      }

      .pdf-container table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 12px;
        font-size: 13px;
      }

      .pdf-container th,
      .pdf-container td {
        border: 1px solid #333;
        padding: 6px 8px;
        text-align: left;
      }

      .pdf-container th {
        background: #e8eaed;
        font-weight: 600;
        text-align: center;
        font-size: 12px;
      }

      .pdf-container td.num {
        text-align: right;
        font-variant-numeric: tabular-nums;
      }

      .pdf-container .summary-row td {
        font-weight: 700;
        background: #f8f9fa;
      }

      .pdf-container .section-title {
        font-size: 13px;
        font-weight: 700;
        margin: 14px 0 6px;
        text-transform: uppercase;
        border-bottom: 1px solid #333;
        padding-bottom: 4px;
      }

      .pdf-container .info-line {
        font-size: 12px;
        margin: 3px 0;
      }

      .pdf-container .footer {
        margin-top: 24px;
        font-size: 11px;
        color: #666;
        text-align: center;
        border-top: 1px solid #ccc;
        padding-top: 8px;
      }

      .pdf-container .fc-badge {
        display: inline-block;
        padding: 2px 10px;
        border-radius: 4px;
        font-weight: 600;
        font-size: 13px;
      }

      * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        -webkit-tap-highlight-color: transparent;
      }

      body {
        font-family:
          "One UI Sans",
          "SamsungOne",
          -apple-system,
          "SF Pro Display",
          "Segoe UI",
          system-ui,
          sans-serif;
        background: #f2f2f7;
        color: #1c1c1e;
        height: 100vh;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
      }

      input,
      select,
      button,
      textarea {
        font: inherit;
        color: inherit;
      }

      button {
        cursor: pointer;
        border: none;
        background: none;
        transition:
          transform 0.3s ease-in-out,
          opacity 0.3s ease-in-out;
      }

      button:active {
        transform: scale(0.96);
        opacity: 0.8;
      }

      input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        appearance: none;
      }

      input[type="number"] {
        -moz-appearance: textfield;
        appearance: textfield;
      }

      .inp {
        border: none;
        border-bottom: 1.5px solid #d1d1d6;
        border-radius: 0;
        padding: 10px 0;
        font-size: 15px;
        outline: none;
        width: 100%;
        background: transparent;
        transition: border-color 0.2s ease;
      }

      .inp:focus {
        border-bottom-color: #007aff;
      }

      .lbl {
        font-size: 9px;
        font-weight: 600;
        color: #8e8e93;
        margin-bottom: 1px;
        letter-spacing: 0.2px;
        text-transform: uppercase;
      }

      .btn {
        padding: 16px 28px;
        border-radius: 24px;
        font-weight: 700;
        font-size: 16px;
        text-align: center;
        color: #fff;
        width: 100%;
        border: none;
        transition:
          transform 0.3s ease-in-out,
          box-shadow 0.3s ease-in-out;
      }

      .btn:active {
        transform: scale(0.96);
      }

      .page {
        display: none;
        flex: 1;
        flex-direction: column;
        overflow: hidden;
      }

      .page.show {
        display: flex;
        animation: fadeSlideUp 0.3s ease-in-out;
      }

      @keyframes fadeSlideUp {
        from {
          opacity: 0;
          transform: translateY(12px);
        }

        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .card {
        background: #ffffff;
        margin: 8px 8px;
        border-radius: 24px;
        padding: 16px 12px;
        width: calc(100% - 16px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        transition:
          transform 0.3s ease-in-out,
          box-shadow 0.3s ease-in-out;
      }

      .card:active {
        transform: scale(0.98);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
      }

      .xbtn {
        min-width: 44px;
        height: 44px;
        border-radius: 50%;
        color: #ff3b30;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: rgba(255, 59, 48, 0.08);
        transition: background 0.15s ease;
      }

      .xbtn:active {
        background: rgba(255, 59, 48, 0.18);
      }

      .mbg {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 50;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        animation: fadeIn 0.3s ease-in-out;
      }

      @keyframes fadeIn {
        from {
          opacity: 0;
        }

        to {
          opacity: 1;
        }
      }

      .mbg > div {
        animation: slideUp 0.3s ease-in-out;
      }

      @keyframes slideUp {
        from {
          opacity: 0;
          transform: translateY(24px) scale(0.95);
        }

        to {
          opacity: 1;
          transform: translateY(0) scale(1);
        }
      }

      @keyframes pulse-red {
        0% {
          border-color: #ff3b30;
          box-shadow: 0 0 0 rgba(255, 59, 48, 0.2);
        }

        50% {
          border-color: #ff8c85;
          box-shadow: 0 0 15px rgba(255, 59, 48, 0.4);
        }

        100% {
          border-color: #ff3b30;
          box-shadow: 0 0 0 rgba(255, 59, 48, 0.2);
        }
      }

      .warn-box {
        border: 2px solid #ff3b30 !important;
        animation: pulse-red 2s infinite;
        background: #fff5f5 !important;
      }

      input[type="checkbox"] {
        width: 22px;
        height: 22px;
        cursor: pointer;
        border-radius: 6px;
        accent-color: #007aff;
      }

      .ing {
        display: flex;
        align-items: center;
        gap: 2px;
        padding: 0px 8px;
        border-bottom: 1px solid #f2f2f7;
        width: 100%;
        background: #fff;
        box-sizing: border-box;
        min-height: 32px;
        flex-wrap: wrap;
      }

      .ing:active {
        background: #f8f8fa;
      }

      .ing .nm {
        flex: 1;
        min-width: 0;
        font-size: 13px;
        color: #1c1c1e;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
      }

      .ing .lost {
        width: 32px;
        font-size: 9px;
        color: #8e8e93;
        text-align: center;
        flex-shrink: 0;
        position: relative;
        cursor: pointer;
      }

      .cook-chips-row {
        display: flex;
        gap: 4px;
        padding: 2px 8px 4px;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-basis: 100%;
      }
      .cook-chips-row::-webkit-scrollbar {
        display: none;
      }
      .cook-chip {
        padding: 2px 8px;
        border-radius: 10px;
        font-size: 10px;
        font-weight: 500;
        cursor: pointer;
        white-space: nowrap;
        border: 1px solid #d1d1d6;
        background: #f2f2f7;
        color: #8e8e93;
        transition: all 0.2s;
        flex-shrink: 0;
        user-select: none;
        -webkit-user-select: none;
      }
      .cook-chip.active {
        background: #007aff;
        color: #fff;
        border-color: #007aff;
      }

      .ing input {
        width: 32px;
        flex-shrink: 0;
        font-size: 12px;
        padding: 0;
        border: 1px solid transparent;
        background: transparent;
        text-align: center;
        outline: none;
        border-radius: 4px;
        color: #1c1c1e;
        font-weight: 400;
      }

      .ing input:focus {
        border-color: #007aff;
        background: #fafafa;
      }

      .ing .cv {
        width: 36px;
        flex-shrink: 0;
        font-size: 11px;
        font-weight: 500;
        text-align: right;
        color: #1c1c1e;
      }

      .ing .cv.off {
        color: #8e8e93;
      }

      .ing-unit {
        width: 22px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      .ing-unit span {
        font-size: 9px;
        color: #8e8e93;
        line-height: 1;
      }

      .ing-unit button {
        font-size: 9px;
        color: #007aff;
        font-weight: 700;
        background: none;
        border: none;
        padding: 2px;
      }

      .ing-hdr {
        display: flex;
        align-items: center;
        gap: 3px;
        padding: 6px 4px 4px;
        font-size: 7px;
        font-weight: 600;
        color: #8e8e93;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        background: #fafafa;
        border-bottom: 1px solid #f2f2f7;
      }

      /* Search dropdown */
      .srch-wrap {
        position: relative;
      }

      .srch-dd {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #e5e5ea;
        border-radius: 0 0 24px 24px;
        max-height: 200px;
        overflow-y: auto;
        z-index: 10;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
        display: none;
      }

      .srch-dd.open {
        display: block;
      }

      .srch-dd button {
        width: 100%;
        text-align: left;
        padding: 14px 16px;
        font-size: 14px;
        border-bottom: 1px solid #f2f2f7;
        color: #1c1c1e;
        min-height: 48px;
      }

      .srch-dd button:active {
        background: #f2f2f7;
      }

      .srch-dd .pf-tag {
        color: #e37400;
        font-weight: 500;
        font-size: 11px;
      }

      /* Login / Landing */
      .sec-hdr {
        font-size: 11px;
        font-weight: 600;
        color: #007aff;
        padding: 20px 24px 8px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
      }

      .lead-screen-shell {
        position: fixed;
        inset: 0;
        z-index: 100;
        overflow-y: auto;
        overflow-x: hidden;
        background:
          radial-gradient(circle at top left, rgba(61, 90, 254, 0.18), transparent 38%),
          radial-gradient(circle at right 18% bottom 12%, rgba(11, 99, 206, 0.12), transparent 32%),
          linear-gradient(180deg, #f8fbff 0%, #eef3fb 100%);
      }

      .lead-landing {
        min-height: 100%;
        max-width: 980px;
        margin: 0 auto;
        padding: 36px 24px 40px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 18px;
      }

      .lead-landing-story {
        min-width: 0;
        width: 100%;
      }

      .lead-story-panels {
        min-width: 0;
        width: 100%;
        display: grid;
        gap: 18px;
      }

      .lead-story-panels .lead-panel {
        margin-top: 0;
      }

      .lead-story-panels .lead-panel + .lead-panel {
        margin-top: 0;
      }

      .lead-hero-card {
        position: relative;
        padding: 34px;
        border-radius: 32px;
        border: 1px solid rgba(219, 231, 248, 0.92);
        background: rgba(255, 255, 255, 0.84);
        box-shadow: 0 22px 52px rgba(15, 23, 42, 0.12);
        backdrop-filter: blur(18px);
      }

      .lead-hero-card::after {
        content: "";
        position: absolute;
        top: -80px;
        left: -80px;
        width: 220px;
        height: 220px;
        background: radial-gradient(circle, rgba(61, 90, 254, 0.16) 0%, rgba(61, 90, 254, 0) 72%);
        pointer-events: none;
      }

      .lead-brand-row {
        position: relative;
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 26px;
      }

      .lead-brand-mark {
        width: 56px;
        height: 56px;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: linear-gradient(135deg, #3d5afe, #0b63ce);
        box-shadow: 0 16px 28px rgba(61, 90, 254, 0.28);
      }

      .lead-brand-name {
        font-size: 28px;
        font-weight: 800;
        letter-spacing: -0.04em;
        color: #162033;
      }

      .lead-kicker {
        margin-top: 4px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #0b63ce;
      }

      .lead-offer-row {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        margin-bottom: 18px;
      }

      .lead-offer-pill {
        display: inline-flex;
        align-items: center;
        padding: 9px 14px;
        border-radius: 999px;
        background: linear-gradient(135deg, #17377f, #244db2);
        color: #fff;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        box-shadow: 0 14px 24px rgba(23, 55, 127, 0.2);
      }

      .lead-offer-note {
        flex: 1 1 100%;
        font-size: 14px;
        font-weight: 600;
        color: #39516f;
      }

      .lead-title {
        position: relative;
        margin: 0 0 12px;
        max-width: 720px;
        font-size: clamp(32px, 5vw, 52px);
        line-height: 1.02;
        letter-spacing: -0.05em;
        color: #162033;
      }

      .lead-subtitle {
        position: relative;
        margin: 0;
        max-width: 760px;
        font-size: 17px;
        line-height: 1.7;
        color: #536277;
      }

      .lead-badges {
        position: relative;
        margin-top: 24px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .lead-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 20px;
        align-items: center;
      }

      .lead-hero-main-btn {
        width: auto;
        min-width: 220px;
      }

      .lead-hero-secondary-btn {
        min-width: 220px;
        padding: 16px 20px;
        border: 1px solid #d8e3f2;
        border-radius: 18px;
        background: #f8fbff;
        color: #1d4ed8;
        font-size: 15px;
        font-weight: 800;
        box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
      }

      .lead-open-access-note {
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.55;
        color: #5a718a;
      }

      .lead-badge {
        padding: 10px 14px;
        border-radius: 999px;
        border: 1px solid #d9e3f1;
        background: #fff;
        color: #1d4ed8;
        font-size: 13px;
        font-weight: 700;
        box-shadow: 0 10px 18px rgba(15, 23, 42, 0.06);
      }

      .lead-value-grid {
        position: relative;
        margin-top: 18px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
      }

      .lead-value-card {
        padding: 16px;
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(243, 247, 255, 0.96) 100%);
        border: 1px solid #dfe8f5;
        box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
      }

      .lead-value-title {
        font-size: 16px;
        font-weight: 800;
        color: #162033;
      }

      .lead-value-desc {
        margin-top: 7px;
        font-size: 13px;
        line-height: 1.6;
        color: #54667d;
      }

      .lead-panel {
        position: relative;
        margin-top: 26px;
        padding: 22px;
        border-radius: 26px;
        border: 1px solid #dce7f5;
        background: rgba(248, 251, 255, 0.92);
      }

      .lead-tariffs-panel {
        background:
          linear-gradient(180deg, rgba(249, 252, 255, 0.96) 0%, rgba(239, 245, 255, 0.96) 100%),
          #fff;
      }

      .lead-tariffs-head {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        align-items: flex-start;
        margin-bottom: 18px;
      }

      .lead-tariffs-subtitle {
        max-width: 760px;
        font-size: 15px;
        line-height: 1.65;
        color: #536277;
      }

      .lead-tariffs-open {
        flex: 0 0 auto;
        padding: 12px 16px;
        border: 1px solid #d5dfef;
        border-radius: 16px;
        background: #fff;
        color: #163b8c;
        font-size: 14px;
        font-weight: 700;
      }

      .lead-tariffs-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
      }

      .lead-tariff-card {
        position: relative;
        padding: 18px;
        border-radius: 22px;
        border: 1px solid #dbe5f3;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
      }

      .lead-tariff-card-hot {
        border-color: #bfd5ff;
        box-shadow: 0 18px 32px rgba(29, 78, 216, 0.12);
      }

      .lead-tariff-card-best {
        border-color: #cfe9d6;
        box-shadow: 0 18px 32px rgba(16, 185, 129, 0.1);
      }

      .lead-tariff-badge {
        position: absolute;
        top: 12px;
        right: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 6px 9px;
        border-radius: 999px;
        background: #1d4ed8;
        color: #fff;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.05em;
      }

      .lead-tariff-badge-green {
        background: #16a34a;
      }

      .lead-tariff-label {
        margin-top: 2px;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #5d6b7f;
      }

      .lead-tariff-price {
        margin-top: 12px;
        font-size: 34px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.05em;
        color: #162033;
      }

      .lead-tariff-desc {
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.6;
        color: #5d6b7f;
      }

      .lead-tariffs-note {
        margin-top: 16px;
        font-size: 13px;
        line-height: 1.6;
        color: #49627e;
      }

      .lead-tariffs-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 16px;
      }

      .lead-tariffs-main-btn {
        width: auto;
        min-width: 210px;
      }

      .lead-tariffs-wa {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 210px;
        padding: 15px 18px;
        border-radius: 18px;
        background: #25d366;
        color: #fff;
        font-size: 15px;
        font-weight: 800;
        text-decoration: none;
        box-shadow: 0 14px 30px rgba(37, 211, 102, 0.24);
      }

      .lead-section-title {
        margin-bottom: 16px;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #0b63ce;
      }

      .lead-step-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }

      .lead-step-card,
      .lead-feature-card {
        background: #fff;
        border: 1px solid #e4ebf5;
        border-radius: 22px;
        padding: 18px;
        box-shadow: 0 12px 24px rgba(15, 23, 42, 0.04);
      }

      .lead-step-card-wide {
        grid-column: 1 / -1;
      }

      .lead-step-num {
        width: 44px;
        height: 44px;
        margin-bottom: 14px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #e7efff, #f4f7ff);
        color: #1d4ed8;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.08em;
      }

      .lead-step-title,
      .lead-feature-title {
        font-size: 18px;
        font-weight: 800;
        line-height: 1.3;
        color: #162033;
      }

      .lead-step-desc,
      .lead-feature-desc {
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.65;
        color: #5c6c82;
      }

      .lead-feature-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
      }

      .lead-feature-card {
        min-height: 168px;
      }

      .lead-feature-chip {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 7px 11px;
        margin-bottom: 14px;
        border-radius: 999px;
        background: #eff6ff;
        color: #0b63ce;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.03em;
      }

      .lead-auth-modal {
        position: fixed;
        inset: 0;
        z-index: 140;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 24px;
        background: rgba(15, 23, 42, 0.34);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }

      .lead-auth-modal.open,
      .lead-auth-modal:target {
        display: flex;
      }

      .lead-auth-modal-shell {
        position: relative;
        width: 100%;
        max-width: 470px;
      }

      .lead-auth-close {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 2;
        width: 34px;
        height: 34px;
        border-radius: 17px;
        border: 1px solid #dfe7f3;
        background: #f6f9fd;
        color: #4b5e77;
        font-size: 22px;
        line-height: 1;
        font-weight: 400;
      }

      .lead-auth-card {
        position: relative;
        padding: 28px;
        border-radius: 30px;
        border: 1px solid #dce4ef;
        background: #fff;
        box-shadow: 0 20px 44px rgba(15, 23, 42, 0.14);
        max-height: calc(100vh - 48px);
        overflow-y: auto;
      }

      .lead-auth-copy {
        margin-bottom: 22px;
      }

      .lead-auth-chip {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 8px 12px;
        margin-bottom: 14px;
        border-radius: 999px;
        background: #eff6ff;
        color: #0b63ce;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .lead-auth-title {
        font-size: 28px;
        font-weight: 800;
        letter-spacing: -0.04em;
        color: #162033;
      }

      .lead-auth-subtitle {
        margin-top: 8px;
        font-size: 15px;
        line-height: 1.65;
        color: #5c6c82;
      }

      .lead-auth-helper {
        margin-top: 10px;
        padding: 11px 12px;
        border-radius: 14px;
        background: #f8fbff;
        border: 1px solid #dfe8f5;
        font-size: 13px;
        line-height: 1.55;
        color: #48627f;
      }

      .lead-auth-points {
        display: grid;
        gap: 10px;
        margin-top: 16px;
      }

      .lead-auth-point {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        font-size: 14px;
        line-height: 1.55;
        color: #304256;
      }

      .lead-auth-point-dot {
        flex: 0 0 10px;
        width: 10px;
        height: 10px;
        margin-top: 7px;
        border-radius: 50%;
        background: linear-gradient(135deg, #3d5afe, #0b63ce);
        box-shadow: 0 0 0 4px rgba(61, 90, 254, 0.12);
      }

      .lead-form-fields {
        display: flex;
        flex-direction: column;
        gap: 14px;
        margin-bottom: 18px;
      }

      .lead-input {
        width: 100%;
        padding: 16px 20px;
        box-sizing: border-box;
        border: 1px solid #d8e0ec;
        border-radius: 18px;
        outline: none;
        background: #f8fbff;
        color: #1c1c1e;
        font-size: 15px;
        transition:
          background 0.2s,
          border-color 0.2s,
          box-shadow 0.2s,
          transform 0.2s;
      }

      .lead-pass-wrap {
        position: relative;
      }

      .lead-pass-wrap .lead-input {
        padding-right: 48px;
        letter-spacing: 0.02em;
      }

      .lead-pass-toggle {
        position: absolute;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4px;
        border: none;
        background: none;
        color: #6b7280;
        cursor: pointer;
        outline: none;
        opacity: 0.58;
      }

      .lead-agreement {
        margin-bottom: 18px;
        font-size: 13px;
        line-height: 1.6;
        color: #7b8798;
      }

      .lead-agreement a {
        color: #2b3c57;
        text-decoration: underline;
        text-underline-offset: 3px;
      }

      .lead-auth-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 16px;
        font-size: 14px;
      }

      .lead-auth-links a {
        color: #1d4ed8;
        font-weight: 600;
        text-decoration: none;
      }

      .lead-btn {
        width: 100%;
        padding: 16px 20px;
        border: none;
        border-radius: 18px;
        background: linear-gradient(135deg, #3d5afe, #0b63ce);
        color: #fff;
        font-size: 16px;
        font-weight: 800;
        cursor: pointer;
        box-shadow: 0 14px 30px rgba(61, 90, 254, 0.28);
        transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;
      }

      .lead-btn:hover {
        opacity: 0.94;
        box-shadow: 0 18px 36px rgba(61, 90, 254, 0.32);
      }

      .lead-input:focus {
        background: #fff !important;
        border-color: #3d5afe !important;
        box-shadow: 0 0 0 4px rgba(61, 90, 254, 0.12);
      }

      .lead-btn:active {
        transform: translateY(1px) scale(0.98);
      }

      .lead-error {
        min-height: 21px;
        margin-top: 16px;
        display: none;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5;
        color: #ff3b30;
      }

      @media (max-width: 1100px) {
        .lead-tariffs-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 760px) {
        .lead-landing {
          padding: 16px 14px 28px;
        }

        .lead-hero-card,
        .lead-panel,
        .lead-auth-card {
          padding: 20px;
          border-radius: 24px;
        }

        .lead-brand-name {
          font-size: 24px;
        }

        .lead-kicker {
          font-size: 10px;
          letter-spacing: 0.04em;
        }

        .lead-offer-row {
          gap: 8px;
          margin-bottom: 14px;
        }

        .lead-offer-pill {
          font-size: 10px;
          padding: 8px 11px;
        }

        .lead-offer-note {
          font-size: 13px;
          line-height: 1.5;
        }

        .lead-title {
          font-size: 28px;
          line-height: 1.05;
        }

        .lead-subtitle {
          font-size: 14px;
          line-height: 1.58;
        }

        .lead-hero-actions {
          flex-direction: column;
          align-items: stretch;
        }

        .lead-hero-main-btn,
        .lead-hero-secondary-btn {
          width: 100%;
          min-width: 0;
        }

        .lead-tariffs-head {
          flex-direction: column;
          align-items: stretch;
          margin-bottom: 14px;
        }

        .lead-tariffs-open {
          width: 100%;
        }

        .lead-tariffs-subtitle {
          font-size: 14px;
          line-height: 1.55;
        }

        .lead-tariffs-grid {
          grid-template-columns: 1fr 1fr;
          gap: 10px;
        }

        .lead-tariff-card {
          padding: 14px;
          border-radius: 18px;
        }

        .lead-tariff-price {
          font-size: 26px;
        }

        .lead-tariff-desc {
          font-size: 12px;
          line-height: 1.45;
        }

        .lead-tariffs-note {
          font-size: 12px;
        }

        .lead-step-grid,
        .lead-feature-grid {
          grid-template-columns: 1fr;
        }

        .lead-value-grid {
          grid-template-columns: 1fr;
          gap: 10px;
        }

        .lead-value-card {
          min-width: 0;
        }

        .lead-step-card-wide {
          grid-column: auto;
        }

        .lead-auth-title {
          font-size: 22px;
        }

        .lead-auth-modal {
          align-items: flex-end;
          padding: 12px;
        }

        .lead-auth-modal-shell {
          max-width: none;
        }

        .lead-auth-card {
          max-height: min(88vh, 760px);
        }

        .lead-auth-close {
          top: 10px;
          right: 10px;
        }

        .lead-auth-subtitle,
        .lead-auth-helper {
          font-size: 13px;
          line-height: 1.55;
        }

        .lead-auth-points {
          gap: 8px;
        }

        .lead-auth-point {
          font-size: 13px;
          line-height: 1.45;
        }

        .lead-auth-links {
          flex-direction: column;
          align-items: flex-start;
        }

        .lead-tariffs-actions {
          flex-direction: column;
        }

        .lead-tariffs-main-btn,
        .lead-tariffs-wa {
          width: 100%;
          min-width: 0;
        }

        .lead-btn,
        .lead-hero-secondary-btn {
          min-height: 50px;
        }
      }

      .lead-screen-shell {
        --lead-bg: #ffffff;
        --lead-surface: rgba(255, 255, 255, 0.72);
        --lead-surface-strong: rgba(255, 255, 255, 0.86);
        --lead-line: rgba(15, 23, 42, 0.05);
        --lead-shadow: none;
        --lead-shadow-soft: none;
        --lead-text: #0f172a;
        --lead-text-muted: #5f6b7e;
        --lead-blue: #0066ff;
        --lead-blue-strong: #0055dd;
        --lead-mint: #10b981;
        background:
          radial-gradient(circle at top center, rgba(0, 102, 255, 0.08), transparent 34%),
          linear-gradient(180deg, #ffffff 0%, #f5f9ff 52%, #fafcff 100%);
      }

      .lead-landing {
        max-width: 1280px;
        padding: 28px 28px 60px;
        gap: 0;
      }

      .lead-landing > .lead-landing-story,
      .lead-landing > .lead-story-panels {
        display: none;
      }

      .lead-premium {
        display: flex;
        flex-direction: column;
        gap: 24px;
      }

      .lead-premium-hero,
      .lead-premium-panel,
      .lead-premium-footer,
      .lead-auth-card {
        position: relative;
        border: 1px solid var(--lead-line);
        border-radius: 36px;
        background: var(--lead-surface);
        box-shadow: none;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
      }

      .lead-premium-hero {
        min-height: min(94vh, 980px);
        padding: 32px 36px 36px;
        overflow: hidden;
      }

      .lead-premium-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(circle at right top, rgba(0, 102, 255, 0.06), transparent 34%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.64) 100%);
        pointer-events: none;
      }

      .lead-premium-brand,
      .lead-premium-hero-shell {
        position: relative;
        z-index: 1;
      }

      .lead-premium-brand-row {
        display: flex;
        align-items: center;
        gap: 14px;
      }

      .lead-premium-brand-mark {
        width: 58px;
        height: 58px;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: linear-gradient(135deg, var(--lead-blue) 0%, var(--lead-blue-strong) 100%);
        box-shadow: 0 6px 18px rgba(0, 102, 255, 0.12);
      }

      .lead-premium-brand-name {
        font-size: 32px;
        font-weight: 900;
        letter-spacing: -0.05em;
        color: var(--lead-text);
      }

      .lead-premium-kicker,
      .lead-premium-footer-kicker {
        margin-top: 4px;
        font-size: 13px;
        line-height: 1.5;
        color: var(--lead-text-muted);
      }

      .lead-premium-hero-shell {
        min-height: calc(min(94vh, 980px) - 110px);
        display: grid;
        grid-template-columns: minmax(0, 1.06fr) minmax(340px, 0.94fr);
        gap: 32px;
        align-items: center;
      }

      .lead-premium-copy {
        max-width: 720px;
      }

      .lead-premium-offer {
        display: grid;
        gap: 12px;
      }

      .lead-premium-offer-pill {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        padding: 10px 16px;
        border-radius: 999px;
        border: 1px solid rgba(0, 102, 255, 0.16);
        background: rgba(255, 255, 255, 0.92);
        color: var(--lead-blue-strong);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .lead-premium-offer-note {
        max-width: 620px;
        font-size: 15px;
        line-height: 1.65;
        color: var(--lead-text-muted);
      }

      .lead-premium-title {
        margin: 20px 0 0;
        font-size: clamp(54px, 7vw, 92px);
        line-height: 0.94;
        letter-spacing: -0.08em;
        color: var(--lead-text);
      }

      .lead-premium-subtitle {
        margin: 22px 0 0;
        max-width: 700px;
        font-size: clamp(18px, 2vw, 22px);
        line-height: 1.68;
        color: var(--lead-text-muted);
      }

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

      .lead-premium-badge,
      .lead-premium-dashboard-badge,
      .lead-premium-trust-chip {
        border: 1px solid rgba(15, 23, 42, 0.05);
        background: rgba(255, 255, 255, 0.7);
        box-shadow: none;
      }

      .lead-premium-badge {
        padding: 11px 16px;
        border-radius: 999px;
        color: var(--lead-blue-strong);
        font-size: 14px;
        font-weight: 700;
      }

      .lead-btn,
      .lead-premium-main-btn {
        width: auto;
        min-width: 220px;
        padding: 17px 24px;
        border: none;
        border-radius: 20px;
        background: linear-gradient(135deg, var(--lead-blue) 0%, var(--lead-blue-strong) 100%);
        color: #fff;
        font-size: 16px;
        font-weight: 800;
        box-shadow: 0 14px 34px rgba(0, 102, 255, 0.22);
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease,
          filter 0.2s ease;
      }

      .lead-btn:hover,
      .lead-premium-main-btn:hover {
        transform: translateY(-1px) scale(1.02);
        box-shadow: 0 16px 40px rgba(0, 102, 255, 0.26);
        filter: brightness(1.02);
      }

      .lead-premium-actions {
        margin-top: 28px;
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
      }

      .lead-premium-secondary-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 220px;
        padding: 16px 22px;
        border-radius: 20px;
        border: 1px solid rgba(15, 23, 42, 0.06);
        background: rgba(255, 255, 255, 0.72);
        color: var(--lead-text);
        font-size: 16px;
        font-weight: 700;
        text-decoration: none;
        box-shadow: none;
        transition:
          transform 0.2s ease,
          box-shadow 0.2s ease,
          border-color 0.2s ease;
      }

      .lead-premium-secondary-btn:hover,
      .lead-premium-footer-button:hover,
      .lead-premium-footer-link-button:hover,
      .lead-premium-link-button:hover {
        transform: translateY(-1px);
        border-color: rgba(0, 102, 255, 0.18);
      }

      .lead-premium-links {
        margin-top: 16px;
        display: flex;
        flex-wrap: wrap;
        gap: 18px;
        align-items: center;
      }

      .lead-premium-link-button,
      .lead-premium-link {
        padding: 0;
        border: none;
        background: none;
        color: var(--lead-blue-strong);
        font-size: 15px;
        font-weight: 700;
        text-decoration: underline;
        text-underline-offset: 4px;
      }

      .lead-premium-note {
        margin-top: 14px;
        font-size: 13px;
        line-height: 1.6;
        color: var(--lead-text-muted);
      }

      .lead-premium-trust {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .lead-premium-trust-chip {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 10px 14px;
        border-radius: 999px;
        font-size: 13px;
        color: var(--lead-text);
      }

      .lead-premium-trust-dot,
      .lead-premium-final-dot {
        flex: 0 0 9px;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--lead-blue), var(--lead-blue-strong));
        box-shadow: none;
      }

      .lead-premium-visual {
        position: relative;
        min-height: 560px;
      }

      .lead-premium-visual-glow {
        position: absolute;
        border-radius: 999px;
        filter: blur(8px);
      }

      .lead-premium-visual-glow-a {
        top: 18px;
        right: 60px;
        width: 180px;
        height: 180px;
        background: rgba(0, 102, 255, 0.12);
      }

      .lead-premium-visual-glow-b {
        left: 24px;
        bottom: 32px;
        width: 220px;
        height: 220px;
        background: rgba(16, 185, 129, 0.1);
      }

      .lead-premium-dashboard {
        position: absolute;
        border-radius: 34px;
        border: 1px solid rgba(15, 23, 42, 0.05);
        background: rgba(255, 255, 255, 0.76);
        box-shadow: none;
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
      }

      .lead-premium-dashboard-main {
        top: 34px;
        left: 24px;
        right: 78px;
        min-height: 420px;
        padding: 22px;
      }

      .lead-premium-dashboard-side {
        width: 220px;
        padding: 18px;
      }

      .lead-premium-dashboard-side-top {
        top: 82px;
        right: 0;
      }

      .lead-premium-dashboard-side-bottom {
        right: 22px;
        bottom: 26px;
      }

      .lead-premium-window-dots {
        display: flex;
        gap: 8px;
      }

      .lead-premium-window-dots span {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: rgba(15, 23, 42, 0.14);
      }

      .lead-premium-dashboard-title {
        margin-top: 18px;
        font-size: 28px;
        font-weight: 900;
        letter-spacing: -0.05em;
        color: var(--lead-text);
      }

      .lead-premium-dashboard-badges {
        margin-top: 18px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .lead-premium-dashboard-badge {
        padding: 10px 14px;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 700;
        color: var(--lead-blue-strong);
      }

      .lead-premium-workflow {
        position: relative;
        margin-top: 34px;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
      }

      .lead-premium-workflow-line {
        position: absolute;
        top: 29px;
        left: 24px;
        right: 24px;
        height: 1px;
        background: linear-gradient(90deg, rgba(0, 102, 255, 0.18), rgba(16, 185, 129, 0.18));
      }

      .lead-premium-workflow-node {
        position: relative;
        padding-top: 6px;
      }

      .lead-premium-workflow-node span {
        display: inline-flex;
        width: 44px;
        height: 44px;
        border-radius: 16px;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(0, 102, 255, 0.12);
        background: rgba(255, 255, 255, 0.96);
        color: var(--lead-blue-strong);
        font-size: 13px;
        font-weight: 800;
      }

      .lead-premium-workflow-node div {
        margin-top: 12px;
        font-size: 14px;
        font-weight: 700;
        color: var(--lead-text);
      }

      .lead-premium-side-title {
        font-size: 17px;
        font-weight: 800;
        color: var(--lead-text);
      }

      .lead-premium-side-caption {
        margin-top: 6px;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        color: var(--lead-text-muted);
      }

      .lead-premium-bars {
        margin-top: 18px;
        display: grid;
        gap: 10px;
      }

      .lead-premium-bars span {
        display: block;
        height: 10px;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(0, 102, 255, 0.95), rgba(16, 185, 129, 0.7));
      }

      .lead-premium-cloud {
        position: relative;
        margin-top: 18px;
        height: 90px;
      }

      .lead-premium-cloud span {
        position: absolute;
        border-radius: 50%;
        background: linear-gradient(135deg, rgba(0, 102, 255, 0.9), rgba(0, 102, 255, 0.55));
        box-shadow: none;
      }

      .lead-premium-cloud span:nth-child(1) {
        width: 16px;
        height: 16px;
        left: 10px;
        bottom: 20px;
      }

      .lead-premium-cloud span:nth-child(2) {
        width: 18px;
        height: 18px;
        left: 88px;
        top: 2px;
      }

      .lead-premium-cloud span:nth-child(3) {
        width: 14px;
        height: 14px;
        right: 18px;
        bottom: 16px;
      }

      .lead-premium-cloud::before,
      .lead-premium-cloud::after {
        content: "";
        position: absolute;
        border-radius: 999px;
        background: rgba(0, 102, 255, 0.12);
      }

      .lead-premium-cloud::before {
        left: 18px;
        top: 38px;
        width: 120px;
        height: 2px;
        transform: rotate(-18deg);
      }

      .lead-premium-cloud::after {
        left: 92px;
        top: 36px;
        width: 88px;
        height: 2px;
        transform: rotate(18deg);
      }

      .lead-premium-panel {
        padding: 30px 32px;
      }

      .lead-premium-value-panel {
        background: rgba(255, 255, 255, 0.72);
      }

      .lead-premium-value-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 0.9fr));
        gap: 16px;
      }

      .lead-premium-value-card,
      .lead-premium-step-card,
      .lead-premium-feature-card,
      .lead-premium-tariff-card {
        border: 1px solid rgba(15, 23, 42, 0.05);
        background: var(--lead-surface-strong);
        box-shadow: none;
      }

      .lead-premium-value-card {
        min-height: 180px;
        padding: 26px;
        border-radius: 30px;
      }

      .lead-premium-value-card-large {
        background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.84) 0%, rgba(244, 248, 255, 0.8) 100%);
      }

      .lead-premium-value-title,
      .lead-premium-step-title,
      .lead-premium-feature-title,
      .lead-premium-final-title {
        font-size: 24px;
        font-weight: 800;
        line-height: 1.15;
        color: var(--lead-text);
      }

      .lead-premium-value-desc,
      .lead-premium-step-desc,
      .lead-premium-feature-desc,
      .lead-premium-final-subtitle,
      .lead-premium-tariffs-subtitle,
      .lead-premium-tariff-desc {
        margin-top: 10px;
        font-size: 15px;
        line-height: 1.7;
        color: var(--lead-text-muted);
      }

      .lead-premium-section-title {
        margin-bottom: 18px;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--lead-blue-strong);
      }

      .lead-premium-section-title-soft {
        margin-bottom: 14px;
      }

      .lead-premium-step-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
      }

      .lead-premium-step-card,
      .lead-premium-feature-card {
        padding: 24px;
        border-radius: 28px;
      }

      .lead-premium-step-card-wide {
        grid-column: 1 / -1;
      }

      .lead-premium-step-num {
        width: 48px;
        height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 16px;
        border: 1px solid rgba(0, 102, 255, 0.12);
        background: rgba(255, 255, 255, 0.95);
        color: var(--lead-blue-strong);
        font-size: 13px;
        font-weight: 800;
      }

      .lead-premium-step-title,
      .lead-premium-feature-title {
        margin-top: 18px;
        font-size: 22px;
      }

      .lead-premium-feature-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
      }

      .lead-premium-feature-chip {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        padding: 8px 12px;
        border-radius: 999px;
        background: rgba(0, 102, 255, 0.08);
        color: var(--lead-blue-strong);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .lead-premium-tariffs-head {
        margin-bottom: 20px;
      }

      .lead-premium-tariffs-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
      }

      .lead-premium-tariff-card {
        position: relative;
        padding: 22px;
        border-radius: 30px;
      }

      .lead-premium-tariff-card-hot {
        border-color: rgba(0, 102, 255, 0.16);
      }

      .lead-premium-tariff-card-best {
        border-color: rgba(16, 185, 129, 0.22);
      }

      .lead-premium-tariff-badge {
        position: absolute;
        top: 14px;
        right: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 6px 10px;
        border-radius: 999px;
        background: var(--lead-blue-strong);
        color: #fff;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.08em;
      }

      .lead-premium-tariff-badge-green {
        background: var(--lead-mint);
      }

      .lead-premium-tariff-label {
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--lead-text-muted);
      }

      .lead-premium-tariff-price {
        margin-top: 16px;
        font-size: clamp(34px, 3vw, 44px);
        line-height: 1;
        letter-spacing: -0.06em;
        color: var(--lead-text);
        font-weight: 900;
      }

      .lead-premium-tariffs-note {
        margin-top: 18px;
        font-size: 13px;
        line-height: 1.6;
        color: var(--lead-text-muted);
      }

      .lead-premium-tariffs-actions {
        margin-top: 18px;
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
      }

      .lead-premium-wa {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 220px;
        padding: 17px 22px;
        border-radius: 20px;
        background: rgba(16, 185, 129, 0.12);
        color: #047857;
        font-size: 15px;
        font-weight: 800;
        text-decoration: none;
        border: 1px solid rgba(16, 185, 129, 0.16);
      }

      .lead-premium-final {
        display: grid;
        gap: 24px;
      }

      .lead-premium-final-copy {
        max-width: 860px;
      }

      .lead-premium-final-points {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
      }

      .lead-premium-final-point {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 18px;
        border-radius: 24px;
        border: 1px solid rgba(15, 23, 42, 0.05);
        background: rgba(255, 255, 255, 0.68);
        color: var(--lead-text);
        font-size: 14px;
        line-height: 1.6;
      }

      .lead-premium-final-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
      }

      .lead-premium-footer {
        padding: 28px 32px 34px;
      }

      .lead-premium-footer-grid {
        margin-top: 20px;
        display: grid;
        grid-template-columns: 1.1fr repeat(3, minmax(0, 1fr));
        gap: 18px;
      }

      .lead-premium-brand-row-footer {
        align-items: flex-start;
      }

      .lead-premium-brand-name-footer {
        font-size: 26px;
      }

      .lead-premium-footer-title {
        margin-bottom: 10px;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--lead-text);
      }

      .lead-premium-footer-link,
      .lead-premium-footer-button,
      .lead-premium-footer-link-button {
        display: block;
        padding: 0;
        border: none;
        background: none;
        color: var(--lead-text-muted);
        font-size: 15px;
        line-height: 1.8;
        text-decoration: none;
        text-align: left;
      }

      .lead-premium-footer-button,
      .lead-premium-footer-link-button {
        cursor: pointer;
      }

      .lead-auth-modal {
        background: rgba(15, 23, 42, 0.24);
        backdrop-filter: blur(10px);
      }

      .lead-auth-card {
        border-radius: 34px;
        background: rgba(255, 255, 255, 0.9);
        box-shadow: none;
      }

      .lead-auth-close {
        background: rgba(255, 255, 255, 0.88);
        box-shadow: none;
      }

      .lead-auth-chip {
        background: rgba(0, 102, 255, 0.08);
        color: var(--lead-blue-strong);
      }

      .lead-auth-title {
        font-size: 34px;
        line-height: 1.05;
        color: var(--lead-text);
      }

      .lead-auth-subtitle,
      .lead-auth-helper,
      .lead-auth-point,
      .lead-agreement {
        color: var(--lead-text-muted);
      }

      .lead-input {
        background: rgba(248, 250, 252, 0.88);
        border-color: rgba(15, 23, 42, 0.08);
      }

      .lead-input:focus {
        box-shadow: 0 0 0 4px rgba(0, 102, 255, 0.1);
      }

      @media (max-width: 1180px) {
        .lead-premium-hero-shell {
          grid-template-columns: 1fr;
          gap: 24px;
        }

        .lead-premium-visual {
          min-height: 500px;
        }

        .lead-premium-tariffs-grid,
        .lead-premium-feature-grid,
        .lead-premium-final-points {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .lead-premium-footer-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 820px) {
        .lead-landing {
          padding: 16px 14px 32px;
        }

        .lead-premium {
          gap: 16px;
        }

        .lead-premium-hero,
        .lead-premium-panel,
        .lead-premium-footer,
        .lead-auth-card {
          border-radius: 28px;
        }

        .lead-premium-hero,
        .lead-premium-panel,
        .lead-premium-footer {
          padding: 22px 18px;
        }

        .lead-premium-hero {
          min-height: auto;
        }

        .lead-premium-title {
          font-size: 42px;
          line-height: 0.96;
        }

        .lead-premium-subtitle {
          font-size: 16px;
          line-height: 1.65;
        }

        .lead-premium-actions,
        .lead-premium-links,
        .lead-premium-tariffs-actions,
        .lead-premium-final-actions {
          flex-direction: column;
          align-items: stretch;
        }

        .lead-premium-main-btn,
        .lead-premium-secondary-btn,
        .lead-premium-wa,
        .lead-btn {
          width: 100%;
          min-width: 0;
        }

        .lead-premium-link,
        .lead-premium-link-button {
          text-align: left;
        }

        .lead-premium-visual {
          min-height: 430px;
        }

        .lead-premium-dashboard-main {
          left: 0;
          right: 48px;
          min-height: 356px;
        }

        .lead-premium-dashboard-side {
          width: 180px;
        }

        .lead-premium-value-grid,
        .lead-premium-step-grid,
        .lead-premium-feature-grid,
        .lead-premium-tariffs-grid,
        .lead-premium-final-points,
        .lead-premium-footer-grid {
          grid-template-columns: 1fr;
        }

        .lead-premium-step-card-wide {
          grid-column: auto;
        }

        .lead-premium-value-title,
        .lead-premium-step-title,
        .lead-premium-feature-title,
        .lead-premium-final-title,
        .lead-auth-title {
          font-size: 26px;
        }
      }

      @media (max-width: 560px) {
        .lead-premium-brand-mark {
          width: 50px;
          height: 50px;
          border-radius: 18px;
        }

        .lead-premium-brand-name {
          font-size: 26px;
        }

        .lead-premium-kicker,
        .lead-premium-footer-kicker {
          font-size: 12px;
        }

        .lead-premium-title {
          font-size: 34px;
        }

        .lead-premium-offer-pill {
          font-size: 10px;
          letter-spacing: 0.06em;
        }

        .lead-premium-offer-note,
        .lead-premium-note,
        .lead-premium-value-desc,
        .lead-premium-step-desc,
        .lead-premium-feature-desc,
        .lead-premium-final-subtitle,
        .lead-premium-tariffs-subtitle,
        .lead-premium-tariff-desc {
          font-size: 14px;
          line-height: 1.6;
        }

        .lead-premium-badges,
        .lead-premium-trust {
          gap: 8px;
        }

        .lead-premium-badge,
        .lead-premium-trust-chip,
        .lead-premium-dashboard-badge {
          font-size: 12px;
          padding: 9px 12px;
        }

        .lead-premium-visual {
          min-height: 360px;
        }

        .lead-premium-dashboard-main {
          position: relative;
          inset: auto;
          min-height: 0;
          padding: 18px;
        }

        .lead-premium-dashboard-side {
          position: relative;
          width: auto;
          margin-top: 14px;
          inset: auto;
        }

        .lead-premium-workflow {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .lead-premium-workflow-line {
          display: none;
        }

        .lead-premium-footer {
          padding-bottom: 28px;
        }

        .lead-auth-modal {
          padding: 10px;
        }
      }

      @keyframes spin {
        to {
          transform: rotate(360deg);
        }
      }
      .kbju-spinner {
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 2.5px solid #e5e5ea;
        border-top-color: #007aff;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
        vertical-align: middle;
        margin-right: 8px;
      }
      @keyframes kbjuFadeIn {
        from {
          opacity: 0;
          transform: translateY(8px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .kbju-result-animated {
        animation: kbjuFadeIn 0.4s ease-out;
      }
      .undo-toast {
        position: fixed;
        bottom: 100px;
        left: 50%;
        transform: translateX(-50%);
        background: #1c1c1e;
        color: #fff;
        padding: 12px 20px;
        border-radius: 16px;
        font-size: 14px;
        font-weight: 600;
        z-index: 200;
        display: flex;
        align-items: center;
        gap: 12px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
        animation: slideUp 0.3s ease-out;
      }
      .undo-toast button {
        background: #007aff;
        color: #fff;
        border: none;
        padding: 6px 16px;
        border-radius: 10px;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
      }
      :root {
        --app-bg: #eef2f8;
        --app-surface-soft: #f8fafc;
        --app-line: #e5e7eb;
        --app-line-soft: #edf1f5;
        --app-muted: #7b8798;
        --app-shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.06);
        --app-shadow-float: 0 18px 40px rgba(15, 23, 42, 0.14);
        --safe-bottom: env(safe-area-inset-bottom, 0px);
      }

      body {
        background: linear-gradient(180deg, #f7f9fc 0%, var(--app-bg) 100%);
      }

      .card {
        margin: 10px 12px;
        border-radius: 28px;
        padding: 18px 14px;
        width: calc(100% - 24px);
        border: 1px solid rgba(15, 23, 42, 0.05);
        box-shadow: var(--app-shadow-soft);
      }

      .ing-hdr {
        padding: 10px 10px 8px;
        font-size: 8px;
        letter-spacing: 0.45px;
        background: var(--app-surface-soft);
        border-bottom: 1px solid var(--app-line-soft);
      }

      .top-bar-shell {
        height: 52px !important;
        padding: 0 14px !important;
        background: rgba(255, 255, 255, 0.88) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
        box-shadow:
          0 1px 0 rgba(15, 23, 42, 0.05),
          0 8px 24px rgba(15, 23, 42, 0.04) !important;
      }

      .top-status-badge {
        min-height: 26px;
        align-items: center;
        border-radius: 999px !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: 0.2px !important;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
      }

      .top-icon-btn,
      .top-lang-trigger {
        background: linear-gradient(180deg, #ffffff 0%, #f6f7fb 100%) !important;
        box-shadow: inset 0 0 0 1px #e5e7eb;
      }

      .top-icon-btn {
        width: 34px !important;
        height: 34px !important;
        border-radius: 17px !important;
        color: #667085 !important;
      }

      .top-lang-trigger {
        min-width: 48px !important;
        height: 34px !important;
        padding: 0 12px !important;
        border-radius: 17px !important;
        font-size: 11px !important;
        font-weight: 800 !important;
      }

      .top-popover-menu {
        top: 46px !important;
        min-width: 78px !important;
        padding: 8px !important;
        gap: 6px !important;
        border-radius: 18px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        border: 1px solid var(--app-line) !important;
        box-shadow: var(--app-shadow-float) !important;
      }

      .top-popover-menu button {
        min-height: 34px !important;
        border-radius: 12px !important;
      }

      .sheet-overlay {
        background: rgba(15, 23, 42, 0.24) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
      }

      .app-sheet {
        border-radius: 30px 30px 0 0 !important;
        box-shadow: 0 -20px 44px rgba(15, 23, 42, 0.16) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.7);
        overflow: hidden;
      }

      .sheet-header {
        padding: 14px 20px 8px !important;
        text-align: center !important;
        position: relative !important;
      }

      .sheet-handle {
        width: 44px !important;
        height: 5px !important;
        border-radius: 999px !important;
        background: #d5dbe6 !important;
        margin: 0 auto !important;
      }

      .sheet-close {
        top: 10px !important;
        right: 18px !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: 16px !important;
        background: rgba(15, 23, 42, 0.05) !important;
        color: #667085 !important;
        box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.16);
      }

      .sheet-title-block {
        padding: 8px 24px 18px !important;
      }

      .sheet-title,
      .sheet-title-secondary {
        display: block;
        color: #111827 !important;
        letter-spacing: -0.5px;
      }

      .sheet-title {
        font-size: 27px !important;
        font-weight: 700 !important;
      }

      .sheet-title-secondary {
        font-size: 24px !important;
        font-weight: 700 !important;
        margin-bottom: 18px !important;
      }

      .sheet-scroll {
        padding: 0 20px calc(28px + var(--safe-bottom)) !important;
      }

      .sheet-card {
        background: #ffffff !important;
        border: 1px solid rgba(15, 23, 42, 0.05) !important;
        border-radius: 24px !important;
        box-shadow: var(--app-shadow-soft) !important;
      }

      .sheet-card-soft {
        background: linear-gradient(180deg, #fbfcfe 0%, #f4f7fb 100%) !important;
        border: 1px solid #e7ecf3 !important;
        box-shadow: none !important;
      }

      .sheet-section-label {
        font-size: 12px !important;
        font-weight: 800 !important;
        color: var(--app-muted) !important;
        letter-spacing: 0.8px !important;
        text-transform: uppercase;
        margin: 2px 0 10px 16px !important;
      }

      .sheet-note {
        background: #f5f7fb !important;
        border: 1px solid #e6ebf2 !important;
        border-radius: 18px !important;
      }

      .sheet-note-warning {
        background: #fff7e8 !important;
        border-color: #ffe2b8 !important;
      }

      .sheet-legal-copy {
        color: #98a2b3 !important;
        font-size: 10px !important;
        line-height: 1.5 !important;
      }

      .mono-link-card {
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 16px !important;
        padding: 14px !important;
      }

      .stat-strip {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 14px !important;
        background: #f8fafc !important;
        border: 1px solid var(--app-line) !important;
        border-radius: 16px !important;
      }

      .primary-sheet-btn {
        width: 100%;
        padding: 15px 16px !important;
        border-radius: 18px !important;
        background: #0a84ff !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        box-shadow: 0 10px 24px rgba(10, 132, 255, 0.22);
      }

      .plan-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin-bottom: 24px !important;
      }

      .plan-card {
        background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
        border: 1px solid var(--app-line) !important;
        border-radius: 20px !important;
        padding: 18px 14px !important;
        text-align: center !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
        position: relative;
      }

      .plan-card-featured {
        border-color: #0a84ff !important;
        background: linear-gradient(180deg, #f7fbff 0%, #edf6ff 100%) !important;
        box-shadow: 0 12px 28px rgba(10, 132, 255, 0.18) !important;
      }

      .plan-card-value {
        border-color: #34c759 !important;
        background: linear-gradient(180deg, #f6fff8 0%, #ebfff1 100%) !important;
        box-shadow: 0 12px 28px rgba(52, 199, 89, 0.16) !important;
      }

      .plan-badge {
        position: absolute !important;
        top: -10px !important;
        right: 12px !important;
        padding: 4px 10px !important;
        border-radius: 999px !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        letter-spacing: 0.3px;
        color: #fff !important;
      }

      .plan-label {
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: 0.6px !important;
        color: var(--app-muted) !important;
      }

      .plan-card-featured .plan-label {
        color: #0a84ff !important;
      }

      .plan-card-value .plan-label {
        color: #16a34a !important;
      }

      .plan-price {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #111827 !important;
        margin-top: 10px !important;
      }

      .promo-card {
        background: linear-gradient(180deg, #fbfcfe 0%, #f4f7fb 100%) !important;
        border: 1px solid #e7ecf3 !important;
        border-radius: 20px !important;
        padding: 18px !important;
      }

      .whatsapp-link {
        display: block;
        padding: 13px 14px !important;
        border-radius: 16px !important;
        background: #25d366 !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        text-align: center !important;
        box-shadow: 0 10px 22px rgba(37, 211, 102, 0.18);
      }

      .profile-content {
        padding: 10px 20px calc(28px + var(--safe-bottom)) !important;
      }

      .profile-card {
        background: #fff !important;
        border: 1px solid rgba(15, 23, 42, 0.05) !important;
        border-radius: 24px !important;
        padding: 16px 18px !important;
        box-shadow: var(--app-shadow-soft) !important;
        margin-bottom: 16px !important;
      }

      .profile-actions {
        display: flex !important;
        gap: 10px !important;
        margin-bottom: 18px !important;
      }

      .profile-mini-btn {
        padding: 12px 14px !important;
        border-radius: 16px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
      }

      .profile-link-list {
        background: #fff !important;
        border: 1px solid rgba(15, 23, 42, 0.05) !important;
        border-radius: 24px !important;
        padding: 0 18px !important;
        box-shadow: var(--app-shadow-soft) !important;
        margin-bottom: 14px !important;
      }

      .profile-link-row {
        padding: 15px 0 !important;
        min-height: 52px;
      }

      .profile-link-row:first-child {
        border-top: none !important;
      }

      .profile-logout-btn {
        margin-top: 12px !important;
        padding: 14px 16px !important;
        border-radius: 18px !important;
        background: #fff1f2 !important;
        border: 1px solid #fecdd3 !important;
        color: #e11d48 !important;
      }

      .profile-note {
        margin-top: 14px !important;
        color: #98a2b3 !important;
        line-height: 1.5 !important;
      }

      .page-hero {
        padding: 30px 24px 14px !important;
        background: linear-gradient(180deg, #f7f9fc 0%, #f2f4f8 100%) !important;
      }

      .page-actions {
        display: flex;
        gap: 12px;
        padding: 12px 24px 14px;
        background: linear-gradient(
          180deg,
          #f2f4f8 0%,
          #f2f4f8 70%,
          rgba(242, 244, 248, 0) 100%
        );
      }

      .page-primary-btn {
        border-radius: 18px !important;
        box-shadow: 0 12px 26px rgba(10, 132, 255, 0.22);
        font-size: 14px !important;
        padding: 14px 16px !important;
      }

      .page-secondary-btn,
      .page-ghost-btn {
        padding: 14px 16px !important;
        border-radius: 18px !important;
        background: #fff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
      }

      .page-secondary-btn {
        color: #0a84ff !important;
        border: 1px solid rgba(10, 132, 255, 0.12) !important;
      }

      .page-ghost-btn {
        color: #667085 !important;
        border: 1px solid rgba(15, 23, 42, 0.05) !important;
      }

      .summary-card {
        padding: 10px 16px !important;
        min-height: 56px !important;
        border-radius: 22px !important;
      }

      .summary-edit-btn {
        padding: 8px 14px !important;
        border-radius: 14px !important;
        background: #f8fafc !important;
        box-shadow: inset 0 0 0 1px #e5e7eb;
      }

      .editor-card {
        border-radius: 28px !important;
        overflow: hidden;
      }

      .editor-bottom-bar {
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: calc(88px + var(--safe-bottom));
        display: flex;
        gap: 10px;
        padding: 12px;
        background: rgba(255, 255, 255, 0.92);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        border: 1px solid rgba(15, 23, 42, 0.06);
        border-radius: 22px;
        box-shadow: var(--app-shadow-float);
        z-index: 60;
      }

      .editor-primary-btn {
        flex: 1;
        padding: 14px 16px !important;
        background: #0a84ff !important;
        color: #fff !important;
        border-radius: 16px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
      }

      .editor-secondary-btn {
        flex: 1;
        padding: 14px 16px !important;
        background: #edf4ff !important;
        color: #0a84ff !important;
        border-radius: 16px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
      }

      .editor-card-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px 8px !important;
        border-bottom: 1px solid var(--app-line-soft) !important;
      }

      .editor-note-box {
        padding: 8px 14px 6px !important;
      }

      .editor-list-wrap {
        padding-bottom: 132px !important;
      }

      .bottom-nav-shell {
        background: rgba(255, 255, 255, 0.94) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        box-shadow:
          0 -1px 0 rgba(15, 23, 42, 0.06),
          0 -12px 30px rgba(15, 23, 42, 0.08) !important;
        height: 84px !important;
        padding: 10px 6px calc(10px + var(--safe-bottom)) !important;
      }

      .bottom-nav-btn {
        border-radius: 22px !important;
        min-height: 62px;
        margin: 0 4px !important;
      }

      .floating-admin-btn {
        position: fixed;
        bottom: 102px;
        right: 18px;
        padding: 12px 18px;
        background: #111827;
        color: #fff;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        font-size: 13px;
        font-weight: 700;
        z-index: 99;
        box-shadow: 0 14px 28px rgba(15, 23, 42, 0.22);
      }