@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800;900&display=swap");

:root {
    --zs-bg: #07080a;
    --zs-bg-soft: #0a0c0f;
    --zs-sidebar: #090b0d;
    --zs-panel: #0c0e11;
    --zs-panel-2: #111418;
    --zs-panel-3: #161a1f;
    --zs-raised: #1b2026;
    --zs-bg-gradient:
        radial-gradient(120% 60% at 50% -10%, rgba(0, 167, 156, 0.10), transparent 60%),
        linear-gradient(180deg, #07080a 0%, #060709 100%);
    --zs-ink: #e7ebf0;
    --zs-ink-soft: #ffffff;
    --zs-muted: #8b95a1;
    --zs-muted-2: #6f7984;
    --zs-faint: #4a525c;
    --zs-line: rgba(255, 255, 255, 0.07);
    --zs-line-strong: rgba(255, 255, 255, 0.12);
    --zs-grid-line: rgba(255, 255, 255, 0.05);
    --zs-accent: #00a79c;
    --zs-accent-bright: #00a79c;
    --zs-accent-mint: #00a79c;
    --zs-accent-hover: #00a79c;
    --zs-accent-soft: rgba(0, 167, 156, 0.12);
    --zs-accent-line: rgba(0, 167, 156, 0.34);
    --zs-accent-fg: #04110f;
    --zs-success: #00a79c;
    --zs-success-soft: rgba(0, 167, 156, 0.13);
    --zs-warning: #f2c94c;
    --zs-warning-soft: rgba(242, 201, 76, 0.14);
    --zs-danger: #ff6b6b;
    --zs-danger-soft: rgba(255, 107, 107, 0.13);
    --zs-blocked: #7a1d1d;
    --zs-etsy: #00a79c;
    --zs-etsy-hi: #00a79c;
    --zs-shopify: #00a79c;
    --zs-aurora:
        radial-gradient(80% 120% at 50% 118%, rgba(0, 167, 156, 0.45), rgba(0, 167, 156, 0.18) 38%, transparent 70%);
    --zs-aurora-soft:
        radial-gradient(90% 130% at 50% 125%, rgba(0, 167, 156, 0.30), transparent 68%);
    --zs-text-gradient: linear-gradient(180deg, #ffffff 30%, #00a79c 130%);
    --zs-text-gradient-mint: linear-gradient(92deg, #00a79c, #00a79c 60%, #00a79c);
    --zs-shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 20px 50px -20px rgba(0, 0, 0, 0.7);
    --zs-shadow-deep: 0 30px 80px -24px rgba(0, 0, 0, 0.8);
    --zs-shadow-cta: 0 8px 24px -8px rgba(0, 0, 0, 0.6);
    --zs-radius-xs: 6px;
    --zs-radius-sm: 8px;
    --zs-radius-md: 12px;
    --zs-radius-lg: 16px;
    --zs-radius-pill: 999px;
    --zs-font-body: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --zs-font-display: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --zs-font-mono: ui-monospace, "SF Mono", "JetBrains Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

    --bg: var(--zs-bg);
    --bg-soft: var(--zs-bg-soft);
    --sidebar: var(--zs-sidebar);
    --panel: var(--zs-panel);
    --panel-2: var(--zs-panel-2);
    --panel-3: var(--zs-panel-3);
    --ink: var(--zs-ink);
    --muted: var(--zs-muted);
    --line: var(--zs-line);
    --line-strong: var(--zs-line-strong);
    --border: var(--zs-line);
    --accent: var(--zs-accent);
    --accent-soft: var(--zs-accent-soft);
    --success: var(--zs-success);
    --success-soft: var(--zs-success-soft);
    --warning: var(--zs-warning);
    --warning-soft: var(--zs-warning-soft);
    --danger: var(--zs-danger);
    --danger-soft: var(--zs-danger-soft);
    --shadow: var(--zs-shadow-card);
    --font: var(--zs-font-body);
    --font-body: var(--zs-font-body);
    --font-display: var(--zs-font-display);
    --home-bg: var(--zs-bg);
    --home-panel: var(--zs-panel);
    --home-ink: var(--zs-ink);
    --home-muted: var(--zs-muted);
    --home-line: var(--zs-line-strong);
    --home-accent: var(--zs-accent-bright);
    --home-warn: var(--zs-warning);
    --home-risk: var(--zs-danger);
    --home-safe: var(--zs-success);
    --clerk-color-primary: var(--zs-accent);
    --clerk-color-primary-foreground: var(--zs-accent-fg);
    --clerk-color-background: var(--zs-panel);
    --clerk-color-foreground: var(--zs-ink);
    --clerk-color-input: var(--zs-panel-2);
    --clerk-color-input-foreground: var(--zs-ink);
    --clerk-color-muted: var(--zs-panel-3);
    --clerk-color-muted-foreground: var(--zs-muted);
    --clerk-border-radius: var(--zs-radius-md);
    --clerk-font-family: var(--zs-font-body);
}

html {
    background: var(--zs-bg) !important;
}

body {
    color: var(--zs-ink) !important;
    font-family: var(--zs-font-body) !important;
    background: var(--zs-bg-gradient) !important;
    background-attachment: fixed !important;
    text-rendering: geometricPrecision;
}

::selection {
    background: rgba(0, 167, 156, 0.28);
    color: #ffffff;
}

:is(h1, h2, h3, h4, .font-display, .page-title, .metric-value, .welcome-brand-name, .storefront-brand-name) {
    font-family: var(--zs-font-display) !important;
    letter-spacing: -0.03em;
}

:is(p, span, small, li, td, th, input, textarea, select, button, a) {
    font-family: inherit;
}

:is(a, button, input, select, textarea):focus-visible {
    outline: none !important;
    border-color: var(--zs-accent-line) !important;
    box-shadow: 0 0 0 3px rgba(0, 167, 156, 0.16) !important;
}

.nav-progress::before {
    background: linear-gradient(90deg, transparent, var(--zs-accent-bright), transparent) !important;
    filter: drop-shadow(0 0 8px rgba(0, 167, 156, 0.58)) !important;
}

.page-shell,
.storefront-landing,
.home-page-shell,
.public-site-page {
    position: relative;
    isolation: isolate;
    background: var(--zs-bg-gradient) !important;
}

.page-shell::before,
.storefront-landing::before,
.public-site-page::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        linear-gradient(90deg, var(--zs-grid-line) 1px, transparent 1px),
        linear-gradient(180deg, var(--zs-grid-line) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: radial-gradient(120% 70% at 50% 15%, #000 26%, transparent 78%);
    opacity: 0.72;
}

.app-sidebar {
    background: rgba(9, 11, 13, 0.92) !important;
    border-right-color: var(--zs-line) !important;
    box-shadow: 18px 0 56px rgba(0, 0, 0, 0.44) !important;
}

header.sticky {
    background: rgba(7, 8, 10, 0.92) !important;
    border-bottom-color: var(--zs-line) !important;
}

.brand-mark,
.account-summary-avatar,
.storefront-brand-logo,
.welcome-brand-logo,
.home-brand img {
    background:
        radial-gradient(120% 120% at 50% 135%, rgba(0, 167, 156, 0.46), rgba(12, 14, 17, 0.92) 62%) !important;
    border: 1px solid var(--zs-line-strong) !important;
    box-shadow: 0 0 0 1px rgba(0, 167, 156, 0.18), 0 12px 32px -10px rgba(0, 167, 156, 0.50) !important;
}

.storefront-brand-logo,
.welcome-brand-logo,
.home-brand img {
    padding: 0.35rem;
    object-fit: contain;
}

.public-site-shell .welcome-brand-logo,
.blog-public-shell .welcome-brand-logo,
.home-brand img {
    border-radius: 0 !important;
}

.brand-beta-pill,
.welcome-badge,
.storefront-badge,
.home-section-kicker,
.pricing-choice-kicker,
.page-kicker,
.eyebrow,
.metric-label,
.field-label,
.sidebar-section-title,
.panel-kicker {
    color: var(--zs-accent-mint) !important;
}

.page-kicker,
.eyebrow,
.metric-label,
.field-label,
.sidebar-section-title,
.panel-kicker,
.home-section-kicker,
.pricing-choice-kicker {
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

.page-title,
.storefront-hero h1,
.home-section h2,
.home-final-panel h2,
.public-page-hero h1,
.blog-index-hero h1,
.blog-article-header h1,
.pricing-hero h1 {
    color: #ffffff !important;
    background: var(--zs-text-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.02 !important;
}

.page-description,
.storefront-hero p,
.home-section p,
.public-page-hero p,
.blog-index-hero p,
.blog-article-header p,
.pricing-hero p {
    color: var(--zs-muted) !important;
}

.panel,
.metric-card,
.subtle-card,
.page-context-card,
.sidebar-card,
.sidebar-plan-card,
.account-summary,
.products-section-strip,
.products-filter-group,
.products-state-content,
.workspace-health-card,
.workspace-card,
.workspace-shell,
.app-modal-card,
.billing-upgrade-card,
.settings-profile-card,
.settings-current-line,
.settings-shop-card,
.settings-shop-actions,
.settings-billing-usage,
.settings-alert,
.settings-billing-note,
.shop-signal-card,
.shop-flow-panel,
.schedule-next-card,
.schedule-roadmap article,
.coming-soon-cards article,
.image-lab-panel,
.image-lab-card,
.evidence-modal-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(12, 14, 17, 0.88) !important;
    border-color: var(--zs-line-strong) !important;
    box-shadow: var(--zs-shadow-card) !important;
}

.panel,
.metric-card,
.subtle-card,
.page-context-card,
.sidebar-card,
.sidebar-plan-card,
.account-summary,
.products-filter-group,
.workspace-health-card,
.app-modal-card,
.billing-upgrade-card,
.settings-profile-card,
.settings-current-line,
.settings-shop-card,
.settings-billing-usage,
.settings-alert,
.settings-billing-note,
.shop-signal-card,
.shop-flow-panel,
.schedule-next-card {
    border-radius: var(--zs-radius-md) !important;
}

.btn,
.home-btn,
.pricing-action,
.admin-tab,
.admin-pagination a.pager-btn,
.storefront-auth-text-button,
.sidebar-connect-button,
.products-view-pill,
.products-section-chip,
.product-state-tab,
.filter-input,
.filter-select,
.admin-logs-toolbar input,
.admin-logs-toolbar select {
    font-family: var(--zs-font-body) !important;
}

.btn,
.home-btn,
.pricing-action {
    border-radius: var(--zs-radius-sm) !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
}

.btn-primary,
.home-btn:not(.secondary),
.pricing-action.btn-primary,
.public-site-shell .btn-primary,
.blog-public-shell .btn-primary {
    color: var(--zs-bg) !important;
    background: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.86) !important;
    box-shadow: var(--zs-shadow-cta) !important;
}

.btn-primary:hover:not(:disabled),
.home-btn:not(.secondary):hover,
.pricing-action.btn-primary:hover:not(:disabled),
.public-site-shell .btn-primary:hover:not(:disabled),
.blog-public-shell .btn-primary:hover:not(:disabled) {
    color: #020404 !important;
    background: linear-gradient(180deg, #ffffff, #d6fff8) !important;
    border-color: rgba(0, 167, 156, 0.86) !important;
    box-shadow: 0 12px 32px -14px rgba(0, 167, 156, 0.75) !important;
}

.btn-secondary,
.btn-ghost,
.home-btn.secondary,
.public-site-shell .btn-secondary,
.blog-public-shell .btn-secondary,
.public-site-shell .btn-ghost,
.blog-public-shell .btn-ghost {
    color: var(--zs-ink) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.012)),
        var(--zs-panel-2) !important;
    border-color: var(--zs-line-strong) !important;
    box-shadow: none !important;
}

.btn-secondary:hover:not(:disabled),
.btn-ghost:hover:not(:disabled),
.home-btn.secondary:hover {
    color: #ffffff !important;
    background: var(--zs-raised) !important;
    border-color: rgba(255, 255, 255, 0.20) !important;
}

.sidebar-connect-button,
.btn-sync-tab,
.btn-etsy,
button[name="platform"][value="etsy"] {
    color: #04110f !important;
    background: linear-gradient(180deg, #00a79c, #00a79c 58%, #00a79c) !important;
    border-color: rgba(0, 167, 156, 0.52) !important;
}

.sidebar-connect-icon,
.sidebar-link.active .sidebar-link-icon,
.sidebar-link:hover .sidebar-link-icon,
.sidebar-plan-link,
.public-site-footer-nav a:hover,
.public-site-nav-links a:not(.btn):hover {
    color: var(--zs-accent-mint) !important;
}

.sidebar-link.active,
.sidebar-subnav-link.active,
.products-view-pill.is-active,
.products-section-chip.is-active,
.product-state-tab.is-active,
.pricing-plan-pill.is-active {
    border-color: var(--zs-accent-line) !important;
    background:
        linear-gradient(180deg, rgba(0, 167, 156, 0.16), rgba(0, 167, 156, 0.055)),
        rgba(12, 14, 17, 0.92) !important;
    color: #ffffff !important;
}

.filter-input,
.filter-select,
.admin-logs-toolbar input,
.admin-logs-toolbar select,
.storefront-forgot-field input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
select {
    color: var(--zs-ink) !important;
    background: rgba(10, 12, 15, 0.92) !important;
    border-color: var(--zs-line-strong) !important;
}

.filter-input::placeholder,
input::placeholder,
textarea::placeholder {
    color: var(--zs-faint) !important;
}

.risk-pill.is-safe,
.status.is-active,
.admin-status-pill-row::before {
    color: #8af0c0 !important;
}

.risk-pill.is-review,
.risk-pill.is-medium,
.status.is-running,
.admin-status-pill-row.is-warn::before {
    color: #f4d97a !important;
}

.risk-pill.is-high,
.risk-pill.is-blocked,
.status.is-error,
.admin-status-pill-row.is-error::before {
    color: #ff9090 !important;
}

.storefront-surface,
.home-shell,
.blog-public-shell,
.public-site-shell {
    position: relative;
    z-index: 1;
}

.storefront-surface,
.home-problem-panel,
.home-focus-panel,
.home-flow-step,
.home-cta-panel,
.home-pricing-card,
.home-faq-intro,
.home-faq-item,
.home-final-panel,
.home-schedule-copy,
.home-schedule-board,
.pricing-choice-card,
.pricing-note,
.pricing-slider-panel,
.pricing-plan-pill,
.public-copy-panel,
.public-contact-panel,
.public-site-footer,
.blog-index-card,
.blog-empty-state,
.blog-article,
.blog-answer-brief,
.blog-cta-panel,
.blog-sources,
.blog-faq details,
.blog-dynamic-block,
.blog-checklist-grid > div,
.blog-mini-cards > div,
.blog-stat-strip > div,
.blog-process-steps li,
.blog-compare-table,
.blog-inline-figure,
.blog-related-cta {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(12, 14, 17, 0.78) !important;
    border-color: var(--zs-line-strong) !important;
    box-shadow: var(--zs-shadow-card) !important;
}

.storefront-showcase,
.storefront-auth-panel,
.storefront-example-card,
.storefront-gallery-foot,
.home-schedule-board,
.pricing-choice-main,
.home-final-panel,
.home-cta-panel {
    position: relative;
    overflow: hidden;
}

.storefront-showcase::after,
.pricing-choice-main::after,
.home-final-panel::before,
.home-schedule-board::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -45%;
    height: 90%;
    pointer-events: none;
    background: var(--zs-aurora-soft);
    opacity: 0.82;
}

.storefront-showcase > *,
.pricing-choice-main > *,
.home-final-panel > *,
.home-schedule-board > * {
    position: relative;
    z-index: 1;
}

.public-site-shell :is(.btn, .welcome-badge, .storefront-badge, .pricing-choice-card, .pricing-note, .pricing-slider-panel, .pricing-choice-limit, .pricing-plan-pill, .public-copy-panel, .public-copy-section, .public-contact-panel, .public-site-footer, .blog-index-card, .blog-empty-state, .blog-article, .blog-answer-brief, .blog-cta-panel, .blog-sources, .blog-faq details, .blog-dynamic-block, .blog-checklist-grid > div, .blog-mini-cards > div, .blog-stat-strip > div, .blog-process-steps li, .blog-compare-table, .blog-inline-figure, .blog-related-cta),
.blog-public-shell :is(.btn, .welcome-badge, .blog-index-card, .blog-empty-state, .blog-article, .blog-answer-brief, .blog-cta-panel, .blog-sources, .blog-faq details, .blog-dynamic-block, .blog-checklist-grid > div, .blog-mini-cards > div, .blog-stat-strip > div, .blog-process-steps li, .blog-compare-table, .blog-inline-figure, .blog-related-cta),
.home-page-shell :is(.home-btn, .home-card, .home-blog-grid article, .home-problem-panel, .home-stat-card, .home-focus-panel, .home-focus-chips span, .home-flow-step, .home-pricing-card, .home-faq-intro, .home-faq-item, .home-final-panel, .home-schedule-copy, .home-schedule-board, .home-schedule-tick span) {
    border-radius: 0 !important;
}

.welcome-badge,
.storefront-badge,
.home-section-kicker,
.pricing-choice-kicker,
.home-pricing-card span,
.home-flow-step span,
.home-schedule-head span,
.public-page-tabs a.is-active {
    color: var(--zs-accent-mint) !important;
}

.storefront-scan-beam {
    background: linear-gradient(90deg, transparent, rgba(0, 167, 156, 0.72), transparent) !important;
    box-shadow: 0 0 30px rgba(0, 167, 156, 0.42) !important;
}

.pricing-range {
    accent-color: var(--zs-accent-bright) !important;
}

.admin-tabs-nav,
.admin-overview-card,
.admin-overview-panel,
.admin-logs-toolbar,
.admin-log-row,
.admin-log-meta,
.admin-log-empty,
.admin-billing-row,
.admin-schedule-card,
.admin-runs-row,
.admin-command-panel,
.admin-ops-panel,
.admin-user-card,
.admin-search-panel,
.admin-allowed,
.admin-current-access {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(12, 14, 17, 0.86) !important;
    border-color: var(--zs-line-strong) !important;
    box-shadow: var(--zs-shadow-card) !important;
}

.admin-tab.is-active {
    color: var(--zs-bg) !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px -16px rgba(0, 167, 156, 0.7) !important;
}

.admin-overview-panel .panel-kicker,
.admin-schedule-card .panel-kicker,
.admin-log-msg .type,
.admin-billing-row .links a,
.admin-section-head span,
.admin-user-kicker {
    color: var(--zs-accent-mint) !important;
}

.zs-clerk-auth-root,
.zs-clerk-auth-root .cl-main,
.zs-clerk-auth-root .cl-card,
.zs-clerk-card,
.zs-clerk-card-box {
    color: var(--zs-ink) !important;
    font-family: var(--zs-font-body) !important;
}

.zs-clerk-card,
.zs-clerk-card-box,
.zs-clerk-auth-root .cl-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(12, 14, 17, 0.94) !important;
    border: 1px solid var(--zs-line-strong) !important;
    border-radius: var(--zs-radius-md) !important;
    box-shadow: var(--zs-shadow-deep) !important;
}

.zs-clerk-primary-button,
.zs-clerk-auth-root .cl-formButtonPrimary {
    color: var(--zs-bg) !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: var(--zs-shadow-cta) !important;
}

.zs-clerk-field-input,
.zs-clerk-auth-root input {
    color: var(--zs-ink) !important;
    background: rgba(10, 12, 15, 0.92) !important;
    border-color: var(--zs-line-strong) !important;
    border-radius: var(--zs-radius-sm) !important;
}

.zs-toast {
    color: var(--zs-ink) !important;
    font-family: var(--zs-font-body) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(7, 8, 10, 0.94) !important;
    border-color: var(--zs-line-strong) !important;
    border-radius: var(--zs-radius-sm) !important;
    box-shadow: var(--zs-shadow-deep) !important;
}

.zs-toast.is-info {
    border-color: var(--zs-accent-line) !important;
}

.zs-toast.is-info::before,
.zs-toast.is-info .icon-dot {
    background: var(--zs-accent) !important;
}

.zs-toast.is-info .icon-dot {
    box-shadow: 0 0 12px rgba(0, 167, 156, 0.55) !important;
}

.zs-toast .close {
    color: var(--zs-muted) !important;
    border-radius: var(--zs-radius-xs) !important;
}

.zs-toast .close:hover {
    color: #ffffff !important;
}

[data-cookie-consent] {
    color: var(--zs-ink) !important;
    font-family: var(--zs-font-body) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(7, 8, 10, 0.94) !important;
    border-color: var(--zs-line-strong) !important;
    border-radius: var(--zs-radius-sm) !important;
    box-shadow: var(--zs-shadow-deep) !important;
}

[data-cookie-consent].zs-cookie-banner {
    position: fixed !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    z-index: 9999 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 14px 16px !important;
}

.zs-cookie-copy {
    max-width: 520px !important;
}

.zs-cookie-copy strong {
    display: block !important;
    margin-bottom: 3px !important;
}

.zs-cookie-actions {
    display: flex !important;
    gap: 8px !important;
}

[data-cookie-consent] strong {
    color: #ffffff !important;
    font-family: var(--zs-font-display) !important;
}

[data-cookie-consent] span {
    color: var(--zs-muted) !important;
}

[data-cookie-consent] button {
    border-radius: var(--zs-radius-sm) !important;
    font-family: var(--zs-font-body) !important;
    padding: 9px 12px !important;
    font-weight: 800 !important;
}

[data-cookie-consent-accept] {
    color: var(--zs-bg) !important;
    background: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.86) !important;
}

[data-cookie-consent-decline] {
    color: var(--zs-ink) !important;
    background: transparent !important;
    border-color: var(--zs-line-strong) !important;
}

.app-loading-snapshot {
    background: var(--zs-bg-gradient) !important;
}

@media (max-width: 760px) {
    .page-title,
    .storefront-hero h1,
    .public-page-hero h1,
    .blog-index-hero h1,
    .blog-article-header h1 {
        letter-spacing: -0.02em !important;
    }

    .public-site-nav .public-site-nav-links,
    .blog-public-nav-links,
    .home-links {
        gap: 0.65rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}

/* Aurora public polish: match the attached reference screens more closely. */
body {
    overflow-x: hidden;
}

.storefront-landing,
.public-site-page {
    isolation: isolate;
    background:
        radial-gradient(44rem 28rem at 50% 6rem, rgba(0, 167, 156, 0.13), transparent 68%),
        radial-gradient(36rem 24rem at 84% 7rem, rgba(0, 167, 156, 0.08), transparent 72%),
        linear-gradient(180deg, #07080a 0%, #050608 100%) !important;
}

.storefront-landing::after,
.public-site-page::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: radial-gradient(125% 78% at 50% 9%, #000 24%, transparent 76%);
}

.home-page-shell .storefront-surface,
.public-site-shell {
    width: min(1120px, calc(100% - 40px)) !important;
    margin: 0 auto !important;
    padding: 20px 0 64px !important;
    border: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.055) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.055) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.home-nav,
.public-site-nav.blog-public-nav,
.storefront-topbar {
    position: sticky !important;
    top: 16px !important;
    z-index: 40 !important;
    min-height: 52px !important;
    padding: 0.62rem 0.78rem 0.62rem 0.95rem !important;
    border: 1px solid var(--zs-line-strong) !important;
    border-radius: 14px !important;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035), rgba(0, 167, 156, 0.055), rgba(255, 255, 255, 0.026)),
        rgba(10, 12, 15, 0.74) !important;
    box-shadow: 0 18px 48px -24px rgba(0, 0, 0, 0.88), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(16px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.18) !important;
}

.home-brand,
.welcome-brand,
.storefront-brand {
    gap: 0.62rem !important;
}

.home-brand img,
.welcome-brand-logo,
.storefront-brand-logo {
    width: 30px !important;
    height: 30px !important;
    padding: 0.22rem !important;
    border-radius: 9px !important;
}

.home-brand strong,
.welcome-brand-name,
.storefront-brand-name {
    font-size: 1rem !important;
    font-weight: 850 !important;
    letter-spacing: -0.025em !important;
}

.home-brand span,
.welcome-brand-subtitle,
.storefront-brand-subtitle {
    display: none !important;
}

.home-links,
.public-site-nav-links,
.blog-public-nav-links,
.storefront-topbar-pills {
    gap: 0.18rem !important;
}

.home-links a,
.home-auth-link,
.public-site-nav-links a:not(.btn),
.blog-public-nav-links a:not(.btn),
.storefront-topbar-pills a,
.storefront-topbar-pills span {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0.5rem 0.68rem !important;
    border: 0 !important;
    border-radius: var(--zs-radius-sm) !important;
    color: var(--zs-muted) !important;
    background: transparent !important;
    font-size: 0.84rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
}

.home-links a:hover,
.home-auth-link:hover,
.public-site-nav-links a:not(.btn):hover,
.blog-public-nav-links a:not(.btn):hover,
.public-site-nav-links a.is-active,
.blog-public-nav-links a.is-active {
    color: var(--zs-accent-mint) !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

.home-links .home-btn,
.public-site-nav-links .btn,
.blog-public-nav-links .btn,
.storefront-topbar .btn {
    color: var(--zs-ink) !important;
    min-height: 2.15rem !important;
    padding: 0.55rem 0.78rem !important;
    border-radius: var(--zs-radius-sm) !important;
    background: var(--zs-panel-2) !important;
    border-color: var(--zs-line-strong) !important;
}

.home-page-shell .storefront-home-grid {
    display: block !important;
    margin-top: 0 !important;
}

.home-page-shell .storefront-home-rail {
    display: none !important;
}

.home-page-shell .storefront-hero,
.public-pricing-shell .pricing-hero,
.blog-index-hero,
.blog-article-header,
.public-page-hero {
    position: relative !important;
    overflow: hidden !important;
    max-width: none !important;
    margin: 0 !important;
    padding: clamp(3.2rem, 7vw, 5.6rem) clamp(1rem, 4vw, 2.5rem) clamp(1.8rem, 4vw, 3rem) !important;
    text-align: center !important;
}

.home-page-shell .storefront-hero::before,
.public-pricing-shell .pricing-hero::before,
.blog-index-hero::before,
.blog-article-header::before,
.public-page-hero::before {
    content: "";
    position: absolute;
    inset: 0 -40px;
    pointer-events: none;
    background-image:
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: radial-gradient(120% 70% at 50% 22%, #000 28%, transparent 76%);
}

.home-page-shell .storefront-hero::after,
.public-pricing-shell .pricing-hero::after,
.blog-index-hero::after,
.blog-article-header::after,
.public-page-hero::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 2.2rem;
    width: min(44rem, 92vw);
    height: 24rem;
    transform: translateX(-50%);
    pointer-events: none;
    background: radial-gradient(50% 52% at 50% 42%, rgba(0, 167, 156, 0.18), transparent 70%);
    filter: blur(10px);
}

.storefront-hero-copy,
.pricing-hero > *,
.blog-index-hero > *,
.blog-article-header > *,
.public-page-hero > * {
    position: relative;
    z-index: 1;
}

.home-page-shell .storefront-hero-copy {
    max-width: 860px !important;
    margin: 0 auto !important;
}

.storefront-badge-row,
.welcome-badge-row {
    justify-content: center !important;
}

.storefront-badge,
.welcome-badge {
    border-radius: var(--zs-radius-pill) !important;
    border-color: var(--zs-line-strong) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.012)) !important;
    color: var(--zs-ink) !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
}

.storefront-badge::before,
.welcome-badge::before {
    content: "";
    width: 0.42rem;
    height: 0.42rem;
    border-radius: var(--zs-radius-pill);
    background: var(--zs-accent-mint);
    box-shadow: 0 0 12px rgba(0, 167, 156, 0.8);
}

.storefront-badge-note,
.welcome-badge-note {
    color: var(--zs-muted) !important;
    font-size: 0.84rem !important;
}

.home-page-shell .storefront-hero h1,
.public-pricing-shell .pricing-hero h1,
.blog-index-hero h1,
.blog-article-header h1,
.public-page-hero h1 {
    max-width: 860px !important;
    margin: 1.2rem auto 0 !important;
    font-size: clamp(2.55rem, 6.4vw, 4.35rem) !important;
    line-height: 0.95 !important;
    font-weight: 850 !important;
    letter-spacing: -0.035em !important;
    text-align: center !important;
}

.home-page-shell .storefront-hero p,
.public-pricing-shell .pricing-hero p,
.blog-index-hero p,
.blog-article-header p,
.public-page-hero p {
    max-width: 650px !important;
    margin: 1.15rem auto 0 !important;
    color: rgba(231, 235, 240, 0.72) !important;
    font-size: clamp(0.98rem, 1.5vw, 1.08rem) !important;
    line-height: 1.58 !important;
    text-align: center !important;
}

.storefront-home-actions {
    justify-content: center !important;
    margin-top: 1.55rem !important;
}

.home-hero-proof-row {
    display: flex;
    justify-content: center;
    gap: clamp(1rem, 4vw, 2.25rem);
    flex-wrap: wrap;
    margin: 1.6rem auto 0;
}

.home-hero-proof-item {
    display: flex;
    align-items: flex-start;
    gap: 0.72rem;
    max-width: 18rem;
    text-align: left;
}

.home-proof-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    border: 1px solid var(--zs-line-strong);
    border-radius: var(--zs-radius-sm);
    color: var(--zs-accent-mint);
    background: rgba(17, 20, 24, 0.9);
    box-shadow: 0 0 20px -12px rgba(0, 167, 156, 0.8);
}

.home-hero-proof-item strong {
    display: block;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 750;
}

.home-hero-proof-item span:not(.home-proof-icon) {
    display: block;
    margin-top: 0.18rem;
    color: var(--zs-muted);
    font-size: 0.82rem;
    line-height: 1.45;
}

.home-grid-preview {
    position: relative;
    z-index: 1;
    max-width: 1040px;
    margin: clamp(2rem, 5vw, 3.5rem) auto 0;
    text-align: left;
}

.home-grid-preview-glow {
    position: absolute;
    inset: -10% -7% -24%;
    pointer-events: none;
    background:
        radial-gradient(52% 62% at 18% 68%, rgba(0, 167, 156, 0.58), rgba(0, 167, 156, 0.14) 40%, transparent 72%),
        radial-gradient(44% 52% at 84% 20%, rgba(0, 167, 156, 0.22), transparent 76%);
    filter: blur(8px);
}

.home-grid-frame {
    position: relative;
    overflow: visible;
    border: 1px solid var(--zs-line-strong);
    border-radius: 14px;
    background: rgba(10, 12, 15, 0.96);
    box-shadow: var(--zs-shadow-deep);
}

.home-grid-frame::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -62%;
    height: 100%;
    pointer-events: none;
    background: radial-gradient(70% 105% at 50% 100%, rgba(0, 167, 156, 0.34), rgba(0, 167, 156, 0.08) 45%, transparent 72%);
}

.home-grid-frame > * {
    position: relative;
    z-index: 1;
}

.home-grid-toolbar,
.home-grid-groupbar,
.home-grid-head,
.home-grid-row {
    display: grid;
    align-items: center;
    border-bottom: 1px solid var(--zs-line);
}

.home-grid-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    padding: 0.78rem 0.95rem;
}

.home-grid-toolbar strong {
    color: #fff;
    font-size: 0.95rem;
    font-weight: 780;
}

.home-grid-toolbar div,
.home-grid-groupbar {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    flex-wrap: wrap;
}

.home-grid-toolbar span,
.home-grid-groupbar b {
    display: inline-flex;
    align-items: center;
    min-height: 1.7rem;
    border: 1px solid var(--zs-line);
    border-radius: 7px;
    padding: 0.28rem 0.52rem;
    color: var(--zs-muted);
    background: rgba(255, 255, 255, 0.022);
    font-size: 0.73rem;
    font-weight: 650;
}

.home-grid-groupbar {
    padding: 0.58rem 0.95rem;
}

.home-grid-groupbar span {
    color: var(--zs-muted);
    font-size: 0.76rem;
}

.home-grid-head,
.home-grid-row {
    grid-template-columns: 2fr 1fr 1.2fr 0.82fr 0.78fr;
    gap: 0.8rem;
    padding: 0.58rem 0.95rem;
}

.home-grid-head {
    color: var(--zs-muted-2);
    font-size: 0.68rem;
    font-weight: 780;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-grid-row {
    color: var(--zs-muted);
    font-size: 0.82rem;
}

.home-grid-row > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-grid-row:last-of-type {
    border-bottom: 0;
}

.home-grid-row > span:first-child {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    min-width: 0;
}

.home-grid-row i {
    display: inline-grid;
    place-items: center;
    width: 1.52rem;
    height: 1.52rem;
    flex: 0 0 auto;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-style: normal;
    font-size: 0.62rem;
    font-weight: 850;
}

.home-grid-row b {
    color: #fff;
    font-weight: 720;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-grid-row.is-high span:nth-child(2) {
    color: #ff9090;
}

.home-grid-row.is-review span:nth-child(2) {
    color: #f4d97a;
}

.home-grid-row.is-safe span:nth-child(2) {
    color: #8af0c0;
}

.home-shop-summary-card {
    position: absolute;
    z-index: 3;
    right: -1.05rem;
    bottom: -0.9rem;
    width: min(22rem, 42%);
    display: grid;
    gap: 0.58rem;
    padding: 0.78rem;
    border: 1px solid var(--zs-line-strong);
    border-radius: 10px;
    background:
        radial-gradient(120% 140% at 50% 110%, rgba(0, 167, 156, 0.24), transparent 58%),
        rgba(8, 14, 16, 0.985);
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.9);
}

.home-shop-summary-card > div:first-child span {
    display: block;
    color: var(--zs-accent-mint);
    font-size: 0.72rem;
    font-weight: 780;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-shop-summary-card > div:first-child strong {
    display: block;
    margin-top: 0.18rem;
    color: #fff;
    font-size: 0.98rem;
    font-weight: 820;
    letter-spacing: -0.02em;
}

.home-shop-summary-card > div:first-child small {
    display: block;
    margin-top: 0.2rem;
    color: var(--zs-muted);
    font-size: 0.76rem;
    font-weight: 700;
}

.home-shop-summary-card dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
    margin: 0;
}

.home-shop-summary-card dl div {
    display: grid;
    gap: 0.18rem;
    padding: 0.55rem 0.5rem;
    border: 1px solid var(--zs-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.028);
}

.home-shop-summary-card dt {
    color: var(--zs-muted);
    font-size: 0.7rem;
    font-weight: 700;
}

.home-shop-summary-card dd {
    margin: 0;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 850;
    line-height: 1;
}

.home-shop-summary-card p {
    margin: 0 !important;
    color: var(--zs-muted) !important;
    font-size: 0.82rem !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

.home-page-shell .storefront-hero .home-shop-summary-card p {
    max-width: none !important;
    margin: 0 !important;
    font-size: 0.82rem !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

.home-checkup-mini {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.45rem;
    padding: 0.45rem 0.52rem;
    border: 1px solid rgba(0, 167, 156, 0.22);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(0, 167, 156, 0.11), transparent 60%),
        rgba(255, 255, 255, 0.026);
}

.home-checkup-mini span {
    min-width: 0;
    overflow: hidden;
    color: var(--zs-accent-mint);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.home-checkup-mini strong {
    display: inline-grid;
    width: 1.7rem;
    height: 1.7rem;
    place-items: center;
    border: 1px solid rgba(0, 167, 156, 0.34);
    border-radius: 7px;
    background: rgba(0, 167, 156, 0.14);
    color: #ffffff;
    font-size: 1rem;
    font-weight: 850;
    line-height: 1;
}

.home-checkup-mini b {
    color: var(--zs-muted);
    font-size: 0.72rem;
    font-weight: 760;
}

.home-checkup-status {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    min-height: 1.8rem;
    padding: 0.32rem 0.44rem;
    border: 1px solid var(--zs-line);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.028);
}

.home-checkup-status span {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 780;
}

.home-checkup-status span::before {
    content: "";
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: var(--zs-accent-mint);
    box-shadow: 0 0 10px rgba(0, 167, 156, 0.75);
}

.home-checkup-status b {
    min-width: 0;
    overflow: hidden;
    color: var(--zs-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-grid-code-card {
    position: absolute;
    right: 1rem;
    bottom: 0.95rem;
    width: min(22rem, 42%);
    display: grid;
    gap: 0.45rem;
    padding: 0.72rem 0.82rem;
    border: 1px solid var(--zs-line-strong);
    border-radius: 8px;
    background: rgba(22, 26, 31, 0.95);
    box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.9);
}

.home-grid-code-card div {
    display: flex;
    gap: 1rem;
    border-bottom: 1px solid var(--zs-line);
    padding-bottom: 0.45rem;
}

.home-grid-code-card b {
    color: #fff;
    font-size: 0.78rem;
}

.home-grid-code-card span {
    color: var(--zs-muted);
    font-size: 0.78rem;
}

.home-grid-code-card code {
    border: 0;
    background: transparent;
    padding: 0;
    color: #aef3e7;
    font-size: 0.72rem;
}

.home-trust-strip {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    gap: 1.05rem;
    margin: clamp(3rem, 7vw, 5rem) auto 0;
    padding: 0 clamp(1rem, 4vw, 2rem);
    text-align: center;
}

.home-trust-strip p {
    max-width: 34rem;
    margin: 0 !important;
    color: var(--zs-muted-2) !important;
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
}

.home-trust-strip div {
    display: flex;
    justify-content: center;
    gap: clamp(0.75rem, 3vw, 2.25rem);
    flex-wrap: wrap;
}

.home-trust-strip span {
    position: relative;
    color: rgba(231, 235, 240, 0.58);
    font-size: 0.9rem;
    font-weight: 780;
    letter-spacing: -0.01em;
    animation: home-trust-chip-breathe 6.8s ease-in-out infinite;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

.home-trust-strip span:nth-child(2) {
    animation-delay: 0.45s;
}

.home-trust-strip span:nth-child(3) {
    animation-delay: 0.9s;
}

.home-trust-strip span:nth-child(4) {
    animation-delay: 1.35s;
}

.home-trust-strip span:nth-child(5) {
    animation-delay: 1.8s;
}

.home-trust-strip span:nth-child(6) {
    animation-delay: 2.25s;
}

@keyframes home-trust-chip-breathe {
    0%,
    70%,
    100% {
        color: rgba(231, 235, 240, 0.58);
        text-shadow: none;
    }
    36% {
        color: rgba(231, 235, 240, 0.86);
        text-shadow: 0 0 14px rgba(0, 167, 156, 0.16);
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-trust-strip span {
        animation: none !important;
    }
}

.home-seller-showcase {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.92fr);
    gap: clamp(1rem, 4vw, 2rem);
    align-items: center;
}

.home-seller-visual,
.home-seller-copy {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--zs-line);
    border-radius: 16px;
    background: var(--zs-panel);
    box-shadow: var(--zs-shadow-card);
}

.home-seller-visual {
    min-height: 28rem;
    display: grid;
    align-content: center;
    gap: 0.85rem;
    padding: clamp(1rem, 3vw, 1.6rem);
}

.home-aurora-cap {
    position: absolute;
    inset: auto 0 -35% 0;
    height: 78%;
    pointer-events: none;
    background: radial-gradient(70% 105% at 50% 100%, rgba(0, 167, 156, 0.36), rgba(0, 167, 156, 0.09) 42%, transparent 72%);
}

.home-listing-card {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.38rem;
    max-width: 82%;
    padding: 0.98rem 1rem;
    border: 1px solid var(--zs-line-strong);
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(12, 14, 17, 0.78);
}

.home-listing-card:nth-of-type(3) {
    margin-left: auto;
}

.home-listing-card span {
    color: var(--zs-muted-2);
    font-size: 0.72rem;
    font-weight: 780;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-listing-card strong {
    color: #fff;
    font-size: 1.12rem;
    font-weight: 820;
    letter-spacing: -0.02em;
}

.home-listing-card small {
    color: var(--zs-muted);
    font-size: 0.86rem;
    line-height: 1.45;
}

.home-listing-card.is-high {
    border-color: rgba(255, 107, 107, 0.32);
}

.home-listing-card.is-high span {
    color: #ff9090;
}

.home-listing-card.is-review {
    border-color: rgba(242, 201, 76, 0.30);
}

.home-listing-card.is-review span {
    color: #f4d97a;
}

.home-listing-card.is-safe {
    border-color: rgba(0, 167, 156, 0.30);
}

.home-listing-card.is-safe span {
    color: #8af0c0;
}

.home-seller-copy {
    padding: clamp(1.3rem, 4vw, 2rem);
}

.home-seller-copy h2 {
    margin: 0.8rem 0 0 !important;
}

.home-seller-copy p {
    margin-top: 0.95rem !important;
}

.home-seller-copy .home-btn {
    margin-top: 1.25rem;
}

.home-protection-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border: 1px solid var(--zs-line);
    border-radius: 16px;
    overflow: hidden;
    background: rgba(7, 8, 10, 0.22);
}

.home-protection-grid article {
    position: relative;
    min-height: 13rem;
    overflow: hidden;
    padding: 1.35rem 1.45rem;
    border-right: 1px dashed var(--zs-line-strong);
    border-bottom: 1px dashed var(--zs-line-strong);
    background: transparent;
    transition: background 0.18s ease, box-shadow 0.18s ease;
}

.home-protection-grid article:nth-child(3n) {
    border-right: 0;
}

.home-protection-grid article:nth-child(n + 4) {
    border-bottom: 0;
}

.home-protection-grid article:hover {
    background: linear-gradient(180deg, transparent, rgba(0, 167, 156, 0.052));
    box-shadow: inset 0 0 0 1px rgba(0, 167, 156, 0.45);
}

.home-protection-grid article:hover::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 62%;
    pointer-events: none;
    background: radial-gradient(70% 120% at 50% 120%, rgba(0, 167, 156, 0.18), transparent 70%);
}

.home-protection-grid span,
.home-protection-grid strong,
.home-protection-grid p {
    position: relative;
    z-index: 1;
}

.home-protection-grid span {
    color: var(--zs-accent-mint);
    font-size: 0.72rem;
    font-weight: 820;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.home-protection-grid strong {
    display: block;
    margin-top: 0.86rem;
    color: #fff;
    font-size: 1.18rem;
    font-weight: 820;
    letter-spacing: -0.02em;
}

.home-protection-grid p {
    margin-top: 0.72rem !important;
    color: var(--zs-muted) !important;
    font-size: 0.92rem !important;
    line-height: 1.58 !important;
}

@media (min-width: 981px) {
    .home-protection-grid article {
        min-height: 10.8rem;
        border-bottom: 0 !important;
    }
}

.home-section {
    padding-top: clamp(4.2rem, 8vw, 6.5rem) !important;
}

.home-section-head {
    align-items: end !important;
}

.home-section-head > div,
.home-wide-copy {
    max-width: 47rem;
}

.home-section h2,
.home-focus-panel h2,
.home-schedule-copy h2,
.home-faq-intro h2,
.home-final-panel h2 {
    font-size: clamp(2rem, 4vw, 3.35rem) !important;
    line-height: 0.98 !important;
    font-weight: 850 !important;
    letter-spacing: -0.035em !important;
}

.home-section-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    border: 1px solid var(--zs-line-strong);
    border-radius: var(--zs-radius-pill);
    padding: 0.34rem 0.68rem !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012));
    color: var(--zs-ink) !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
}

.home-section-kicker::before {
    width: 0.38rem !important;
    height: 0.38rem !important;
    border-radius: var(--zs-radius-pill);
    background: var(--zs-accent-mint) !important;
    box-shadow: 0 0 10px rgba(0, 167, 156, 0.78) !important;
}

.home-flow-grid,
.home-pricing-grid,
.home-blog-grid,
.blog-checklist-grid,
.blog-mini-cards,
.blog-stat-strip {
    gap: 0 !important;
    border: 1px solid var(--zs-line) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: rgba(7, 8, 10, 0.22) !important;
}

.home-flow-step,
.home-pricing-card,
.home-blog-grid article,
.blog-checklist-grid > div,
.blog-mini-cards > div,
.blog-stat-strip > div {
    position: relative !important;
    overflow: hidden !important;
    border: 0 !important;
    border-right: 1px dashed var(--zs-line-strong) !important;
    border-bottom: 1px dashed var(--zs-line-strong) !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: background 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

.home-flow-step > * {
    position: relative;
    z-index: 1;
}

.home-flow-visual {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 1;
    margin-top: 1.1rem;
}

.home-flow-visual svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.home-flow-visual :is(rect, path, circle, g) {
    transform-box: fill-box;
    transform-origin: center;
}

.flow-box {
    fill: rgba(255, 255, 255, 0.032);
    stroke: rgba(255, 255, 255, 0.14);
    stroke-width: 1;
    transition: stroke 0.2s ease, fill 0.2s ease;
}

.flow-wide {
    fill: rgba(7, 8, 10, 0.2);
}

.flow-decision-box {
    fill: rgba(0, 167, 156, 0.055);
    stroke: rgba(0, 167, 156, 0.3);
}

.flow-stroke,
.flow-link,
.flow-shield,
.flow-check,
.flow-check-mini,
.flow-scan-line {
    fill: none;
    stroke-linecap: square;
    stroke-linejoin: miter;
}

.flow-stroke {
    stroke: rgba(245, 248, 250, 0.35);
    stroke-width: 2;
}

.flow-link,
.flow-shield {
    stroke: rgba(0, 167, 156, 0.7);
    stroke-width: 2;
}

.flow-link {
    stroke-dasharray: 8 8;
    transition: stroke-dashoffset 0.35s ease;
}

.flow-dot {
    transition: transform 0.22s ease, opacity 0.22s ease, filter 0.22s ease;
}

.flow-dot {
    fill: #00a79c;
    filter: drop-shadow(0 0 10px rgba(0, 167, 156, 0.32));
}

.flow-check,
.flow-check-mini {
    stroke: #00a79c;
    stroke-width: 4;
    stroke-dasharray: 60;
    stroke-dashoffset: 12;
    transition: stroke-dashoffset 0.28s ease, filter 0.22s ease;
}

.flow-check-mini {
    stroke-width: 3.5;
}

.flow-scan-line {
    stroke: #00a79c;
    stroke-width: 3;
    opacity: 0.72;
    filter: drop-shadow(0 0 12px rgba(0, 167, 156, 0.42));
    transition: transform 0.34s ease;
}

.home-flow-step:hover .flow-box {
    fill: rgba(0, 167, 156, 0.045);
    stroke: rgba(0, 167, 156, 0.38);
}

.home-flow-step:hover .flow-link {
    stroke-dashoffset: -20;
}

.home-flow-step:hover .flow-dot {
    transform: scale(1.32);
    filter: drop-shadow(0 0 14px rgba(0, 167, 156, 0.65));
}

.home-flow-step:hover .flow-scan-line {
    transform: translateY(43px);
}

.home-flow-step:hover .flow-check,
.home-flow-step:hover .flow-check-mini {
    stroke-dashoffset: 0;
    filter: drop-shadow(0 0 8px rgba(0, 167, 156, 0.55));
}

.home-flow-step:hover,
.home-pricing-card:hover,
.home-blog-grid article:hover,
.blog-checklist-grid > div:hover,
.blog-mini-cards > div:hover,
.blog-stat-strip > div:hover {
    background: linear-gradient(180deg, transparent, rgba(0, 167, 156, 0.052)) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 167, 156, 0.45) !important;
}

.home-flow-step:hover::after,
.home-pricing-card:hover::after,
.home-blog-grid article:hover::after,
.blog-checklist-grid > div:hover::after,
.blog-mini-cards > div:hover::after,
.blog-stat-strip > div:hover::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 62%;
    pointer-events: none;
    background: radial-gradient(70% 120% at 50% 120%, rgba(0, 167, 156, 0.18), transparent 70%);
}

.home-problem-panel,
.home-focus-panel,
.home-schedule-copy,
.home-schedule-board,
.home-faq-intro,
.home-faq-item,
.home-final-panel,
.pricing-note,
.public-copy-panel,
.public-contact-panel,
.blog-article,
.blog-answer-brief,
.blog-cta-panel,
.blog-sources,
.blog-faq details,
.blog-dynamic-block,
.blog-compare-table,
.blog-inline-figure,
.blog-related-cta {
    border-radius: 14px !important;
    background: var(--zs-panel) !important;
}

.public-site-shell :is(.pricing-choice-card, .pricing-note, .pricing-slider-panel, .pricing-choice-limit, .pricing-plan-pill, .public-copy-panel, .public-copy-section, .public-contact-panel, .public-site-footer, .blog-index-card, .blog-empty-state, .blog-article, .blog-answer-brief, .blog-cta-panel, .blog-sources, .blog-faq details, .blog-dynamic-block, .blog-checklist-grid > div, .blog-mini-cards > div, .blog-stat-strip > div, .blog-process-steps li, .blog-compare-table, .blog-inline-figure, .blog-related-cta),
.blog-public-shell :is(.blog-index-card, .blog-empty-state, .blog-article, .blog-answer-brief, .blog-cta-panel, .blog-sources, .blog-faq details, .blog-dynamic-block, .blog-checklist-grid > div, .blog-mini-cards > div, .blog-stat-strip > div, .blog-process-steps li, .blog-compare-table, .blog-inline-figure, .blog-related-cta) {
    border-radius: 14px !important;
}

.public-pricing-grid {
    align-items: stretch !important;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.28fr) minmax(0, 0.92fr) !important;
    gap: 0 !important;
    border: 1px solid var(--zs-line) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: rgba(7, 8, 10, 0.22) !important;
}

.public-pricing-grid .pricing-choice-card {
    min-width: 0 !important;
    width: auto !important;
    border: 0 !important;
    border-left: 1px solid var(--zs-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.public-pricing-grid .pricing-choice-card:first-child {
    border-left: 0 !important;
}

.pricing-choice-main {
    border-color: var(--zs-accent-line) !important;
    background: linear-gradient(180deg, rgba(0, 167, 156, 0.05), transparent 60%) !important;
}

.pricing-choice-main::after {
    bottom: -58% !important;
    height: 118% !important;
    opacity: 0.95 !important;
}

.pricing-selected-head {
    gap: 1rem !important;
}

.pricing-choice-price strong {
    font-size: clamp(2rem, 5vw, 3rem) !important;
    letter-spacing: -0.05em !important;
}

.pricing-slider-panel,
.pricing-plan-strip,
.pricing-choice-list {
    position: relative;
    z-index: 1;
}

.pricing-comparison-panel {
    margin-top: clamp(1.6rem, 4vw, 2.8rem);
}

.public-pricing-shell {
    display: flex !important;
    flex-direction: column !important;
}

.public-pricing-shell .public-site-nav {
    order: 0;
}

.public-pricing-shell .pricing-hero {
    order: 1;
}

.public-pricing-shell .pricing-comparison-panel {
    order: 2;
}

.public-pricing-shell .public-pricing-grid {
    order: 3;
    margin-top: clamp(2rem, 5vw, 3.8rem) !important;
}

.public-pricing-shell .pricing-note {
    order: 4;
}

.public-pricing-shell .public-site-footer {
    order: 5;
}

.pricing-comparison-scroll {
    overflow-x: auto;
    width: 100%;
    max-width: 100%;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: rgba(0, 167, 156, 0.55) rgba(255, 255, 255, 0.08);
    border: 1px solid var(--zs-line);
    border-radius: 16px;
    background: rgba(7, 8, 10, 0.28);
}

.pricing-comparison-table {
    min-width: 900px;
}

.pricing-comparison-row {
    display: grid;
    grid-template-columns: 1.2fr repeat(6, minmax(6.85rem, 1fr));
    border-top: 1px solid var(--zs-line);
}

.pricing-comparison-row:first-child {
    border-top: 0;
}

.pricing-comparison-row > div {
    position: relative;
    min-height: 3.1rem;
    padding: 0.86rem 1rem;
    border-left: 1px solid var(--zs-line);
    color: var(--zs-muted);
    font-size: 0.84rem;
    display: grid;
    align-content: center;
    text-align: center;
}

.pricing-comparison-row > div:first-child {
    border-left: 0;
    text-align: left;
}

.pricing-comparison-head-row > div {
    min-height: 9.25rem;
    overflow: hidden;
    align-content: start;
    gap: 0.42rem;
}

.pricing-comparison-head-row strong {
    color: #fff;
    font-size: 1.02rem;
    font-weight: 780;
    letter-spacing: -0.02em;
}

.pricing-comparison-head-row span {
    color: #fff;
    font-size: 1.9rem;
    font-weight: 850;
    letter-spacing: -0.05em;
}

.pricing-comparison-head-row small {
    color: var(--zs-muted-2);
    font-size: 0.74rem;
    letter-spacing: 0;
}

.pricing-comparison-row .is-featured {
    background: linear-gradient(180deg, rgba(0, 167, 156, 0.05), rgba(0, 167, 156, 0.018));
}

.pricing-comparison-head-row .is-featured::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -120%;
    height: 170%;
    pointer-events: none;
    background: radial-gradient(62% 74% at 50% 100%, rgba(0, 167, 156, 0.30), rgba(0, 167, 156, 0.08) 45%, transparent 72%);
}

.pricing-comparison-head-row .is-featured > * {
    position: relative;
    z-index: 1;
}

.pricing-comparison-section {
    padding: 0.98rem 1rem 0.7rem;
    border-top: 1px solid var(--zs-line);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 780;
    letter-spacing: -0.015em;
}

.page-header-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--zs-line) !important;
    border-radius: 16px !important;
    padding: clamp(1rem, 2vw, 1.3rem) !important;
    background:
        radial-gradient(38rem 20rem at 18% -22%, rgba(0, 167, 156, 0.16), transparent 72%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.012)),
        rgba(12, 14, 17, 0.82) !important;
    box-shadow: var(--zs-shadow-card) !important;
}

.workspace-table,
.admin-table,
.blog-compare-table table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: rgba(10, 12, 15, 0.96) !important;
}

.workspace-table th,
.workspace-table td,
.admin-table th,
.admin-table td,
.blog-compare-table th,
.blog-compare-table td {
    border-color: var(--zs-line) !important;
}

.workspace-table th,
.admin-table th,
.blog-compare-table th {
    color: var(--zs-muted-2) !important;
    background: rgba(255, 255, 255, 0.022) !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.workspace-table tr:hover td,
.admin-table tr:hover td {
    background: rgba(0, 167, 156, 0.045) !important;
}

.product-thumb,
.evidence-product-thumb,
.storefront-example-art {
    border-radius: var(--zs-radius-sm) !important;
}

.risk-pill,
.status,
.admin-status-pill,
.products-section-chip strong,
.product-state-tab strong,
.products-view-pill strong,
.surface-chip {
    border-radius: var(--zs-radius-pill) !important;
}

@media (min-width: 900px) {
    .home-flow-step:nth-child(3n),
    .home-pricing-card:nth-child(5n),
    .home-blog-grid article:nth-child(3n),
    .blog-checklist-grid > div:nth-child(3n),
    .blog-mini-cards > div:nth-child(3n),
    .blog-stat-strip > div:nth-child(3n) {
        border-right: 0 !important;
    }
}

@media (max-width: 980px) {
    .home-page-shell .storefront-surface,
    .public-site-shell {
        width: min(100% - 24px, 1120px) !important;
    }

    .home-nav,
    .public-site-nav.blog-public-nav,
    .storefront-topbar {
        top: 10px !important;
    }

    .home-grid-code-card {
        position: relative;
        right: auto;
        bottom: auto;
        width: auto;
        margin: 0.75rem;
    }

    .home-shop-summary-card {
        position: relative;
        right: auto;
        bottom: auto;
        width: auto;
        margin: 0.75rem;
    }

    .home-seller-showcase {
        grid-template-columns: 1fr;
    }

    .home-protection-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-protection-grid article:nth-child(3n) {
        border-right: 1px dashed var(--zs-line-strong);
    }

    .home-protection-grid article:nth-child(2n) {
        border-right: 0;
    }

    .home-protection-grid article:nth-child(n + 4) {
        border-bottom: 1px dashed var(--zs-line-strong);
    }

    .home-protection-grid article:nth-child(n + 5) {
        border-bottom: 0;
    }
}

@media (max-width: 899px) {
    .public-pricing-grid {
        grid-template-columns: 1fr !important;
    }

    .public-pricing-grid .pricing-choice-card {
        border-left: 0 !important;
        border-top: 1px solid var(--zs-line) !important;
    }

    .public-pricing-grid .pricing-choice-card:first-child {
        border-top: 0 !important;
    }
}

@media (max-width: 760px) {
    .home-nav,
    .public-site-nav.blog-public-nav,
    .storefront-topbar {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 0.75rem !important;
    }

    .home-links,
    .public-site-nav-links,
    .blog-public-nav-links,
    .storefront-topbar-pills {
        width: 100% !important;
        margin-left: 0 !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    .home-page-shell .storefront-hero,
    .public-pricing-shell .pricing-hero,
    .blog-index-hero,
    .blog-article-header,
    .public-page-hero {
        padding-inline: 0.8rem !important;
    }

    .home-page-shell .storefront-hero h1,
    .public-pricing-shell .pricing-hero h1,
    .blog-index-hero h1,
    .blog-article-header h1,
    .public-page-hero h1 {
        font-size: clamp(2.1rem, 12vw, 3.05rem) !important;
        line-height: 0.98 !important;
    }

    .home-grid-head,
    .home-grid-row {
        grid-template-columns: 1.4fr 0.9fr 0.95fr;
    }

    .home-grid-head span:nth-child(n+4),
    .home-grid-row span:nth-child(n+4) {
        display: none;
    }

    .home-flow-grid,
    .home-pricing-grid,
    .home-blog-grid,
    .blog-checklist-grid,
    .blog-mini-cards,
    .blog-stat-strip,
    .home-protection-grid {
        grid-template-columns: 1fr !important;
    }

    .home-flow-step,
    .home-pricing-card,
    .home-blog-grid article,
    .blog-checklist-grid > div,
    .blog-mini-cards > div,
    .blog-stat-strip > div,
    .home-protection-grid article {
        border-right: 0 !important;
    }

    .home-protection-grid article {
        border-bottom: 1px dashed var(--zs-line-strong) !important;
    }

    .home-protection-grid article:last-child {
        border-bottom: 0 !important;
    }

    .home-listing-card {
        max-width: 100%;
    }

    .home-listing-card:nth-of-type(3) {
        margin-left: 0;
    }
}

/* Aurora coverage pass: normalize legacy Tailwind utilities and late-rendered app elements. */
:root {
    --border: var(--zs-line);
    --accent: var(--zs-accent);
    --accent-soft: var(--zs-accent-soft);
    --success: var(--zs-success);
    --warning: var(--zs-warning);
    --danger: var(--zs-danger);
    --muted: var(--zs-muted);
    --ink: var(--zs-ink);
}

[class*="text-slate-"],
[class*="text-gray-"],
[class*="text-zinc-"],
[class*="text-neutral-"],
[class*="text-stone-"] {
    color: var(--zs-muted) !important;
}

[class*="text-slate-100"],
[class*="text-slate-200"],
[class*="text-gray-100"],
[class*="text-gray-200"],
[class*="text-zinc-100"],
[class*="text-zinc-200"],
[class*="text-neutral-100"],
[class*="text-neutral-200"] {
    color: var(--zs-ink) !important;
}

[class*="text-emerald-"],
[class*="text-green-"] {
    color: var(--zs-success) !important;
}

[class*="text-amber-"],
[class*="text-yellow-"],
[class*="text-orange-"] {
    color: var(--zs-warning) !important;
}

[class*="text-red-"],
[class*="text-rose-"] {
    color: var(--zs-danger) !important;
}

[class*="text-teal-"],
[class*="text-cyan-"],
[class*="text-blue-"],
[class*="text-indigo-"],
[class*="text-purple-"] {
    color: var(--zs-accent-mint) !important;
}

[class*="bg-slate-"],
[class*="bg-gray-"],
[class*="bg-zinc-"],
[class*="bg-neutral-"],
[class*="bg-stone-"],
[class*="bg-blue-"],
[class*="bg-indigo-"],
[class*="bg-purple-"] {
    background-color: rgba(10, 12, 15, 0.86) !important;
}

[class*="bg-emerald-"],
[class*="bg-green-"],
[class*="bg-teal-"],
[class*="bg-cyan-"] {
    background-color: rgba(0, 167, 156, 0.12) !important;
}

[class*="bg-amber-"],
[class*="bg-yellow-"],
[class*="bg-orange-"] {
    background-color: rgba(242, 201, 76, 0.12) !important;
}

[class*="bg-red-"],
[class*="bg-rose-"] {
    background-color: rgba(255, 107, 107, 0.12) !important;
}

[class*="border-slate-"],
[class*="border-gray-"],
[class*="border-zinc-"],
[class*="border-neutral-"],
[class*="border-stone-"],
[class*="border-blue-"],
[class*="border-indigo-"],
[class*="border-purple-"] {
    border-color: var(--zs-line-strong) !important;
}

[class*="border-emerald-"],
[class*="border-green-"],
[class*="border-teal-"],
[class*="border-cyan-"] {
    border-color: var(--zs-accent-line) !important;
}

[class*="border-amber-"],
[class*="border-yellow-"],
[class*="border-orange-"] {
    border-color: rgba(242, 201, 76, 0.32) !important;
}

[class*="border-red-"],
[class*="border-rose-"] {
    border-color: rgba(255, 107, 107, 0.32) !important;
}

.page-shell :is(
    .panel,
    .metric-card,
    .subtle-card,
    .empty-state,
    .table-shell,
    .table-topline,
    .products-workflow-note,
    .products-state-content,
    .products-filter-strip,
    .products-filter-group-main,
    .products-pill-row,
    .selection-cluster,
    .actions-dropdown-menu,
    .pagination-shell,
    .pagination-link,
    .evidence-panel,
    .evidence-section,
    .evidence-product-summary,
    .evidence-modal-scroll,
    .sync-progress-card,
    .settings-card,
    .settings-readiness-card,
    .settings-tabbar,
    .settings-current-line,
    .settings-custom-shell,
    .settings-shop-card,
    .settings-shop-actions,
    .settings-billing-note,
    .settings-billing-usage,
    .settings-alert,
    .schedule-hero,
    .schedule-metric-card,
    .schedule-config-panel,
    .schedule-summary-panel,
    .schedule-history-panel,
    .schedule-progress-panel,
    .schedule-next-run,
    .schedule-changed-list,
    .schedule-risk-row,
    .schedule-flow-list > div,
    .schedule-empty-list,
    .schedule-inline-warning,
    .shop-mission-card,
    .shop-pipeline-panel,
    .shop-pipeline-step,
    .image-lab-steps,
    .image-lab-step,
    .image-lab-dropzone,
    .image-lab-queue-panel,
    .image-lab-thumb,
    .image-lab-thumb-frame,
    .image-lab-empty,
    .image-lab-results-shell,
    .image-lab-filterbar
) {
    color: var(--zs-ink) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(12, 14, 17, 0.86) !important;
    border-color: var(--zs-line-strong) !important;
    box-shadow: var(--zs-shadow-card) !important;
}

.page-shell :is(
    .panel,
    .metric-card,
    .subtle-card,
    .empty-state,
    .table-shell,
    .products-workflow-note,
    .products-state-content,
    .actions-dropdown-menu,
    .selection-cluster,
    .pagination-shell,
    .evidence-panel,
    .evidence-section,
    .settings-card,
    .settings-readiness-card,
    .settings-tabbar,
    .settings-current-line,
    .settings-custom-shell,
    .settings-shop-card,
    .settings-shop-actions,
    .settings-billing-note,
    .settings-billing-usage,
    .settings-alert,
    .schedule-hero,
    .schedule-metric-card,
    .schedule-config-panel,
    .schedule-summary-panel,
    .schedule-history-panel,
    .schedule-progress-panel,
    .schedule-next-run,
    .shop-mission-card,
    .shop-pipeline-panel,
    .shop-pipeline-step,
    .image-lab-steps,
    .image-lab-step,
    .image-lab-dropzone,
    .image-lab-queue-panel,
    .image-lab-thumb,
    .image-lab-empty,
    .image-lab-results-shell,
    .image-lab-filterbar
) {
    border-radius: var(--zs-radius-md) !important;
}

.page-shell :is(
    .approval-badge,
    .metric-label,
    .panel-kicker,
    .products-strip-label,
    .products-select-label,
    .settings-field > span,
    .settings-section-subtitle,
    .schedule-panel-head .eyebrow,
    .schedule-metric-card span,
    .schedule-next-run span,
    .schedule-summary-grid span,
    .schedule-list-title,
    .shop-mission-card span,
    .shop-pipeline-step span,
    .image-lab-step span,
    .image-lab-queue-topline span,
    .field-label
) {
    color: var(--zs-accent-mint) !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.page-shell :is(
    .table-commandbar-title h3,
    .settings-section-title,
    .settings-card h2,
    .settings-card h3,
    .settings-readiness-card strong,
    .schedule-hero h2,
    .schedule-panel-head h3,
    .schedule-metric-card strong,
    .schedule-summary-grid strong,
    .schedule-risk-row strong,
    .schedule-flow-list strong,
    .shop-mission-card strong,
    .shop-pipeline-panel h3,
    .shop-pipeline-step strong,
    .image-lab-step strong,
    .image-lab-queue-topline strong,
    .image-lab-source-link
) {
    color: #ffffff !important;
    font-family: var(--zs-font-display) !important;
    letter-spacing: -0.02em !important;
}

.page-shell :is(
    .table-commandbar-title p,
    .metric-note,
    .settings-helper-copy,
    .settings-inline-status,
    .settings-section-subtitle,
    .settings-readiness-card span,
    .settings-shop-card p,
    .settings-shop-note,
    .schedule-action-note,
    .schedule-field-note,
    .schedule-helper,
    .schedule-metric-card p,
    .schedule-risk-row span,
    .schedule-empty-list,
    .shop-mission-card p,
    .shop-pipeline-step p,
    .image-lab-step p,
    .image-lab-thumb-placeholder-label
) {
    color: var(--zs-muted) !important;
}

.page-shell :is(.schedule-action-note, .schedule-field-note) {
    display: block !important;
    margin-top: 0.25rem !important;
    font-size: 0.78rem !important;
    line-height: 1.5 !important;
}

.page-shell .schedule-action-note {
    margin: 0 !important;
    font-size: 0.82rem !important;
}

.page-shell .schedule-helper-warning {
    margin-top: 0.4rem !important;
    color: var(--zs-warning) !important;
}

.page-shell :is(input, textarea, select, .filter-input, .filter-select) {
    color: var(--zs-ink) !important;
    background: rgba(10, 12, 15, 0.92) !important;
    border: 1px solid var(--zs-line-strong) !important;
    border-radius: var(--zs-radius-sm) !important;
}

.page-shell :is(input, textarea, select, .filter-input, .filter-select):focus {
    border-color: var(--zs-accent-line) !important;
    box-shadow: 0 0 0 3px rgba(0, 167, 156, 0.16) !important;
}

.page-shell :is(.settings-tab, .products-view-pill, .product-state-tab, .pagination-link, .actions-dropdown-menu button, .evidence-button) {
    color: var(--zs-ink) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.014)),
        rgba(7, 8, 10, 0.72) !important;
    border-color: var(--zs-line-strong) !important;
}

.page-shell :is(.settings-tab.is-active, .products-view-pill.is-active, .product-state-tab.is-active, .pagination-link.active, .actions-dropdown-menu button:hover, .evidence-button:hover) {
    color: #ffffff !important;
    background:
        linear-gradient(180deg, rgba(0, 167, 156, 0.16), rgba(0, 167, 156, 0.055)),
        rgba(12, 14, 17, 0.92) !important;
    border-color: var(--zs-accent-line) !important;
}

.page-shell :is(.status-pill, .scan-state-pill, .risk-pill, .status, .schedule-status-pill, .admin-status-pill) {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    border-radius: var(--zs-radius-pill) !important;
    border: 1px solid var(--zs-line-strong) !important;
    padding: 0.24rem 0.55rem !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: var(--zs-ink) !important;
    font-size: 0.7rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

.page-shell :is(.status-pill.safe, .scan-state-pill.done, .risk-pill.is-safe, .schedule-status-pill.is-active, .status.is-active, .status.is-success) {
    color: #00a79c !important;
    border-color: rgba(0, 167, 156, 0.32) !important;
    background: rgba(0, 167, 156, 0.13) !important;
}

.page-shell :is(.status-pill.medium, .status-pill.review, .scan-state-pill.review, .scan-state-pill.verifying, .risk-pill.is-review, .risk-pill.is-medium, .status.is-running, .status.is-trialing) {
    color: #f6dd88 !important;
    border-color: rgba(242, 201, 76, 0.34) !important;
    background: rgba(242, 201, 76, 0.14) !important;
}

.page-shell :is(.status-pill.high, .status-pill.blocked, .risk-pill.is-high, .risk-pill.is-blocked, .status.is-error, .status.is-canceled, .status.is-past_due) {
    color: #ff9a9a !important;
    border-color: rgba(255, 107, 107, 0.34) !important;
    background: rgba(255, 107, 107, 0.13) !important;
}

.page-shell :is(.schedule-hero, .shop-mission-card.is-primary, .shop-pipeline-panel, .image-lab-dropzone, .settings-profile-card-hero) {
    position: relative !important;
    overflow: hidden !important;
}

.page-shell :is(.schedule-hero, .shop-mission-card.is-primary, .shop-pipeline-panel, .image-lab-dropzone, .settings-profile-card-hero)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -42%;
    height: 82%;
    pointer-events: none;
    background: var(--zs-aurora-soft);
    opacity: 0.72;
}

.page-shell :is(.schedule-hero, .shop-mission-card.is-primary, .shop-pipeline-panel, .image-lab-dropzone, .settings-profile-card-hero) > * {
    position: relative;
    z-index: 1;
}

.page-shell :is(.btn-platform-etsy, .btn-etsy, .btn-sync-tab, .btn-sync-all) {
    color: #04110f !important;
    background: linear-gradient(180deg, #00a79c, #00a79c 58%, #00a79c) !important;
    border-color: rgba(0, 167, 156, 0.52) !important;
}

.page-shell :is(.btn-platform-shopify, .btn-shopify) {
    color: #04110f !important;
    background: linear-gradient(180deg, #00a79c, #00a79c 58%, #00a79c) !important;
    border-color: rgba(0, 167, 156, 0.52) !important;
}

.public-site-page :is(
    .blog-social-footer,
    .blog-social-footer a,
    .blog-breadcrumb,
    .blog-article-meta,
    .blog-inline-figure figcaption,
    .blog-index-meta,
    .welcome-badge-note,
    .public-site-footer-bottom
) {
    color: var(--zs-muted) !important;
}

.public-site-page :is(
    .blog-dynamic-block,
    .blog-answer-brief,
    .blog-cta-panel,
    .blog-sources,
    .blog-faq details,
    .blog-related-cta,
    .blog-inline-figure,
    .blog-checklist-grid > div,
    .blog-mini-cards > div,
    .blog-stat-strip > div,
    .blog-process-steps li,
    .blog-compare-table,
    .public-copy-panel,
    .public-contact-panel,
    .pricing-comparison-panel,
    .pricing-choice-card,
    .pricing-note,
    .pricing-slider-panel
) {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(12, 14, 17, 0.78) !important;
    border-color: var(--zs-line-strong) !important;
    box-shadow: var(--zs-shadow-card) !important;
}

/* ===== Aurora app workspace UI fixes ===== */
@media (min-width: 1024px) {
    #sidebarOpen.mobile-sidebar-button {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

.page-shell .main-panel {
    max-width: 100%;
}

.page-shell .page-header-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 1rem !important;
    border-radius: var(--zs-radius-md) !important;
}

.page-shell .page-title {
    font-family: var(--zs-font-display) !important;
    color: #ffffff !important;
    letter-spacing: -0.035em !important;
}

.page-shell .page-description {
    color: rgba(204, 214, 224, 0.74) !important;
}

.page-shell .products-state-content {
    overflow: hidden !important;
    border-radius: var(--zs-radius-md) !important;
}

.page-shell .products-workflow-note {
    display: grid !important;
    grid-template-columns: minmax(0, 0.82fr) minmax(18rem, 1fr) !important;
    align-items: end !important;
    gap: 1rem !important;
    padding: 0.95rem 1rem !important;
    border-radius: 0 !important;
    border-width: 0 0 1px !important;
    background:
        radial-gradient(28rem 12rem at 0% 0%, rgba(0, 167, 156, 0.12), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
        rgba(9, 11, 13, 0.8) !important;
    box-shadow: none !important;
}

.page-shell .products-workflow-note p {
    margin: 0 !important;
    color: rgba(204, 214, 224, 0.72) !important;
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
    text-align: right !important;
}

.page-shell .products-state-toolbar {
    display: grid !important;
    gap: 0.95rem !important;
    padding: 0.9rem 0.95rem 1rem !important;
    background:
        linear-gradient(90deg, rgba(0, 167, 156, 0.035), transparent 38%),
        rgba(7, 8, 10, 0.42) !important;
}

.page-shell .products-searchbar-compact {
    display: grid !important;
    grid-template-columns: minmax(18rem, 1fr) minmax(14rem, 0.36fr) auto !important;
    align-items: end !important;
    gap: 0.6rem 0.7rem !important;
}

.page-shell .products-search-actions {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: max-content !important;
    gap: 0.55rem !important;
}

.page-shell .products-search-actions .btn {
    min-height: 2.58rem !important;
    padding-inline: 0.85rem !important;
    white-space: nowrap !important;
}

.page-shell .products-filter-strip,
.page-shell .products-filter-group-main,
.page-shell .products-pill-row {
    border-radius: var(--zs-radius-sm) !important;
    box-shadow: none !important;
}

.page-shell .products-filter-strip {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.page-shell .products-filter-group-main {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.page-shell .products-pill-row {
    margin-top: 0.42rem !important;
    padding: 0.48rem !important;
    gap: 0.42rem !important;
    border: 1px solid rgba(255, 255, 255, 0.095) !important;
    background:
        linear-gradient(90deg, rgba(0, 167, 156, 0.07), transparent 34%),
        rgba(4, 5, 7, 0.5) !important;
}

.page-shell .products-view-pill {
    min-height: 2.34rem !important;
    padding: 0.42rem 0.5rem 0.42rem 0.62rem !important;
    gap: 0.5rem !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.page-shell .products-view-pill span {
    font-size: 0.78rem !important;
    line-height: 1.1 !important;
}

.page-shell .products-view-pill strong {
    min-width: 1.76rem !important;
    padding: 0.12rem 0.4rem !important;
    font-size: 0.68rem !important;
}

.page-shell .products-view-pill.is-active {
    color: #ffffff !important;
    border-color: rgba(0, 167, 156, 0.52) !important;
    background:
        linear-gradient(180deg, rgba(0, 167, 156, 0.2), rgba(0, 167, 156, 0.07)),
        rgba(5, 9, 13, 0.92) !important;
}

.page-shell :is(.btn-sync-tab, .btn-sync-all) {
    color: #04110f !important;
    background: linear-gradient(180deg, #00a79c, #00a79c 58%, #00a79c) !important;
    border-color: rgba(0, 167, 156, 0.52) !important;
    box-shadow: 0 14px 32px -18px rgba(0, 167, 156, 0.86) !important;
}

.page-shell :is(.btn-sync-tab, .btn-sync-all):hover:not(:disabled) {
    color: #04110f !important;
    background: linear-gradient(180deg, #00a79c, #00a79c 58%, #00a79c) !important;
    border-color: rgba(0, 167, 156, 0.7) !important;
}

.page-shell .btn-platform-etsy:not(.btn-sync-all) {
    color: #04110f !important;
    background: linear-gradient(180deg, #00a79c, #00a79c 58%, #00a79c) !important;
    border-color: rgba(0, 167, 156, 0.56) !important;
}

.page-shell :is(.sidebar-connect-button, .btn-platform-etsy, .btn-etsy, .btn-sync-tab, .btn-sync-all, .btn-platform-shopify, .btn-shopify):hover:not(:disabled) {
    color: #04110f !important;
    background: linear-gradient(180deg, #00a79c, #00a79c 58%, #00a79c) !important;
    border-color: rgba(0, 167, 156, 0.72) !important;
    box-shadow: 0 14px 32px -18px rgba(0, 167, 156, 0.86) !important;
}

.page-shell .sidebar-connect-button .sidebar-connect-icon {
    color: #04110f !important;
}

.page-shell .sync-progress-bar {
    background: linear-gradient(90deg, rgba(0, 167, 156, 0.98), rgba(0, 167, 156, 0.94)) !important;
}

.shop-overview-v3 {
    display: grid;
    gap: 1rem;
}

.shop-status-board,
.shop-decision-card,
.shop-coverage-panel,
.shop-queue-panel,
.shop-connection-card {
    border: 1px solid var(--zs-line-strong);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(12, 14, 17, 0.82);
    box-shadow: var(--zs-shadow-card);
}

.shop-status-board {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.42fr);
    align-items: stretch;
    gap: 1rem;
    padding: clamp(1rem, 2.6vw, 1.4rem);
    overflow: hidden;
    background:
        radial-gradient(34rem 18rem at 0% 10%, rgba(0, 167, 156, 0.12), transparent 68%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(12, 14, 17, 0.82);
}

.shop-status-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: clamp(0.25rem, 1.3vw, 0.5rem);
}

.shop-status-copy h2 {
    margin: 0.82rem 0 0;
    max-width: 15ch;
    color: #ffffff;
    font-family: var(--zs-font-display);
    font-size: clamp(2rem, 4.2vw, 3.65rem);
    font-weight: 850;
    letter-spacing: -0.045em;
    line-height: 0.94;
}

.shop-status-copy p {
    max-width: 46rem;
    margin: 1rem 0 0;
    color: rgba(204, 214, 224, 0.74);
    font-size: 0.98rem;
    line-height: 1.68;
}

.shop-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.66rem;
    margin-top: 1.25rem;
}

.shop-action-row form {
    display: contents;
}

.shop-connection-card {
    display: grid;
    align-content: space-between;
    gap: 1rem;
    min-width: 0;
    padding: 1rem;
    background:
        radial-gradient(22rem 12rem at 50% 120%, rgba(0, 167, 156, 0.16), transparent 70%),
        rgba(7, 8, 10, 0.38);
}

.shop-connection-mark {
    display: grid;
    place-items: center;
    width: 4.8rem;
    height: 4.8rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(7, 8, 10, 0.64);
    color: #ffffff;
    font-family: var(--zs-font-display);
    font-size: 1.8rem;
    font-weight: 850;
}

.shop-connection-mark.is-connected {
    border-color: rgba(0, 167, 156, 0.38);
    box-shadow: 0 0 34px -18px rgba(0, 167, 156, 0.9);
}

.shop-connection-mark img {
    width: 3.2rem;
    height: 3.2rem;
    object-fit: cover;
}

.shop-mini-rows {
    display: grid;
    gap: 0.55rem;
}

.shop-mini-rows div,
.shop-coverage-metrics div,
.shop-state-strip span,
.shop-risk-row {
    border: 1px solid rgba(255, 255, 255, 0.095);
    background: rgba(7, 8, 10, 0.38);
}

.shop-mini-rows div {
    display: grid;
    grid-template-columns: minmax(0, 0.35fr) minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.7rem 0.76rem;
}

.shop-mini-rows span,
.shop-panel-head span,
.shop-decision-card span,
.shop-coverage-metrics span,
.shop-state-strip span,
.shop-risk-row span {
    color: var(--zs-accent-mint);
    font-size: 0.68rem;
    font-weight: 830;
    letter-spacing: 0.11em;
    line-height: 1.2;
    text-transform: uppercase;
}

.shop-mini-rows strong {
    min-width: 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 780;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shop-decision-grid,
.shop-ops-grid {
    display: grid;
    gap: 1rem;
}

.shop-decision-grid {
    grid-template-columns: minmax(0, 1.1fr) repeat(2, minmax(0, 0.72fr));
}

.shop-decision-card {
    position: relative;
    min-height: 10.75rem;
    padding: 1rem;
    overflow: hidden;
}

.shop-decision-card.is-primary::after {
    content: "";
    position: absolute;
    inset: auto 0 -42% 0;
    height: 82%;
    pointer-events: none;
    background: var(--zs-aurora-soft);
    opacity: 0.76;
}

.shop-decision-card > * {
    position: relative;
    z-index: 1;
}

.shop-decision-card strong,
.shop-panel-head strong,
.shop-coverage-metrics strong,
.shop-risk-row strong {
    display: block;
    color: #ffffff;
    font-family: var(--zs-font-display);
    font-weight: 850;
    letter-spacing: -0.02em;
}

.shop-decision-card strong {
    margin-top: 0.58rem;
    font-size: clamp(1.25rem, 2.2vw, 1.72rem);
    line-height: 1.04;
}

.shop-decision-card p {
    margin: 0.68rem 0 0;
    color: var(--zs-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

.shop-decision-card a,
.shop-panel-head a {
    display: inline-flex;
    align-items: center;
    width: max-content;
    margin-top: 0.9rem;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 830;
    text-decoration: underline;
    text-decoration-color: rgba(0, 167, 156, 0.58);
    text-underline-offset: 0.22rem;
}

.shop-ops-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
}

.shop-coverage-panel,
.shop-queue-panel {
    padding: 1rem;
}

.shop-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.shop-panel-head strong {
    margin-top: 0.35rem;
    font-size: clamp(1.2rem, 2.2vw, 1.7rem);
    line-height: 1.1;
}

.shop-panel-head a {
    margin: 0;
    white-space: nowrap;
}

.shop-progress {
    height: 0.66rem;
    margin-top: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(7, 8, 10, 0.72);
    overflow: hidden;
}

.shop-progress i {
    display: block;
    height: 100%;
    max-width: 100%;
    background: #00a79c;
    box-shadow: 0 0 18px rgba(0, 167, 156, 0.5);
}

.shop-coverage-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: 1rem;
}

.shop-coverage-metrics div {
    padding: 0.78rem;
}

.shop-coverage-metrics strong {
    margin-top: 0.34rem;
    font-size: 1.4rem;
    line-height: 1;
}

.shop-state-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.8rem;
}

.shop-state-strip span {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.28rem;
    padding: 0 0.68rem;
    color: rgba(204, 214, 224, 0.72);
}

.shop-state-strip b {
    color: #ffffff;
}

.shop-risk-stack {
    display: grid;
    gap: 0.55rem;
    margin-top: 1rem;
}

.shop-risk-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 0.78rem 0.82rem;
    transition: border-color 0.16s ease, background 0.16s ease;
}

.shop-risk-row:hover {
    border-color: rgba(0, 167, 156, 0.42);
    background: rgba(0, 167, 156, 0.06);
}

.shop-risk-row span {
    color: rgba(204, 214, 224, 0.72);
}

.shop-risk-row strong {
    font-size: 1.2rem;
    line-height: 1;
}

.shop-risk-row.is-high,
.shop-risk-row.is-medium,
.shop-risk-row.is-safe {
    border-color: rgba(0, 167, 156, 0.2);
}

.shop-queue-note {
    margin: 0.95rem 0 0;
    color: var(--zs-muted);
    font-size: 0.86rem;
    line-height: 1.55;
}

@media (max-width: 1100px) {
    .shop-status-board,
    .shop-decision-grid,
    .shop-ops-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .shop-status-board,
    .shop-decision-card,
    .shop-coverage-panel,
    .shop-queue-panel,
    .shop-connection-card {
        padding: 0.86rem;
    }

    .shop-status-copy h2 {
        max-width: 12ch;
    }

    .shop-action-row {
        display: grid;
        grid-template-columns: 1fr;
    }

    .shop-action-row .btn {
        width: 100% !important;
    }

    .shop-coverage-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .shop-panel-head {
        display: grid;
    }
}

.shop-overview-simple {
    display: grid;
    gap: 1rem;
}

.shop-command-panel,
.shop-review-panel,
.shop-routine-panel {
    border: 1px solid var(--zs-line-strong);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(12, 14, 17, 0.82);
    box-shadow: var(--zs-shadow-card);
}

.shop-command-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.42fr);
    gap: 1rem;
    padding: clamp(1rem, 2.6vw, 1.45rem);
    background:
        radial-gradient(38rem 20rem at 0% 0%, rgba(0, 167, 156, 0.13), transparent 72%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(12, 14, 17, 0.82);
}

.shop-command-copy {
    min-width: 0;
}

.shop-command-copy h2,
.shop-review-copy h3,
.shop-routine-panel h3 {
    margin: 0.7rem 0 0;
    color: #ffffff;
    font-family: var(--zs-font-display);
    font-weight: 850;
    letter-spacing: -0.035em;
    line-height: 0.98;
}

.shop-command-copy h2 {
    max-width: 16ch;
    font-size: clamp(2rem, 4.1vw, 3.5rem);
}

.shop-command-copy p,
.shop-review-copy p,
.shop-routine-panel p {
    max-width: 48rem;
    margin: 1rem 0 0;
    color: rgba(204, 214, 224, 0.74);
    font-size: 0.98rem;
    line-height: 1.68;
}

.shop-command-actions,
.shop-routine-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.shop-command-actions {
    margin-top: 1.25rem;
}

.shop-command-actions form {
    display: contents;
}

.shop-command-summary {
    display: grid;
    gap: 1rem;
    align-content: space-between;
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background:
        radial-gradient(24rem 12rem at 50% 125%, rgba(0, 167, 156, 0.16), transparent 70%),
        rgba(7, 8, 10, 0.36);
}

.shop-summary-head {
    display: flex;
    align-items: center;
    gap: 0.82rem;
    min-width: 0;
}

.shop-summary-mark {
    display: grid;
    place-items: center;
    width: 3.6rem;
    height: 3.6rem;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(7, 8, 10, 0.64);
    color: #ffffff;
    font-family: var(--zs-font-display);
    font-size: 1.35rem;
    font-weight: 850;
}

.shop-summary-mark.is-connected {
    border-color: rgba(0, 167, 156, 0.38);
    box-shadow: 0 0 32px -18px rgba(0, 167, 156, 0.92);
}

.shop-summary-mark img {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: cover;
}

.shop-summary-head span,
.shop-command-facts span,
.shop-review-copy span,
.shop-routine-panel > div > span,
.shop-routine-status span {
    display: block;
    color: var(--zs-accent-mint);
    font-size: 0.68rem;
    font-weight: 830;
    letter-spacing: 0.11em;
    line-height: 1.2;
    text-transform: uppercase;
}

.shop-summary-head strong {
    display: block;
    min-width: 0;
    max-width: 100%;
    margin-top: 0.28rem;
    overflow: hidden;
    color: #ffffff;
    font-weight: 820;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shop-command-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.shop-command-facts div,
.shop-state-links a,
.shop-review-row,
.shop-review-note,
.shop-routine-status {
    border: 1px solid rgba(255, 255, 255, 0.095);
    background: rgba(7, 8, 10, 0.38);
}

.shop-command-facts div {
    padding: 0.72rem;
}

.shop-command-facts strong {
    display: block;
    margin-top: 0.34rem;
    color: #ffffff;
    font-family: var(--zs-font-display);
    font-size: 1.34rem;
    font-weight: 850;
    letter-spacing: -0.02em;
    line-height: 1;
}

.shop-state-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.48rem;
}

.shop-state-links a {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.15rem;
    padding: 0 0.64rem;
    color: rgba(204, 214, 224, 0.76);
    font-size: 0.78rem;
    font-weight: 820;
    transition: border-color 0.16s ease, background 0.16s ease;
}

.shop-state-links a:hover {
    border-color: rgba(0, 167, 156, 0.42);
    background: rgba(0, 167, 156, 0.06);
}

.shop-state-links b {
    color: #ffffff;
}

.shop-review-panel {
    display: grid;
    grid-template-columns: minmax(18rem, 0.48fr) minmax(0, 1fr);
    gap: 1rem;
    padding: clamp(1rem, 2.6vw, 1.35rem);
}

.shop-review-copy h3,
.shop-routine-panel h3 {
    font-size: clamp(1.45rem, 2.6vw, 2.35rem);
}

.shop-review-list {
    display: grid;
    gap: 0.56rem;
    min-width: 0;
}

.shop-review-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.8rem;
    min-height: 4.25rem;
    padding: 0.82rem 0.9rem;
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.shop-review-row:hover {
    border-color: rgba(0, 167, 156, 0.46);
    background: rgba(0, 167, 156, 0.06);
    transform: translateY(-1px);
}

.shop-review-row.is-high,
.shop-review-row.is-medium {
    border-color: rgba(0, 167, 156, 0.22);
}

.shop-review-row strong {
    display: block;
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 840;
    line-height: 1.2;
}

.shop-review-row span {
    display: block;
    margin-top: 0.24rem;
    color: var(--zs-muted);
    font-size: 0.84rem;
    line-height: 1.4;
}

.shop-review-row em {
    display: grid;
    place-items: center;
    min-width: 3.1rem;
    color: #ffffff;
    font-family: var(--zs-font-display);
    font-size: 1.45rem;
    font-style: normal;
    font-weight: 850;
    letter-spacing: -0.03em;
}

.shop-review-row b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0 0.72rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 840;
    white-space: nowrap;
}

.shop-review-row:hover b {
    border-color: rgba(0, 167, 156, 0.52);
    color: #04110f;
    background: #00a79c;
}

.shop-review-note {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.8rem 0.9rem;
}

.shop-review-note strong {
    color: #ffffff;
    font-family: var(--zs-font-display);
    font-size: 1.35rem;
    font-weight: 850;
    letter-spacing: -0.02em;
}

.shop-review-note span {
    color: var(--zs-muted);
    font-size: 0.84rem;
    line-height: 1.45;
}

.shop-routine-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: clamp(1rem, 2.6vw, 1.35rem);
    background:
        radial-gradient(36rem 16rem at 100% 100%, rgba(0, 167, 156, 0.11), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(12, 14, 17, 0.82);
}

.shop-routine-actions {
    justify-content: flex-end;
    max-width: 31rem;
}

.shop-routine-status {
    display: grid;
    min-width: 15rem;
    padding: 0.78rem 0.85rem;
}

.shop-routine-status.is-active {
    border-color: rgba(0, 167, 156, 0.38);
    background: rgba(0, 167, 156, 0.07);
}

.shop-routine-status strong {
    display: block;
    margin-top: 0.3rem;
    color: #ffffff;
    font-weight: 840;
}

.shop-routine-status small {
    display: block;
    margin-top: 0.22rem;
    color: var(--zs-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.shop-empty-panel {
    padding: 1rem;
    border: 1px dashed rgba(255, 255, 255, 0.14);
    color: var(--zs-muted);
    font-size: 0.9rem;
}

@media (max-width: 1100px) {
    .shop-command-panel,
    .shop-review-panel,
    .shop-routine-panel {
        grid-template-columns: 1fr;
    }

    .shop-routine-actions {
        justify-content: flex-start;
        max-width: none;
    }
}

@media (max-width: 720px) {
    .shop-command-panel,
    .shop-review-panel,
    .shop-routine-panel,
    .shop-command-summary {
        padding: 0.86rem;
    }

    .shop-command-copy h2 {
        max-width: 12ch;
    }

    .shop-command-actions,
    .shop-routine-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .shop-command-actions .btn,
    .shop-routine-actions .btn {
        width: 100% !important;
    }

    .shop-command-facts {
        grid-template-columns: 1fr;
    }

    .shop-review-row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .shop-review-row b {
        grid-column: 1 / -1;
        width: 100%;
    }

    .shop-routine-status {
        min-width: 0;
    }
}

.shop-command-panel {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.36fr);
    gap: clamp(1.2rem, 3vw, 2rem);
}

.shop-command-summary {
    gap: 1.05rem;
    padding: 0 0 0 clamp(1rem, 2.2vw, 1.45rem);
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    background: transparent;
}

.shop-command-facts {
    gap: 0;
    padding: 0.72rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.11);
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}

.shop-command-facts div,
.shop-state-links a,
.shop-review-row,
.shop-review-note,
.shop-routine-status {
    border: 0;
    background: transparent;
}

.shop-command-facts div {
    padding: 0 0.72rem;
}

.shop-command-facts div:first-child {
    padding-left: 0;
}

.shop-command-facts div + div {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.shop-state-links {
    gap: 0.75rem 1rem;
}

.shop-state-links a {
    min-height: 0;
    padding: 0;
    color: var(--zs-muted);
}

.shop-state-links a:hover {
    color: #ffffff;
    border-color: transparent;
    background: transparent;
}

.shop-review-panel {
    grid-template-columns: minmax(16rem, 0.42fr) minmax(0, 1fr);
    gap: clamp(1.2rem, 3vw, 2rem);
}

.shop-review-list {
    gap: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.shop-review-row,
.shop-review-note {
    min-height: 0;
    padding: 1rem 0;
}

.shop-review-row:not(:last-child),
.shop-review-note {
    border-bottom: 1px solid rgba(255, 255, 255, 0.085);
}

.shop-review-row:hover {
    border-color: rgba(255, 255, 255, 0.085);
    background: transparent;
    transform: none;
}

.shop-review-row.is-high,
.shop-review-row.is-medium {
    border-color: rgba(255, 255, 255, 0.085);
}

.shop-review-row em {
    min-width: 2.4rem;
    justify-content: end;
}

.shop-review-row b {
    min-height: 0;
    padding: 0;
    border: 0;
    color: var(--zs-accent-mint);
    text-decoration: underline;
    text-decoration-color: rgba(0, 167, 156, 0.45);
    text-underline-offset: 0.22rem;
}

.shop-review-row:hover b {
    color: #ffffff;
    background: transparent;
}

.shop-review-note {
    border-bottom: 0;
}

.shop-routine-actions {
    align-items: center;
    max-width: 30rem;
}

.shop-routine-status {
    min-width: 13.5rem;
    padding: 0;
}

.shop-routine-status.is-active {
    border-color: transparent;
    background: transparent;
}

@media (max-width: 1100px) {
    .shop-command-summary {
        padding: 1rem 0 0;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
    }
}

@media (max-width: 720px) {
    .shop-command-summary {
        padding: 0.86rem 0 0;
    }

    .shop-command-facts div + div {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.09);
        padding-top: 0.7rem;
        margin-top: 0.7rem;
    }

    .shop-command-facts div {
        padding-left: 0;
        padding-right: 0;
    }

    .shop-review-row b {
        width: auto;
        justify-content: flex-start;
    }
}

.page-shell :is(.shop-orbit-ring.ring-two, .shop-orbit-node.node-scan) {
    border-color: rgba(0, 167, 156, 0.32) !important;
}

.page-shell .table-shell.products-state-table {
    overflow: hidden !important;
    border-radius: var(--zs-radius-md) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.012)),
        rgba(7, 8, 10, 0.74) !important;
}

.page-shell .table-commandbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 1rem !important;
    padding: 0.95rem 1rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 0 !important;
    background:
        radial-gradient(28rem 12rem at 100% 0%, rgba(0, 167, 156, 0.08), transparent 70%),
        rgba(12, 14, 17, 0.5) !important;
}

.page-shell .table-commandbar-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.58rem !important;
    flex-wrap: wrap !important;
}

.page-shell .selection-cluster {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: var(--zs-radius-sm) !important;
    background: rgba(4, 5, 7, 0.58) !important;
}

.page-shell .selection-counts,
.page-shell .selection-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    min-height: 2.56rem !important;
    padding: 0 0.7rem !important;
}

.page-shell .selection-counts {
    border-right: 1px solid rgba(255, 255, 255, 0.09) !important;
}

.page-shell .selection-buttons .btn {
    min-height: 2rem !important;
    padding: 0.42rem 0.52rem !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.page-shell .selection-buttons .btn:hover:not(:disabled) {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

.page-shell .workspace-table {
    width: 100% !important;
    min-width: 1040px !important;
    table-layout: fixed !important;
    background: rgba(5, 6, 8, 0.9) !important;
}

.page-shell .workspace-table th:first-child,
.page-shell .workspace-table td:first-child {
    width: 2.4rem !important;
    min-width: 2.4rem !important;
    max-width: 2.4rem !important;
    text-align: center !important;
}

.page-shell .workspace-table th:nth-child(2),
.page-shell .workspace-table td:nth-child(2) {
    width: 34% !important;
}

.page-shell .workspace-table th:nth-child(3),
.page-shell .workspace-table td:nth-child(3) {
    width: 19% !important;
}

.page-shell .workspace-table th:nth-child(4),
.page-shell .workspace-table td:nth-child(4) {
    width: auto !important;
}

.page-shell .workspace-table th,
.page-shell .workspace-table td {
    padding: 0.72rem 0.72rem !important;
    vertical-align: top !important;
}

.page-shell .workspace-table th {
    background: rgba(255, 255, 255, 0.018) !important;
}

.page-shell .workspace-table tbody tr {
    background: rgba(5, 6, 8, 0.76) !important;
}

.page-shell .workspace-table tbody tr:hover td {
    background:
        linear-gradient(90deg, rgba(0, 167, 156, 0.04), transparent 46%),
        rgba(12, 14, 17, 0.9) !important;
}

.page-shell .products-listing-copy {
    min-width: 0 !important;
    max-width: 100% !important;
}

.page-shell .products-listing-copy .badge {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.page-shell .product-thumb {
    width: 4.25rem !important;
    height: 4.25rem !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    background: linear-gradient(135deg, rgba(27, 32, 38, 0.9), rgba(5, 6, 8, 0.94)) !important;
}

.page-shell .analysis-stack {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.44rem !important;
}

.page-shell .analysis-stack .subtle-card {
    width: 100% !important;
    max-width: 15.5rem !important;
    padding: 0.62rem 0.7rem !important;
    border-radius: var(--zs-radius-sm) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.036), rgba(255, 255, 255, 0.012)),
        rgba(5, 6, 8, 0.62) !important;
    box-shadow: none !important;
}

.page-shell .evidence-panel {
    position: relative !important;
    max-width: 100% !important;
    border-radius: var(--zs-radius-sm) !important;
    overflow: hidden !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.012)),
        rgba(12, 14, 17, 0.66) !important;
    box-shadow: none !important;
}

.page-shell .evidence-panel::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.4rem;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(12, 14, 17, 0.96));
}

.page-shell .evidence-stack {
    display: grid !important;
    gap: 0 !important;
}

.page-shell .evidence-section {
    padding: 0.52rem 0.64rem !important;
    border-width: 0 0 1px !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.page-shell .evidence-section:last-child {
    border-bottom: 0 !important;
}

.page-shell .evidence-label {
    color: var(--zs-muted-2) !important;
    font-size: 0.62rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

.page-shell .evidence-verdict {
    margin-top: 0.18rem !important;
    color: #ffffff !important;
    font-size: 0.8rem !important;
    font-weight: 760 !important;
    line-height: 1.35 !important;
}

.page-shell .evidence-body {
    margin-top: 0.2rem !important;
    color: rgba(204, 214, 224, 0.78) !important;
    font-size: 0.78rem !important;
    line-height: 1.48 !important;
}

.page-shell .evidence-button {
    min-height: 2.15rem !important;
    padding: 0.48rem 0.68rem !important;
    border-radius: 0 !important;
    font-size: 0.76rem !important;
}

@media (max-width: 1180px) {
    .page-shell .products-searchbar-compact {
        grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.42fr) !important;
    }

    .page-shell .products-search-actions {
        grid-column: 1 / -1 !important;
        justify-content: start !important;
    }
}

@media (max-width: 860px) {
    .page-shell .page-header-panel,
    .page-shell .products-workflow-note,
    .page-shell .table-commandbar {
        grid-template-columns: 1fr !important;
        align-items: start !important;
    }

    .page-shell .products-workflow-note p {
        text-align: left !important;
    }

    .page-shell .products-searchbar-compact {
        grid-template-columns: 1fr !important;
    }
}

/* ===== Aurora single-accent public legal and FAQ pass ===== */
.storefront-badge,
.welcome-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.storefront-badge::before,
.welcome-badge::before {
    flex: 0 0 0.42rem !important;
    margin-right: 0.1rem !important;
    background: #00a79c !important;
    box-shadow: 0 0 12px rgba(0, 167, 156, 0.72) !important;
}

.public-site-page .public-content-layout.public-content-layout-simple,
.public-site-page .public-copy-panel-readable,
.public-site-page .public-legal-copy {
    width: 100% !important;
    max-width: 52rem !important;
}

.public-site-page .public-content-layout.public-content-layout-simple {
    margin: 0 !important;
}

.public-site-page .public-legal-layout,
.public-site-page .public-legal-copy {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.public-site-page .public-legal-copy .public-copy-section {
    padding: 0 0 1.15rem !important;
    margin: 0 0 1.15rem !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.public-site-page .public-legal-copy .public-copy-section h2 {
    margin: 0 0 0.55rem !important;
}

.public-site-page .public-legal-copy .public-copy-section p {
    margin: 0 !important;
}

.public-site-page .public-contact-inline {
    padding: 0.2rem 0 0 !important;
    margin-top: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.public-site-page .public-faq-panel {
    max-width: 52rem !important;
}

.public-site-page .public-faq-list.home-faq-list {
    display: grid !important;
    gap: 0.72rem !important;
    margin: 0 !important;
}

.public-site-page .public-faq-list .home-faq-item {
    border: 1px solid var(--zs-line-strong) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(12, 14, 17, 0.78) !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: var(--zs-shadow-card) !important;
}

.public-site-page .public-faq-list .home-faq-item summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding: 1rem 1.05rem !important;
    color: #ffffff !important;
    cursor: pointer !important;
    font-weight: 800 !important;
}

.public-site-page .public-faq-list .home-faq-item summary::after {
    content: "+" !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 1.35rem !important;
    height: 1.35rem !important;
    flex: 0 0 1.35rem !important;
    color: #00a79c !important;
    border: 1px solid rgba(0, 167, 156, 0.34) !important;
    background: rgba(0, 167, 156, 0.08) !important;
}

.public-site-page .public-faq-list .home-faq-item[open] summary::after {
    content: "-" !important;
}

.public-site-page .public-faq-list .home-faq-item p {
    margin: 0 !important;
    padding: 0 1.05rem 1.05rem !important;
    color: #c6d3df !important;
}

/* ===== Public width and FAQ correction ===== */
.public-site-page .public-page-hero,
.public-site-page .public-content-layout.public-content-layout-simple,
.public-site-page .public-legal-copy,
.public-site-page .public-faq-layout {
    width: 100% !important;
    max-width: none !important;
}

.public-site-page .public-content-layout.public-content-layout-simple {
    margin: 0 !important;
}

.public-site-page .public-legal-copy .public-copy-section,
.public-site-page .public-contact-inline {
    width: 100% !important;
    max-width: none !important;
}

.public-site-page .public-faq-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 0.55fr) minmax(0, 1fr) !important;
    gap: 1.1rem !important;
    align-items: start !important;
}

.public-site-page .public-faq-intro {
    border: 1px solid var(--zs-line-strong) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)),
        rgba(7, 11, 16, 0.66) !important;
    padding: clamp(1.2rem, 2.4vw, 1.7rem) !important;
    box-shadow: none !important;
}

.public-site-page .public-faq-intro h2 {
    margin: 0.5rem 0 0 !important;
    color: #ffffff !important;
    font-size: clamp(2.25rem, 4.4vw, 3.55rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.035em !important;
}

.public-site-page .public-faq-intro p {
    margin: 0.7rem 0 0 !important;
    color: #b7c6d4 !important;
    line-height: 1.6 !important;
    font-size: 0.96rem !important;
}

.public-site-page .public-faq-intro a {
    color: #00a79c !important;
    font-weight: 800 !important;
}

.public-site-page .public-faq-list.home-faq-list {
    display: grid !important;
    gap: 0.62rem !important;
    margin: 0 !important;
}

.public-site-page .public-faq-list .home-faq-item {
    border: 1px solid var(--zs-line-strong) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.028) !important;
    padding: 1rem 1.1rem !important;
    overflow: visible !important;
    box-shadow: none !important;
}

.public-site-page .public-faq-list .home-faq-item summary {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding: 0 !important;
    list-style: none !important;
    color: #ffffff !important;
    cursor: pointer !important;
    font-size: 1rem !important;
    font-weight: 760 !important;
    line-height: 1.35 !important;
}

.public-site-page .public-faq-list .home-faq-item summary::-webkit-details-marker {
    display: none !important;
}

.public-site-page .public-faq-list .home-faq-item summary::after {
    content: "+" !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    flex: 0 0 auto !important;
    color: #00a79c !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 1.35rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    transition: transform 0.2s ease !important;
}

.public-site-page .public-faq-list .home-faq-item[open] summary::after {
    content: "+" !important;
    transform: rotate(45deg) !important;
}

.public-site-page .public-faq-list .home-faq-item p {
    margin: 0.7rem 0 0 !important;
    padding: 0 !important;
    color: #b7c6d4 !important;
    line-height: 1.6 !important;
    font-size: 0.92rem !important;
}

@media (max-width: 860px) {
    .public-site-page .public-faq-layout {
        grid-template-columns: 1fr !important;
    }
}

/* ===== Public legal plain text flow ===== */
.public-site-page .public-content-layout.public-legal-copy {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.public-site-page .public-legal-copy > h2,
.public-site-page .public-legal-copy > p,
.public-site-page .public-legal-copy > span {
    max-width: none !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.public-site-page .public-legal-copy > h2 {
    margin: 1.85rem 0 0.55rem !important;
    color: #ffffff !important;
    font-family: var(--zs-font-display) !important;
    font-size: 1.35rem !important;
    line-height: 1.18 !important;
    font-weight: 760 !important;
}

.public-site-page .public-legal-copy > h2:first-child {
    margin-top: 0 !important;
}

.public-site-page .public-legal-copy > p {
    margin: 0 !important;
    color: #c6d3df !important;
    font-size: 0.98rem !important;
    line-height: 1.78 !important;
}

.public-site-page .public-legal-copy > p + p {
    margin-top: 0.8rem !important;
}

.public-site-page .public-legal-copy > a,
.public-site-page .public-legal-copy > p a {
    color: #ffffff !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(0, 167, 156, 0.64) !important;
}

.public-site-page .public-legal-copy > .public-legal-kicker {
    display: block !important;
    margin: 2.2rem 0 0.35rem !important;
    padding: 0 !important;
    color: #00a79c !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.12em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

/* Keep the landing header behavior aligned with FAQ, Pricing, Blog, and legal pages. */
.home-page-shell .storefront-surface {
    overflow: visible !important;
}

.home-page-shell .home-nav {
    position: sticky !important;
    top: 16px !important;
    z-index: 90 !important;
}

@media (max-width: 980px) {
    .home-page-shell .home-nav {
        top: 10px !important;
    }
}

.home-bridge-section {
    padding-top: clamp(3rem, 5.8vw, 4.6rem) !important;
}

.home-bridge-panel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(18rem, 0.92fr) minmax(0, 1.08fr);
    align-items: center;
    gap: clamp(1.2rem, 4vw, 3.25rem);
    padding: clamp(1.25rem, 3.6vw, 2.6rem);
    border: 1px solid var(--zs-line);
    background:
        radial-gradient(30rem 20rem at 13% 50%, rgba(0, 167, 156, 0.11), transparent 68%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.01)),
        rgba(7, 8, 10, 0.24);
}

.home-drift-visual {
    position: relative;
    min-height: 20rem;
    display: grid;
    align-content: space-between;
    gap: 1.2rem;
    border: 1px solid var(--zs-line-strong);
    padding: clamp(1rem, 2.8vw, 1.55rem);
    background:
        radial-gradient(22rem 14rem at 70% 120%, rgba(0, 167, 156, 0.16), transparent 72%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.012)),
        rgba(12, 14, 17, 0.72);
    box-shadow: var(--zs-shadow-card);
    overflow: hidden;
}

.home-drift-visual::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 42%;
    pointer-events: none;
    background: radial-gradient(70% 110% at 50% 110%, rgba(0, 167, 156, 0.16), transparent 72%);
}

.home-drift-head,
.home-drift-line,
.home-drift-list {
    position: relative;
    z-index: 1;
}

.home-drift-head span,
.home-drift-line span,
.home-drift-line b,
.home-drift-list em {
    color: var(--zs-accent-mint);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    line-height: 1;
    text-transform: uppercase;
}

.home-drift-head strong {
    display: block;
    max-width: 16rem;
    margin-top: 0.68rem;
    color: #ffffff;
    font-size: clamp(1.35rem, 2.4vw, 1.9rem);
    font-weight: 850;
    letter-spacing: -0.035em;
    line-height: 1.02;
}

.home-drift-line {
    display: grid;
    grid-template-columns: auto minmax(1.5rem, 1fr) auto minmax(1.5rem, 1fr) auto;
    align-items: center;
    gap: 0.72rem;
}

.home-drift-line span {
    color: rgba(231, 235, 240, 0.64);
}

.home-drift-line i {
    display: block;
    height: 1px;
    background: repeating-linear-gradient(90deg, rgba(0, 167, 156, 0.8), rgba(0, 167, 156, 0.8) 0.42rem, transparent 0.42rem, transparent 0.78rem);
}

.home-drift-line b {
    border: 1px solid rgba(0, 167, 156, 0.38);
    padding: 0.62rem 0.78rem;
    background: rgba(0, 167, 156, 0.08);
    color: #e7fffb;
    white-space: nowrap;
}

.home-drift-list {
    display: grid;
    gap: 0.62rem;
}

.home-drift-list div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0.78rem 0.82rem;
    background: rgba(7, 8, 10, 0.32);
}

.home-drift-list span {
    width: 0.46rem;
    height: 0.46rem;
    background: #00a79c;
    box-shadow: 0 0 12px rgba(0, 167, 156, 0.56);
}

.home-drift-list p {
    min-width: 0;
    margin: 0;
    color: rgba(231, 235, 240, 0.86);
    font-size: 0.93rem;
    font-weight: 760;
    line-height: 1.2;
}

.home-drift-list em {
    color: rgba(231, 235, 240, 0.58);
    font-style: normal;
    white-space: nowrap;
}

.home-bridge-copy {
    max-width: 44rem;
    justify-self: end;
}

.home-bridge-copy h2 {
    margin: 0.8rem 0 0;
    max-width: 13ch;
    color: #ffffff;
    font-size: clamp(2.2rem, 4.3vw, 4rem);
    font-weight: 850;
    letter-spacing: -0.045em;
    line-height: 0.94;
}

.home-bridge-copy p {
    margin: 1rem 0 0;
    max-width: 40rem;
    color: rgba(231, 235, 240, 0.68);
    font-size: clamp(1rem, 1.32vw, 1.08rem);
    line-height: 1.68;
}

.home-bridge-points {
    display: flex;
    flex-wrap: wrap;
    gap: 0.66rem;
    margin-top: 1.2rem;
}

.home-bridge-points span {
    display: inline-flex;
    align-items: center;
    min-height: 2.45rem;
    border: 1px solid var(--zs-line-strong);
    padding: 0 0.82rem;
    background: rgba(7, 8, 10, 0.32);
    color: rgba(231, 235, 240, 0.82);
    font-size: 0.84rem;
    font-weight: 780;
    line-height: 1;
}

.home-bridge-points span:first-child {
    border-color: rgba(0, 167, 156, 0.42);
    color: #e7fffb;
    background: rgba(0, 167, 156, 0.08);
}

@media (max-width: 900px) {
    .home-bridge-panel {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .home-bridge-copy {
        justify-self: stretch;
    }

    .home-drift-visual {
        min-height: 17rem;
    }
}

@media (max-width: 560px) {
    .home-bridge-panel {
        padding: 1rem;
    }

    .home-drift-visual {
        min-height: auto;
        padding: 1rem;
    }

    .home-drift-head strong {
        max-width: 13rem;
        font-size: 1.42rem;
    }

    .home-drift-line {
        grid-template-columns: auto minmax(1rem, 1fr) auto minmax(1rem, 1fr);
        gap: 0.48rem;
    }

    .home-drift-line span,
    .home-drift-line b,
    .home-drift-list em {
        font-size: 0.62rem;
    }

    .home-drift-line span:last-child {
        display: none;
    }

    .home-drift-line b {
        padding: 0.56rem 0.62rem;
    }

    .home-drift-list div {
        gap: 0.54rem;
        padding: 0.68rem 0.62rem;
    }

    .home-drift-list p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.84rem;
    }

    .home-bridge-points span {
        width: 100%;
    }
}

/* Landing conversion pass: simple problem framing, founder trust, and calm SaaS positioning. */
.home-risk-panel,
.home-founder-panel {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: clamp(1rem, 3vw, 1.6rem);
    border: 1px solid var(--zs-line-strong);
    border-radius: 14px;
    background:
        radial-gradient(42rem 24rem at 12% 12%, rgba(0, 167, 156, 0.12), transparent 68%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(12, 14, 17, 0.78);
    box-shadow: var(--zs-shadow-card);
}

.home-risk-panel {
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    align-items: stretch;
    padding: clamp(1rem, 3vw, 1.45rem);
}

.home-risk-copy,
.home-founder-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.home-risk-copy {
    padding: clamp(0.6rem, 2vw, 1rem);
}

.home-risk-copy h2,
.home-founder-copy h2 {
    margin: 0.82rem 0 0;
    color: #ffffff;
    font-size: clamp(2rem, 4.8vw, 3.6rem);
    font-weight: 850;
    line-height: 0.96;
    letter-spacing: -0.04em;
}

.home-risk-copy p,
.home-founder-copy p,
.home-founder-note p {
    margin: 1rem 0 0;
    color: rgba(231, 235, 240, 0.72);
    font-size: clamp(0.96rem, 1.45vw, 1.04rem);
    line-height: 1.68;
}

.home-risk-cards {
    display: grid;
    grid-template-columns: 1fr;
    border: 1px solid var(--zs-line);
    border-radius: 12px;
    overflow: hidden;
    background: rgba(7, 8, 10, 0.22);
}

.home-risk-cards article {
    position: relative;
    min-height: 8.8rem;
    padding: clamp(1rem, 2.6vw, 1.35rem);
    border-bottom: 1px dashed var(--zs-line-strong);
    background: transparent;
}

.home-risk-cards article:last-child {
    border-bottom: 0;
}

.home-risk-cards article::after,
.home-founder-panel::after {
    content: "";
    position: absolute;
    pointer-events: none;
    background: radial-gradient(70% 110% at 50% 110%, rgba(0, 167, 156, 0.16), transparent 70%);
}

.home-risk-cards article::after {
    left: 0;
    right: 0;
    bottom: 0;
    height: 70%;
    opacity: 0;
    transition: opacity 0.18s ease;
}

.home-risk-cards article:hover::after {
    opacity: 1;
}

.home-risk-cards span,
.home-risk-cards strong,
.home-risk-cards p,
.home-founder-panel > * {
    position: relative;
    z-index: 1;
}

.home-risk-cards span {
    color: var(--zs-accent-mint);
    font-size: 0.72rem;
    font-weight: 820;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.home-risk-cards strong {
    display: block;
    margin-top: 0.58rem;
    color: #ffffff;
    font-size: 1.14rem;
    font-weight: 820;
    letter-spacing: -0.02em;
}

.home-risk-cards p {
    margin: 0.55rem 0 0;
    color: var(--zs-muted);
    font-size: 0.92rem;
    line-height: 1.58;
}

.home-founder-panel {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.68fr);
    align-items: center;
    padding: clamp(1.15rem, 3.4vw, 2rem);
}

.home-founder-panel::after {
    inset: auto 0 -44% 0;
    height: 88%;
    opacity: 0.9;
}

.home-founder-note {
    min-width: 0;
    border: 1px solid var(--zs-line);
    border-radius: 12px;
    padding: clamp(1rem, 2.6vw, 1.35rem);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014)),
        rgba(7, 8, 10, 0.38);
}

.home-founder-note strong {
    display: block;
    color: #ffffff;
    font-size: clamp(1.15rem, 2.3vw, 1.65rem);
    font-weight: 850;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

@media (max-width: 900px) {
    .home-risk-panel,
    .home-founder-panel {
        grid-template-columns: 1fr;
    }
}

/* ===== My Products table simplification ===== */
.page-shell .products-state-content > .products-workspace.products-state-toolbar {
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.page-shell .products-filter-strip,
.page-shell .products-pill-row {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.page-shell .products-pill-row {
    gap: 0.38rem !important;
    padding: 0 !important;
}

.page-shell .products-view-pill {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

.page-shell .products-view-pill:hover {
    background: rgba(255, 255, 255, 0.035) !important;
}

.page-shell .products-view-pill.is-active {
    border-color: rgba(0, 167, 156, 0.42) !important;
    background: rgba(0, 167, 156, 0.09) !important;
}

.page-shell .table-shell.products-state-table {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
        rgba(7, 8, 10, 0.82) !important;
}

.page-shell .workspace-table tbody tr {
    background: transparent !important;
}

.page-shell .workspace-table tbody tr + tr td {
    border-top-color: rgba(255, 255, 255, 0.075) !important;
}

.page-shell .workspace-table tbody tr.is-selected td {
    background:
        linear-gradient(90deg, rgba(0, 167, 156, 0.105), transparent 58%),
        rgba(0, 167, 156, 0.035) !important;
}

.page-shell .workspace-table tbody tr.is-selected:hover td {
    background:
        linear-gradient(90deg, rgba(0, 167, 156, 0.14), transparent 58%),
        rgba(0, 167, 156, 0.055) !important;
}

.page-shell .workspace-table .brand-checkbox {
    position: relative !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    background: rgba(4, 5, 7, 0.72) !important;
    cursor: pointer !important;
}

.page-shell .workspace-table .brand-checkbox:hover {
    border-color: rgba(0, 167, 156, 0.55) !important;
}

.page-shell .workspace-table .brand-checkbox:checked {
    border-color: rgba(0, 167, 156, 0.9) !important;
    background: #00a79c !important;
    box-shadow: 0 0 0 3px rgba(0, 167, 156, 0.14) !important;
}

.page-shell .workspace-table .brand-checkbox:checked::after {
    content: "" !important;
    width: 0.36rem !important;
    height: 0.58rem !important;
    border: solid #04110f !important;
    border-width: 0 0.13rem 0.13rem 0 !important;
    transform: rotate(42deg) translateY(-0.04rem) !important;
}

.page-shell .analysis-stack {
    display: grid !important;
    gap: 0.55rem !important;
}

.page-shell .analysis-pill-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.38rem !important;
}

.page-shell .analysis-pill-row > div {
    display: contents !important;
}

.page-shell .analysis-stack .subtle-card {
    max-width: 14rem !important;
    border: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 0 !important;
    padding: 0.18rem 0 0.18rem 0.72rem !important;
    background: transparent !important;
}

.page-shell .workspace-table .evidence-panel {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.page-shell .workspace-table .evidence-panel::after {
    display: none !important;
}

.page-shell .workspace-table .evidence-section {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.page-shell .workspace-table .evidence-verdict {
    max-width: 42rem !important;
    color: rgba(231, 235, 240, 0.92) !important;
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
}

.page-shell .workspace-table .evidence-button {
    margin-top: 0.62rem !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: transparent !important;
}

.page-shell .workspace-table .evidence-button:hover {
    border-color: rgba(0, 167, 156, 0.42) !important;
    background: rgba(0, 167, 156, 0.08) !important;
}

/* ===== My Products table final selection cleanup ===== */
.page-shell .workspace-table th:first-child,
.page-shell .workspace-table td:first-child {
    width: 3rem !important;
    min-width: 3rem !important;
    max-width: 3rem !important;
    padding: 0.72rem 0.55rem !important;
    text-align: center !important;
    vertical-align: middle !important;
    overflow: visible !important;
}

.page-shell .workspace-table .brand-checkbox {
    box-sizing: border-box !important;
    width: 1.15rem !important;
    height: 1.15rem !important;
    min-width: 1.15rem !important;
    min-height: 1.15rem !important;
    max-width: 1.15rem !important;
    max-height: 1.15rem !important;
    margin: 0 auto !important;
    border-radius: 0.32rem !important;
    transform: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    background: rgba(5, 8, 10, 0.88) !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.page-shell .workspace-table .brand-checkbox:hover {
    border-color: rgba(0, 167, 156, 0.58) !important;
    background: rgba(0, 167, 156, 0.08) !important;
}

.page-shell .workspace-table .brand-checkbox:checked {
    border-color: rgba(0, 167, 156, 0.95) !important;
    background: #00a79c !important;
    box-shadow: 0 0 0 2px rgba(0, 167, 156, 0.12) !important;
}

.page-shell .workspace-table .brand-checkbox:checked::after {
    content: "" !important;
    width: 0.34rem !important;
    height: 0.56rem !important;
    border: solid #04110f !important;
    border-width: 0 0.12rem 0.12rem 0 !important;
    transform: rotate(42deg) translateY(-0.04rem) !important;
}

.page-shell .workspace-table tbody tr,
.page-shell .workspace-table tbody tr td {
    background: transparent !important;
}

.page-shell .workspace-table tbody tr:hover td {
    background: rgba(255, 255, 255, 0.018) !important;
}

.page-shell .workspace-table tbody tr.is-selected td {
    background: rgba(0, 167, 156, 0.042) !important;
    border-top-color: rgba(0, 167, 156, 0.26) !important;
    border-bottom-color: rgba(0, 167, 156, 0.2) !important;
}

.page-shell .workspace-table tbody tr.is-selected:hover td {
    background: rgba(0, 167, 156, 0.058) !important;
}

.page-shell .workspace-table tbody tr.is-selected td:first-child {
    box-shadow: inset 2px 0 0 #00a79c !important;
}

/* ===== Unified skeleton loading ===== */
@keyframes zs-inline-skeleton-shine {
    0% {
        transform: translateX(-68%);
    }

    100% {
        transform: translateX(68%);
    }
}

.settings-custom-shell[data-state="booting"] .settings-custom-content,
.settings-custom-shell[data-state="booting"] .settings-custom-error,
.settings-custom-shell[data-state="ready"] .settings-profile-skeleton,
.settings-custom-shell[data-state="ready"] .settings-custom-error,
.settings-custom-shell[data-state="error"] .settings-profile-skeleton,
.settings-custom-shell[data-state="error"] .settings-custom-content {
    display: none !important;
}

.settings-custom-shell[data-state="booting"] {
    cursor: progress !important;
}

.settings-profile-skeleton {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    display: grid !important;
    gap: 1rem !important;
    min-height: 23rem !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    border-radius: 12px !important;
    padding: clamp(1rem, 2vw, 1.25rem) !important;
    background:
        radial-gradient(28rem 16rem at 10% 0%, rgba(0, 167, 156, 0.12), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.012)),
        rgba(6, 8, 10, 0.72) !important;
}

.settings-profile-skeleton::after {
    content: "" !important;
    position: absolute !important;
    z-index: 2 !important;
    inset: -20% -46% !important;
    pointer-events: none !important;
    transform: translateX(-68%) !important;
    background: linear-gradient(104deg, transparent 38%, rgba(255, 255, 255, 0.12) 49%, rgba(0, 167, 156, 0.12) 53%, transparent 64%) !important;
    mix-blend-mode: screen !important;
    animation: zs-inline-skeleton-shine 1.55s ease-in-out infinite !important;
}

.settings-skeleton-head {
    display: grid !important;
    grid-template-columns: 4.35rem minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 1rem !important;
}

.settings-skeleton-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
}

.settings-profile-skeleton .welcome-skeleton-avatar,
.settings-profile-skeleton .welcome-skeleton-row,
.settings-profile-skeleton .welcome-skeleton-divider {
    position: relative !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
}

.settings-profile-skeleton .welcome-skeleton-avatar {
    width: 4.35rem !important;
    height: 4.35rem !important;
    border-radius: 12px !important;
    background: rgba(0, 167, 156, 0.12) !important;
}

.settings-profile-skeleton .welcome-skeleton-row {
    height: 0.82rem !important;
    margin: 0 !important;
}

.settings-profile-skeleton .welcome-skeleton-row-wide {
    width: min(24rem, 72%) !important;
    height: 1.35rem !important;
    margin-bottom: 0.72rem !important;
}

.settings-profile-skeleton .welcome-skeleton-row-input {
    width: 100% !important;
    height: 3rem !important;
}

.settings-profile-skeleton .welcome-skeleton-row-button {
    width: min(12rem, 100%) !important;
    height: 3rem !important;
}

.settings-profile-skeleton .welcome-skeleton-divider {
    width: 100% !important;
    height: 1px !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.settings-profile-skeleton .welcome-skeleton-avatar::before,
.settings-profile-skeleton .welcome-skeleton-avatar::after,
.settings-profile-skeleton .welcome-skeleton-row::before,
.settings-profile-skeleton .welcome-skeleton-row::after,
.settings-profile-skeleton .welcome-skeleton-divider::before,
.settings-profile-skeleton .welcome-skeleton-divider::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}

@media (max-width: 760px) {
    .settings-skeleton-head,
    .settings-skeleton-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .settings-profile-skeleton::after {
        animation: none !important;
        opacity: 0.32 !important;
    }
}

/* ===== Landing page: story and monthly schedule cleanup ===== */
.home-bridge-points {
    display: none !important;
}

.home-founder-panel {
    grid-template-columns: minmax(0, 0.96fr) minmax(18rem, 0.72fr) !important;
    align-items: stretch !important;
    gap: 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
}

.home-founder-panel::after {
    content: none !important;
}

.home-founder-copy {
    display: grid !important;
    align-content: center !important;
    min-width: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 0 !important;
    padding: clamp(1.2rem, 2.4vw, 1.8rem) !important;
    background:
        radial-gradient(28rem 18rem at 0% 0%, rgba(0, 167, 156, 0.12), transparent 72%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)),
        rgba(7, 11, 16, 0.66) !important;
}

.home-founder-copy .home-section-kicker {
    justify-self: start !important;
    width: auto !important;
}

.home-founder-copy h2 {
    max-width: 13ch !important;
    font-size: clamp(2.1rem, 4.6vw, 3.45rem) !important;
    line-height: 0.96 !important;
}

.home-founder-copy p {
    max-width: 47rem !important;
    margin-top: 1rem !important;
}

.home-founder-note {
    display: grid !important;
    align-content: center !important;
    gap: 0.9rem !important;
    min-width: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 0 !important;
    padding: clamp(1.2rem, 2.4vw, 1.8rem) !important;
    background:
        radial-gradient(28rem 18rem at 78% 10%, rgba(0, 167, 156, 0.13), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)),
        rgba(7, 11, 16, 0.78) !important;
}

.home-founder-note-kicker {
    color: #00a79c !important;
    font-size: 0.72rem !important;
    font-weight: 880 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.home-founder-note strong {
    max-width: 18rem !important;
    font-size: clamp(1.2rem, 2vw, 1.55rem) !important;
    line-height: 1.08 !important;
}

.home-founder-note p {
    margin-top: 0 !important;
    font-size: 0.94rem !important;
}

.home-founder-note-flow {
    display: grid !important;
    grid-template-columns: auto minmax(1.4rem, 1fr) auto minmax(1.4rem, 1fr) auto !important;
    align-items: center !important;
    gap: 0.55rem !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    padding: 0.75rem !important;
    background: rgba(255, 255, 255, 0.026) !important;
}

.home-founder-note-flow span {
    color: rgba(231, 235, 240, 0.78) !important;
    font-size: 0.72rem !important;
    font-weight: 820 !important;
    white-space: nowrap !important;
}

.home-founder-note-flow i {
    height: 1px !important;
    background: repeating-linear-gradient(90deg, rgba(0, 167, 156, 0.72), rgba(0, 167, 156, 0.72) 0.32rem, transparent 0.32rem, transparent 0.62rem) !important;
}

@media (max-width: 980px) {
    .home-founder-panel {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 680px) {
    .home-founder-note-flow {
        grid-template-columns: 1fr !important;
    }

    .home-founder-note-flow i {
        display: none !important;
    }
}

/* ===== Landing schedule and founder illustration refinements ===== */
.home-schedule-board {
    align-content: start !important;
    gap: 0.78rem !important;
    padding: clamp(1rem, 2vw, 1.45rem) !important;
}

.home-schedule-layout {
    align-items: stretch !important;
}

.home-schedule-board::before {
    bottom: -58% !important;
    height: 84% !important;
    opacity: 0.58 !important;
}

.home-schedule-cal {
    grid-template-columns: repeat(8, clamp(1.58rem, 2.6vw, 2.15rem)) !important;
    justify-content: center !important;
    gap: clamp(0.26rem, 0.55vw, 0.38rem) !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0.25rem auto 0 !important;
}

.home-schedule-cal i {
    width: clamp(1.58rem, 2.6vw, 2.15rem) !important;
    height: clamp(1.58rem, 2.6vw, 2.15rem) !important;
    aspect-ratio: auto !important;
}

.home-schedule-cal i.is-active::after {
    inset: 30% !important;
}

.home-schedule-tick {
    grid-template-columns: repeat(3, minmax(4.8rem, 7.35rem)) !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    margin-top: 0.32rem !important;
}

.home-schedule-tick span {
    padding: 0.52rem 0.58rem !important;
}

.home-lost-shops {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.72rem !important;
}

.home-lost-shop {
    position: relative !important;
    overflow: hidden !important;
    display: grid !important;
    min-height: 8.6rem !important;
    align-content: end !important;
    gap: 0.24rem !important;
    border: 1px solid rgba(255, 107, 107, 0.28) !important;
    padding: 0.82rem !important;
    background:
        radial-gradient(9rem 7rem at 50% 0%, rgba(255, 107, 107, 0.12), transparent 72%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.036), rgba(255, 255, 255, 0.012)),
        rgba(3, 5, 7, 0.32) !important;
}

.home-lost-shop::after {
    content: "" !important;
    position: absolute !important;
    left: 14% !important;
    right: 14% !important;
    top: 36% !important;
    height: 2px !important;
    background: rgba(255, 107, 107, 0.88) !important;
    box-shadow: 0 0 14px rgba(255, 107, 107, 0.36) !important;
    transform: scaleX(0) rotate(-12deg) !important;
    transform-origin: left center !important;
    animation: home-shop-closed 4.8s ease-in-out infinite !important;
}

.home-lost-shop:nth-child(2)::after {
    animation-delay: 0.42s !important;
}

.home-lost-shop:nth-child(3)::after {
    animation-delay: 0.84s !important;
}

.home-lost-shop-icon {
    position: absolute !important;
    left: 50% !important;
    top: 1.05rem !important;
    width: 3.25rem !important;
    height: 2.75rem !important;
    transform: translateX(-50%) !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(255, 107, 107, 0.3) !important;
    background: rgba(255, 107, 107, 0.08) !important;
    color: #ff9090 !important;
}

.home-lost-shop-icon svg {
    width: 1.55rem !important;
    height: 1.55rem !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.home-lost-shop strong {
    max-width: none !important;
    color: rgba(231, 235, 240, 0.92) !important;
    font-size: 0.88rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
}

.home-lost-shop small {
    color: #ff9090 !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.11em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

@keyframes home-shop-closed {
    0%,
    16% {
        transform: scaleX(0) rotate(-12deg);
        opacity: 0;
    }
    28%,
    76% {
        transform: scaleX(1) rotate(-12deg);
        opacity: 1;
    }
    100% {
        transform: scaleX(1) rotate(-12deg);
        opacity: 0.34;
    }
}

@media (max-width: 760px) {
    .home-schedule-cal {
        grid-template-columns: repeat(8, minmax(1.28rem, 1fr)) !important;
        width: 100% !important;
        gap: 0.24rem !important;
    }

    .home-schedule-cal i {
        width: auto !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
    }

    .home-schedule-tick {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .home-lost-shops {
        grid-template-columns: 1fr !important;
    }

    .home-lost-shop {
        min-height: 6.7rem !important;
        padding-left: 5rem !important;
    }

    .home-lost-shop-icon {
        left: 1.9rem !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-lost-shop::after {
        animation: none !important;
        transform: scaleX(1) rotate(-12deg) !important;
        opacity: 0.74 !important;
    }
}

/* ===== Public footer breathing room ===== */
.home-footer,
.public-site-footer,
.blog-social-footer {
    padding-left: clamp(1rem, 2.4vw, 1.5rem) !important;
    padding-right: clamp(1rem, 2.4vw, 1.5rem) !important;
}

.home-footer {
    padding-top: 1.1rem !important;
}

.public-site-footer {
    padding: 1rem clamp(1rem, 2.4vw, 1.5rem) !important;
}

.blog-social-footer {
    padding-top: 1rem !important;
    padding-bottom: 0.25rem !important;
}

/* ===== Blog nested item simplification ===== */
.blog-public-shell .blog-dynamic-block :is(.blog-checklist-grid, .blog-mini-cards, .blog-stat-strip),
.public-site-shell .blog-dynamic-block :is(.blog-checklist-grid, .blog-mini-cards, .blog-stat-strip) {
    gap: clamp(1rem, 2vw, 1.35rem) !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

.blog-public-shell .blog-dynamic-block :is(.blog-checklist-grid > div, .blog-mini-cards > div, .blog-stat-strip > div),
.public-site-shell .blog-dynamic-block :is(.blog-checklist-grid > div, .blog-mini-cards > div, .blog-stat-strip > div) {
    padding: 0.18rem 0.2rem !important;
    border: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.blog-public-shell .blog-dynamic-block :is(.blog-checklist-grid > div, .blog-mini-cards > div, .blog-stat-strip > div):hover,
.public-site-shell .blog-dynamic-block :is(.blog-checklist-grid > div, .blog-mini-cards > div, .blog-stat-strip > div):hover {
    background: transparent !important;
    box-shadow: none !important;
}

.blog-public-shell .blog-dynamic-block :is(.blog-checklist-grid > div, .blog-mini-cards > div, .blog-stat-strip > div)::after,
.public-site-shell .blog-dynamic-block :is(.blog-checklist-grid > div, .blog-mini-cards > div, .blog-stat-strip > div)::after {
    content: none !important;
}

/* ===== Blog index pagination ===== */
.blog-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: clamp(1rem, 2.5vw, 1.5rem);
    padding: 0.45rem 0 0;
}

.blog-pagination-summary {
    display: grid;
    gap: 0.18rem;
    min-width: max-content;
}

.blog-pagination-summary strong {
    color: var(--zs-ink);
    font-size: 0.9rem;
    font-weight: 820;
    line-height: 1.2;
}

.blog-pagination-summary span {
    color: var(--zs-muted);
    font-size: 0.78rem;
    font-weight: 720;
}

.blog-pagination-controls,
.blog-pagination-pages {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.blog-pagination-controls {
    justify-content: flex-end;
}

.blog-pagination-arrow,
.blog-pagination-page,
.blog-pagination-ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.2rem;
    min-height: 1.8rem;
    border: 0;
    background: transparent;
    color: rgba(231, 235, 240, 0.78);
    font-size: 0.82rem;
    font-weight: 780;
    line-height: 1;
}

.blog-pagination-arrow {
    min-width: auto;
    padding-inline: 0;
}

.blog-pagination-page:hover,
.blog-pagination-arrow:hover {
    color: var(--zs-accent-mint);
}

.blog-pagination-page.is-current {
    color: var(--zs-accent-mint);
    background: transparent;
}

.blog-pagination-arrow.is-disabled {
    color: rgba(139, 149, 161, 0.48);
    background: transparent;
}

.blog-pagination-ellipsis {
    min-width: 1rem;
    color: var(--zs-muted);
}

@media (max-width: 760px) {
    .blog-pagination {
        align-items: stretch;
        flex-direction: column;
    }

    .blog-pagination-summary {
        min-width: 0;
    }

    .blog-pagination-controls {
        justify-content: flex-start;
    }

    .blog-pagination-pages {
        order: 3;
        width: 100%;
    }

    .blog-pagination-arrow {
        flex: 1 1 7rem;
    }
}

/* ===== Pricing page decision flow ===== */
.public-pricing-shell .public-site-nav {
    order: 0 !important;
}

.public-pricing-shell .pricing-hero {
    order: 1 !important;
}

.public-pricing-shell .public-pricing-grid {
    order: 2 !important;
    gap: clamp(0.85rem, 2vw, 1.15rem) !important;
    margin-top: clamp(1.25rem, 3vw, 2rem) !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

.public-pricing-shell .pricing-note {
    order: 3 !important;
}

.public-pricing-shell .pricing-clarity-panel {
    order: 4 !important;
}

.public-pricing-shell .pricing-faq-panel {
    order: 5 !important;
}

.public-pricing-shell .public-site-footer {
    order: 6 !important;
}

.public-pricing-shell .pricing-hero-simple {
    padding-top: clamp(2.5rem, 5vw, 3.85rem) !important;
    padding-bottom: clamp(1.5rem, 3vw, 2.25rem) !important;
}

.public-pricing-shell .pricing-hero-proof {
    margin-top: 0.75rem !important;
    color: var(--zs-muted) !important;
    font-size: 0.9rem !important;
    font-weight: 760 !important;
    line-height: 1.5 !important;
}

.public-pricing-shell .public-pricing-grid .pricing-choice-card,
.public-pricing-shell .public-pricing-grid .pricing-choice-card:first-child {
    border: 1px solid var(--zs-line-strong) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.014)),
        rgba(9, 11, 13, 0.74) !important;
    box-shadow: none !important;
}

.public-pricing-shell .public-pricing-grid .pricing-choice-main {
    border-color: rgba(0, 167, 156, 0.44) !important;
    background:
        radial-gradient(circle at 50% 0, rgba(0, 167, 156, 0.15), transparent 15rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.054), rgba(255, 255, 255, 0.014)),
        rgba(9, 13, 16, 0.82) !important;
}

.pricing-clarity-panel {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    margin-top: clamp(1rem, 2.5vw, 1.5rem);
    border: 1px solid var(--zs-line-strong);
    background:
        linear-gradient(90deg, rgba(0, 167, 156, 0.06), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.014)),
        rgba(9, 11, 13, 0.72);
}

.pricing-clarity-copy {
    padding: clamp(1.15rem, 2.4vw, 1.55rem);
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.pricing-clarity-copy h2 {
    margin: 0.7rem 0 0;
    color: var(--zs-ink);
    font-family: var(--zs-font-display, var(--font-display));
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    line-height: 1.04;
    font-weight: 850;
    letter-spacing: -0.02em;
}

.pricing-clarity-copy p {
    max-width: 34rem;
    margin: 0.85rem 0 0;
    color: var(--zs-muted);
    font-size: 1rem;
    line-height: 1.65;
}

.pricing-clarity-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pricing-clarity-list div {
    padding: clamp(1.15rem, 2.4vw, 1.55rem);
    border-left: 1px dashed rgba(255, 255, 255, 0.08);
}

.pricing-clarity-list div:first-child {
    border-left: 0;
}

.pricing-clarity-list span {
    color: var(--zs-accent-mint);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.pricing-clarity-list strong {
    display: block;
    margin-top: 0.75rem;
    color: var(--zs-ink);
    font-size: 1.02rem;
    font-weight: 820;
    line-height: 1.22;
}

.pricing-clarity-list p {
    margin: 0.55rem 0 0;
    color: var(--zs-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

.pricing-faq-panel {
    margin-top: clamp(1rem, 2.6vw, 1.7rem);
}

.pricing-faq-panel .pricing-faq-layout {
    margin: 0 !important;
}

@media (max-width: 899px) {
    .public-pricing-shell .public-pricing-grid {
        gap: 0.85rem !important;
    }

    .public-pricing-shell .public-pricing-grid .pricing-choice-card,
    .public-pricing-shell .public-pricing-grid .pricing-choice-card:first-child {
        border: 1px solid var(--zs-line-strong) !important;
    }

    .pricing-clarity-panel,
    .pricing-clarity-list {
        grid-template-columns: 1fr;
    }

    .pricing-clarity-copy {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .pricing-clarity-list div,
    .pricing-clarity-list div:first-child {
        border-left: 0;
        border-top: 1px dashed rgba(255, 255, 255, 0.08);
    }

    .pricing-clarity-list div:first-child {
        border-top: 0;
    }
}

/* ===== Schedule page simplification ===== */
.schedule-lite {
    display: grid;
    gap: 1rem;
}

.schedule-lite-top {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(19rem, 0.82fr);
    gap: 1rem;
    align-items: stretch;
}

.schedule-card {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.014)),
        rgba(9, 11, 13, 0.72);
    padding: clamp(1rem, 2.2vw, 1.35rem);
}

.schedule-setup-card {
    background:
        radial-gradient(26rem 16rem at 0% 0%, rgba(0, 167, 156, 0.11), transparent 74%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.014)),
        rgba(9, 11, 13, 0.74);
}

.schedule-card form {
    display: grid;
    gap: 1.05rem;
}

.schedule-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.schedule-kicker {
    display: block;
    color: var(--zs-accent-mint);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    line-height: 1.1;
    text-transform: uppercase;
}

.schedule-card h2 {
    margin: 0.48rem 0 0;
    color: var(--zs-ink);
    font-family: var(--font-display);
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    font-weight: 820;
    letter-spacing: -0.025em;
    line-height: 1.02;
}

.schedule-card p {
    max-width: 38rem;
    margin: 0.7rem 0 0;
    color: rgba(204, 214, 224, 0.72);
    font-size: 0.94rem;
    line-height: 1.62;
}

.schedule-lite-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.35rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.028);
    color: rgba(231, 235, 240, 0.86);
    font-size: 0.84rem;
    font-weight: 800;
    white-space: nowrap;
}

.schedule-lite-toggle input {
    width: 1rem;
    height: 1rem;
    accent-color: var(--zs-accent-mint);
}

.schedule-lite-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.schedule-lite-fields label {
    display: grid;
    gap: 0.38rem;
}

.schedule-lite-fields label > span {
    color: rgba(231, 235, 240, 0.58);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.schedule-lite-fields input {
    width: 100%;
    min-height: 2.65rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(5, 8, 10, 0.8);
    color: var(--zs-ink);
    padding: 0.64rem 0.72rem;
    font: inherit;
    font-size: 0.92rem;
    outline: none;
}

.schedule-lite-fields input:focus {
    border-color: rgba(0, 167, 156, 0.58);
    box-shadow: 0 0 0 2px rgba(0, 167, 156, 0.12);
}

.schedule-lite-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-top: 0.15rem;
}

.schedule-lite-actions > span {
    color: rgba(204, 214, 224, 0.58);
    font-size: 0.82rem;
    line-height: 1.45;
}

.schedule-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.42rem 0.62rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(231, 235, 240, 0.72);
    background: rgba(255, 255, 255, 0.026);
    font-size: 0.74rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.schedule-status-pill.is-active {
    color: var(--zs-accent-mint);
    border-color: rgba(0, 167, 156, 0.38);
    background: rgba(0, 167, 156, 0.08);
}

.schedule-status-pill.is-warning {
    color: var(--danger);
    border-color: rgba(255, 107, 107, 0.32);
    background: rgba(255, 107, 107, 0.07);
}

.schedule-status-list {
    display: grid;
    gap: 0;
    margin: 1rem 0 0;
}

.schedule-status-list div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.72rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.schedule-status-list div:first-child {
    border-top: 0;
}

.schedule-status-list dt {
    color: rgba(204, 214, 224, 0.62);
    font-size: 0.82rem;
    font-weight: 760;
}

.schedule-status-list dd {
    max-width: 62%;
    margin: 0;
    color: var(--zs-ink);
    font-size: 0.9rem;
    font-weight: 780;
    text-align: right;
}

.schedule-lite-progress {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.schedule-progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

.schedule-progress-head strong {
    color: var(--zs-ink);
    font-size: 0.92rem;
}

.schedule-last-card {
    display: grid;
    gap: 1rem;
}

.schedule-last-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.schedule-last-grid div {
    padding: 0.9rem 1rem;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.schedule-last-grid div:first-child {
    border-left: 0;
    padding-left: 0;
}

.schedule-last-grid span {
    display: block;
    color: rgba(204, 214, 224, 0.58);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.schedule-last-grid strong {
    display: block;
    margin-top: 0.35rem;
    color: var(--zs-ink);
    font-size: clamp(1.2rem, 2.2vw, 1.65rem);
    font-weight: 850;
    letter-spacing: -0.035em;
}

.schedule-inline-warning {
    border: 1px solid rgba(255, 107, 107, 0.24);
    background: rgba(255, 107, 107, 0.06);
    color: rgba(255, 210, 210, 0.92);
    padding: 0.75rem 0.85rem;
    font-size: 0.86rem;
    line-height: 1.55;
}

.schedule-changes {
    display: grid;
    gap: 0;
}

.schedule-change-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.78rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.schedule-change-row:first-child {
    border-top: 0;
}

.schedule-change-row strong {
    display: block;
    color: var(--zs-ink);
    font-size: 0.9rem;
    line-height: 1.3;
}

.schedule-change-row span {
    color: rgba(204, 214, 224, 0.62);
    font-size: 0.8rem;
    line-height: 1.35;
}

.schedule-change-row > span {
    flex: 0 0 auto;
    color: var(--danger);
    font-weight: 820;
}

.schedule-changes > p {
    margin: 0;
    color: rgba(204, 214, 224, 0.62);
    font-size: 0.9rem;
}

@media (max-width: 1040px) {
    .schedule-lite-top {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .schedule-card-head,
    .schedule-status-list div,
    .schedule-change-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .schedule-status-list dd {
        max-width: none;
        text-align: left;
    }

    .schedule-lite-fields,
    .schedule-last-grid {
        grid-template-columns: 1fr;
    }

    .schedule-last-grid div,
    .schedule-last-grid div:first-child {
        padding: 0.78rem 0;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .schedule-last-grid div:first-child {
        border-top: 0;
    }
}