.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-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: #ffffff; /* Solid white background */
        --lead-surface-strong: #f4f6fa; /* Solid light gray plate */
        --lead-line: rgba(15, 23, 42, 0.08); /* Solid clean line */
        --lead-shadow: none;
        --lead-shadow-soft: none;
        --lead-text: #0f172a;
        --lead-text-muted: #5f6b7e;
        --lead-blue: #0066ff;
        --lead-blue-strong: #0055dd;
        --lead-mint: #10b981;
        --grid-color: rgba(11, 87, 208, 0.03);
        --radius-outer: 32px;
        --radius-card: 24px;
        --radius-inner: 14px;
        background: 
          radial-gradient(circle at top center, rgba(11, 87, 208, 0.04), transparent 45%),
          linear-gradient(var(--grid-color) 1px, transparent 1px),
          linear-gradient(90deg, var(--grid-color) 1px, transparent 1px),
          linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
        background-size: 100% 100%, 32px 32px, 32px 32px, 100% 100%;
      }

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

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