/* Product introduction for login only; shared signup presentation is unchanged. */
.login-product-experience .login-showcase::before { display: none; }
.login-product-experience .login-showcase-brand { width: 132px; margin-bottom: 38px; }
.login-product-kicker { margin: 0 0 18px; color: var(--accent-ink); font-size: 11px; font-weight: 800; letter-spacing: .14em; line-height: 1.5; }
.login-product-story h2 { margin: 0; max-width: 16ch; color: var(--ink); font-size: clamp(36px, 3.5vw, 52px); font-weight: 800; letter-spacing: -.045em; line-height: 1.12; }
.login-product-story h2 span { display: block; color: var(--accent-ink); }
.login-product-description { max-width: 47ch; margin: 22px 0 0; color: var(--muted); font-size: 16px; line-height: 1.75; }
.login-product-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; margin: 28px 0 0; padding: 0; list-style: none; }
.login-product-tools li { display: flex; align-items: flex-start; gap: 13px; padding: 22px 0; border-top: 1px solid var(--line); }
.login-product-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 40px; height: 40px; border-radius: 11px; color: var(--accent-ink); background: var(--surface-strong); }
.login-product-tools h3 { margin: 1px 0 5px; color: var(--ink); font-size: 14px; line-height: 1.4; font-weight: 750; }
.login-product-tools p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.login-product-bottom { border-top: 1px solid var(--line); padding-top: 22px; }
.login-product-start, .login-product-privacy { display: flex; align-items: center; gap: 9px; margin: 0; line-height: 1.6; }
.login-product-start { color: var(--ink); font-size: 13px; font-weight: 650; }
.login-product-start svg, .login-product-privacy svg { flex-shrink: 0; color: var(--accent-ink); }
.login-product-privacy { color: var(--muted); font-size: 11px; margin-top: 10px; }
.auth.login-product-experience .login-panel { animation: none; }
@media (max-width: 860px) {
    .auth.login-product-experience .login-page { gap: 26px; }
    .login-product-experience .login-showcase-brand { width: 105px; margin-bottom: 24px; }
    .login-product-kicker { font-size: 10px; margin-bottom: 12px; }
    .login-product-story h2 { max-width: 19ch; font-size: clamp(31px, 7vw, 40px); }
    .login-product-description { font-size: 14px; line-height: 1.65; margin-top: 14px; }
    .login-product-tools { gap: 0 16px; margin-top: 20px; }
    .login-product-tools li { gap: 8px; padding: 14px 0; }
    .login-product-icon { flex-basis: 28px; height: 30px; border-radius: 7px; }
    .login-product-icon svg { width: 18px; height: 18px; }
    .login-product-tools h3 { font-size: 12px; margin: 5px 0 0; }
    .login-product-tools p, .login-product-bottom { display: none; }
}
@media (forced-colors: active) {
    .login-product-icon { border: 1px solid CanvasText; }
}
