/* /Components/Layout/MarketingFooter.razor.rz.scp.css */
/* MarketingFooter — multi-column, responsive */

.mkt-footer[b-si6smzcboh] {
    background: var(--mkt-surface);
    border-top: 1px solid var(--mkt-border);
    padding: 4rem 0 2rem;
}

.footer-inner[b-si6smzcboh] {
    max-width: var(--mkt-max-width);
    margin: 0 auto;
    padding: 0 1rem;
}

/* Grid */
.footer-grid[b-si6smzcboh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-bottom: 3rem;
}

.footer-brand[b-si6smzcboh] {
    grid-column: span 2;
}

.footer-logo[b-si6smzcboh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.footer-logo .logo-icon[b-si6smzcboh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: var(--mkt-radius);
    background: var(--mkt-primary);
    color: #fff;
}

.footer-logo .logo-icon .material-symbols-outlined[b-si6smzcboh] { font-size: 1.25rem; }

.footer-logo .logo-text[b-si6smzcboh] {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--mkt-text);
}

.brand-desc[b-si6smzcboh] {
    color: var(--mkt-text-secondary);
    font-size: 0.875rem;
    line-height: 1.6;
    max-width: 20rem;
    margin-bottom: 1.5rem;
}

.social-links[b-si6smzcboh] { display: flex; gap: 1rem; }

.social-link[b-si6smzcboh] {
    color: var(--mkt-text-secondary);
    transition: color var(--transition-fast);
    text-decoration: none;
}

.social-link:hover[b-si6smzcboh] { color: var(--mkt-primary); }

/* Columns */
.footer-col-title[b-si6smzcboh] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mkt-text);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
}

.footer-links[b-si6smzcboh] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.footer-links a[b-si6smzcboh] {
    font-size: 0.875rem;
    color: var(--mkt-text-secondary);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.footer-links a:hover[b-si6smzcboh] { color: var(--mkt-primary); }

/* Bottom */
.footer-bottom[b-si6smzcboh] {
    border-top: 1px solid var(--mkt-border);
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.copyright[b-si6smzcboh] {
    font-size: 0.75rem;
    color: var(--mkt-text-secondary);
}

/* Values */
.footer-values[b-si6smzcboh] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--mkt-border);
    text-align: center;
}

.footer-values p[b-si6smzcboh] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--mkt-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* Responsive */
@media (min-width: 640px) {
    .footer-inner[b-si6smzcboh] { padding: 0 1.5rem; }
}

@media (min-width: 768px) {
    .footer-grid[b-si6smzcboh] {
        grid-template-columns: 2fr 1fr 1fr 1fr;
    }
    .footer-brand[b-si6smzcboh] { grid-column: span 1; }
    .footer-bottom[b-si6smzcboh] {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (min-width: 1024px) {
    .footer-inner[b-si6smzcboh] { padding: 0 2rem; }
    .footer-grid[b-si6smzcboh] {
        grid-template-columns: 2fr 1fr 1fr 1fr;
        gap: 2.5rem;
    }
}
/* /Components/Layout/MarketingHeader.razor.rz.scp.css */
/* MarketingHeader — sticky, responsive */

.mkt-header[b-y01y9sh2ab] {
    position: sticky;
    top: 0;
    z-index: 200;
    width: 100%;
    border-bottom: 1px solid var(--mkt-border);
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.header-inner[b-y01y9sh2ab] {
    max-width: var(--mkt-max-width);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4rem;
    padding: 0 1rem;
}

/* Logo */
.logo[b-y01y9sh2ab] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: inherit;
}

.logo:hover[b-y01y9sh2ab] { text-decoration: none; color: inherit; }

.logo-icon[b-y01y9sh2ab] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: var(--mkt-radius);
    background: var(--mkt-primary);
    color: #fff;
}

.logo-icon .material-symbols-outlined[b-y01y9sh2ab] { font-size: 1.25rem; }

.logo-text[b-y01y9sh2ab] {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--mkt-text);
}

/* Desktop nav */
.desktop-nav[b-y01y9sh2ab] {
    display: none;
    align-items: center;
    gap: 2rem;
}

.nav-link[b-y01y9sh2ab] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--mkt-text-secondary);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.nav-link:hover[b-y01y9sh2ab] { color: var(--mkt-primary); text-decoration: none; }

/* Actions */
.header-actions[b-y01y9sh2ab] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.cta-btn[b-y01y9sh2ab] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.25rem;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
    background: var(--mkt-primary);
    border: none;
    border-radius: var(--mkt-radius);
    text-decoration: none;
    transition: background var(--transition-fast);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    cursor: pointer;
}

.cta-btn:hover[b-y01y9sh2ab] { background: var(--mkt-primary-dark); color: #fff; text-decoration: none; }

.cta-btn:focus-visible[b-y01y9sh2ab] {
    outline: 2px solid var(--mkt-primary);
    outline-offset: 2px;
}

.cta-btn-desktop[b-y01y9sh2ab] { display: none; }
.cta-btn-mobile[b-y01y9sh2ab] { margin-top: 0.5rem; width: 100%; }

.mobile-toggle[b-y01y9sh2ab] {
    display: flex;
    padding: 0.5rem;
    background: none;
    border: none;
    color: var(--mkt-text-secondary);
    cursor: pointer;
    border-radius: var(--mkt-radius);
    transition: color var(--transition-fast);
}

.mobile-toggle:hover[b-y01y9sh2ab] { color: var(--mkt-primary); }

.mobile-menu[b-y01y9sh2ab] {
    position: relative;
}

.mobile-menu > summary[b-y01y9sh2ab] {
    list-style: none;
}

.mobile-menu > summary[b-y01y9sh2ab]::-webkit-details-marker { display: none; }

/* Mobile nav */
.mobile-nav[b-y01y9sh2ab] {
    display: none;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem;
    border-top: 1px solid var(--mkt-border);
    background: var(--mkt-surface);
}

.mobile-menu[open] .mobile-nav[b-y01y9sh2ab] { display: flex; }

.mobile-nav-link[b-y01y9sh2ab] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--mkt-text-secondary);
    text-decoration: none;
    padding: 0.5rem;
    border-radius: var(--mkt-radius);
    transition: color var(--transition-fast), background var(--transition-fast);
}

.mobile-nav-link:hover[b-y01y9sh2ab] {
    color: var(--mkt-primary);
    background: var(--mkt-bg);
    text-decoration: none;
}

/* Responsive breakpoints */
@media (min-width: 640px) {
    .header-inner[b-y01y9sh2ab] { padding: 0 1.5rem; }
    .cta-btn-desktop[b-y01y9sh2ab] { display: inline-flex; }
}

@media (min-width: 768px) {
    .desktop-nav[b-y01y9sh2ab] { display: flex; }
    .mobile-menu[b-y01y9sh2ab] { display: none; }
}

@media (min-width: 1024px) {
    .header-inner[b-y01y9sh2ab] { padding: 0 2rem; }
}
/* /Components/Layout/MarketingLayout.razor.rz.scp.css */
.mkt-root[b-0629mtuahg] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    font-family: var(--mkt-font);
    background: var(--mkt-bg);
    color: var(--mkt-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mkt-main[b-0629mtuahg] {
    flex: 1;
}

[b-0629mtuahg] ::selection {
    background: rgba(30, 64, 175, 0.15);
    color: var(--mkt-primary);
}
/* /Components/Pages/About.razor.rz.scp.css */
/* ==================== About Page ==================== */

/* ── Hero ── */
.about-hero[b-wgvtf857dx] {
    padding: 5rem 0 3rem;
    background: radial-gradient(ellipse at top right, rgba(219,234,254,0.5), var(--mkt-bg) 70%);
}

.about-hero-content[b-wgvtf857dx] {
    max-width: 42rem;
}

.about-hero h1[b-wgvtf857dx] {
    font-size: 2.25rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--mkt-text);
    margin: 0 0 1.5rem;
}

.about-lead[b-wgvtf857dx] {
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--mkt-text-secondary);
    margin: 0;
}

/* ── Story ── */
.about-story[b-wgvtf857dx] {
    padding: 3rem 0;
}

.about-story h2[b-wgvtf857dx] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--mkt-text);
    margin-bottom: 1.5rem;
}

.about-story p[b-wgvtf857dx] {
    font-size: 1rem;
    line-height: 1.75;
    color: var(--mkt-text-secondary);
    margin: 0 0 1.25rem;
}

.about-story p:last-child[b-wgvtf857dx] {
    margin-bottom: 0; }

/* ── Principles ── */
.about-principles[b-wgvtf857dx] {
    padding: 4rem 0;
    background: var(--mkt-surface);
}

.principle-grid[b-wgvtf857dx] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 2.5rem;
}

.principle-card[b-wgvtf857dx] {
    padding: 1.5rem;
    background: #fff;
    border: 1px solid var(--mkt-border);
    border-radius: var(--mkt-radius-xl);
    transition: box-shadow var(--transition-fast), border-color var(--transition-fast);
}

.principle-card:hover[b-wgvtf857dx] {
    border-color: var(--mkt-primary);
    box-shadow: var(--mkt-shadow-lg);
}

.principle-icon[b-wgvtf857dx] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--mkt-radius);
    background: var(--mkt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.principle-icon .material-symbols-outlined[b-wgvtf857dx] {
    font-size: 1.25rem;
    color: #fff;
}

.principle-card h3[b-wgvtf857dx] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--mkt-text);
    margin-bottom: 0.5rem;
}

.principle-card p[b-wgvtf857dx] {
    font-size: 0.875rem;
    color: var(--mkt-text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* ── CTA ── */
.about-cta[b-wgvtf857dx] {
    padding: 4rem 0;
}

.cta-box[b-wgvtf857dx] {
    text-align: center;
}

.about-cta h2[b-wgvtf857dx] {
    font-size: 1.875rem;
    font-weight: 800;
    color: var(--mkt-text);
    margin-bottom: 0.75rem;
}

.about-cta p[b-wgvtf857dx] {
    font-size: 1rem;
    color: var(--mkt-text-secondary);
    margin-bottom: 2rem;
}

.about-cta-actions[b-wgvtf857dx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

/* ── Responsive ── */
@media (min-width: 768px) {
    .about-hero h1[b-wgvtf857dx] {
    font-size: 2.75rem; }
    .principle-grid[b-wgvtf857dx] {
    grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
    .principle-grid[b-wgvtf857dx] {
    grid-template-columns: repeat(4, 1fr); }
}
/* /Components/Pages/Drive.razor.rz.scp.css */
.drive-hero[b-67qr98v41g] {
    background: radial-gradient(ellipse at top right, rgba(254,243,199,0.6), var(--mkt-bg) 70%);
}

.drive-preview-body[b-67qr98v41g] {
    gap: 1rem;
}

.drive-score-card[b-67qr98v41g] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: var(--mkt-radius);
}

.drive-score-head strong[b-67qr98v41g] {
    display: block;
    color: var(--mkt-text);
    font-size: 0.9375rem;
}

.drive-score-head span[b-67qr98v41g] {
    font-size: 0.75rem;
    color: var(--mkt-text-secondary);
}

.drive-score-row[b-67qr98v41g] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.8125rem;
    padding: 0.625rem 0.75rem;
    border-radius: 0.75rem;
}

.drive-score-row.high[b-67qr98v41g] {
    background: color-mix(in srgb, var(--color-success) 8%, transparent);
    color: #166534;
}

.drive-score-row.review[b-67qr98v41g] {
    background: color-mix(in srgb, var(--color-warning) 10%, transparent);
    color: #92400e;
}

.drive-score-row.low[b-67qr98v41g] {
    background: rgba(148,163,184,0.12);
    color: #475569;
}

.drive-preview-note[b-67qr98v41g] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mkt-text-secondary);
}

.drive-link-card[b-67qr98v41g] {
    text-decoration: none;
    color: inherit;
}

.drive-link-card:hover[b-67qr98v41g] {
    text-decoration: none;
    color: inherit;
}

.drive-capabilities-alt[b-67qr98v41g] {
    background: var(--mkt-surface);
}
/* /Components/Pages/DriveGoogle.razor.rz.scp.css */
.provider-hero-google[b-l123divv4o] {
    background: radial-gradient(ellipse at top right, rgba(254,243,199,0.55), var(--mkt-bg) 70%);
}

.provider-preview-body[b-l123divv4o] {
    gap: 0.75rem;
}

.provider-preview-line[b-l123divv4o] {
    padding: 0.75rem 1rem;
    border-radius: var(--mkt-radius);
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    font-size: 0.875rem;
    color: var(--mkt-text);
}

.provider-preview-highlight[b-l123divv4o] {
    background: color-mix(in srgb, var(--color-warning) 10%, transparent);
    border-color: color-mix(in srgb, var(--color-warning) 25%, transparent);
    color: #92400e;
    font-weight: 600;
}
/* /Components/Pages/DriveOneDrive.razor.rz.scp.css */
.provider-hero-onedrive[b-08uhe7totp] {
    background: radial-gradient(ellipse at top right, rgba(219,234,254,0.55), var(--mkt-bg) 70%);
}

.provider-preview-body[b-08uhe7totp] {
    gap: 0.75rem;
}

.provider-preview-line[b-08uhe7totp] {
    padding: 0.75rem 1rem;
    border-radius: var(--mkt-radius);
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    font-size: 0.875rem;
    color: var(--mkt-text);
}

.provider-preview-highlight[b-08uhe7totp] {
    background: rgba(59,130,246,0.10);
    border-color: rgba(59,130,246,0.25);
    color: #1d4ed8;
    font-weight: 600;
}
/* /Components/Pages/Features/Accounts.razor.rz.scp.css */
/* ==================== Feature Page — Accounts ==================== */
/* Shared styles: marketing-features.css · Page-specific only below.  */

/* ── Account Switcher Mockup ── */
.acct-card[b-jsycdpnkng] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border-radius: var(--mkt-radius);
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    transition: border-color var(--transition-fast);
    cursor: default;
}

.acct-card.acct-active[b-jsycdpnkng] {
    border-color: var(--mkt-primary);
    background: rgba(30,64,175,0.03);
}

.acct-avatar[b-jsycdpnkng] {
    width: 2rem; height: 2rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
}

.acct-avatar.gmail[b-jsycdpnkng] { background: #fecaca; color: #dc2626; }
.acct-avatar.m365[b-jsycdpnkng]  { background: #dbeafe; color: #2563eb; }
.acct-avatar.imap[b-jsycdpnkng]  { background: #e2e8f0; color: #64748b; }

.acct-info[b-jsycdpnkng] { flex: 1; min-width: 0; }
.acct-info strong[b-jsycdpnkng] { display: block; font-size: 0.8125rem; font-weight: 700; color: var(--mkt-text); }
.acct-info span[b-jsycdpnkng] { display: block; font-size: 0.6875rem; color: var(--mkt-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.acct-sync[b-jsycdpnkng] {
    font-size: 0.625rem;
    font-weight: 600;
    color: #16a34a;
    background: rgba(22,163,74,0.06);
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-full);
    flex-shrink: 0;
    white-space: nowrap;
}

.acct-add[b-jsycdpnkng] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mkt-primary);
    border: 1px dashed rgba(30,64,175,0.25);
    border-radius: var(--mkt-radius);
    cursor: default;
}

.acct-add-icon[b-jsycdpnkng] { font-size: 1.125rem; }
/* /Components/Pages/Features/Analytics.razor.rz.scp.css */
/* ==================== Feature Page — Analytics ==================== */
/* Shared styles: marketing-features.css · Page-specific only below.  */

/* ── Page gradient ── */
.gradient-text[b-opovwyu99a] {
    background: linear-gradient(90deg, var(--mkt-secondary), var(--mkt-primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ── Analytics Preview Mockup ── */
.analytics-card[b-opovwyu99a] {
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: var(--mkt-radius);
}

.analytics-label[b-opovwyu99a] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mkt-secondary);
    margin-bottom: 0.75rem;
}

.analytics-sender[b-opovwyu99a] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.as-name[b-opovwyu99a] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mkt-text);
    min-width: 6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.as-bar-track[b-opovwyu99a] {
    flex: 1;
    height: 0.375rem;
    background: #e2e8f0;
    border-radius: var(--radius-full);
    overflow: hidden;
}

.as-bar[b-opovwyu99a] {
    height: 100%;
    background: var(--mkt-primary);
    border-radius: var(--radius-full);
}
.as-bar-alt[b-opovwyu99a] { background: var(--mkt-secondary); }
.as-bar-muted[b-opovwyu99a] { background: #94a3b8; }

.as-count[b-opovwyu99a] {
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--mkt-text-secondary);
    min-width: 2rem;
    text-align: right;
}

.analytics-types[b-opovwyu99a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.at-chip[b-opovwyu99a] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.25rem 0.625rem;
    border-radius: var(--radius-full);
    white-space: nowrap;
}

.at-chip strong[b-opovwyu99a] { font-weight: 800; }

.at-conversation[b-opovwyu99a] { background: rgba(30,64,175,0.08); color: var(--mkt-primary); }
.at-newsletter[b-opovwyu99a]   { background: rgba(245,158,11,0.08); color: #b45309; }
.at-notification[b-opovwyu99a]  { background: rgba(139,92,246,0.08); color: #7c3aed; }
.at-autoreplies[b-opovwyu99a]   { background: rgba(156,163,175,0.1); color: #6b7280; }
/* /Components/Pages/Features/Control.razor.rz.scp.css */
/* ==================== Feature Page — Data Control ==================== */
/* Shared styles: marketing-features.css · Page-specific only below.   */

/* ── Page badge & gradient ── */
.feat-badge-control[b-utm218afkq] {
    color: #dc2626;
    background: rgba(220,38,38,0.06);
    border-color: rgba(220,38,38,0.2);
}
.feat-badge-control .badge-dot[b-utm218afkq] { background: #dc2626; }

.gradient-text[b-utm218afkq] {
    background: linear-gradient(90deg, #dc2626, #991b1b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ── Deletion Dialog Mockup ── */
.del-dialog[b-utm218afkq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
    padding: 0.5rem 0;
}

.del-icon-wrap[b-utm218afkq] {
    width: 3.5rem; height: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fef2f2;
}

.del-icon[b-utm218afkq] { font-size: 1.75rem; color: #dc2626; }

.del-title[b-utm218afkq] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--mkt-text);
}

.del-scope[b-utm218afkq] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    width: 100%;
    max-width: 16rem;
}

.del-scope-row[b-utm218afkq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mkt-text-secondary);
}

.del-check[b-utm218afkq] { font-size: 0.875rem; color: #dc2626; }

.del-warning[b-utm218afkq] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #dc2626;
    background: #fef2f2;
    padding: 0.375rem 0.75rem;
    border-radius: var(--radius-full);
}

.del-buttons[b-utm218afkq] {
    display: flex;
    gap: 0.75rem;
    margin-top: 0.25rem;
}

.del-btn[b-utm218afkq] {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
    border-radius: var(--mkt-radius);
    cursor: default;
}

.del-btn-cancel[b-utm218afkq] {
    background: #f1f5f9;
    color: var(--mkt-text-secondary);
    border: 1px solid #e2e8f0;
}

.del-btn-confirm[b-utm218afkq] {
    background: #dc2626;
    color: #fff;
}
/* /Components/Pages/Features/Import.razor.rz.scp.css */
/* ==================== Feature Page — Import / Backup ==================== */
/* Shared styles: marketing-features.css · Page-specific overrides below.  */

/* ── Import Preview Mockup ── */
.import-status[b-a4kzdz9iwb] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.import-status-label[b-a4kzdz9iwb] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--mkt-text);
}

.import-status-count[b-a4kzdz9iwb] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mkt-primary);
}

.import-bar-track[b-a4kzdz9iwb] {
    height: 0.5rem;
    background: #e2e8f0;
    border-radius: var(--radius-full);
    overflow: hidden;
}

.import-bar-fill[b-a4kzdz9iwb] {
    height: 100%;
    background: linear-gradient(90deg, var(--mkt-primary), #7c3aed);
    border-radius: var(--radius-full);
    transition: width 0.6s ease;
}

.import-folders[b-a4kzdz9iwb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.import-folder[b-a4kzdz9iwb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--mkt-text-secondary);
    padding: 0.375rem 0.5rem;
    border-radius: var(--mkt-radius);
}

.import-folder.done[b-a4kzdz9iwb] { color: #16a34a; }
.import-folder.active[b-a4kzdz9iwb] { color: var(--mkt-primary); background: rgba(30,64,175,0.04); }
.import-folder.pending[b-a4kzdz9iwb] { color: #9ca3af; }

.if-icon[b-a4kzdz9iwb] { font-size: 1.125rem; }
.if-icon.if-spin[b-a4kzdz9iwb] { animation: spin-icon-b-a4kzdz9iwb 1.5s linear infinite; }
.if-count[b-a4kzdz9iwb] { margin-left: auto; font-weight: 500; font-size: 0.75rem; }

@keyframes spin-icon-b-a4kzdz9iwb { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.import-resume-tag[b-a4kzdz9iwb] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--mkt-primary);
    background: rgba(30,64,175,0.04);
    border: 1px solid rgba(30,64,175,0.12);
    border-radius: var(--radius-full);
    padding: 0.25rem 0.75rem;
    width: fit-content;
}

.irt-icon[b-a4kzdz9iwb] { font-size: 0.875rem; }
/* /Components/Pages/Features/Inbox.razor.rz.scp.css */
/* ==================== Feature Page — Smart Inbox ==================== */
/* Shared styles: marketing-features.css · Page-specific overrides below. */

/* ── Page gradient ── */
.gradient-text[b-kup2al49tq] {
    background: linear-gradient(90deg, var(--mkt-primary), #7c3aed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ── Inbox Preview Mockup ── */
.preview-lenses[b-kup2al49tq] {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
}

.lens-pill[b-kup2al49tq] {
    padding: 0.375rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: var(--radius-full);
    white-space: nowrap;
    color: var(--mkt-text-secondary);
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.lens-pill.active[b-kup2al49tq] {
    color: var(--mkt-primary);
    background: rgba(30,64,175,0.08);
    border-color: rgba(30,64,175,0.25);
}

.preview-rows[b-kup2al49tq] { display: flex; flex-direction: column; gap: 0.5rem; }

.prow[b-kup2al49tq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: var(--mkt-radius);
    border: 1px solid transparent;
    transition: background var(--transition-fast);
}

.prow:hover[b-kup2al49tq] { background: #f8fafc; }
.prow-high[b-kup2al49tq] { background: rgba(30,64,175,0.03); border-color: rgba(30,64,175,0.1); }
.prow-muted[b-kup2al49tq] { opacity: 0.55; }

.prow-score[b-kup2al49tq] {
    width: 2.25rem; height: 2.25rem;
    border-radius: var(--mkt-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
    flex-shrink: 0;
}

.score-high[b-kup2al49tq] { background: rgba(30,64,175,0.12); color: var(--mkt-primary); }
.score-med[b-kup2al49tq] { background: rgba(245,158,11,0.12); color: #b45309; }
.score-low[b-kup2al49tq] { background: rgba(156,163,175,0.15); color: #6b7280; }

.prow-body[b-kup2al49tq] { flex: 1; min-width: 0; }
.prow-body strong[b-kup2al49tq] { display: block; font-size: 0.875rem; font-weight: 700; color: var(--mkt-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.prow-meta[b-kup2al49tq] { display: block; font-size: 0.75rem; color: var(--mkt-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.prow-dims[b-kup2al49tq] { display: flex; gap: 0.25rem; flex-shrink: 0; }

.dim[b-kup2al49tq] {
    width: 1.375rem; height: 1.375rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem;
    font-weight: 800;
}

.dim-action[b-kup2al49tq] { background: rgba(30,64,175,0.12); color: var(--mkt-primary); }
.dim-relationship[b-kup2al49tq] { background: rgba(139,92,246,0.12); color: #7c3aed; }
.dim-urgency[b-kup2al49tq] { background: rgba(249,115,22,0.12); color: #ea580c; }
.dim-noise[b-kup2al49tq] { background: rgba(156,163,175,0.15); color: #6b7280; }

/* ── Capabilities override (card style for this page) ── */
.capabilities[b-kup2al49tq] { background: var(--mkt-surface); }

.cap-grid[b-kup2al49tq] { gap: 1.5rem; }

.cap-card[b-kup2al49tq] {
    padding: 1.5rem;
    border-radius: var(--mkt-radius-2xl);
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    box-shadow: none;
    transition: box-shadow var(--transition-fast), border-color var(--transition-fast);
    transform: none;
}
.cap-card:hover[b-kup2al49tq] { transform: none; border-color: rgba(30,64,175,0.3); box-shadow: var(--mkt-shadow-soft); }

.cap-card-wide[b-kup2al49tq] { grid-column: span 1; }

.cap-icon[b-kup2al49tq] {
    width: 3rem; height: 3rem;
    border-radius: var(--mkt-radius-xl);
}
.cap-icon .material-symbols-outlined[b-kup2al49tq] { font-size: 1.5rem; }

.cap-blue[b-kup2al49tq] { background: #dbeafe; color: var(--mkt-primary); }
.cap-purple[b-kup2al49tq] { background: #ede9fe; color: #7c3aed; }
.cap-orange[b-kup2al49tq] { background: #ffedd5; color: #ea580c; }
.cap-red[b-kup2al49tq] { background: #fef2f2; color: #dc2626; }

.cap-signals[b-kup2al49tq] {
    margin-top: 0.75rem;
    font-size: 0.6875rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    color: #94a3b8;
    word-break: break-word;
}

/* ── HIW override (rail stepper for this page) ── */
.hiw-section[b-kup2al49tq] {
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.hiw-stepper h2[b-kup2al49tq] { margin-bottom: 2rem; }

.stepper-rail[b-kup2al49tq] {
    position: relative;
    padding-left: 2rem;
    border-left: 2px solid #e2e8f0;
    gap: 2.5rem;
}

.stepper-step[b-kup2al49tq] { position: relative; }

.step-num[b-kup2al49tq] {
    position: absolute;
    left: -2.8rem;
    width: 2.5rem; height: 2.5rem;
    background: var(--mkt-surface);
    border: 2px solid #e2e8f0;
    color: var(--mkt-text-secondary);
    font-size: inherit;
}
.step-num.active[b-kup2al49tq] { background: var(--mkt-surface); border-color: var(--mkt-primary); color: var(--mkt-primary); }

.stepper-step h3[b-kup2al49tq] {
    gap: 0.5rem;
    font-size: 1.125rem;
}

.step-icon[b-kup2al49tq] { font-size: 1.25rem; color: var(--mkt-text-secondary); }
.step-num.active + div .step-icon[b-kup2al49tq] { color: var(--mkt-primary); }

/* ── Sidebar override (border-color style) ── */
.sidebar-card[b-kup2al49tq] { border: 1px solid; }

.sidebar-warning[b-kup2al49tq] { border-color: #fecaca; background: var(--mkt-surface); }

.sidebar-warning h4[b-kup2al49tq] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #dc2626;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #fecaca;
    margin-bottom: 1rem;
}

.sidebar-warning ul[b-kup2al49tq] { gap: 0.75rem; }
.sidebar-warning li[b-kup2al49tq] { align-items: flex-start; gap: 0.75rem; font-size: 0.875rem; color: var(--mkt-text-secondary); }
.x-icon[b-kup2al49tq] { color: #ef4444; font-size: 1.125rem; }

.sidebar-why[b-kup2al49tq] { border-left: none; border-color: rgba(30,64,175,0.15); background: rgba(30,64,175,0.03); }
.sidebar-why h4[b-kup2al49tq] { font-size: 1.125rem; color: var(--mkt-primary); }

.why-quote[b-kup2al49tq] {
    font-style: normal;
    font-weight: 600;
    color: var(--mkt-text);
}
.why-icon[b-kup2al49tq] { color: var(--mkt-primary); font-size: 1.5rem; margin-top: 0.125rem; }

/* ── Auto-Tagging ── */
.tagging[b-kup2al49tq] { padding: 5rem 0; }

.tag-grid[b-kup2al49tq] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 3rem;
}

.tag-card[b-kup2al49tq] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-radius: var(--mkt-radius-xl);
    border: 1px solid var(--mkt-border);
    background: var(--mkt-surface);
    transition: border-color var(--transition-fast);
}

.tag-card:hover[b-kup2al49tq] { border-color: rgba(30,64,175,0.3); }

.tag-icon[b-kup2al49tq] {
    font-size: 1.5rem;
    color: var(--mkt-primary);
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.tag-card h4[b-kup2al49tq] { font-size: 0.9375rem; font-weight: 700; margin-bottom: 0.25rem; }
.tag-card p[b-kup2al49tq] { font-size: 0.8125rem; color: var(--mkt-text-secondary); margin: 0; line-height: 1.5; }

/* ── FAQ override ── */
.feat-faq[b-kup2al49tq] { background: #f8fafc; border-top: 1px solid #e2e8f0; }

/* ── Responsive ── */
@media (min-width: 640px) {
    .tag-grid[b-kup2al49tq] { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 768px) {
    .cap-card-wide[b-kup2al49tq] { grid-column: span 2; }
    .tag-grid[b-kup2al49tq] { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 1024px) {
    .hiw-grid[b-kup2al49tq] { grid-template-columns: 1.5fr 1fr; gap: 5rem; }
}
/* /Components/Pages/Features/Intelligence.razor.rz.scp.css */
/* ==================== Feature Page — Email Intelligence ==================== */
/* Shared styles: marketing-features.css · Page-specific overrides below.    */

/* ── Page gradient & badge ── */
.gradient-text[b-9hwioxo6xr] {
    background: linear-gradient(90deg, #7c3aed, var(--mkt-primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.sidebar-why[b-9hwioxo6xr] { border-left-color: #7c3aed; }
.why-icon[b-9hwioxo6xr] { color: #7c3aed; }
.cap-card-featured[b-9hwioxo6xr] { border-color: rgba(139,92,246,0.25); }
.feat-faq[b-9hwioxo6xr] { background: #f8fafc; }

/* ── Intelligence Preview Mockup ── */
.intel-preview-card[b-9hwioxo6xr] {
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: var(--mkt-radius);
}

.intel-preview-label[b-9hwioxo6xr] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #7c3aed;
    margin-bottom: 0.75rem;
}

.intel-preview-row[b-9hwioxo6xr] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.intel-name[b-9hwioxo6xr] { font-weight: 700; font-size: 1rem; color: var(--mkt-text); }
.intel-role[b-9hwioxo6xr] { font-size: 0.8125rem; color: var(--mkt-text-secondary); }
.intel-stat[b-9hwioxo6xr] { font-size: 0.8125rem; color: var(--mkt-text-secondary); }
.intel-stat strong[b-9hwioxo6xr] { color: var(--mkt-text); }

.intel-bars[b-9hwioxo6xr] { display: flex; flex-direction: column; gap: 0.375rem; }

.intel-bar[b-9hwioxo6xr] {
    height: 1.5rem;
    background: linear-gradient(90deg, rgba(139,92,246,0.2), rgba(139,92,246,0.08));
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: #6d28d9;
}
/* /Components/Pages/Features/LeaveGmail.razor.rz.scp.css */
/* ==================== Feature Page — Leave Gmail ==================== */
/* Shared styles: marketing-features.css · Page-specific overrides below. */

/* ── Page gradient & badge ── */
.feat-badge-provider[b-gp8k8853rv] {
    color: #d97706;
    background: rgba(245,158,11,0.06);
    border: 1px solid rgba(245,158,11,0.2);
}
.feat-badge-provider .badge-dot[b-gp8k8853rv] { background: #d97706; }

.gradient-text[b-gp8k8853rv] {
    background: linear-gradient(90deg, #d97706, #dc2626);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
/* /Components/Pages/Features/LeaveOutlook.razor.rz.scp.css */
/* ==================== Feature Page — Leave Outlook ==================== */
/* Shared styles: marketing-features.css · Page-specific overrides below. */

/* ── Page gradient & badge ── */
.feat-badge-provider[b-ie968p5pe5] {
    color: #2563eb;
    background: rgba(37,99,235,0.06);
    border: 1px solid rgba(37,99,235,0.2);
}
.feat-badge-provider .badge-dot[b-ie968p5pe5] { background: #2563eb; }

.gradient-text[b-ie968p5pe5] {
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
/* /Components/Pages/Features/Search.razor.rz.scp.css */
/* ==================== Feature Page — Search ==================== */
/* Shared styles: marketing-features.css · Page-specific overrides below. */

/* ── Page gradient & badge ── */
.feat-badge[b-ehmql5eczd] {
    color: var(--mkt-primary);
    background: rgba(30,64,175,0.06);
    border-color: rgba(30,64,175,0.15);
}
.badge-dot[b-ehmql5eczd] { background: var(--mkt-primary); }

.feat-badge-soon[b-ehmql5eczd] {
    color: #b45309;
    background: rgba(245,158,11,0.08);
    border-color: rgba(245,158,11,0.25);
}
.feat-badge-soon .badge-dot[b-ehmql5eczd] { background: #f59e0b; }

.feat-badge-live[b-ehmql5eczd] {
    color: #166534;
    background: rgba(22,101,52,0.08);
    border-color: rgba(22,101,52,0.24);
}
.feat-badge-live .badge-dot[b-ehmql5eczd] { background: #22c55e; }

.gradient-text[b-ehmql5eczd] {
    background: linear-gradient(90deg, var(--mkt-primary), var(--mkt-secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ── Search Preview Mockup ── */
.preview-searchbar[b-ehmql5eczd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: var(--mkt-radius);
    font-size: 0.875rem;
    color: var(--mkt-text);
}

.sb-icon[b-ehmql5eczd] { color: #9ca3af; font-size: 1.25rem; }
.sb-text[b-ehmql5eczd] { flex: 1; }
.sb-kbd[b-ehmql5eczd] { font-family: monospace; font-size: 0.625rem; color: #9ca3af; background: #f1f5f9; padding: 0.125rem 0.375rem; border-radius: 3px; }

.preview-chips[b-ehmql5eczd] { display: flex; gap: 0.5rem; overflow-x: auto; }

.pchip[b-ehmql5eczd] {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: var(--radius-full);
    white-space: nowrap;
    color: var(--mkt-text-secondary);
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}
.pchip.active[b-ehmql5eczd] { color: var(--mkt-primary); background: rgba(30,64,175,0.06); border-color: rgba(30,64,175,0.2); }

.preview-rows[b-ehmql5eczd] { display: flex; flex-direction: column; gap: 0.5rem; }

.prow[b-ehmql5eczd] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: var(--mkt-radius);
    border: 1px solid transparent;
    transition: background var(--transition-fast), border-color var(--transition-fast);
}
.prow:hover[b-ehmql5eczd] { background: #f8fafc; border-color: #f1f5f9; }

.prow-icon[b-ehmql5eczd] {
    width: 2rem; height: 2rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.prow-icon .material-symbols-outlined[b-ehmql5eczd] { font-size: 1.125rem; }
.prow-icon.gmail[b-ehmql5eczd] { background: #fef2f2; color: #dc2626; }
.prow-icon.m365[b-ehmql5eczd] { background: #eff6ff; color: #2563eb; }

.prow-body[b-ehmql5eczd] { flex: 1; min-width: 0; }
.prow-body strong[b-ehmql5eczd] { display: block; font-size: 0.875rem; font-weight: 700; color: var(--mkt-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.prow-meta[b-ehmql5eczd] { display: block; font-size: 0.75rem; color: var(--mkt-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.prow-tag[b-ehmql5eczd] {
    font-size: 0.625rem;
    font-weight: 700;
    color: var(--mkt-text-secondary);
    background: #f1f5f9;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    flex-shrink: 0;
}

/* ── Capabilities override (card style for this page) ── */
.capabilities[b-ehmql5eczd] { background: var(--mkt-surface); }

.cap-grid[b-ehmql5eczd] { gap: 1.5rem; }

.cap-card[b-ehmql5eczd] {
    padding: 1.5rem;
    border-radius: var(--mkt-radius-2xl);
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    box-shadow: none;
    transition: box-shadow var(--transition-fast), border-color var(--transition-fast);
    transform: none;
}
.cap-card:hover[b-ehmql5eczd] { transform: none; border-color: rgba(30,64,175,0.3); box-shadow: var(--mkt-shadow-soft); }

.cap-card-featured[b-ehmql5eczd] {
    border-color: rgba(30,64,175,0.3);
    background: rgba(30,64,175,0.03);
}

.cap-icon[b-ehmql5eczd] {
    width: 3rem; height: 3rem;
    border-radius: var(--mkt-radius-xl);
}
.cap-icon .material-symbols-outlined[b-ehmql5eczd] { font-size: 1.5rem; }

.cap-teal[b-ehmql5eczd] { background: #ccfbf1; color: var(--mkt-secondary); }

.cap-grid-2[b-ehmql5eczd] { grid-template-columns: 1fr; }

.cap-track-badge[b-ehmql5eczd] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.125rem 0.5rem;
    background: rgba(30,64,175,0.1);
    color: var(--mkt-primary);
    border-radius: var(--radius-full);
    margin-bottom: 0.75rem;
}

.cap-track-later[b-ehmql5eczd] {
    background: rgba(139,92,246,0.1);
    color: #7c3aed;
}

.cap-details[b-ehmql5eczd] {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cap-details li[b-ehmql5eczd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--mkt-text-secondary);
}

.cap-check[b-ehmql5eczd] { font-size: 1rem; color: #16a34a; flex-shrink: 0; }

/* ── HIW override (rail stepper for this page) ── */
.hiw-section[b-ehmql5eczd] {
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.hiw-stepper h2[b-ehmql5eczd] { margin-bottom: 2rem; }
.hiw-lead[b-ehmql5eczd] {
    font-size: 1rem;
    margin-bottom: 1.5rem;
}

.stepper-rail[b-ehmql5eczd] {
    position: relative;
    padding-left: 2rem;
    border-left: 2px solid #e2e8f0;
    gap: 2.5rem;
}

.stepper-step[b-ehmql5eczd] {
    position: relative;
}

.step-num[b-ehmql5eczd] {
    position: absolute;
    left: -2.8rem;
    width: 2.5rem; height: 2.5rem;
    background: var(--mkt-surface);
    border: 2px solid #e2e8f0;
    color: var(--mkt-text-secondary);
    font-size: inherit;
}
.step-num.active[b-ehmql5eczd] { background: var(--mkt-surface); border-color: var(--mkt-primary); color: var(--mkt-primary); }

.stepper-step h3[b-ehmql5eczd] {
    gap: 0.5rem;
    font-size: 1.125rem;
}

.step-icon[b-ehmql5eczd] { font-size: 1.25rem; color: var(--mkt-text-secondary); }
.step-num.active + div .step-icon[b-ehmql5eczd] { color: var(--mkt-primary); }

/* ── Sidebar override (border-color style) ── */
.sidebar-card[b-ehmql5eczd] { border: 1px solid; }

.sidebar-warning[b-ehmql5eczd] { border-color: #fecaca; background: var(--mkt-surface); }

.sidebar-warning h4[b-ehmql5eczd] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #dc2626;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #fecaca;
    margin-bottom: 1rem;
}

.sidebar-warning ul[b-ehmql5eczd] { gap: 0.75rem; }
.sidebar-warning li[b-ehmql5eczd] { align-items: flex-start; gap: 0.75rem; font-size: 0.875rem; color: var(--mkt-text-secondary); }
.x-icon[b-ehmql5eczd] { color: #ef4444; font-size: 1.125rem; }

.sidebar-why[b-ehmql5eczd] { border-left: none; border-color: rgba(30,64,175,0.15); background: rgba(30,64,175,0.03); }
.sidebar-why h4[b-ehmql5eczd] { font-size: 1.125rem; color: var(--mkt-primary); }

.why-quote[b-ehmql5eczd] {
    font-style: normal;
    font-weight: 600;
    color: var(--mkt-text);
}
.why-icon[b-ehmql5eczd] { color: var(--mkt-primary); font-size: 1.5rem; margin-top: 0.125rem; }

/* ── Responsive ── */
@media (min-width: 768px) {
    .cap-grid-2[b-ehmql5eczd] { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
    .cap-grid[b-ehmql5eczd] { grid-template-columns: repeat(3, 1fr); }
    .hiw-grid[b-ehmql5eczd] { grid-template-columns: 1.5fr 1fr; gap: 5rem; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ==================== Home — Marketing Page ==================== */

/* Shared section helpers */
.section-inner[b-5xovdo2xt9] {
    max-width: var(--mkt-max-width);
    margin: 0 auto;
    padding: 0 1rem;
}

.section-narrow[b-5xovdo2xt9] {
    max-width: 56rem; }

.section-heading h2[b-5xovdo2xt9] {
    font-size: 1.875rem;
    font-weight: 800;
    letter-spacing: -0.025em;
    color: var(--mkt-text);
    margin-bottom: 0.5rem;
}

.section-heading p[b-5xovdo2xt9] {
    color: var(--mkt-text-secondary);
    max-width: 38rem;
}

.section-heading.center[b-5xovdo2xt9] {
    text-align: center; }
.section-heading.center p[b-5xovdo2xt9] {
    margin: 0.5rem auto 0; }

@media (min-width: 640px) { .section-inner[b-5xovdo2xt9] {
    padding: 0 1.5rem; } }
@media (min-width: 1024px) { .section-inner[b-5xovdo2xt9] {
    padding: 0 2rem; } }

/* ═══════ Hero ═══════ */
.hero[b-5xovdo2xt9] {
    position: relative;
    overflow: hidden;
    padding: 3rem 0 4rem;
    background: radial-gradient(ellipse at top right, rgba(219,234,254,0.5), var(--mkt-bg) 70%);
}

.hero-grid[b-5xovdo2xt9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: center;
}

.hero-content[b-5xovdo2xt9] {
    display: flex; flex-direction: column; gap: 1.5rem; max-width: 38rem; }

.hero-badge[b-5xovdo2xt9] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    width: fit-content;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--mkt-primary);
    background: rgba(30,64,175,0.05);
    border: 1px solid rgba(30,64,175,0.2);
    border-radius: var(--radius-full);
}

.badge-dot[b-5xovdo2xt9] {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--mkt-primary);
    animation: pulse-b-5xovdo2xt9 2s infinite;
}

@keyframes pulse-b-5xovdo2xt9 { 0%,100%{opacity:1} 50%{opacity:.4} }

.hero-title[b-5xovdo2xt9] {
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.1;
    color: var(--mkt-text);
    margin: 0;
}

.hero-accent[b-5xovdo2xt9] {
    color: var(--mkt-primary); }

.hero-description[b-5xovdo2xt9] {
    font-size: 1.125rem;
    line-height: 1.65;
    color: var(--mkt-text-secondary);
    margin: 0;
}

.hero-actions[b-5xovdo2xt9] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.5rem;
}

.btn-mkt[b-5xovdo2xt9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    padding: 0 2rem;
    font-family: var(--mkt-font);
    font-size: 1rem;
    font-weight: 700;
    border-radius: var(--mkt-radius-xl);
    text-decoration: none;
    transition: all var(--transition-fast);
    cursor: pointer;
    border: none;
}

.btn-primary-mkt[b-5xovdo2xt9] {
    background: var(--mkt-primary);
    color: #fff;
    box-shadow: 0 4px 14px rgba(30,64,175,0.25);
}

.btn-primary-mkt:hover[b-5xovdo2xt9] {
    background: var(--mkt-primary-dark);
    box-shadow: 0 4px 18px rgba(30,64,175,0.35);
    color: #fff;
    text-decoration: none;
}

.btn-secondary-mkt[b-5xovdo2xt9] {
    background: var(--mkt-surface);
    color: var(--mkt-text);
    border: 1px solid var(--mkt-border);
}

.btn-secondary-mkt:hover[b-5xovdo2xt9] {
    background: var(--mkt-bg);
    border-color: #c0c0c0;
    color: var(--mkt-text);
    text-decoration: none;
}

.hero-trust-line[b-5xovdo2xt9] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--mkt-text-secondary);
    margin-top: 0.5rem;
}

.trust-icon[b-5xovdo2xt9] {
    color: #16a34a; font-size: 1rem; }

/* Hero Preview Mockup */
.hero-preview[b-5xovdo2xt9] {
    position: relative;
    background: var(--mkt-surface);
    border: 1px solid var(--mkt-border);
    border-radius: var(--mkt-radius-2xl);
    box-shadow: var(--mkt-shadow-xl);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden;
}

.preview-dots[b-5xovdo2xt9] {
    display: flex; gap: 0.375rem; margin-bottom: 0.5rem; }
.dot[b-5xovdo2xt9] {
    width: 0.75rem; height: 0.75rem; border-radius: 50%; }
.dot-red[b-5xovdo2xt9] {
    background: #f87171; }
.dot-yellow[b-5xovdo2xt9] {
    background: #facc15; }
.dot-green[b-5xovdo2xt9] {
    background: #4ade80; }

.preview-search[b-5xovdo2xt9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: var(--mkt-bg);
    border: 1px solid var(--mkt-border);
    border-radius: var(--mkt-radius);
    font-size: 0.875rem;
    color: var(--mkt-text);
}

.search-icon[b-5xovdo2xt9] {
    color: var(--mkt-text-secondary); font-size: 1.25rem; }
.search-text[b-5xovdo2xt9] {
    flex: 1; }
.search-kbd[b-5xovdo2xt9] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #9ca3af;
    background: #f3f4f6;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
}

.preview-filters[b-5xovdo2xt9] {
    display: flex; gap: 0.5rem; overflow-x: auto; }

.filter-chip[b-5xovdo2xt9] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: var(--radius-full);
    white-space: nowrap;
    color: var(--mkt-text-secondary);
    background: var(--mkt-bg);
    border: 1px solid var(--mkt-border);
}

.filter-chip.active[b-5xovdo2xt9] {
    color: var(--mkt-primary);
    background: rgba(30,64,175,0.08);
    border-color: rgba(30,64,175,0.2);
}

.chip-icon[b-5xovdo2xt9] {
    font-size: 0.875rem; }

.preview-results[b-5xovdo2xt9] {
    display: flex; flex-direction: column; gap: 0.5rem; }

.result-row[b-5xovdo2xt9] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: var(--mkt-radius);
    transition: background var(--transition-fast);
}

.result-row:hover[b-5xovdo2xt9] {
    background: rgba(30,64,175,0.04); }

.result-avatar[b-5xovdo2xt9] {
    width: 2rem; height: 2rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
}

.result-avatar.gmail[b-5xovdo2xt9] {
    background: #fecaca; color: #dc2626; }
.result-avatar.m365[b-5xovdo2xt9] {
    background: #dbeafe; color: #2563eb; }
.result-avatar.drive[b-5xovdo2xt9] {
    background: #fef3c7; color: #d97706; }

.result-body[b-5xovdo2xt9] {
    flex: 1; min-width: 0; }
.result-header[b-5xovdo2xt9] {
    display: flex; justify-content: space-between; align-items: flex-start; gap: 0.5rem; }
.result-subject[b-5xovdo2xt9] {
    font-size: 0.875rem; font-weight: 500; color: var(--mkt-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.result-date[b-5xovdo2xt9] {
    font-size: 0.75rem; color: var(--mkt-text-secondary); flex-shrink: 0; }
.result-from[b-5xovdo2xt9] {
    font-size: 0.75rem; color: var(--mkt-text-secondary); display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.preview-fade[b-5xovdo2xt9] {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 4rem;
    background: linear-gradient(to top, var(--mkt-surface), transparent);
    pointer-events: none;
}

/* ═══════ Workflows ═══════ */
.workflows[b-5xovdo2xt9] {
    padding: 3rem 0;
    background: var(--mkt-surface);
    border-top: 1px solid var(--mkt-border);
    border-bottom: 1px solid var(--mkt-border);
}

.workflow-grid[b-5xovdo2xt9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 2.5rem;
}

.workflow-card[b-5xovdo2xt9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem;
    border-radius: var(--mkt-radius-xl);
    border: 1px solid var(--mkt-border);
    background: var(--mkt-bg);
    text-decoration: none;
    color: inherit;
    text-align: center;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.workflow-card:hover[b-5xovdo2xt9] {
    border-color: var(--mkt-primary);
    box-shadow: 0 4px 12px rgba(30,64,175,0.06);
    text-decoration: none;
    color: inherit;
}

.workflow-card h3[b-5xovdo2xt9] {
    font-size: 0.875rem; font-weight: 700; margin: 0; }

.wf-icon[b-5xovdo2xt9] {
    width: 2.75rem; height: 2.75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform var(--transition-fast);
}

.workflow-card:hover .wf-icon[b-5xovdo2xt9] {
    transform: scale(1.1); }

.wf-blue[b-5xovdo2xt9] {
    background: rgba(30,64,175,0.1); color: var(--mkt-primary); }
.wf-purple[b-5xovdo2xt9] {
    background: color-mix(in srgb, var(--color-accent) 10%, transparent); color: #7c3aed; }
.wf-teal[b-5xovdo2xt9] {
    background: rgba(15,118,110,0.1); color: var(--mkt-secondary); }
.wf-orange[b-5xovdo2xt9] {
    background: rgba(249,115,22,0.1); color: #ea580c; }
.wf-red[b-5xovdo2xt9] {
    background: color-mix(in srgb, var(--color-error) 10%, transparent); color: #dc2626; }

.wf-danger:hover[b-5xovdo2xt9] {
    border-color: #ef4444; }
.wf-danger:hover h3[b-5xovdo2xt9] {
    color: #dc2626; }

/* ═══════ Trust Strip ═══════ */
.trust-strip[b-5xovdo2xt9] {
    padding: 1rem 0;
    border-bottom: 1px solid var(--mkt-border);
    background: #f8fafc;
}

.trust-items[b-5xovdo2xt9] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem 1.5rem;
}

.trust-item[b-5xovdo2xt9] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mkt-text-secondary);
}

.ts-icon[b-5xovdo2xt9] {
    color: #16a34a; font-size: 1.125rem; }

/* ═══════ Product Split ═══════ */
.products-overview[b-5xovdo2xt9] {
    padding: 4rem 0;
}

.product-split-grid[b-5xovdo2xt9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 3rem;
}

.product-split-card[b-5xovdo2xt9] {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    background: var(--mkt-surface);
    border: 1px solid var(--mkt-border);
    border-radius: var(--mkt-radius-xl);
    box-shadow: var(--mkt-shadow-lg);
    text-decoration: none;
    color: inherit;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow), border-color var(--transition-fast);
}

.product-split-card:hover[b-5xovdo2xt9] {
    transform: translateY(-3px);
    box-shadow: var(--mkt-shadow-xl);
    border-color: rgba(30,64,175,0.35);
    color: inherit;
    text-decoration: none;
}

.product-split-icon[b-5xovdo2xt9] {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--mkt-radius);
    margin-bottom: 1rem;
}

.product-split-icon.mailbox[b-5xovdo2xt9] {
    background: rgba(30,64,175,0.10);
    color: var(--mkt-primary);
}

.product-split-icon.drive[b-5xovdo2xt9] {
    background: rgba(249,115,22,0.10);
    color: #ea580c;
}

.product-split-card h3[b-5xovdo2xt9] {
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.product-split-card p[b-5xovdo2xt9] {
    font-size: 0.9375rem;
    color: var(--mkt-text-secondary);
    line-height: 1.65;
    margin: 0;
}

.product-split-link[b-5xovdo2xt9] {
    margin-top: auto;
    padding-top: 1.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mkt-primary);
}

/* ═══════ How It Works ═══════ */
.how-it-works[b-5xovdo2xt9] {
    padding: 5rem 0; }

.steps-grid[b-5xovdo2xt9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-top: 3rem;
    position: relative;
}

.step[b-5xovdo2xt9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.step-number[b-5xovdo2xt9] {
    width: 3rem; height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 700;
    background: var(--mkt-surface);
    border: 2px solid var(--mkt-border);
    color: var(--mkt-text-secondary);
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.step-number.active[b-5xovdo2xt9] {
    border-color: var(--mkt-primary); color: var(--mkt-primary); }

.step h3[b-5xovdo2xt9] {
    font-size: 1.125rem; font-weight: 700; margin-bottom: 0.5rem; }
.step p[b-5xovdo2xt9] {
    font-size: 0.875rem; color: var(--mkt-text-secondary); margin: 0; }

/* ═══════ Features Grid ═══════ */
.features-section[b-5xovdo2xt9] {
    padding: 4rem 0;
    background: var(--mkt-surface);
    border-top: 1px solid var(--mkt-border);
    border-bottom: 1px solid var(--mkt-border);
}

.feature-grid[b-5xovdo2xt9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 3rem;
}

.feature-card[b-5xovdo2xt9] {
    padding: 1.5rem;
    border-radius: var(--mkt-radius-2xl);
    border: 1px solid var(--mkt-border);
    background: var(--mkt-bg);
    transition: border-color var(--transition-fast);
}

.feature-card:hover[b-5xovdo2xt9] {
    border-color: rgba(30,64,175,0.4); }

.feat-icon[b-5xovdo2xt9] {
    width: 2.5rem; height: 2.5rem;
    border-radius: var(--mkt-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.feat-blue[b-5xovdo2xt9] {
    background: rgba(30,64,175,0.1); color: var(--mkt-primary); }
.feat-teal[b-5xovdo2xt9] {
    background: rgba(15,118,110,0.1); color: var(--mkt-secondary); }
.feat-purple[b-5xovdo2xt9] {
    background: color-mix(in srgb, var(--color-accent) 10%, transparent); color: #7c3aed; }
.feat-orange[b-5xovdo2xt9] {
    background: rgba(249,115,22,0.1); color: #ea580c; }
.feat-green[b-5xovdo2xt9] {
    background: rgba(34,197,94,0.1); color: #16a34a; }
.feat-sky[b-5xovdo2xt9] {
    background: rgba(56,189,248,0.1); color: #0284c7; }

.feature-card h3[b-5xovdo2xt9] {
    font-size: 1.125rem; font-weight: 700; margin-bottom: 0.5rem; }
.feature-card p[b-5xovdo2xt9] {
    font-size: 0.875rem; color: var(--mkt-text-secondary); line-height: 1.6; margin: 0; }

.feature-card-link[b-5xovdo2xt9] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.feature-card-link:hover[b-5xovdo2xt9] {
    text-decoration: none; color: inherit; }

.feature-link[b-5xovdo2xt9] {
    margin-top: auto;
    padding-top: 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--mkt-primary);
}

.coming-soon-badge[b-5xovdo2xt9] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.125rem 0.5rem;
    background: rgba(56,189,248,0.12);
    color: #0284c7;
    border-radius: var(--radius-full);
    vertical-align: middle;
    margin-left: 0.375rem;
}

/* ═══════ Disconnect ═══════ */
.disconnect[b-5xovdo2xt9] {
    padding: 5rem 0; }

.disconnect-grid[b-5xovdo2xt9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: start;
}

.disconnect-content h2[b-5xovdo2xt9] {
    font-size: 1.875rem; font-weight: 800; margin-bottom: 1.5rem; }

.disconnect-lead[b-5xovdo2xt9] {
    font-size: 1.125rem;
    color: var(--mkt-text-secondary);
    line-height: 1.65;
    margin-bottom: 2rem;
}

.risk-list[b-5xovdo2xt9] {
    list-style: none;
    margin: 0 0 2rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.risk-list li[b-5xovdo2xt9] {
    display: flex; align-items: flex-start; gap: 0.75rem; }
.risk-list strong[b-5xovdo2xt9] {
    display: block; font-weight: 700; color: var(--mkt-text); margin-bottom: 0.25rem; }
.risk-list p[b-5xovdo2xt9] {
    font-size: 0.875rem; color: var(--mkt-text-secondary); margin: 0; }

.risk-x[b-5xovdo2xt9] {
    flex-shrink: 0;
    margin-top: 0.125rem;
    width: 1.5rem; height: 1.5rem;
    border-radius: 50%;
    background: #fef2f2;
    color: #ef4444;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-card[b-5xovdo2xt9] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--mkt-surface);
    border: 1px solid var(--mkt-border);
    border-radius: var(--mkt-radius-xl);
    box-shadow: var(--mkt-shadow-lg);
    transition: transform var(--transition-slow);
}

.cta-card:hover[b-5xovdo2xt9] {
    transform: translateY(-2px); }

.cta-card-icon[b-5xovdo2xt9] {
    padding: 0.75rem;
    border-radius: var(--mkt-radius);
    background: rgba(30,64,175,0.1);
    color: var(--mkt-primary);
    flex-shrink: 0;
}

.cta-card-icon .material-symbols-outlined[b-5xovdo2xt9] {
    font-size: 1.75rem; }
.cta-card strong[b-5xovdo2xt9] {
    display: block; color: var(--mkt-primary); font-weight: 700; margin-bottom: 0.25rem; }
.cta-card p[b-5xovdo2xt9] {
    font-size: 0.875rem; color: var(--mkt-text-secondary); margin: 0; line-height: 1.5; }

/* Disconnect proof card */
.disconnect-proof[b-5xovdo2xt9] {
    padding: 2rem;
    background: var(--mkt-surface);
    border: 1px solid var(--mkt-border);
    border-radius: var(--mkt-radius-xl);
    box-shadow: var(--mkt-shadow-lg);
}

.proof-header[b-5xovdo2xt9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--mkt-border);
}

.proof-icon[b-5xovdo2xt9] {
    font-size: 1.5rem; color: #16a34a; }
.proof-header strong[b-5xovdo2xt9] {
    font-size: 1rem; font-weight: 700; color: var(--mkt-text); }

.proof-list[b-5xovdo2xt9] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.proof-list li[b-5xovdo2xt9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.9375rem;
    color: var(--mkt-text);
}

.proof-list li strong[b-5xovdo2xt9] {
    font-weight: 800; color: var(--mkt-primary); }
.proof-check[b-5xovdo2xt9] {
    font-size: 1.25rem; color: #16a34a; flex-shrink: 0; }

.proof-footer[b-5xovdo2xt9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--mkt-border);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--mkt-text-secondary);
}

.proof-lock[b-5xovdo2xt9] {
    font-size: 1rem; color: var(--mkt-primary); }

/* ═══════ FAQ ═══════ */
.faq[b-5xovdo2xt9] {
    padding: 5rem 0; }

.faq-list[b-5xovdo2xt9] {
    display: flex; flex-direction: column; gap: 1rem; margin-top: 3rem; }

.faq-item[b-5xovdo2xt9] {
    background: var(--mkt-surface);
    border: 1px solid var(--mkt-border);
    border-radius: var(--mkt-radius-xl);
    overflow: hidden;
}

.faq-item summary[b-5xovdo2xt9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.0625rem;
    color: var(--mkt-text);
    list-style: none;
}

.faq-item summary[b-5xovdo2xt9]::-webkit-details-marker {
    display: none; }

.chevron[b-5xovdo2xt9] {
    transition: transform 0.3s ease;
    color: var(--mkt-text-secondary);
    flex-shrink: 0;
}

.faq-item[open] .chevron[b-5xovdo2xt9] {
    transform: rotate(180deg); }

.faq-answer[b-5xovdo2xt9] {
    padding: 0 1.5rem 1.5rem;
    color: var(--mkt-text-secondary);
    line-height: 1.65;
    border-top: 1px solid var(--mkt-border);
    padding-top: 1rem;
}

/* ═══════ AI Strip ═══════ */
.ai-strip[b-5xovdo2xt9] {
    padding: 3rem 0; }

.ai-strip-inner[b-5xovdo2xt9] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem 2.5rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 6%, transparent), rgba(59,130,246,0.06));
    border: 1px solid color-mix(in srgb, var(--color-accent) 15%, transparent);
    border-radius: var(--mkt-radius-xl);
}

.ai-strip-icon[b-5xovdo2xt9] {
    flex-shrink: 0;
    width: 3rem; height: 3rem;
    display: flex; align-items: center; justify-content: center;
    border-radius: var(--mkt-radius);
    background: color-mix(in srgb, var(--color-accent) 12%, transparent);
    color: #7c3aed;
}
.ai-strip-icon .material-symbols-outlined[b-5xovdo2xt9] {
    font-size: 1.5rem; }

.ai-strip-content h3[b-5xovdo2xt9] {
    font-size: 1.25rem; font-weight: 700; margin-bottom: 0.5rem; }
.ai-strip-content h3 em[b-5xovdo2xt9] {
    font-style: normal; color: #7c3aed; }
.ai-strip-content p[b-5xovdo2xt9] {
    font-size: 0.9375rem; color: var(--mkt-text-secondary); line-height: 1.6; margin: 0 0 0.75rem; }

.ai-strip-link[b-5xovdo2xt9] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #7c3aed;
    text-decoration: none;
}
.ai-strip-link:hover[b-5xovdo2xt9] {
    text-decoration: underline; }

/* ═══════ Concept Cards ═══════ */
.concepts[b-5xovdo2xt9] {
    padding: 3rem 0 5rem; }

.concept-grid[b-5xovdo2xt9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 3rem;
}

.concept-card[b-5xovdo2xt9] {
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
    background: var(--mkt-surface);
    border: 1px solid var(--mkt-border);
    border-radius: var(--mkt-radius-xl);
    box-shadow: var(--mkt-shadow-lg);
    text-decoration: none;
    color: inherit;
    transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}
.concept-card:hover[b-5xovdo2xt9] {
    transform: translateY(-3px);
    box-shadow: var(--mkt-shadow-xl);
    color: inherit;
    text-decoration: none;
}

.concept-card-intelligence[b-5xovdo2xt9] {
    border-left: 4px solid #7c3aed; }
.concept-card-providers[b-5xovdo2xt9] {
    border-left: 4px solid #f59e0b; }

.concept-icon[b-5xovdo2xt9] {
    width: 3rem; height: 3rem;
    display: flex; align-items: center; justify-content: center;
    border-radius: var(--mkt-radius);
    margin-bottom: 1.25rem;
}
.concept-card-intelligence .concept-icon[b-5xovdo2xt9] {
    background: color-mix(in srgb, var(--color-accent) 10%, transparent); color: #7c3aed; }
.concept-card-providers .concept-icon[b-5xovdo2xt9] {
    background: color-mix(in srgb, var(--color-warning) 10%, transparent); color: #d97706; }

.concept-card h3[b-5xovdo2xt9] {
    font-size: 1.375rem; font-weight: 700; margin-bottom: 0.75rem; }
.concept-card p[b-5xovdo2xt9] {
    font-size: 0.9375rem; color: var(--mkt-text-secondary); line-height: 1.65; margin: 0; }

.concept-link[b-5xovdo2xt9] {
    margin-top: auto;
    padding-top: 1.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mkt-primary);
}

/* ═══════ Provider Links ═══════ */
.provider-links[b-5xovdo2xt9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.provider-link[b-5xovdo2xt9] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mkt-primary);
    text-decoration: none;
}
.provider-link:hover[b-5xovdo2xt9] {
    text-decoration: underline; }
.provider-link .material-symbols-outlined[b-5xovdo2xt9] {
    font-size: 1rem; }

/* ═══════ Responsive ═══════ */
@media (min-width: 640px) {
    .hero[b-5xovdo2xt9] {
    padding: 4rem 0 5rem; }
    .hero-title[b-5xovdo2xt9] {
    font-size: 3rem; }
    .workflow-grid[b-5xovdo2xt9] {
    grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 768px) {
    .workflow-grid[b-5xovdo2xt9] {
    grid-template-columns: repeat(3, 1fr); }
    .steps-grid[b-5xovdo2xt9] {
    grid-template-columns: repeat(4, 1fr); }
    .step[b-5xovdo2xt9] {
    align-items: flex-start; text-align: left; }
    .feature-grid[b-5xovdo2xt9] {
    grid-template-columns: repeat(2, 1fr); }
    .concept-grid[b-5xovdo2xt9] {
    grid-template-columns: repeat(2, 1fr); }
    .product-split-grid[b-5xovdo2xt9] {
    grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
    .hero[b-5xovdo2xt9] {
    padding: 6rem 0 8rem; }
    .hero-grid[b-5xovdo2xt9] {
    grid-template-columns: 1fr 1fr; gap: 3rem; }
    .hero-title[b-5xovdo2xt9] {
    font-size: 3.75rem; }
    .workflow-grid[b-5xovdo2xt9] {
    grid-template-columns: repeat(6, 1fr); }
    .feature-grid[b-5xovdo2xt9] {
    grid-template-columns: repeat(3, 1fr); }
    .disconnect-grid[b-5xovdo2xt9] {
    grid-template-columns: 1fr 1fr; gap: 4rem; }
    .trust-items[b-5xovdo2xt9] {
    justify-content: space-between; }
}


/* /Components/Pages/Mailbox.razor.rz.scp.css */
.mailbox-hero[b-7khwiosw23] {
    background: radial-gradient(ellipse at top right, rgba(219,234,254,0.45), var(--mkt-bg) 70%);
}

.mailbox-preview-body[b-7khwiosw23] {
    gap: 0.875rem;
}

.mailbox-preview-search[b-7khwiosw23] {
    padding: 0.75rem 1rem;
    background: var(--mkt-bg);
    border: 1px solid var(--mkt-border);
    border-radius: var(--mkt-radius);
    font-size: 0.875rem;
    color: var(--mkt-text-secondary);
}

.mailbox-preview-row[b-7khwiosw23] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: var(--mkt-radius);
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.mailbox-preview-row strong[b-7khwiosw23] {
    display: block;
    font-size: 0.875rem;
    color: var(--mkt-text);
}

.mailbox-preview-row span[b-7khwiosw23] {
    display: block;
    font-size: 0.75rem;
    color: var(--mkt-text-secondary);
}

.mailbox-source[b-7khwiosw23] {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
}

.mailbox-source.gmail[b-7khwiosw23] {
    background: #fecaca; color: #dc2626; }
.mailbox-source.m365[b-7khwiosw23] {
    background: #dbeafe; color: #2563eb; }

.mailbox-preview-note[b-7khwiosw23] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mkt-primary);
}

.mailbox-link-card[b-7khwiosw23] {
    text-decoration: none;
    color: inherit;
}

.mailbox-link-card:hover[b-7khwiosw23] {
    text-decoration: none;
    color: inherit;
}
/* /Components/Pages/Marketing/CloseOldAccount.razor.rz.scp.css */
/* Scenario page: Close an old account */
/* Shared structure comes from wwwroot/marketing-features.css. */

.close-account-hero[b-dbyy67dk3b] {
    background:
        radial-gradient(circle at 82% 20%, rgba(14, 165, 233, 0.11), transparent 30rem),
        radial-gradient(circle at 18% 72%, rgba(99, 102, 241, 0.07), transparent 28rem),
        #fff;
}

.close-account-badge[b-dbyy67dk3b] {
    color: #0369a1;
    background: rgba(14, 165, 233, 0.07);
    border-color: rgba(14, 165, 233, 0.22);
}

.close-account-badge .badge-dot[b-dbyy67dk3b] {
    background: #0284c7;
}

.gradient-text[b-dbyy67dk3b] {
    background: linear-gradient(90deg, #0369a1, #4f46e5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.close-account-preview[b-dbyy67dk3b] {
    border-color: rgba(14, 165, 233, 0.2);
}

.exit-flow[b-dbyy67dk3b] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0.75rem;
    align-items: center;
}

.exit-stage[b-dbyy67dk3b] {
    min-width: 0;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: var(--mkt-radius-xl);
    background: #f8fafc;
}

.exit-stage-icon[b-dbyy67dk3b] {
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
}

.source-stage .exit-stage-icon[b-dbyy67dk3b] {
    background: rgba(100, 116, 139, 0.1);
    color: #475569;
}

.archive-stage[b-dbyy67dk3b] {
    border-color: rgba(14, 165, 233, 0.25);
    background: rgba(14, 165, 233, 0.045);
}

.archive-stage .exit-stage-icon[b-dbyy67dk3b] {
    background: rgba(14, 165, 233, 0.11);
    color: #0369a1;
}

.exit-stage strong[b-dbyy67dk3b],
.exit-stage span[b-dbyy67dk3b] {
    display: block;
}

.exit-stage strong[b-dbyy67dk3b] {
    color: var(--mkt-text);
    font-size: 0.9rem;
    margin-bottom: 0.15rem;
}

.exit-stage span[b-dbyy67dk3b] {
    color: var(--mkt-text-secondary);
    font-size: 0.72rem;
    line-height: 1.35;
}

.exit-arrow[b-dbyy67dk3b] {
    color: #94a3b8;
}

.exit-arrow .material-symbols-outlined[b-dbyy67dk3b] {
    font-size: 1.3rem;
}

.archive-checklist[b-dbyy67dk3b] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.archive-check-row[b-dbyy67dk3b] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #e2e8f0;
    border-radius: var(--mkt-radius);
    background: #fff;
}

.archive-check-row .check-icon[b-dbyy67dk3b] {
    color: #16a34a;
    font-size: 1.1rem;
    margin-top: 0.05rem;
}

.archive-check-row strong[b-dbyy67dk3b],
.archive-check-row span[b-dbyy67dk3b] {
    display: block;
}

.archive-check-row strong[b-dbyy67dk3b] {
    color: var(--mkt-text);
    font-size: 0.82rem;
    margin-bottom: 0.12rem;
}

.archive-check-row span[b-dbyy67dk3b] {
    color: var(--mkt-text-secondary);
    font-size: 0.72rem;
    line-height: 1.4;
}

.disconnect-note[b-dbyy67dk3b] {
    display: flex;
    gap: 0.55rem;
    align-items: flex-start;
    padding: 0.85rem 1rem;
    border-radius: var(--mkt-radius);
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 0.75rem;
    line-height: 1.5;
}

.disconnect-note .material-symbols-outlined[b-dbyy67dk3b] {
    flex: 0 0 auto;
    font-size: 1.05rem;
    margin-top: 0.05rem;
}

.close-account-scenarios[b-dbyy67dk3b] {
    background: #f8fafc;
}

.close-account-scenarios .scenario-icon[b-dbyy67dk3b] {
    background: rgba(14, 165, 233, 0.09);
    color: #0369a1;
}

.close-account-risk[b-dbyy67dk3b] {
    background: #fff;
}

.archive-afterward[b-dbyy67dk3b] {
    background: #0f172a;
}

.archive-afterward .section-heading h2[b-dbyy67dk3b],
.archive-afterward .section-heading p[b-dbyy67dk3b] {
    color: #fff;
}

.archive-afterward .section-heading p[b-dbyy67dk3b] {
    color: #cbd5e1;
}

.question-showcase[b-dbyy67dk3b] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 3rem;
}

.question-card[b-dbyy67dk3b] {
    padding: 1.6rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: var(--mkt-radius-xl);
    background: rgba(255, 255, 255, 0.06);
}

.question-kicker[b-dbyy67dk3b] {
    display: block;
    margin-bottom: 0.8rem;
    color: #7dd3fc;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.question-card strong[b-dbyy67dk3b] {
    display: block;
    color: #fff;
    font-size: 1.05rem;
    line-height: 1.45;
    margin-bottom: 0.8rem;
}

.question-card p[b-dbyy67dk3b] {
    color: #cbd5e1;
    font-size: 0.82rem;
    line-height: 1.6;
    margin: 0;
}

.close-account-sources[b-dbyy67dk3b] {
    background: #f8fafc;
}

.close-account-link-card[b-dbyy67dk3b] {
    display: block;
    color: inherit;
    text-decoration: none;
}

.close-account-link-card:hover[b-dbyy67dk3b] {
    color: inherit;
    text-decoration: none;
}

.scenario-link[b-dbyy67dk3b] {
    display: inline-block;
    margin-top: 0.9rem;
    color: #0369a1;
    font-size: 0.8rem;
    font-weight: 750;
    text-decoration: none;
}

.scenario-link:hover[b-dbyy67dk3b] {
    text-decoration: underline;
}

.scenario-link-strong[b-dbyy67dk3b] {
    font-size: 0.9rem;
}

.close-account-trust[b-dbyy67dk3b] {
    padding: 5rem 0;
    background:
        linear-gradient(135deg, rgba(2, 132, 199, 0.06), rgba(79, 70, 229, 0.035)),
        #fff;
}

.trust-scenario-grid[b-dbyy67dk3b] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    align-items: center;
}

.trust-scenario-copy h2[b-dbyy67dk3b] {
    margin: 1.25rem 0 0.9rem;
    color: var(--mkt-text);
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.trust-scenario-copy p[b-dbyy67dk3b] {
    color: var(--mkt-text-secondary);
    line-height: 1.7;
    margin: 0 0 1rem;
}

.trust-badge-static[b-dbyy67dk3b] {
    color: #0369a1;
    background: rgba(14, 165, 233, 0.07);
    border-color: rgba(14, 165, 233, 0.22);
}

.trust-badge-static .material-symbols-outlined[b-dbyy67dk3b] {
    font-size: 1rem;
}

.trust-scenario-card[b-dbyy67dk3b] {
    padding: 1.5rem;
    border: 1px solid rgba(14, 165, 233, 0.2);
    border-radius: var(--mkt-radius-2xl);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: var(--mkt-shadow-lg);
}

.trust-row[b-dbyy67dk3b] {
    display: flex;
    gap: 0.8rem;
    align-items: flex-start;
    padding: 1rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.trust-row:last-child[b-dbyy67dk3b] {
    border-bottom: 0;
}

.trust-row > .material-symbols-outlined[b-dbyy67dk3b] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.6rem;
    background: rgba(14, 165, 233, 0.09);
    color: #0369a1;
    font-size: 1rem;
}

.trust-row strong[b-dbyy67dk3b],
.trust-row span[b-dbyy67dk3b] {
    display: block;
}

.trust-row strong[b-dbyy67dk3b] {
    color: var(--mkt-text);
    font-size: 0.88rem;
    margin-bottom: 0.15rem;
}

.trust-row span[b-dbyy67dk3b] {
    color: var(--mkt-text-secondary);
    font-size: 0.77rem;
    line-height: 1.5;
}

.close-account-final-cta[b-dbyy67dk3b] {
    padding: 5rem 0 5.5rem;
    background: #f8fafc;
}

.final-cta-inner[b-dbyy67dk3b] {
    text-align: center;
}

.final-cta-icon[b-dbyy67dk3b] {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: rgba(14, 165, 233, 0.1);
    color: #0369a1;
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

.final-cta-inner h2[b-dbyy67dk3b] {
    margin: 0 auto 0.75rem;
    color: var(--mkt-text);
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.025em;
    max-width: 42rem;
}

.final-cta-inner p[b-dbyy67dk3b] {
    margin: 0 auto;
    color: var(--mkt-text-secondary);
    line-height: 1.65;
    max-width: 38rem;
}

.final-actions[b-dbyy67dk3b] {
    justify-content: center;
    margin-top: 1.5rem;
}

@media (max-width: 639px) {
    .exit-flow[b-dbyy67dk3b] {
        grid-template-columns: 1fr;
    }

    .exit-arrow[b-dbyy67dk3b] {
        transform: rotate(90deg);
        justify-self: center;
    }
}

@media (min-width: 768px) {
    .question-showcase[b-dbyy67dk3b] {
        grid-template-columns: repeat(3, 1fr);
    }

    .trust-scenario-grid[b-dbyy67dk3b] {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
        gap: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .close-account-hero[b-dbyy67dk3b] {
        padding-top: 5.5rem;
        padding-bottom: 6rem;
    }
}
/* /Components/Pages/Marketing/MarketingReview.razor.rz.scp.css */
.review-hero[b-4e65kr6frg] {
    padding: 5.5rem 0 3rem;
    background: linear-gradient(180deg, rgba(99, 102, 241, 0.08), transparent);
}

.review-hero h1[b-4e65kr6frg] {
    margin: 1rem 0 0.75rem;
    font-size: clamp(2.4rem, 5vw, 4rem);
    line-height: 1.02;
}

.review-lead[b-4e65kr6frg] {
    max-width: 760px;
    font-size: 1.12rem;
    line-height: 1.7;
}

.review-summary[b-4e65kr6frg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}

.review-summary > div[b-4e65kr6frg] {
    padding: 1rem 1.1rem;
    border: 1px solid var(--mkt-border, rgba(148, 163, 184, 0.25));
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
}

.review-summary strong[b-4e65kr6frg],
.review-summary span[b-4e65kr6frg] {
    display: block;
}

.review-summary strong[b-4e65kr6frg] {
    font-size: 1.6rem;
}

.review-summary span[b-4e65kr6frg] {
    margin-top: 0.2rem;
    opacity: 0.72;
    font-size: 0.88rem;
}

.review-actions[b-4e65kr6frg] {
    display: flex;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.review-pages[b-4e65kr6frg] {
    padding: 2rem 0 5rem;
}

.review-group[b-4e65kr6frg] {
    margin: 0 0 3rem;
}

.review-group-heading[b-4e65kr6frg] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.review-group-heading h2[b-4e65kr6frg] {
    margin: 0;
}

.review-group-heading span[b-4e65kr6frg] {
    font-size: 0.85rem;
    opacity: 0.65;
}

.review-grid[b-4e65kr6frg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.review-card[b-4e65kr6frg] {
    display: flex;
    flex-direction: column;
    min-height: 260px;
    padding: 1.2rem;
    border: 1px solid var(--mkt-border, rgba(148, 163, 184, 0.25));
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.025);
}

.review-card h3[b-4e65kr6frg] {
    margin: 1rem 0 0.45rem;
    font-size: 1.1rem;
}

.review-card h3 a[b-4e65kr6frg] {
    color: inherit;
    text-decoration: none;
}

.review-card h3 a:hover[b-4e65kr6frg],
.open-link:hover[b-4e65kr6frg] {
    text-decoration: underline;
}

.review-card code[b-4e65kr6frg] {
    display: block;
    overflow-wrap: anywhere;
    font-size: 0.82rem;
    opacity: 0.75;
}

.review-card p[b-4e65kr6frg] {
    margin: 0.9rem 0;
    line-height: 1.5;
    font-size: 0.92rem;
}

.review-card-topline[b-4e65kr6frg] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    align-items: center;
}

.role-badge[b-4e65kr6frg],
.index-badge[b-4e65kr6frg] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.28rem 0.55rem;
    font-size: 0.72rem;
    line-height: 1.2;
}

.role-badge[b-4e65kr6frg] {
    background: rgba(99, 102, 241, 0.12);
}

.index-badge[b-4e65kr6frg] {
    background: rgba(34, 197, 94, 0.12);
}

.index-badge.muted[b-4e65kr6frg] {
    background: rgba(148, 163, 184, 0.12);
    opacity: 0.72;
}

.source-path[b-4e65kr6frg] {
    margin-top: auto;
    padding-top: 0.8rem;
    border-top: 1px solid var(--mkt-border, rgba(148, 163, 184, 0.16));
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.72rem;
    line-height: 1.45;
    opacity: 0.58;
    overflow-wrap: anywhere;
}

.open-link[b-4e65kr6frg] {
    margin-top: 0.8rem;
    font-weight: 600;
    text-decoration: none;
}

.review-note[b-4e65kr6frg] {
    padding: 3rem 0 5rem;
    border-top: 1px solid var(--mkt-border, rgba(148, 163, 184, 0.2));
}

.review-note p[b-4e65kr6frg] {
    line-height: 1.7;
}

@media (max-width: 900px) {
    .review-grid[b-4e65kr6frg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .review-summary[b-4e65kr6frg],
    .review-grid[b-4e65kr6frg] {
        grid-template-columns: 1fr;
    }

    .review-hero[b-4e65kr6frg] {
        padding-top: 4rem;
    }
}
/* /Components/Pages/Pricing.razor.rz.scp.css */
/* ==================== Pricing Page ==================== */

/* ── Hero ── */
.pricing-hero[b-favv6lt942] {
    padding: 4rem 0 3rem;
    text-align: center;
}

.pricing-product-split[b-favv6lt942] {
    padding: 0 0 3rem;
}

.pricing-split-grid[b-favv6lt942] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.pricing-split-card[b-favv6lt942] {
    padding: 1.75rem;
    background: var(--mkt-surface, #fff);
    border: 1px solid var(--mkt-border, #e2e8f0);
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.pricing-filter-card[b-favv6lt942] {
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.pricing-filter-card:hover[b-favv6lt942] {
    transform: translateY(-2px);
    border-color: var(--mkt-primary, #1e40af);
}

.pricing-filter-card.active[b-favv6lt942] {
    border-color: var(--mkt-primary, #1e40af);
    box-shadow: 0 8px 24px rgba(30,64,175,0.12);
}

.pricing-split-card h2[b-favv6lt942] {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--mkt-text);
    margin: 0;
}

.pricing-card-heading[b-favv6lt942] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    margin-bottom: 0.75rem;
}

.pricing-split-card p[b-favv6lt942] {
    font-size: 0.9375rem;
    color: var(--mkt-text-secondary);
    line-height: 1.6;
    margin: 0 0 1rem;
}

.pricing-split-icon[b-favv6lt942] {
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    margin-bottom: 1rem;
}

.pricing-split-icon.mailbox[b-favv6lt942] {
    background: #eff6ff;
    color: var(--mkt-primary, #1e40af);
}

.pricing-split-icon.drive[b-favv6lt942] {
    background: #fff7ed;
    color: #ea580c;
}

.pricing-split-list[b-favv6lt942] {
    margin: 0;
    padding-left: 1.125rem;
    color: var(--mkt-text-secondary);
    font-size: 0.875rem;
    line-height: 1.7;
}

.pricing-mailbox-heading[b-favv6lt942] {
    margin-bottom: 2rem;
}

.pricing-filter-actions[b-favv6lt942] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.pricing-filter-reset[b-favv6lt942] {
    padding: 0.5rem 1rem;
    border: 1px solid var(--mkt-border, #e2e8f0);
    border-radius: 9999px;
    background: #fff;
    color: var(--mkt-text-secondary);
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
}

.pricing-filter-reset.active[b-favv6lt942] {
    border-color: var(--mkt-primary, #1e40af);
    color: var(--mkt-primary, #1e40af);
    background: #eff6ff;
}

.pricing-hero-inner[b-favv6lt942] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
}

.pricing-hero h1[b-favv6lt942] {
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--mkt-text);
    margin: 0;
}

.gradient-text[b-favv6lt942] {
    background: linear-gradient(90deg, #16a34a, #059669);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.per-msg[b-favv6lt942] {
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--mkt-text-secondary);
    margin-top: 0.25rem;
    -webkit-text-fill-color: initial;
}

.hero-fine-print[b-favv6lt942] {
    font-size: 0.875rem;
    color: var(--mkt-text-secondary);
    vertical-align: super;
}

.feat-lead[b-favv6lt942] {
    font-size: 1.125rem;
    color: var(--mkt-text-secondary);
    line-height: 1.6;
    max-width: 36rem;
    margin: 0;
    text-align: center;
}

/* ── Hero Forever Badges ── */
.hero-forever-badges[b-favv6lt942] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin-top: 0.25rem;
}

.forever-badge[b-favv6lt942] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 600;
    color: #16a34a;
}

.forever-badge .ci[b-favv6lt942] {
    font-size: 1rem;
    color: #16a34a;
}

/* ── Unit Toggle ── */
.unit-toggle[b-favv6lt942] {
    display: inline-flex;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 9999px;
    padding: 0.25rem;
    gap: 0.25rem;
}

.toggle-btn[b-favv6lt942] {
    padding: 0.375rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: var(--mkt-text-secondary);
    cursor: pointer;
    transition: all 0.15s;
}

.toggle-btn.active[b-favv6lt942] {
    background: #fff;
    color: var(--mkt-text);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* ── Plan Cards ── */
.pricing-plans[b-favv6lt942] {
    padding: 0 0 4rem;
}

.plan-cards[b-favv6lt942] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    max-width: 52rem;
    margin: 0 auto;
}

@media (min-width: 640px) {
    .plan-cards[b-favv6lt942] {
    grid-template-columns: repeat(2, 1fr); }
    .pricing-split-grid[b-favv6lt942] {
    grid-template-columns: repeat(2, 1fr); }
    .drive-pricing-grid[b-favv6lt942] {
    grid-template-columns: repeat(3, 1fr); }
}

.pricing-product-cards[b-favv6lt942] {
    max-width: 78rem;
}

.plan-card[b-favv6lt942] {
    position: relative;
    padding: 1.5rem;
    background: var(--mkt-surface, #fff);
    border: 1px solid var(--mkt-border, #e2e8f0);
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.plan-featured[b-favv6lt942] {
    border-color: var(--mkt-primary, #1e40af);
    box-shadow: 0 4px 20px rgba(30,64,175,0.12);
}

.plan-popular[b-favv6lt942] {
    position: absolute;
    top: -0.75rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.25rem 0.875rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #fff;
    background: var(--mkt-primary, #1e40af);
    border-radius: 9999px;
    white-space: nowrap;
}

.plan-scope-badge[b-favv6lt942] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.plan-scope-badge.mailbox[b-favv6lt942] {
    color: var(--mkt-primary, #1e40af);
    background: rgba(30,64,175,0.1);
}

.plan-scope-badge.drive[b-favv6lt942] {
    color: #ea580c;
    background: rgba(234,88,12,0.1);
}

/* ── Plan Header Row ── */
.plan-header-row[b-favv6lt942] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.plan-icon[b-favv6lt942] {
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0fdf4;
    border-radius: 0.75rem;
    color: #16a34a;
}

.plan-featured .plan-icon[b-favv6lt942] {
    background: #eff6ff;
    color: var(--mkt-primary, #1e40af);
}

.plan-name[b-favv6lt942] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--mkt-text);
    margin: 0;
    line-height: 1.2;
}

.plan-tagline[b-favv6lt942] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #16a34a;
    margin: 0.125rem 0 0;
}

.plan-featured .plan-tagline[b-favv6lt942] {
    color: var(--mkt-primary, #1e40af); }

.plan-price-hero[b-favv6lt942] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
    flex-wrap: wrap;
}

.plan-secondary-price[b-favv6lt942] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
    flex-wrap: wrap;
    margin-top: -0.25rem;
}

.plan-secondary-price-label[b-favv6lt942] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--mkt-text-secondary);
}

.plan-secondary-price strong[b-favv6lt942] {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--mkt-text);
}

.plan-secondary-price-unit[b-favv6lt942] {
    font-size: 0.875rem;
    color: var(--mkt-text-secondary);
}

.price-from[b-favv6lt942] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--mkt-text-secondary);
}

.price-value[b-favv6lt942] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--mkt-text);
    letter-spacing: -0.02em;
}

.price-unit[b-favv6lt942] {
    font-size: 0.875rem;
    color: var(--mkt-text-secondary);
}

.plan-forever-note[b-favv6lt942] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #16a34a;
    background: #f0fdf4;
    border: 1px solid color-mix(in srgb, var(--color-success) 15%, transparent);
    border-radius: 0.5rem;
}

.forever-icon[b-favv6lt942] {
    font-size: 0.875rem;
    color: #16a34a;
}

.plan-desc[b-favv6lt942] {
    font-size: 0.875rem;
    color: var(--mkt-text-secondary);
    line-height: 1.5;
    margin: 0;
}

/* Tier table inside plan card */
.plan-tiers h4[b-favv6lt942] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mkt-text-secondary);
    margin: 0 0 0.5rem;
}

.tier-table-mkt[b-favv6lt942] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.tier-table-mkt th[b-favv6lt942] {
    text-align: left;
    padding: 0.375rem 0;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mkt-text-secondary);
    border-bottom: 1px solid #e2e8f0;
}

.tier-table-mkt td[b-favv6lt942] {
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
    color: var(--mkt-text);
}

.tier-table-mkt .price-col[b-favv6lt942] {
    text-align: right;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.plan-cta[b-favv6lt942] {
    margin-top: auto;
    width: 100%;
    text-align: center;
}

.pricing-drive-plans[b-favv6lt942] {
    background: #fffaf5;
}

.drive-plan-cards[b-favv6lt942] {
    max-width: 78rem;
}

.drive-plan-icon[b-favv6lt942] {
    background: #fff7ed;
    color: #ea580c;
}

.drive-plan-tagline[b-favv6lt942] {
    color: #ea580c;
}

.plan-factor-list[b-favv6lt942] {
    margin: 0;
    padding-left: 1.125rem;
    color: var(--mkt-text-secondary);
    font-size: 0.875rem;
    line-height: 1.7;
}

/* ── Estimator ── */
.pricing-estimator[b-favv6lt942] {
    padding: 4rem 0;
    background: #f8fafc;
}

.estimator-input-row[b-favv6lt942] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.est-input[b-favv6lt942] {
    padding: 0.75rem 1rem;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    border: 2px solid #e2e8f0;
    border-radius: 0.75rem;
    width: 14rem;
    transition: border-color 0.15s;
}

.est-input:focus[b-favv6lt942] {
    outline: none;
    border-color: var(--mkt-primary, #1e40af);
    box-shadow: 0 0 0 3px rgba(30,64,175,0.1);
}

.est-chips[b-favv6lt942] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.est-chip[b-favv6lt942] {
    padding: 0.375rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 9999px;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--mkt-text);
}

.est-chip:hover[b-favv6lt942] {
    background: var(--mkt-primary, #1e40af);
    color: #fff;
    border-color: var(--mkt-primary, #1e40af);
}

/* Estimate result cards */
.estimate-results[b-favv6lt942] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin-top: 2rem;
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
}

.estimate-card[b-favv6lt942] {
    padding: 1.5rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.est-icon[b-favv6lt942] {
    margin-bottom: 0.5rem; color: var(--mkt-text-secondary); }
.est-icon .material-symbols-outlined[b-favv6lt942] {
    font-size: 1.5rem; }

.est-label[b-favv6lt942] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mkt-text-secondary);
    margin-bottom: 0.5rem;
}

.est-total[b-favv6lt942] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--mkt-text);
    letter-spacing: -0.02em;
}

.est-per-msg[b-favv6lt942] {
    font-size: 0.75rem;
    color: var(--mkt-text-secondary);
    margin-top: 0.25rem;
}

/* Add-on estimates */
.addon-estimate[b-favv6lt942] {
    margin-top: 2.5rem;
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
}

.drive-addons-grid[b-favv6lt942] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 2rem;
}

.drive-addon-estimate[b-favv6lt942] {
    max-width: 100%;
    margin-top: 0;
}

.drive-estimator-input-grid[b-favv6lt942] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.drive-input-card[b-favv6lt942] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    align-items: center;
}

.drive-input-label[b-favv6lt942] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mkt-text);
}

.drive-est-input[b-favv6lt942] {
    width: 100%;
    max-width: 15rem;
}

.drive-input-hint[b-favv6lt942] {
    font-size: 0.75rem;
    color: var(--mkt-text-secondary);
    text-align: center;
    max-width: 18rem;
}

.drive-addon-comparison[b-favv6lt942] {
    margin-top: 2rem;
}

.drive-card-facts[b-favv6lt942] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.drive-card-fact[b-favv6lt942] {
    text-align: center;
}

.drive-card-fact-label[b-favv6lt942] {
    display: block;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mkt-text-secondary);
}

.drive-card-fact strong[b-favv6lt942] {
    display: block;
    margin-top: 0.25rem;
    font-size: 1rem;
    color: var(--mkt-text);
}

.addon-estimate h3[b-favv6lt942] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--mkt-text);
    margin: 0 0 0.25rem;
    text-align: center;
}

.addon-note[b-favv6lt942] {
    font-size: 0.75rem;
    color: var(--mkt-text-secondary);
    text-align: center;
    margin: 0 0 1rem;
}

.addon-estimate-table[b-favv6lt942] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.addon-estimate-table th[b-favv6lt942] {
    text-align: left;
    padding: 0.5rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mkt-text-secondary);
    border-bottom: 1px solid #e2e8f0;
}

.addon-estimate-table td[b-favv6lt942] {
    padding: 0.5rem;
    border-bottom: 1px solid #f1f5f9;
    color: var(--mkt-text);
}

.addon-unit-label[b-favv6lt942] {
    display: block;
    font-size: 0.6875rem;
    color: var(--mkt-text-secondary);
}

.addon-total-row td[b-favv6lt942] {
    border-top: 2px solid var(--mkt-text, #111827);
    padding-top: 0.5rem;
}

/* ── Add-on Catalog Grid ── */
.pricing-addons[b-favv6lt942] {
    padding: 4rem 0;
}

.addon-grid[b-favv6lt942] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
}

.addon-cat-title[b-favv6lt942] {
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mkt-text-secondary);
    margin: 0 0 0.75rem;
}

.addon-price-card[b-favv6lt942] {
    padding: 1rem 1.25rem;
    background: var(--mkt-surface, #fff);
    border: 1px solid var(--mkt-border, #e2e8f0);
    border-radius: 0.75rem;
    margin-bottom: 0.5rem;
}

.addon-price-header[b-favv6lt942] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.addon-price-amount[b-favv6lt942] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--mkt-text);
    white-space: nowrap;
}

.addon-price-per[b-favv6lt942] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--mkt-text-secondary);
}

.addon-price-desc[b-favv6lt942] {
    font-size: 0.8125rem;
    color: var(--mkt-text-secondary);
    line-height: 1.5;
    margin: 0.375rem 0 0;
}

.addon-scope-badge[b-favv6lt942] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.5rem;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.addon-scope-badge.mailbox[b-favv6lt942] {
    color: var(--mkt-primary, #1e40af);
    background: rgba(30,64,175,0.1);
}

.addon-scope-badge.drive[b-favv6lt942] {
    color: #ea580c;
    background: rgba(234,88,12,0.1);
}

/* ── Intelligence Bonus Card ── */
.addon-bonus-card[b-favv6lt942] {
    padding: 1rem 1.25rem;
    background: #f0fdf4;
    border: 1px solid color-mix(in srgb, var(--color-success) 20%, transparent);
    border-radius: 0.75rem;
    margin-bottom: 0.5rem;
}

.addon-bonus-header[b-favv6lt942] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.bonus-icon[b-favv6lt942] {
    font-size: 1.125rem;
    color: #16a34a;
}

.addon-bonus-header strong[b-favv6lt942] {
    color: #15803d;
}

.bonus-badge[b-favv6lt942] {
    display: inline-flex;
    padding: 0.125rem 0.5rem;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #16a34a;
    background: color-mix(in srgb, var(--color-success) 10%, transparent);
    border-radius: 9999px;
}

/* ── Fine Print ── */
.pricing-fine-print[b-favv6lt942] {
    padding: 2rem 0 4rem;
    background: #f8fafc;
}

.fine-print-text[b-favv6lt942] {
    font-size: 0.75rem;
    color: var(--mkt-text-secondary);
    line-height: 1.6;
    text-align: center;
    margin: 0 auto 0.75rem;
    max-width: 40rem;
}

.fine-print-text a[b-favv6lt942] {
    color: var(--mkt-primary, #1e40af);
    font-weight: 600;
}

/* ── Shared overrides ── */
.price-col[b-favv6lt942] {
    text-align: right;
}

@media (min-width: 1024px) {
    .pricing-hero h1[b-favv6lt942] {
    font-size: 3.25rem; }
}
/* /Components/Pages/Terms.razor.rz.scp.css */
/* ==================== Terms & Privacy Page ==================== */

.legal-hero[b-b27649405y] {
    padding: 5rem 0 2rem;
    background: var(--mkt-surface);
    border-bottom: 1px solid var(--mkt-border);
}

.legal-hero h1[b-b27649405y] {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.025em;
    color: var(--mkt-text);
    margin: 0 0 0.5rem;
}

.legal-updated[b-b27649405y] {
    font-size: 0.875rem;
    color: var(--mkt-text-secondary);
    margin: 0 0 1.5rem;
}

.legal-nav[b-b27649405y] {
    display: flex;
    gap: 1.5rem;
}

.legal-nav a[b-b27649405y] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mkt-primary);
    text-decoration: none;
}

.legal-nav a:hover[b-b27649405y] {
    text-decoration: underline; }

/* ── Legal sections ── */
.legal-section[b-b27649405y] {
    padding: 3rem 0;
    border-bottom: 1px solid var(--mkt-border);
}

.legal-section:last-child[b-b27649405y] {
    border-bottom: none; }

.legal-section h2[b-b27649405y] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--mkt-text);
    margin: 0 0 2rem;
    padding-top: 1rem;
}

.legal-section h3[b-b27649405y] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--mkt-text);
    margin: 2rem 0 0.5rem;
}

.legal-section h3:first-of-type[b-b27649405y] {
    margin-top: 0; }

.legal-section p[b-b27649405y] {
    font-size: 0.9375rem;
    line-height: 1.75;
    color: var(--mkt-text-secondary);
    margin: 0 0 1rem;
}

.legal-section ul[b-b27649405y] {
    margin: 0 0 1rem;
    padding-left: 1.5rem;
}

.legal-section li[b-b27649405y] {
    font-size: 0.9375rem;
    line-height: 1.75;
    color: var(--mkt-text-secondary);
    margin-bottom: 0.5rem;
}

.legal-section li strong[b-b27649405y] {
    color: var(--mkt-text);
}

/* ── Responsive ── */
@media (min-width: 768px) {
    .legal-hero h1[b-b27649405y] {
    font-size: 2.5rem; }
}
/* /Components/Pages/Trust.razor.rz.scp.css */
/* ==================== Trust & Security Page ==================== */
/* Shared styles: marketing-features.css · Page-specific overrides below. */

/* ── Page gradient & badge ── */
.gradient-text[b-h8ngltfv5f] {
    background: linear-gradient(90deg, #16a34a, var(--mkt-primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.feat-badge-trust[b-h8ngltfv5f] {
    color: #16a34a; border-color: color-mix(in srgb, var(--color-success) 30%, transparent); background: color-mix(in srgb, var(--color-success) 6%, transparent); }
.sidebar-why[b-h8ngltfv5f] {
    border-left-color: #16a34a; }
.why-icon[b-h8ngltfv5f] {
    color: #16a34a; }
.feat-faq[b-h8ngltfv5f] {
    background: #f8fafc; }

/* ── Trust visual ── */
.trust-visual[b-h8ngltfv5f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

.trust-shield[b-h8ngltfv5f] {
    width: 8rem;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-success) 10%, transparent), rgba(30,64,175,0.1));
    border: 2px solid color-mix(in srgb, var(--color-success) 20%, transparent);
}

.shield-icon[b-h8ngltfv5f] {
    font-size: 3.5rem;
    color: #16a34a;
}

.trust-principles[b-h8ngltfv5f] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.tp-item[b-h8ngltfv5f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mkt-text);
}

.tp-icon[b-h8ngltfv5f] {
    font-size: 1.25rem; }
.tp-green[b-h8ngltfv5f] {
    color: #16a34a; }
.tp-blue[b-h8ngltfv5f] {
    color: var(--mkt-primary); }
.tp-purple[b-h8ngltfv5f] {
    color: #7c3aed; }
.tp-red[b-h8ngltfv5f] {
    color: #dc2626; }

/* ── Capability cards ── */
.capabilities[b-h8ngltfv5f] {
    padding: 4rem 0;
    background: var(--mkt-surface);
}

.cap-grid[b-h8ngltfv5f] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 2.5rem;
}

.cap-card[b-h8ngltfv5f] {
    padding: 1.5rem;
    background: #fff;
    border: 1px solid var(--mkt-border);
    border-radius: var(--mkt-radius-xl);
    transition: box-shadow var(--transition-fast), border-color var(--transition-fast);
}

.cap-card:hover[b-h8ngltfv5f] {
    border-color: var(--mkt-primary);
    box-shadow: var(--mkt-shadow-lg);
}

.cap-icon[b-h8ngltfv5f] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--mkt-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.cap-icon .material-symbols-outlined[b-h8ngltfv5f] {
    font-size: 1.25rem; color: #fff; }

.cap-green[b-h8ngltfv5f] {
    background: #16a34a; }
.cap-blue[b-h8ngltfv5f] {
    background: var(--mkt-primary); }
.cap-purple[b-h8ngltfv5f] {
    background: #7c3aed; }
.cap-red[b-h8ngltfv5f] {
    background: #dc2626; }
.cap-teal[b-h8ngltfv5f] {
    background: #0d9488; }
.cap-orange[b-h8ngltfv5f] {
    background: #ea580c; }

.cap-card h3[b-h8ngltfv5f] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--mkt-text);
    margin-bottom: 0.5rem;
}

.cap-card p[b-h8ngltfv5f] {
    font-size: 0.875rem;
    color: var(--mkt-text-secondary);
    line-height: 1.6;
    margin: 0;
}

.cap-card p a[b-h8ngltfv5f] {
    color: var(--mkt-primary);
    text-decoration: none;
    font-weight: 600;
}

.cap-card p a:hover[b-h8ngltfv5f] {
    text-decoration: underline; }

.trust-products[b-h8ngltfv5f] {
    padding: 4rem 0;
}

.trust-product-grid[b-h8ngltfv5f] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 2rem;
}

.trust-product-card[b-h8ngltfv5f] {
    padding: 1.5rem;
    background: #fff;
    border: 1px solid var(--mkt-border);
    border-radius: var(--mkt-radius-xl);
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.trust-product-card h3[b-h8ngltfv5f] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--mkt-text);
    margin: 0 0 0.5rem;
}

.trust-product-card p[b-h8ngltfv5f] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--mkt-text-secondary);
    line-height: 1.6;
}

/* ── Compare sidebar ── */
.sidebar-compare[b-h8ngltfv5f] {
    background: var(--mkt-surface);
    border: 1px solid var(--mkt-border);
    border-radius: var(--mkt-radius-xl);
    padding: 1.25rem;
}

.sidebar-compare h4[b-h8ngltfv5f] {
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mkt-text);
    margin-bottom: 1rem;
}

.compare-row[b-h8ngltfv5f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--mkt-text);
    padding: 0.375rem 0;
}

.compare-check[b-h8ngltfv5f] {
    color: #16a34a;
    font-weight: 700;
}

/* ── Responsive ── */
@media (min-width: 768px) {
    .cap-grid[b-h8ngltfv5f] {
        grid-template-columns: repeat(2, 1fr);
    }

    .trust-product-grid[b-h8ngltfv5f] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .cap-grid[b-h8ngltfv5f] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Shared/MarketingPageRenderer.razor.rz.scp.css */
.marketing-structured-hero[b-3pjt1owlb2] {
    max-width: 52rem;
}

.marketing-direct-answer[b-3pjt1owlb2],
.marketing-prose[b-3pjt1owlb2] {
    padding-block: 3rem;
}

.marketing-direct-answer[b-3pjt1owlb2] {
    border-top: 1px solid var(--mkt-border);
    border-bottom: 1px solid var(--mkt-border);
}

.marketing-direct-answer-text[b-3pjt1owlb2] {
    margin: 0;
    color: var(--mkt-text);
    font-size: 1.25rem;
    font-weight: 650;
    line-height: 1.6;
}

.marketing-prose h2[b-3pjt1owlb2] {
    margin-bottom: 0.75rem;
}

.marketing-prose p[b-3pjt1owlb2] {
    margin: 0;
}

.marketing-points[b-3pjt1owlb2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 1rem 0 0;
    padding-left: 1.25rem;
    color: var(--mkt-text-secondary);
    line-height: 1.6;
}

.marketing-proof[b-3pjt1owlb2],
.marketing-trust[b-3pjt1owlb2] {
    padding-block: 1rem 4rem;
}

.marketing-trust-card[b-3pjt1owlb2] {
    border-left: 3px solid var(--mkt-secondary);
}

.marketing-related-guides .section-heading[b-3pjt1owlb2] {
    margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
    .marketing-direct-answer[b-3pjt1owlb2],
    .marketing-prose[b-3pjt1owlb2] {
        padding-block: 4rem;
    }
}