/*
 * Executive frontend UI layer for the license center.
 * Loaded last across public portal pages to unify the visual system.
 */
:root {
    --ex-ink: #0b1220;
    --ex-text: #1d2939;
    --ex-muted: #667085;
    --ex-soft: #98a2b3;
    --ex-bg: #f4f7fb;
    --ex-bg-strong: #eef3f8;
    --ex-surface: #ffffff;
    --ex-surface-soft: #f8fafc;
    --ex-line: #d9e3ef;
    --ex-line-soft: #e9eef5;
    --ex-primary: #155eef;
    --ex-primary-dark: #123f9f;
    --ex-teal: #0e9384;
    --ex-gold: #b7791f;
    --ex-danger: #c2410c;
    --ex-success: #16803d;
    --ex-radius: 8px;
    --ex-shadow: 0 24px 60px rgba(15, 23, 42, .12);
    --ex-shadow-soft: 0 12px 32px rgba(15, 23, 42, .08);
    --ex-focus: 0 0 0 4px rgba(21, 94, 239, .14);
}

html {
    background: var(--ex-bg);
    scroll-behavior: smooth;
}

body.home-page,
body.model-page,
body.cases-page,
body.downloads-page,
body.updates-page,
body.versions-page,
body.help-page,
body.query-page,
body.info-page,
body.premium-portal-page,
body.premium-preview-page {
    margin: 0;
    color: var(--ex-text);
    background:
        linear-gradient(180deg, #fbfdff 0, #f4f7fb 420px, #eef3f8 100%) !important;
    font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
    letter-spacing: 0;
    text-rendering: geometricPrecision;
    overflow-x: hidden;
}

body.home-page *,
body.model-page *,
body.cases-page *,
body.downloads-page *,
body.updates-page *,
body.versions-page *,
body.help-page *,
body.query-page *,
body.info-page *,
body.premium-portal-page *,
body.premium-preview-page * {
    box-sizing: border-box;
}

body.home-page a,
body.model-page a,
body.cases-page a,
body.downloads-page a,
body.updates-page a,
body.versions-page a,
body.help-page a,
body.query-page a,
body.info-page a,
body.premium-portal-page a,
body.premium-preview-page a {
    text-decoration: none;
}

.wrap,
.page-wrap,
.home-page .wrap,
.home-page .page-wrap,
.model-page .page-wrap,
.cases-page .page-wrap,
.downloads-page .page-wrap,
.updates-page .page-wrap,
.versions-page .page-wrap,
.help-page .page-wrap,
.query-page .page-wrap,
.info-page .page-wrap,
.premium-portal-page .wrap,
.premium-preview-page .wrap {
    width: min(100% - 48px, 1240px) !important;
    max-width: 1240px;
    margin-inline: auto;
}

.topbar,
.site-topbar,
.portal-top-notice,
.model-topbar,
.cases-topbar,
.downloads-topbar,
.updates-topbar,
.versions-topbar,
.help-topbar,
.query-topbar,
.info-topbar {
    background: var(--ex-ink) !important;
    border: 0 !important;
    color: #d8e3f2 !important;
}

.topbar-inner,
.portal-top-notice-inner,
.model-topbar-inner,
.cases-topbar-inner,
.downloads-topbar-inner,
.updates-topbar-inner,
.versions-topbar-inner,
.help-topbar-inner,
.query-topbar-inner,
.info-topbar-inner {
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    font-size: 13px !important;
}

.topbar a,
.portal-top-notice a,
.model-topbar a,
.cases-topbar a,
.downloads-topbar a,
.updates-topbar a,
.versions-topbar a,
.help-topbar a,
.query-topbar a,
.info-topbar a {
    color: #eaf1fb !important;
}

.topbar-notice,
.portal-top-notice-text,
.model-topbar-notice,
.cases-topbar-notice,
.downloads-topbar-notice,
.updates-topbar-notice,
.versions-topbar-notice,
.help-topbar-notice,
.query-topbar-notice,
.info-topbar-notice {
    max-width: 46%;
    overflow: hidden;
    color: #f7fbff !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-topbar-title {
    color: #d4b26f !important;
    font-weight: 800;
    white-space: nowrap;
}

.topbar-actions,
.portal-top-notice-actions,
.model-topbar-actions,
.cases-topbar-actions,
.downloads-topbar-actions,
.updates-topbar-actions,
.versions-topbar-actions,
.help-topbar-actions,
.query-topbar-actions,
.info-topbar-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: wrap;
}

.topbar-actions a,
.portal-top-notice-actions a,
.model-topbar-actions a,
.cases-topbar-actions a,
.downloads-topbar-actions a,
.updates-topbar-actions a,
.versions-topbar-actions a,
.help-topbar-actions a,
.query-topbar-actions a,
.info-topbar-actions a {
    min-height: 28px;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 11px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #eef5ff !important;
    font-weight: 800 !important;
}

.site-header,
.portal-header,
.model-header,
.cases-header,
.downloads-header,
.updates-header,
.versions-header,
.help-header,
.query-header,
.info-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    background: rgba(255, 255, 255, .9) !important;
    border-bottom: 1px solid rgba(217, 227, 239, .9) !important;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .08) !important;
    backdrop-filter: blur(18px);
}

.header-inner,
.model-header-inner,
.cases-header-inner,
.downloads-header-inner,
.updates-header-inner,
.versions-header-inner,
.help-header-inner,
.query-header-inner,
.info-header-inner {
    min-height: 76px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 20px !important;
}

.brand,
.model-brand,
.cases-brand,
.downloads-brand,
.updates-brand,
.versions-brand,
.help-brand,
.query-brand,
.info-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 11px !important;
    color: var(--ex-ink) !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
}

.brand-mark {
    width: 36px !important;
    height: 36px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #0b1220, #155eef) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(21, 94, 239, .24) !important;
}

.brand-text {
    display: grid;
    gap: 0;
}

.brand-text strong {
    color: var(--ex-ink) !important;
    font-size: 18px !important;
    line-height: 1.25;
}

.brand-text em {
    color: var(--ex-muted) !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 700;
}

.nav,
.site-nav,
.portal-nav,
.model-nav,
.cases-nav,
.downloads-nav,
.updates-nav,
.versions-nav,
.help-nav,
.query-nav,
.info-nav {
    justify-self: center;
    max-width: 100%;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 5px !important;
    overflow-x: auto;
    border: 1px solid var(--ex-line-soft) !important;
    border-radius: 8px !important;
    background: rgba(248, 250, 252, .86) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .74) !important;
    scrollbar-width: none;
}

.nav::-webkit-scrollbar,
.portal-nav::-webkit-scrollbar,
.model-nav::-webkit-scrollbar,
.cases-nav::-webkit-scrollbar,
.downloads-nav::-webkit-scrollbar,
.updates-nav::-webkit-scrollbar,
.versions-nav::-webkit-scrollbar,
.help-nav::-webkit-scrollbar,
.query-nav::-webkit-scrollbar,
.info-nav::-webkit-scrollbar {
    display: none;
}

.nav a,
.site-nav a,
.portal-nav a,
.model-nav a,
.cases-nav a,
.downloads-nav a,
.updates-nav a,
.versions-nav a,
.help-nav a,
.query-nav a,
.info-nav a {
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 13px !important;
    border-radius: 6px !important;
    color: #475467 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease;
}

.nav a:hover,
.nav a.active,
.site-nav a:hover,
.site-nav a.active,
.portal-nav a:hover,
.portal-nav a.active,
.model-nav a:hover,
.model-nav a.active,
.cases-nav a:hover,
.cases-nav a.active,
.downloads-nav a:hover,
.downloads-nav a.active,
.updates-nav a:hover,
.updates-nav a.active,
.versions-nav a:hover,
.versions-nav a.active,
.help-nav a:hover,
.help-nav a.active,
.query-nav a:hover,
.query-nav a.active,
.info-nav a:hover,
.info-nav a.active {
    background: #fff !important;
    color: var(--ex-primary) !important;
    box-shadow: var(--ex-shadow-soft) !important;
}

.header-actions,
.model-header-actions,
.cases-header-actions,
.downloads-header-actions,
.updates-header-actions,
.versions-header-actions,
.help-header-actions,
.query-header-actions,
.info-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    white-space: nowrap;
}

.btn,
.primary-btn,
.ghost-btn,
.small-btn,
.hero-btn-primary,
.hero-btn-secondary,
.btn-primary,
.btn-secondary,
.btn-buy,
.gen-btn,
.preview-link,
.build-link,
button[type="submit"],
.model-search-form button,
.template-filter-bar button,
.help-search-form button {
    min-height: 42px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 18px !important;
    border-radius: 7px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    transition: transform .18s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

.btn-primary,
.primary-btn,
.hero-btn-primary,
.btn-buy,
.gen-btn,
button[type="submit"],
.model-search-form button,
.template-filter-bar button,
.help-search-form button {
    border: 1px solid var(--ex-primary) !important;
    background: var(--ex-primary) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(21, 94, 239, .24) !important;
}

.btn-primary:hover,
.primary-btn:hover,
.hero-btn-primary:hover,
.btn-buy:hover,
.gen-btn:hover,
button[type="submit"]:hover,
.model-search-form button:hover,
.template-filter-bar button:hover,
.help-search-form button:hover {
    transform: translateY(-1px);
    border-color: var(--ex-primary-dark) !important;
    background: var(--ex-primary-dark) !important;
    box-shadow: var(--ex-shadow-soft) !important;
}

.btn:not(.btn-primary),
.ghost-btn,
.hero-btn-secondary,
.btn-secondary,
.small-btn:not(.primary-btn),
.template-filter-bar a,
.category-cloud a,
.theme-id {
    border: 1px solid var(--ex-line) !important;
    background: #fff !important;
    color: var(--ex-primary) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05) !important;
}

.ghost-light {
    border-color: rgba(255, 255, 255, .32) !important;
    background: rgba(255, 255, 255, .12) !important;
    color: #fff !important;
}

.hero,
.model-hero,
.cases-hero,
.downloads-hero,
.updates-hero,
.versions-hero,
.help-hero,
.query-hero,
.info-hero,
.portal-hero {
    position: relative;
    overflow: hidden;
}

.hero::before,
.model-hero::before,
.cases-hero::before,
.downloads-hero::before,
.updates-hero::before,
.versions-hero::before,
.help-hero::before,
.query-hero::before,
.info-hero::before,
.portal-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(120deg, rgba(21, 94, 239, .09), transparent 38%),
        linear-gradient(180deg, rgba(11, 18, 32, .04), transparent 56%);
}

.hero-inner {
    min-height: 620px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr) !important;
    align-items: center !important;
    gap: 48px !important;
    padding: 74px 0 72px !important;
}

.hero-copy {
    position: relative;
    z-index: 1;
}

.kicker,
.hero-kicker,
.template-summary-badge,
.plan-card > span,
.audience-card > span,
.module-card > span {
    width: fit-content;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(21, 94, 239, .16) !important;
    border-radius: 999px !important;
    background: #edf4ff !important;
    color: var(--ex-primary) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

h1,
.hero h1,
.model-search-copy h1,
.versions-copy h1,
.section-head h2,
.section-title h2,
.info-hero h1,
.query-hero h1 {
    color: var(--ex-ink) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-wrap: pretty;
}

.hero h1 {
    max-width: 720px;
    margin: 20px 0 18px !important;
    font-size: clamp(42px, 5vw, 72px) !important;
    line-height: 1.04 !important;
}

.hero-copy p,
.model-search-copy p,
.versions-copy p,
.section-head p,
.section-title p,
.module-card p,
.plan-card p,
.content-panel p,
.info-hero p,
.query-hero p {
    color: var(--ex-muted) !important;
    line-height: 1.85 !important;
    text-wrap: pretty;
}

.hero-copy > p {
    max-width: 650px;
    font-size: 17px !important;
}

.home-page .hero h1 {
    color: #f8fbff !important;
    text-shadow: 0 12px 34px rgba(0, 0, 0, .28);
}

.home-page .hero-copy > p,
.home-page .hero-action-note {
    color: #c7d4e8 !important;
}

.home-page .hero-badges span {
    border-color: rgba(255, 255, 255, .24) !important;
    background: rgba(255, 255, 255, .92) !important;
    color: #16345f !important;
}

.hero-badges,
.template-tags,
.keyword-cloud,
.hero-actions,
.cta-actions,
.plan-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap;
}

.hero-badges span,
.template-tags span,
.keyword-cloud span,
.plan-fit,
.theme-id {
    min-height: 28px;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 10px !important;
    border: 1px solid var(--ex-line-soft) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #475467 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.hero-actions {
    margin-top: 28px !important;
}

.hero-action-note {
    margin-top: 14px !important;
    color: var(--ex-muted) !important;
    font-size: 13px !important;
}

.hero-proof,
.dash-metrics,
.grid-3,
.plan-grid,
.plans-grid,
.audience-grid,
.service-grid,
.advantage-grid,
.template-decision-grid,
.purchase-flow-grid {
    display: grid !important;
    gap: 18px !important;
}

.hero-proof {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin-top: 34px !important;
}

.hero-proof-item,
.dash-metric,
.module-card,
.plan-card,
.content-panel,
.audience-card,
.service-card,
.advantage-card,
.template-decision-card,
.purchase-flow-card,
.trust-card,
.template-empty-card {
    border: 1px solid rgba(217, 227, 239, .92) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: var(--ex-shadow-soft) !important;
}

.hero-proof-item {
    padding: 18px !important;
}

.hero-proof-item strong,
.dash-metric strong,
.advantage-card strong,
.service-card strong,
.hero-stat strong {
    display: block;
    color: var(--ex-ink) !important;
    font-size: 28px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
}

.hero-proof-item span,
.dash-metric span,
.hero-stat span {
    color: var(--ex-muted) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.dashboard,
.model-search-box,
.versions-banner,
.trust-layout,
.cta-panel {
    position: relative;
    z-index: 1;
    border: 1px solid rgba(217, 227, 239, .88) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .92)) !important;
    box-shadow: var(--ex-shadow) !important;
}

.dashboard {
    overflow: hidden;
}

.dashboard-head {
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 18px !important;
    border-bottom: 1px solid var(--ex-line-soft) !important;
    background: var(--ex-ink) !important;
    color: #fff !important;
}

.dots {
    display: flex !important;
    gap: 7px !important;
}

.dots span {
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: #d4b26f !important;
}

.dashboard-body {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 18px !important;
}

.dash-side {
    display: grid !important;
    align-content: start !important;
    gap: 10px !important;
    padding: 16px !important;
    border-radius: 8px !important;
    background: #f0f5fb !important;
}

.dash-side strong {
    color: var(--ex-ink) !important;
}

.dash-side span {
    color: #526171 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.dash-main {
    min-width: 0;
}

.dash-alert,
.dash-title,
.dash-row,
.template-meta,
.template-foot,
.plan-top,
.compare-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
}

.dash-alert {
    padding: 13px 14px !important;
    border-radius: 8px !important;
    background: #eff8ff !important;
    color: #1849a9 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.dash-alert em,
.dash-title em,
.dash-row em {
    color: var(--ex-teal) !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

.dash-title {
    margin: 18px 0 14px !important;
}

.dash-title strong {
    color: var(--ex-ink) !important;
    font-size: 20px !important;
}

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

.dash-metric {
    padding: 16px !important;
}

.dash-rows {
    display: grid !important;
    gap: 10px !important;
    margin-top: 16px !important;
}

.dash-row {
    padding: 13px 14px !important;
    border: 1px solid var(--ex-line-soft) !important;
    border-radius: 8px !important;
    background: #fff !important;
}

.dash-row strong {
    display: block;
    color: var(--ex-ink) !important;
}

.dash-row span {
    color: var(--ex-muted) !important;
    font-size: 12px !important;
}

.section,
.model-main section,
.versions-main section,
.downloads-main section,
.updates-main section,
.help-main section,
.cases-main section,
.query-main section,
.info-main section {
    padding: 72px 0 !important;
}

.section.alt,
.model-main,
.versions-main,
.downloads-main,
.updates-main,
.help-main,
.cases-main,
.query-main,
.info-main {
    background: transparent !important;
}

.section-head,
.section-title {
    margin-bottom: 28px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 28px !important;
}

.section-head h2,
.section-title h2 {
    margin: 12px 0 8px !important;
    font-size: clamp(28px, 3vw, 44px) !important;
    line-height: 1.16 !important;
}

.section-head p,
.section-title p {
    max-width: 760px;
    margin: 0 !important;
}

.grid-3,
.audience-grid,
.service-grid,
.advantage-grid,
.template-decision-grid,
.purchase-flow-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.module-card,
.audience-card,
.service-card,
.advantage-card,
.template-decision-card,
.purchase-flow-card,
.trust-card {
    padding: 24px !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.module-card:hover,
.audience-card:hover,
.service-card:hover,
.advantage-card:hover,
.template-decision-card:hover,
.purchase-flow-card:hover,
.trust-card:hover,
.template-card:hover,
.case-card:hover,
.download-card:hover,
.help-card:hover,
.update-card:hover {
    transform: translateY(-3px);
    border-color: rgba(21, 94, 239, .26) !important;
    box-shadow: var(--ex-shadow) !important;
}

.module-card h3,
.audience-card h3,
.service-card h3,
.advantage-card h3,
.template-decision-card h3,
.purchase-flow-card h3,
.template-card h3,
.plan-card h3,
.trust-card strong {
    color: var(--ex-ink) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.template-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

@media (min-width: 1181px) {
    body.model-page .template-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

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

.template-card,
.case-card,
.download-card,
.help-card,
.update-card,
.version-card,
.info-card,
.query-card {
    overflow: hidden;
    border: 1px solid rgba(217, 227, 239, .92) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: var(--ex-shadow-soft) !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.template-thumb {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: linear-gradient(135deg, #eef4fb, #dfe9f6) !important;
}

.template-thumb img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    transition: transform .35s ease;
}

.template-card:hover .template-thumb img {
    transform: scale(1.035);
}

.template-fallback {
    width: 100%;
    height: 100%;
    display: grid !important;
    place-items: center !important;
    color: var(--ex-primary) !important;
    font-size: 28px !important;
    font-weight: 900 !important;
}

.template-overlay {
    position: absolute !important;
    inset: auto 12px 12px 12px !important;
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
}

.template-overlay a {
    min-height: 34px;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    border-radius: 6px !important;
    background: rgba(11, 18, 32, .86) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    backdrop-filter: blur(12px);
}

.template-body,
.template-info,
.case-body,
.download-body,
.help-body,
.update-body {
    padding: 20px !important;
}

.template-card h3,
.template-info h3,
.template-body h3 {
    margin: 14px 0 8px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
}

.template-card p,
.template-info p,
.template-body p {
    color: var(--ex-muted) !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}

.template-meta strong,
.price,
.plan-price strong {
    color: var(--ex-primary) !important;
    font-weight: 900 !important;
}

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

.plan-card {
    padding: 26px !important;
}

.plan-card.featured,
.plan-card.theme-pro,
.plans-grid .plan-card:nth-child(2) {
    border-color: rgba(21, 94, 239, .45) !important;
    background:
        linear-gradient(180deg, #ffffff, #f6f9ff) !important;
    box-shadow: 0 28px 70px rgba(21, 94, 239, .16) !important;
}

.price,
.plan-price strong {
    display: block;
    margin: 18px 0 !important;
    font-size: 38px !important;
    line-height: 1 !important;
}

.plan-card ul,
.plan-list {
    display: grid !important;
    gap: 10px !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.plan-card li,
.plan-list li {
    position: relative;
    padding-left: 18px !important;
    color: #475467 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.plan-card li::before,
.plan-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .72em;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ex-teal);
}

.content-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.content-panel {
    padding: 26px !important;
}

.content-list {
    display: grid !important;
    gap: 12px !important;
}

.content-item {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    padding: 14px !important;
    border: 1px solid var(--ex-line-soft) !important;
    border-radius: 8px !important;
    background: #fff !important;
}

.content-item b {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--ex-ink);
    color: #fff;
}

.content-item strong {
    color: var(--ex-ink) !important;
}

.content-item p {
    margin: 5px 0 0 !important;
    color: var(--ex-muted) !important;
}

.cta-section {
    padding: 32px 0 80px !important;
}

.cta-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 34px !important;
    background: var(--ex-ink) !important;
    color: #fff !important;
}

.cta-panel h2,
.cta-panel p {
    color: #fff !important;
}

.footer,
.portal-footer,
.model-footer,
.cases-footer,
.downloads-footer,
.updates-footer,
.versions-footer,
.help-footer,
.query-footer,
.info-footer {
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
    background: var(--ex-ink) !important;
    color: #d8e3f2 !important;
}

.footer a,
.portal-footer a,
.model-footer a,
.cases-footer a,
.downloads-footer a,
.updates-footer a,
.versions-footer a,
.help-footer a,
.query-footer a,
.info-footer a {
    color: #d8e3f2 !important;
}

.footer strong,
.footer h4,
.portal-footer strong,
.portal-footer h4,
.model-footer h4,
.versions-footer h4 {
    color: #fff !important;
}

input,
select,
textarea {
    min-height: 42px;
    border: 1px solid var(--ex-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--ex-ink) !important;
    box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border-color: rgba(21, 94, 239, .62) !important;
    box-shadow: var(--ex-focus) !important;
}

.model-search-box,
.versions-banner {
    padding: 34px !important;
}

.model-hero {
    padding: 42px 0 24px !important;
}

.model-search-box {
    min-height: 310px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .68fr) !important;
    align-items: center !important;
    gap: 34px !important;
}

.versions-banner .ghost-light {
    border-color: var(--ex-line) !important;
    background: #fff !important;
    color: var(--ex-primary) !important;
}

.model-search-form,
.template-filter-bar,
.help-search-form {
    display: flex !important;
    align-items: end !important;
    gap: 12px !important;
    flex-wrap: wrap;
}

.template-filter-bar {
    padding: 18px !important;
    border: 1px solid var(--ex-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: var(--ex-shadow-soft) !important;
}

.template-filter-bar label {
    display: grid !important;
    gap: 7px !important;
}

.template-filter-bar label span {
    color: var(--ex-muted) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.category-cloud {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-top: 18px !important;
}

.category-cloud a.active {
    border-color: var(--ex-primary) !important;
    background: #edf4ff !important;
    color: var(--ex-primary) !important;
}

.compare-table {
    overflow: auto;
    border: 1px solid var(--ex-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: var(--ex-shadow-soft) !important;
}

.compare-row {
    min-width: 760px;
    display: grid !important;
    grid-template-columns: 1.2fr repeat(3, 1fr) !important;
    padding: 16px 18px !important;
    border-bottom: 1px solid var(--ex-line-soft) !important;
}

.compare-row:last-child {
    border-bottom: 0 !important;
}

.compare-head {
    background: #f1f6fd !important;
    color: var(--ex-ink) !important;
    font-weight: 900 !important;
}

.trust-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .7fr) !important;
    gap: 24px !important;
    padding: 34px !important;
}

.trust-cards {
    display: grid !important;
    gap: 14px !important;
}

.portal-footer .footer-inner,
.footer-grid,
.model-footer-grid,
.versions-footer-grid {
    display: grid !important;
    grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    padding: 44px 0 !important;
}

.footer-links,
.footer-grid > div,
.model-footer-grid > div,
.versions-footer-grid > div {
    display: grid !important;
    align-content: start !important;
    gap: 10px !important;
}

.footer-copy,
.copyright {
    padding: 18px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
    color: #98a2b3 !important;
    font-size: 13px !important;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        transition: none !important;
        animation: none !important;
        scroll-behavior: auto !important;
    }
}

@media (max-width: 1180px) {
    .header-inner,
    .model-header-inner,
    .cases-header-inner,
    .downloads-header-inner,
    .updates-header-inner,
    .versions-header-inner,
    .help-header-inner,
    .query-header-inner,
    .info-header-inner {
        grid-template-columns: 1fr !important;
        padding: 16px 0 !important;
    }

    body.home-page .nav,
    body.premium-portal-page .portal-nav,
    body.model-page .model-nav,
    body.cases-page .cases-nav,
    body.downloads-page .downloads-nav,
    body.updates-page .updates-nav,
    body.versions-page .versions-nav,
    body.help-page .help-nav,
    body.query-page .query-nav,
    body.info-page .info-nav {
        justify-self: stretch !important;
    }

    .header-actions,
    .model-header-actions,
    .cases-header-actions,
    .downloads-header-actions,
    .updates-header-actions,
    .versions-header-actions,
    .help-header-actions,
    .query-header-actions,
    .info-header-actions {
        justify-content: flex-start !important;
        flex-wrap: wrap;
    }

    .hero-inner {
        grid-template-columns: 1fr !important;
    }

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

@media (max-width: 760px) {
    .wrap,
    .page-wrap,
    .home-page .wrap,
    .home-page .page-wrap {
        width: min(100% - 28px, 1240px) !important;
    }

    .topbar-inner,
    .portal-top-notice-inner,
    .model-topbar-inner,
    .cases-topbar-inner,
    .downloads-topbar-inner,
    .updates-topbar-inner,
    .versions-topbar-inner,
    .help-topbar-inner,
    .query-topbar-inner,
    .info-topbar-inner {
        align-items: flex-start !important;
        flex-direction: column !important;
        padding: 10px 0 !important;
    }

    .topbar-notice,
    .portal-top-notice-text,
    .model-topbar-notice,
    .cases-topbar-notice,
    .downloads-topbar-notice,
    .updates-topbar-notice,
    .versions-topbar-notice,
    .help-topbar-notice,
    .query-topbar-notice,
    .info-topbar-notice {
        max-width: 100%;
    }

    .hero-inner {
        min-height: auto;
        padding: 48px 0 !important;
        gap: 28px !important;
    }

    .hero h1 {
        font-size: 40px !important;
    }

    .dashboard-body,
    .hero-proof,
    .dash-metrics,
    .grid-3,
    .plan-grid,
    .plans-grid,
    .content-grid,
    .audience-grid,
    .service-grid,
    .advantage-grid,
    .template-decision-grid,
    .purchase-flow-grid,
    .trust-layout,
    .portal-footer .footer-inner,
    .footer-grid,
    .model-footer-grid,
    .versions-footer-grid,
    .cta-panel {
        grid-template-columns: 1fr !important;
    }

    .home-page .template-grid,
    .template-grid {
        grid-template-columns: 1fr !important;
    }

    .section,
    .model-main section,
    .versions-main section,
    .downloads-main section,
    .updates-main section,
    .help-main section,
    .cases-main section,
    .query-main section,
    .info-main section {
        padding: 52px 0 !important;
    }

    .section-head,
    .section-title {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .model-search-box,
    .versions-banner,
    .trust-layout,
    .cta-panel {
        padding: 22px !important;
    }

    .model-search-form input,
    .model-search-form button,
    .template-filter-bar label,
    .template-filter-bar input,
    .template-filter-bar select,
    .template-filter-bar button,
    .template-filter-bar a,
    .help-search-form input,
    .help-search-form button {
        width: 100% !important;
    }
}

/*
 * Luxury pass: raise the frontend from clean SaaS to a premium authorization
 * platform. This block intentionally sits last so it can unify older page CSS.
 */
:root {
    --ex-ink: #070b13;
    --ex-text: #1a2232;
    --ex-muted: #687386;
    --ex-bg: #080c14;
    --ex-bg-strong: #101722;
    --ex-surface: #ffffff;
    --ex-surface-soft: #f7f4ee;
    --ex-line: #d8d0c0;
    --ex-line-soft: #e7dfd0;
    --ex-primary: #c99a45;
    --ex-primary-dark: #8d6a2f;
    --ex-teal: #0e9384;
    --ex-gold: #d8b76c;
    --ex-shadow: 0 34px 86px rgba(7, 11, 19, .20);
    --ex-shadow-soft: 0 18px 48px rgba(7, 11, 19, .13);
    --ex-focus: 0 0 0 4px rgba(201, 154, 69, .20);
}

body.home-page,
body.model-page,
body.cases-page,
body.downloads-page,
body.updates-page,
body.versions-page,
body.help-page,
body.query-page,
body.info-page,
body.premium-portal-page,
body.premium-preview-page {
    background:
        linear-gradient(180deg, #070b13 0, #0d1420 128px, #f3efe7 640px, #f7f4ee 100%) !important;
}

.topbar,
.site-topbar,
.portal-top-notice,
.model-topbar,
.cases-topbar,
.downloads-topbar,
.updates-topbar,
.versions-topbar,
.help-topbar,
.query-topbar,
.info-topbar {
    background: linear-gradient(90deg, #04070d, #0b1018 48%, #04070d) !important;
}

.topbar-inner,
.portal-top-notice-inner,
.model-topbar-inner,
.cases-topbar-inner,
.downloads-topbar-inner,
.updates-topbar-inner,
.versions-topbar-inner,
.help-topbar-inner,
.query-topbar-inner,
.info-topbar-inner {
    min-height: 42px !important;
}

.topbar-notice,
.portal-top-notice-text,
.model-topbar-notice,
.cases-topbar-notice,
.downloads-topbar-notice,
.updates-topbar-notice,
.versions-topbar-notice,
.help-topbar-notice,
.query-topbar-notice,
.info-topbar-notice,
.portal-topbar-title {
    color: #ead6a8 !important;
}

.topbar-actions a,
.portal-top-notice-actions a,
.model-topbar-actions a,
.cases-topbar-actions a,
.downloads-topbar-actions a,
.updates-topbar-actions a,
.versions-topbar-actions a,
.help-topbar-actions a,
.query-topbar-actions a,
.info-topbar-actions a {
    border-color: rgba(216, 183, 108, .30) !important;
    background: rgba(255, 255, 255, .06) !important;
    color: #fff7e8 !important;
}

.site-header,
.portal-header,
.model-header,
.cases-header,
.downloads-header,
.updates-header,
.versions-header,
.help-header,
.query-header,
.info-header {
    background: rgba(7, 11, 19, .82) !important;
    border-bottom: 1px solid rgba(216, 183, 108, .22) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .28) !important;
}

.brand,
.model-brand,
.cases-brand,
.downloads-brand,
.updates-brand,
.versions-brand,
.help-brand,
.query-brand,
.info-brand,
.brand-text strong {
    color: #fffaf0 !important;
}

.brand-text em {
    color: #b8aa8d !important;
}

.brand-mark {
    background: linear-gradient(145deg, #fbf0c8, #c99a45 56%, #6f5226) !important;
    color: #111827 !important;
    box-shadow: 0 18px 38px rgba(201, 154, 69, .28) !important;
}

.nav,
.site-nav,
.portal-nav,
.model-nav,
.cases-nav,
.downloads-nav,
.updates-nav,
.versions-nav,
.help-nav,
.query-nav,
.info-nav {
    border-color: rgba(216, 183, 108, .22) !important;
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.nav a,
.site-nav a,
.portal-nav a,
.model-nav a,
.cases-nav a,
.downloads-nav a,
.updates-nav a,
.versions-nav a,
.help-nav a,
.query-nav a,
.info-nav a {
    color: #d7deea !important;
}

.nav a:hover,
.nav a.active,
.site-nav a:hover,
.site-nav a.active,
.portal-nav a:hover,
.portal-nav a.active,
.model-nav a:hover,
.model-nav a.active,
.cases-nav a:hover,
.cases-nav a.active,
.downloads-nav a:hover,
.downloads-nav a.active,
.updates-nav a:hover,
.updates-nav a.active,
.versions-nav a:hover,
.versions-nav a.active,
.help-nav a:hover,
.help-nav a.active,
.query-nav a:hover,
.query-nav a.active,
.info-nav a:hover,
.info-nav a.active {
    background: linear-gradient(180deg, rgba(251, 240, 200, .18), rgba(201, 154, 69, .12)) !important;
    color: #ffe8a8 !important;
    box-shadow: inset 0 0 0 1px rgba(216, 183, 108, .26) !important;
}

.btn-primary,
.primary-btn,
.hero-btn-primary,
.btn-buy,
.gen-btn,
button[type="submit"],
.model-search-form button,
.template-filter-bar button,
.help-search-form button {
    border-color: #e4c982 !important;
    background: linear-gradient(135deg, #fff0b8, #d8b76c 46%, #a77a31) !important;
    color: #101722 !important;
    box-shadow: 0 18px 42px rgba(143, 103, 40, .30) !important;
}

.btn-primary:hover,
.primary-btn:hover,
.hero-btn-primary:hover,
.btn-buy:hover,
.gen-btn:hover,
button[type="submit"]:hover,
.model-search-form button:hover,
.template-filter-bar button:hover,
.help-search-form button:hover {
    border-color: #f5d991 !important;
    background: linear-gradient(135deg, #fff7d6, #e1bf72 48%, #b98936) !important;
    color: #060a10 !important;
}

.btn:not(.btn-primary),
.ghost-btn,
.hero-btn-secondary,
.btn-secondary,
.small-btn:not(.primary-btn),
.template-filter-bar a,
.category-cloud a,
.theme-id {
    border-color: rgba(201, 154, 69, .35) !important;
    background: rgba(255, 255, 255, .86) !important;
    color: #6f5226 !important;
}

.hero,
.portal-hero {
    background:
        linear-gradient(115deg, rgba(7, 11, 19, .96), rgba(13, 20, 32, .94) 48%, rgba(8, 13, 24, .82)),
        url("images/home-hero-slide-1.jpg") center right / cover no-repeat !important;
}

.hero::before,
.portal-hero::before {
    background:
        linear-gradient(90deg, rgba(7, 11, 19, .96) 0, rgba(7, 11, 19, .78) 48%, rgba(7, 11, 19, .18) 100%),
        linear-gradient(180deg, transparent 0, rgba(7, 11, 19, .60) 100%) !important;
}

.model-hero,
.cases-hero,
.downloads-hero,
.updates-hero,
.versions-hero,
.help-hero,
.query-hero,
.info-hero {
    background:
        linear-gradient(145deg, #08101c, #121b29 60%, #1b2432) !important;
    border-bottom: 1px solid rgba(216, 183, 108, .18);
}

.model-hero::before,
.cases-hero::before,
.downloads-hero::before,
.updates-hero::before,
.versions-hero::before,
.help-hero::before,
.query-hero::before,
.info-hero::before {
    background:
        linear-gradient(115deg, rgba(216, 183, 108, .14), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, .04), transparent 62%) !important;
}

.kicker,
.hero-kicker,
.template-summary-badge,
.plan-card > span,
.audience-card > span,
.module-card > span {
    border-color: rgba(216, 183, 108, .38) !important;
    background: rgba(216, 183, 108, .12) !important;
    color: #f8dfa1 !important;
}

.hero h1,
.home-page .hero h1,
.model-search-copy h1,
.versions-copy h1,
.info-hero h1,
.query-hero h1,
.downloads-hero h1,
.updates-hero h1,
.help-hero h1,
.cases-hero h1 {
    color: #fffaf0 !important;
}

.hero-copy > p,
.home-page .hero-copy > p,
.home-page .hero-action-note,
.model-search-copy p,
.versions-copy p,
.info-hero p,
.query-hero p,
.downloads-hero p,
.updates-hero p,
.help-hero p,
.cases-hero p {
    color: #c9d2df !important;
}

.hero-badges span,
.home-page .hero-badges span {
    border-color: rgba(216, 183, 108, .36) !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff4d5 !important;
}

.dashboard,
.model-search-box,
.versions-banner,
.trust-layout,
.cta-panel {
    border-color: rgba(216, 183, 108, .30) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(246, 240, 229, .88)) !important;
    box-shadow: 0 36px 96px rgba(0, 0, 0, .28) !important;
}

.dashboard-head {
    background: linear-gradient(90deg, #070b13, #131b28) !important;
    color: #fff4d5 !important;
}

.dash-side {
    background: linear-gradient(180deg, #101722, #192435) !important;
}

.dash-side strong {
    color: #fff4d5 !important;
}

.dash-side span {
    color: #cad3df !important;
}

.model-search-box,
.versions-banner,
.trust-layout {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04)),
        linear-gradient(145deg, #0b111c, #151f2e 58%, #0c1119) !important;
    color: #fffaf0 !important;
}

.model-search-box h1,
.model-search-box h2,
.model-search-copy h1,
.model-search-copy h2,
.versions-banner h1,
.versions-banner h2,
.versions-copy h1,
.versions-copy h2,
.trust-layout h1,
.trust-layout h2 {
    color: #fffaf0 !important;
}

.model-search-box p,
.versions-banner p,
.trust-layout p,
.trust-layout li {
    color: #c9d2df !important;
}

.model-search-form,
.template-filter-bar,
.help-search-form {
    align-items: center !important;
}

.model-search-form {
    padding: 22px !important;
    border: 1px solid rgba(216, 183, 108, .24) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .08) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.model-search-form input {
    background: rgba(255, 255, 255, .92) !important;
}

.section-head h2,
.section-title h2 {
    color: #101722 !important;
}

.module-card,
.plan-card,
.content-panel,
.audience-card,
.service-card,
.advantage-card,
.template-decision-card,
.purchase-flow-card,
.trust-card,
.template-empty-card,
.template-card,
.case-card,
.download-card,
.help-card,
.update-card,
.version-card,
.info-card,
.query-card,
.compare-table,
.template-filter-bar {
    border-color: rgba(201, 154, 69, .26) !important;
    background:
        linear-gradient(180deg, #ffffff, #fbf7ef) !important;
    box-shadow: 0 22px 58px rgba(7, 11, 19, .12) !important;
}

.template-thumb {
    background:
        linear-gradient(135deg, #f8f1df, #d8c79e) !important;
}

.template-overlay a {
    background: rgba(7, 11, 19, .88) !important;
    color: #fff4d5 !important;
}

.template-meta strong,
.price,
.plan-price strong,
.hero-proof-item strong,
.dash-metric strong,
.advantage-card strong,
.service-card strong,
.hero-stat strong {
    color: #8a652d !important;
}

.hero-proof-item,
.dash-metric {
    background: rgba(255, 255, 255, .92) !important;
    border-color: rgba(216, 183, 108, .28) !important;
}

.plan-card.featured,
.plan-card.theme-pro,
.plans-grid .plan-card:nth-child(2) {
    border-color: rgba(216, 183, 108, .70) !important;
    background:
        linear-gradient(180deg, #fffdf6, #f7ecd2) !important;
    box-shadow: 0 34px 88px rgba(139, 100, 40, .24) !important;
}

.cta-panel {
    background:
        linear-gradient(135deg, #090d15, #151f2e 62%, #251e12) !important;
}

.footer,
.portal-footer,
.model-footer,
.cases-footer,
.downloads-footer,
.updates-footer,
.versions-footer,
.help-footer,
.query-footer,
.info-footer {
    background: linear-gradient(180deg, #080c14, #05070c) !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(201, 154, 69, .68) !important;
}

@media (max-width: 760px) {
    body.home-page,
    body.model-page,
    body.cases-page,
    body.downloads-page,
    body.updates-page,
    body.versions-page,
    body.help-page,
    body.query-page,
    body.info-page,
    body.premium-portal-page,
    body.premium-preview-page {
        background:
            linear-gradient(180deg, #070b13 0, #111a28 180px, #f7f4ee 560px, #f7f4ee 100%) !important;
    }

    .hero h1 {
        font-size: 38px !important;
    }

    .model-search-box {
        min-height: auto !important;
        grid-template-columns: 1fr !important;
    }

    .model-search-form {
        padding: 16px !important;
    }
}

/*
 * EyouCMS-inspired commercial pass.
 * Reference direction: mature CMS ecosystem site, warm announcement strip,
 * white navigation, orange hero, dense marketplace cards.
 */
:root {
    --ex-ink: #202633;
    --ex-text: #303846;
    --ex-muted: #6f7a89;
    --ex-bg: #f7f7f7;
    --ex-bg-strong: #f0f3f8;
    --ex-surface: #ffffff;
    --ex-surface-soft: #fbfcff;
    --ex-line: #e3e7ee;
    --ex-line-soft: #edf0f5;
    --ex-primary: #ff6a00;
    --ex-primary-dark: #e45500;
    --ex-teal: #0f9f9a;
    --ex-gold: #ff9f2f;
    --ex-shadow: 0 12px 30px rgba(31, 42, 68, .08);
    --ex-shadow-soft: 0 6px 18px rgba(31, 42, 68, .07);
    --ex-focus: 0 0 0 4px rgba(255, 106, 0, .14);
}

body.home-page,
body.model-page,
body.cases-page,
body.downloads-page,
body.updates-page,
body.versions-page,
body.help-page,
body.query-page,
body.info-page,
body.premium-portal-page,
body.premium-preview-page {
    background: #f7f7f7 !important;
    color: var(--ex-text) !important;
}

.topbar,
.site-topbar,
.portal-top-notice,
.model-topbar,
.cases-topbar,
.downloads-topbar,
.updates-topbar,
.versions-topbar,
.help-topbar,
.query-topbar,
.info-topbar {
    background: #fff1dc !important;
    color: #a45a15 !important;
}

.topbar-inner,
.portal-top-notice-inner,
.model-topbar-inner,
.cases-topbar-inner,
.downloads-topbar-inner,
.updates-topbar-inner,
.versions-topbar-inner,
.help-topbar-inner,
.query-topbar-inner,
.info-topbar-inner {
    min-height: 50px !important;
    justify-content: center !important;
}

.topbar-notice,
.portal-top-notice-text,
.model-topbar-notice,
.cases-topbar-notice,
.downloads-topbar-notice,
.updates-topbar-notice,
.versions-topbar-notice,
.help-topbar-notice,
.query-topbar-notice,
.info-topbar-notice,
.portal-topbar-title {
    color: #9a5512 !important;
}

.topbar a,
.portal-top-notice a,
.model-topbar a,
.cases-topbar a,
.downloads-topbar a,
.updates-topbar a,
.versions-topbar a,
.help-topbar a,
.query-topbar a,
.info-topbar a {
    color: #9a5512 !important;
}

.portal-topbar-title {
    margin-inline: auto !important;
}

.topbar-actions a,
.portal-top-notice-actions a,
.model-topbar-actions a,
.cases-topbar-actions a,
.downloads-topbar-actions a,
.updates-topbar-actions a,
.versions-topbar-actions a,
.help-topbar-actions a,
.query-topbar-actions a,
.info-topbar-actions a {
    border-color: rgba(255, 106, 0, .24) !important;
    background: rgba(255, 255, 255, .68) !important;
    color: #9a5512 !important;
}

.site-header,
.portal-header,
.model-header,
.cases-header,
.downloads-header,
.updates-header,
.versions-header,
.help-header,
.query-header,
.info-header {
    background: rgba(255, 255, 255, .96) !important;
    border-bottom: 1px solid #edf0f5 !important;
    box-shadow: 0 8px 24px rgba(31, 42, 68, .05) !important;
}

.brand,
.model-brand,
.cases-brand,
.downloads-brand,
.updates-brand,
.versions-brand,
.help-brand,
.query-brand,
.info-brand,
.brand-text strong {
    color: #202633 !important;
}

.brand-text em {
    color: #7c8795 !important;
}

.brand-mark {
    background: linear-gradient(135deg, #ff7a00, #ff4f00) !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(255, 106, 0, .22) !important;
}

.nav,
.site-nav,
.portal-nav,
.model-nav,
.cases-nav,
.downloads-nav,
.updates-nav,
.versions-nav,
.help-nav,
.query-nav,
.info-nav {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

.nav a,
.site-nav a,
.portal-nav a,
.model-nav a,
.cases-nav a,
.downloads-nav a,
.updates-nav a,
.versions-nav a,
.help-nav a,
.query-nav a,
.info-nav a {
    color: #303846 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.nav a:hover,
.nav a.active,
.site-nav a:hover,
.site-nav a.active,
.portal-nav a:hover,
.portal-nav a.active,
.model-nav a:hover,
.model-nav a.active,
.cases-nav a:hover,
.cases-nav a.active,
.downloads-nav a:hover,
.downloads-nav a.active,
.updates-nav a:hover,
.updates-nav a.active,
.versions-nav a:hover,
.versions-nav a.active,
.help-nav a:hover,
.help-nav a.active,
.query-nav a:hover,
.query-nav a.active,
.info-nav a:hover,
.info-nav a.active {
    background: rgba(255, 106, 0, .10) !important;
    color: #ff5f00 !important;
    box-shadow: inset 0 -2px 0 #ff6a00 !important;
}

.btn-primary,
.primary-btn,
.hero-btn-primary,
.btn-buy,
.gen-btn,
button[type="submit"],
.model-search-form button,
.template-filter-bar button,
.help-search-form button {
    border-color: #ff6a00 !important;
    background: linear-gradient(135deg, #ff8a00, #ff5a00) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(255, 106, 0, .26) !important;
}

.btn-primary:hover,
.primary-btn:hover,
.hero-btn-primary:hover,
.btn-buy:hover,
.gen-btn:hover,
button[type="submit"]:hover,
.model-search-form button:hover,
.template-filter-bar button:hover,
.help-search-form button:hover {
    border-color: #e45500 !important;
    background: linear-gradient(135deg, #ff7600, #e94e00) !important;
    color: #fff !important;
}

.btn:not(.btn-primary),
.ghost-btn,
.hero-btn-secondary,
.btn-secondary,
.small-btn:not(.primary-btn),
.template-filter-bar a,
.category-cloud a,
.theme-id {
    border-color: #e6ebf2 !important;
    background: #fff !important;
    color: #315174 !important;
    box-shadow: none !important;
}

.hero,
.portal-hero {
    background:
        linear-gradient(135deg, #ff8500 0, #ff6500 48%, #ff4b00 100%) !important;
}

.hero::before,
.portal-hero::before {
    background:
        radial-gradient(circle at 74% 48%, rgba(255, 255, 255, .18), transparent 28%),
        linear-gradient(90deg, rgba(255, 106, 0, .06), rgba(255, 106, 0, 0)) !important;
}

.hero-inner {
    min-height: 520px !important;
    padding: 68px 0 66px !important;
}

.hero h1,
.home-page .hero h1,
.hero-copy > p,
.home-page .hero-copy > p,
.home-page .hero-action-note {
    color: #fff !important;
}

.home-page .hero h1 {
    text-shadow: 0 10px 28px rgba(168, 55, 0, .18) !important;
}

.kicker,
.hero-kicker,
.template-summary-badge,
.plan-card > span,
.audience-card > span,
.module-card > span {
    border-color: rgba(255, 106, 0, .18) !important;
    background: rgba(255, 106, 0, .08) !important;
    color: #ff6500 !important;
}

.hero .kicker,
.hero .hero-kicker,
.hero-badges span,
.home-page .hero-badges span {
    border-color: rgba(255, 255, 255, .58) !important;
    background: rgba(255, 255, 255, .16) !important;
    color: #fff !important;
}

.dashboard,
.model-search-box,
.versions-banner,
.trust-layout,
.cta-panel {
    border-color: #edf0f5 !important;
    background: #fff !important;
    box-shadow: 0 18px 44px rgba(31, 42, 68, .10) !important;
}

.dashboard-head {
    background: #f8fafc !important;
    color: #303846 !important;
    border-bottom-color: #edf0f5 !important;
}

.dots span {
    background: #ff6a00 !important;
}

.dash-side {
    background: #f5f7fb !important;
}

.dash-side strong {
    color: #202633 !important;
}

.dash-side span,
.dash-row span,
.dash-metric span,
.hero-proof-item span {
    color: #6f7a89 !important;
}

.dash-alert {
    background: #fff7ed !important;
    color: #c24e00 !important;
}

.dash-alert em,
.dash-title em,
.dash-row em {
    color: #ff6500 !important;
}

.model-hero,
.cases-hero,
.downloads-hero,
.updates-hero,
.versions-hero,
.help-hero,
.query-hero,
.info-hero {
    background:
        linear-gradient(180deg, #fff 0, #f6f9ff 100%) !important;
    border-bottom: 1px solid #e6ebf2 !important;
}

.model-hero::before,
.cases-hero::before,
.downloads-hero::before,
.updates-hero::before,
.versions-hero::before,
.help-hero::before,
.query-hero::before,
.info-hero::before {
    background:
        radial-gradient(circle at 82% 42%, rgba(255, 106, 0, .12), transparent 28%),
        linear-gradient(90deg, rgba(42, 114, 255, .08), transparent 54%) !important;
}

.model-search-box,
.versions-banner,
.trust-layout {
    background: #fff !important;
    color: #303846 !important;
}

.model-search-box h1,
.model-search-box h2,
.model-search-copy h1,
.model-search-copy h2,
.versions-banner h1,
.versions-banner h2,
.versions-copy h1,
.versions-copy h2,
.trust-layout h1,
.trust-layout h2,
.model-search-copy p,
.versions-copy p,
.trust-layout p,
.trust-layout li,
.info-hero p,
.query-hero p,
.downloads-hero p,
.updates-hero p,
.help-hero p,
.cases-hero p {
    color: #303846 !important;
}

.versions-copy h1,
.model-search-copy h1,
.info-hero h1,
.query-hero h1,
.downloads-hero h1,
.updates-hero h1,
.help-hero h1,
.cases-hero h1 {
    color: #202633 !important;
}

.model-search-form {
    border-color: #edf0f5 !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

.section,
.model-main section,
.versions-main section,
.downloads-main section,
.updates-main section,
.help-main section,
.cases-main section,
.query-main section,
.info-main section {
    padding: 58px 0 !important;
}

.section-head h2,
.section-title h2 {
    color: #202633 !important;
    font-size: clamp(26px, 2.5vw, 38px) !important;
}

.module-card,
.plan-card,
.content-panel,
.audience-card,
.service-card,
.advantage-card,
.template-decision-card,
.purchase-flow-card,
.trust-card,
.template-empty-card,
.template-card,
.case-card,
.download-card,
.help-card,
.update-card,
.version-card,
.info-card,
.query-card,
.compare-table,
.template-filter-bar {
    border-color: #e6ebf2 !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(31, 42, 68, .07) !important;
}

.template-card:hover,
.case-card:hover,
.download-card:hover,
.help-card:hover,
.update-card:hover,
.module-card:hover,
.audience-card:hover,
.service-card:hover,
.advantage-card:hover,
.template-decision-card:hover,
.purchase-flow-card:hover,
.trust-card:hover {
    border-color: rgba(255, 106, 0, .30) !important;
    box-shadow: 0 12px 28px rgba(31, 42, 68, .12) !important;
}

.template-grid {
    gap: 12px !important;
}

.template-body,
.template-info,
.case-body,
.download-body,
.help-body,
.update-body {
    padding: 16px !important;
}

.template-thumb {
    background: #f2f5f9 !important;
}

.template-overlay a {
    background: rgba(255, 106, 0, .94) !important;
    color: #fff !important;
}

.template-meta strong,
.price,
.plan-price strong,
.hero-proof-item strong,
.dash-metric strong,
.advantage-card strong,
.service-card strong,
.hero-stat strong {
    color: #ff6500 !important;
}

.plan-card.featured,
.plan-card.theme-pro,
.plans-grid .plan-card:nth-child(2) {
    border-color: rgba(255, 106, 0, .36) !important;
    background: linear-gradient(180deg, #ffffff, #fff8f1) !important;
    box-shadow: 0 14px 34px rgba(255, 106, 0, .14) !important;
}

.category-cloud a.active {
    border-color: #ff6a00 !important;
    background: #fff3e8 !important;
    color: #ff5f00 !important;
}

.cta-panel {
    background: linear-gradient(135deg, #ff8500, #ff5f00) !important;
}

.cta-panel h2,
.cta-panel p {
    color: #fff !important;
}

.footer,
.portal-footer,
.model-footer,
.cases-footer,
.downloads-footer,
.updates-footer,
.versions-footer,
.help-footer,
.query-footer,
.info-footer {
    background: #202633 !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(255, 106, 0, .58) !important;
}

@media (max-width: 760px) {
    body.home-page,
    body.model-page,
    body.cases-page,
    body.downloads-page,
    body.updates-page,
    body.versions-page,
    body.help-page,
    body.query-page,
    body.info-page,
    body.premium-portal-page,
    body.premium-preview-page {
        background: #f7f7f7 !important;
    }

    .topbar-inner,
    .portal-top-notice-inner,
    .model-topbar-inner,
    .cases-topbar-inner,
    .downloads-topbar-inner,
    .updates-topbar-inner,
    .versions-topbar-inner,
    .help-topbar-inner,
    .query-topbar-inner,
    .info-topbar-inner {
        justify-content: flex-start !important;
    }

    .hero-inner {
        padding: 46px 0 !important;
    }

    .hero h1 {
        font-size: 36px !important;
    }
}

/*
 * Inner page redesign pass.
 * Keep the approved homepage direction, then normalize every other portal page.
 */
body:not(.home-page).model-page,
body:not(.home-page).cases-page,
body:not(.home-page).downloads-page,
body:not(.home-page).updates-page,
body:not(.home-page).versions-page,
body:not(.home-page).help-page,
body:not(.home-page).query-page,
body:not(.home-page).info-page,
body:not(.home-page).premium-portal-page,
body:not(.home-page).premium-preview-page {
    background: #f5f7fa !important;
}

.nav a,
.site-nav a,
.portal-nav a,
.model-nav a,
.cases-nav a,
.downloads-nav a,
.updates-nav a,
.versions-nav a,
.help-nav a,
.query-nav a,
.info-nav a {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
}

.nav a:hover,
.nav a.active,
.site-nav a:hover,
.site-nav a.active,
.portal-nav a:hover,
.portal-nav a.active,
.model-nav a:hover,
.model-nav a.active,
.cases-nav a:hover,
.cases-nav a.active,
.downloads-nav a:hover,
.downloads-nav a.active,
.updates-nav a:hover,
.updates-nav a.active,
.versions-nav a:hover,
.versions-nav a.active,
.help-nav a:hover,
.help-nav a.active,
.query-nav a:hover,
.query-nav a.active,
.info-nav a:hover,
.info-nav a.active {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ff5f00 !important;
    transform: none !important;
}

body:not(.home-page) .model-hero,
body:not(.home-page) .cases-hero,
body:not(.home-page) .downloads-hero,
body:not(.home-page) .updates-hero,
body:not(.home-page) .versions-hero,
body:not(.home-page) .help-hero,
body:not(.home-page) .query-hero,
body:not(.home-page) .info-hero {
    min-height: auto !important;
    padding: 42px 0 !important;
    overflow: hidden !important;
    border-bottom: 1px solid #e6ebf2 !important;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 106, 0, .10), transparent 28%),
        linear-gradient(180deg, #ffffff 0, #f7faff 100%) !important;
}

body:not(.home-page) .model-hero::before,
body:not(.home-page) .cases-hero::before,
body:not(.home-page) .downloads-hero::before,
body:not(.home-page) .updates-hero::before,
body:not(.home-page) .versions-hero::before,
body:not(.home-page) .help-hero::before,
body:not(.home-page) .query-hero::before,
body:not(.home-page) .info-hero::before {
    background: none !important;
}

body:not(.home-page) .model-search-box,
body:not(.home-page) .versions-banner,
body:not(.home-page) .downloads-hero .page-wrap,
body:not(.home-page) .query-hero .page-wrap,
body:not(.home-page) .help-hero .page-wrap,
body:not(.home-page) .info-hero .page-wrap,
body:not(.home-page) .cases-hero .page-wrap,
body:not(.home-page) .updates-hero .page-wrap {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 460px) !important;
    align-items: center !important;
    gap: 34px !important;
    padding: 32px !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(31, 42, 68, .06) !important;
}

body:not(.home-page) .model-search-box > *,
body:not(.home-page) .versions-banner > *,
body:not(.home-page) .downloads-hero .page-wrap > *,
body:not(.home-page) .query-hero .page-wrap > *,
body:not(.home-page) .help-hero .page-wrap > *,
body:not(.home-page) .info-hero .page-wrap > *,
body:not(.home-page) .cases-hero .page-wrap > *,
body:not(.home-page) .updates-hero .page-wrap > * {
    position: relative !important;
    z-index: 1 !important;
}

body:not(.home-page) .model-search-copy,
body:not(.home-page) .versions-copy,
body:not(.home-page) .downloads-copy,
body:not(.home-page) .query-copy,
body:not(.home-page) .help-copy,
body:not(.home-page) .info-copy,
body:not(.home-page) .cases-copy,
body:not(.home-page) .updates-copy {
    max-width: 680px !important;
}

body:not(.home-page) .model-search-copy h1,
body:not(.home-page) .versions-copy h1,
body:not(.home-page) .downloads-hero h1,
body:not(.home-page) .query-hero h1,
body:not(.home-page) .help-hero h1,
body:not(.home-page) .info-hero h1,
body:not(.home-page) .cases-hero h1,
body:not(.home-page) .updates-hero h1 {
    max-width: 760px !important;
    margin: 12px 0 12px !important;
    color: #202633 !important;
    font-size: clamp(34px, 4.2vw, 58px) !important;
    line-height: 1.08 !important;
    text-shadow: none !important;
}

body:not(.home-page) .model-search-copy p,
body:not(.home-page) .versions-copy p,
body:not(.home-page) .downloads-hero p,
body:not(.home-page) .query-hero p,
body:not(.home-page) .help-hero p,
body:not(.home-page) .info-hero p,
body:not(.home-page) .cases-hero p,
body:not(.home-page) .updates-hero p {
    max-width: 760px !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}

body:not(.home-page) .hero-kicker,
body:not(.home-page) .kicker,
body:not(.home-page) .template-summary-badge {
    border-color: #ffd9bd !important;
    background: #fff3e8 !important;
    color: #ff5f00 !important;
}

body:not(.home-page) .model-search-form,
body:not(.home-page) .template-filter-bar,
body:not(.home-page) .help-search-form {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) auto !important;
    align-items: end !important;
    gap: 12px !important;
    padding: 18px !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

body:not(.home-page) .template-filter-bar {
    grid-template-columns: repeat(3, minmax(180px, 1fr)) auto auto !important;
    margin-top: 18px !important;
}

body:not(.home-page) .category-cloud,
body:not(.home-page) .keyword-cloud {
    gap: 8px !important;
    margin-top: 16px !important;
}

body:not(.home-page) .category-cloud a,
body:not(.home-page) .keyword-cloud span,
body:not(.home-page) .template-tags span {
    min-height: 32px !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #344054 !important;
    box-shadow: none !important;
}

body:not(.home-page) .category-cloud a.active {
    border-color: #ff6a00 !important;
    background: #fff3e8 !important;
    color: #ff5f00 !important;
}

body:not(.home-page) .model-main,
body:not(.home-page) .versions-main,
body:not(.home-page) .downloads-main,
body:not(.home-page) .updates-main,
body:not(.home-page) .help-main,
body:not(.home-page) .cases-main,
body:not(.home-page) .query-main,
body:not(.home-page) .info-main {
    background: #f5f7fa !important;
}

body:not(.home-page) .section,
body:not(.home-page) .model-main section,
body:not(.home-page) .versions-main section,
body:not(.home-page) .downloads-main section,
body:not(.home-page) .updates-main section,
body:not(.home-page) .help-main section,
body:not(.home-page) .cases-main section,
body:not(.home-page) .query-main section,
body:not(.home-page) .info-main section {
    padding: 46px 0 !important;
}

body:not(.home-page) .section-head,
body:not(.home-page) .section-title {
    margin-bottom: 20px !important;
    align-items: flex-end !important;
}

body:not(.home-page) .section-head h2,
body:not(.home-page) .section-title h2 {
    margin: 0 0 8px !important;
    color: #202633 !important;
    font-size: clamp(24px, 2.4vw, 34px) !important;
    line-height: 1.2 !important;
}

body:not(.home-page) .section-head p,
body:not(.home-page) .section-title p {
    color: #667085 !important;
    font-size: 15px !important;
}

body:not(.home-page) .template-grid,
body:not(.home-page) .plans-grid,
body:not(.home-page) .plan-grid,
body:not(.home-page) .audience-grid,
body:not(.home-page) .service-grid,
body:not(.home-page) .advantage-grid,
body:not(.home-page) .template-decision-grid,
body:not(.home-page) .purchase-flow-grid,
body:not(.home-page) .downloads-resource-grid,
body:not(.home-page) .downloads-action-grid,
body:not(.home-page) .case-grid,
body:not(.home-page) .help-grid,
body:not(.home-page) .info-grid {
    gap: 16px !important;
}

body:not(.home-page) .template-card,
body:not(.home-page) .plan-card,
body:not(.home-page) .module-card,
body:not(.home-page) .content-panel,
body:not(.home-page) .audience-card,
body:not(.home-page) .service-card,
body:not(.home-page) .advantage-card,
body:not(.home-page) .template-decision-card,
body:not(.home-page) .purchase-flow-card,
body:not(.home-page) .trust-card,
body:not(.home-page) .download-card,
body:not(.home-page) .quick-action-card,
body:not(.home-page) .resource-card,
body:not(.home-page) .package-card,
body:not(.home-page) .help-overview-card,
body:not(.home-page) .article-card,
body:not(.home-page) .related-card,
body:not(.home-page) .info-card,
body:not(.home-page) .metric-card,
body:not(.home-page) .timeline-item,
body:not(.home-page) .query-instruction-card,
body:not(.home-page) .query-after-sales-card,
body:not(.home-page) .license-panel,
body:not(.home-page) .result-panel,
body:not(.home-page) .compare-table,
body:not(.home-page) .section-shell {
    border: 1px solid #e6ebf2 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(31, 42, 68, .06) !important;
    transform: none !important;
}

body:not(.home-page) .template-card:hover,
body:not(.home-page) .plan-card:hover,
body:not(.home-page) .module-card:hover,
body:not(.home-page) .content-panel:hover,
body:not(.home-page) .audience-card:hover,
body:not(.home-page) .service-card:hover,
body:not(.home-page) .advantage-card:hover,
body:not(.home-page) .template-decision-card:hover,
body:not(.home-page) .purchase-flow-card:hover,
body:not(.home-page) .trust-card:hover,
body:not(.home-page) .download-card:hover,
body:not(.home-page) .quick-action-card:hover,
body:not(.home-page) .resource-card:hover,
body:not(.home-page) .package-card:hover,
body:not(.home-page) .help-overview-card:hover,
body:not(.home-page) .article-card:hover,
body:not(.home-page) .related-card:hover,
body:not(.home-page) .info-card:hover {
    border-color: #ffd0ad !important;
    box-shadow: 0 10px 26px rgba(31, 42, 68, .08) !important;
    transform: none !important;
}

body:not(.home-page) .template-body,
body:not(.home-page) .template-info,
body:not(.home-page) .case-body,
body:not(.home-page) .download-body,
body:not(.home-page) .help-body,
body:not(.home-page) .update-body {
    padding: 16px !important;
}

body:not(.home-page) .template-card h3,
body:not(.home-page) .template-info h3,
body:not(.home-page) .template-body h3,
body:not(.home-page) .plan-card h3,
body:not(.home-page) .audience-card h3,
body:not(.home-page) .service-card h3,
body:not(.home-page) .advantage-card h3,
body:not(.home-page) .download-card h3,
body:not(.home-page) .quick-action-card h3,
body:not(.home-page) .resource-card h3,
body:not(.home-page) .help-overview-card h3,
body:not(.home-page) .article-card h3,
body:not(.home-page) .related-card h3,
body:not(.home-page) .info-card h3 {
    color: #202633 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
}

body:not(.home-page) .template-card p,
body:not(.home-page) .plan-card p,
body:not(.home-page) .audience-card p,
body:not(.home-page) .service-card p,
body:not(.home-page) .advantage-card p,
body:not(.home-page) .download-card p,
body:not(.home-page) .quick-action-card p,
body:not(.home-page) .resource-card p,
body:not(.home-page) .help-overview-card p,
body:not(.home-page) .article-card p,
body:not(.home-page) .related-card p,
body:not(.home-page) .info-card p {
    color: #667085 !important;
}

body:not(.home-page) .template-thumb {
    border-bottom: 1px solid #edf0f5 !important;
    background: #f2f5f9 !important;
}

body:not(.home-page) .plan-card.featured,
body:not(.home-page) .plan-card.theme-pro,
body:not(.home-page) .plans-grid .plan-card:nth-child(2) {
    border-color: #ffb17a !important;
    background: linear-gradient(180deg, #fff, #fff8f2) !important;
    box-shadow: 0 10px 28px rgba(255, 106, 0, .10) !important;
}

body:not(.home-page) .compare-row {
    border-bottom-color: #edf0f5 !important;
}

body:not(.home-page) .compare-head {
    background: #fff3e8 !important;
    color: #202633 !important;
}

@media (max-width: 1180px) {
    body:not(.home-page) .model-search-box,
    body:not(.home-page) .versions-banner,
    body:not(.home-page) .downloads-hero .page-wrap,
    body:not(.home-page) .query-hero .page-wrap,
    body:not(.home-page) .help-hero .page-wrap,
    body:not(.home-page) .info-hero .page-wrap,
    body:not(.home-page) .cases-hero .page-wrap,
    body:not(.home-page) .updates-hero .page-wrap,
    body:not(.home-page) .template-filter-bar {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    body:not(.home-page) .model-hero,
    body:not(.home-page) .cases-hero,
    body:not(.home-page) .downloads-hero,
    body:not(.home-page) .updates-hero,
    body:not(.home-page) .versions-hero,
    body:not(.home-page) .help-hero,
    body:not(.home-page) .query-hero,
    body:not(.home-page) .info-hero {
        padding: 28px 0 !important;
    }

    body:not(.home-page) .model-search-box,
    body:not(.home-page) .versions-banner,
    body:not(.home-page) .downloads-hero .page-wrap,
    body:not(.home-page) .query-hero .page-wrap,
    body:not(.home-page) .help-hero .page-wrap,
    body:not(.home-page) .info-hero .page-wrap,
    body:not(.home-page) .cases-hero .page-wrap,
    body:not(.home-page) .updates-hero .page-wrap {
        padding: 20px !important;
    }

    body:not(.home-page) .model-search-copy h1,
    body:not(.home-page) .versions-copy h1,
    body:not(.home-page) .downloads-hero h1,
    body:not(.home-page) .query-hero h1,
    body:not(.home-page) .help-hero h1,
    body:not(.home-page) .info-hero h1,
    body:not(.home-page) .cases-hero h1,
    body:not(.home-page) .updates-hero h1 {
        font-size: 32px !important;
    }

    body:not(.home-page) .model-search-form,
    body:not(.home-page) .template-filter-bar,
    body:not(.home-page) .help-search-form {
        grid-template-columns: 1fr !important;
    }
}

/*
 * Polish page-specific hero side panels that use legacy custom classes.
 */
body:not(.home-page) .cases-hero-side {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    gap: 14px !important;
    align-self: center !important;
}

body:not(.home-page) .hero-stat-panel,
body:not(.home-page) .hero-note-card {
    padding: 20px !important;
    border: 1px solid #e1e8f0 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    color: #202633 !important;
    opacity: 1 !important;
}

body:not(.home-page) .hero-stat-head,
body:not(.home-page) .hero-stat-grid {
    display: grid !important;
    gap: 12px !important;
}

body:not(.home-page) .hero-stat-head {
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    margin-bottom: 14px !important;
}

body:not(.home-page) .hero-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:not(.home-page) .hero-stat-grid article,
body:not(.home-page) .hero-note-card {
    min-height: 86px !important;
    padding: 16px !important;
    border: 1px solid #e5ebf3 !important;
    border-radius: 8px !important;
    background: #fff !important;
}

body:not(.home-page) .hero-stat-head span,
body:not(.home-page) .hero-stat-grid span,
body:not(.home-page) .hero-note-card span,
body:not(.home-page) .metric-card span {
    display: block !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

body:not(.home-page) .hero-stat-head strong,
body:not(.home-page) .hero-stat-grid strong {
    display: block !important;
    margin-top: 8px !important;
    color: #ff5f00 !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
}

body:not(.home-page) .hero-note-card strong {
    display: block !important;
    margin-top: 8px !important;
    color: #202633 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
}

body:not(.home-page) .hero-note-card p {
    margin-top: 10px !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

body:not(.home-page) .info-metrics {
    gap: 12px !important;
    padding: 18px !important;
}

body:not(.home-page) .metric-card {
    min-height: 132px !important;
    padding: 15px !important;
}

body:not(.home-page) .metric-card strong {
    display: block !important;
    margin-top: 8px !important;
    color: #202633 !important;
    font-size: 18px !important;
    line-height: 1.32 !important;
    font-weight: 900 !important;
    word-break: break-word !important;
}

body:not(.home-page) .metric-card p {
    margin-top: 8px !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

@media (max-width: 760px) {
    body:not(.home-page) .hero-stat-grid,
    body:not(.home-page) .info-metrics {
        grid-template-columns: 1fr !important;
    }
}

/*
 * Pricing page and inner hero alignment pass.
 */
body:not(.home-page) .model-hero > .page-wrap,
body:not(.home-page) .cases-hero > .page-wrap,
body:not(.home-page) .downloads-hero > .page-wrap,
body:not(.home-page) .updates-hero > .page-wrap,
body:not(.home-page) .versions-hero > .page-wrap,
body:not(.home-page) .help-hero > .page-wrap,
body:not(.home-page) .query-hero > .page-wrap,
body:not(.home-page) .info-hero > .page-wrap {
    width: min(100% - 48px, 1240px) !important;
    max-width: 1240px !important;
    margin-inline: auto !important;
}

body.versions-page .versions-banner {
    transform: none !important;
    transition: none !important;
}

body.versions-page .versions-main section {
    padding: 50px 0 !important;
}

body.versions-page .audience-grid,
body.versions-page .plans-grid,
body.versions-page .service-grid,
body.versions-page .purchase-flow-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-items: stretch !important;
}

body.versions-page .audience-card,
body.versions-page .service-card,
body.versions-page .purchase-flow-card,
body.versions-page .plan-card {
    min-width: 0 !important;
    border: 1px solid #e4eaf2 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(22, 34, 51, .05) !important;
}

body.versions-page .audience-card,
body.versions-page .service-card,
body.versions-page .purchase-flow-card {
    padding: 22px !important;
}

body.versions-page .plan-card {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    transform: none !important;
}

body.versions-page .plan-card.theme-featured,
body.versions-page .plan-card.theme-pro,
body.versions-page .plans-grid .plan-card:nth-child(2) {
    border-color: #ffb17a !important;
    background: linear-gradient(180deg, #fff, #fff8f2) !important;
    box-shadow: 0 12px 30px rgba(255, 106, 0, .10) !important;
    transform: none !important;
}

body.versions-page .plan-top {
    padding: 24px 24px 18px !important;
    background: transparent !important;
}

body.versions-page .plan-top h3 {
    margin: 14px 0 10px !important;
    color: #202633 !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
}

body.versions-page .plan-top p {
    min-height: 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

body.versions-page .plan-price strong {
    color: #ff5f00 !important;
    font-size: 38px !important;
}

body.versions-page .plan-fit {
    width: 100% !important;
    min-height: auto !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    line-height: 1.55 !important;
}

body.versions-page .plan-list {
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 24px 20px 42px !important;
    color: #475467 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}

body.versions-page .plan-actions {
    padding: 18px 24px 24px !important;
    border-top: 1px solid #edf0f5 !important;
}

body.versions-page .compare-section {
    padding-top: 56px !important;
}

body.versions-page .compare-table {
    width: 100% !important;
    border: 1px solid #e4eaf2 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(22, 34, 51, .06) !important;
    overflow: hidden !important;
}

body.versions-page .compare-row {
    display: grid !important;
    grid-template-columns: minmax(170px, .8fr) repeat(3, minmax(0, 1fr)) !important;
    border-bottom: 1px solid #edf0f5 !important;
}

body.versions-page .compare-row:last-child {
    border-bottom: 0 !important;
}

body.versions-page .compare-row div {
    min-width: 0 !important;
    padding: 16px 18px !important;
    color: #475467 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    word-break: break-word !important;
}

body.versions-page .compare-row div:first-child {
    color: #202633 !important;
    font-weight: 900 !important;
}

body.versions-page .compare-head {
    background: #fff4ec !important;
}

body.versions-page .compare-head div {
    color: #202633 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

body.versions-page .compare-row div:nth-child(4):not(:first-child) {
    background: #fffaf6 !important;
}

@media (max-width: 980px) {
    body.versions-page .audience-grid,
    body.versions-page .plans-grid,
    body.versions-page .service-grid,
    body.versions-page .purchase-flow-grid {
        grid-template-columns: 1fr !important;
    }

    body.versions-page .compare-table {
        overflow-x: auto !important;
    }

    body.versions-page .compare-row {
        min-width: 920px !important;
    }
}

@media (max-width: 760px) {
    body:not(.home-page) .model-hero > .page-wrap,
    body:not(.home-page) .cases-hero > .page-wrap,
    body:not(.home-page) .downloads-hero > .page-wrap,
    body:not(.home-page) .updates-hero > .page-wrap,
    body:not(.home-page) .versions-hero > .page-wrap,
    body:not(.home-page) .help-hero > .page-wrap,
    body:not(.home-page) .query-hero > .page-wrap,
    body:not(.home-page) .info-hero > .page-wrap {
        width: min(100% - 28px, 1240px) !important;
    }
}

/* Template page final spacing lock. Keep the category grid close to the results. */
body.model-page .model-hero {
    padding-bottom: 0 !important;
}

body.model-page .model-main {
    padding-top: 0 !important;
}

body.model-page .model-main > .page-wrap > .template-section:first-child {
    padding-top: 4px !important;
    margin-top: 0 !important;
}

body.model-page .model-main > .page-wrap > .template-section:first-child .section-head {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

@media (max-width: 760px) {
    body.model-page .model-main > .page-wrap > .template-section:first-child {
        padding-top: 4px !important;
    }
}

/* Cases page true final lock. */
body.cases-page {
    --cases-ink: #172033;
    --cases-sub: #5b6678;
    --cases-line-strong: #dce4ef;
    --cases-line-soft: #edf1f6;
    --cases-navy: #111827;
    --cases-steel: #2f5f98;
    --cases-gold: #b88947;
    background: #f5f7fa !important;
}

body.cases-page .cases-hero {
    padding: 34px 0 12px !important;
    background: linear-gradient(180deg, #f8fafc 0%, #f5f7fa 100%) !important;
}

body.cases-page .cases-hero > .page-wrap {
    width: min(100% - 48px, 1240px) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.cases-page .cases-hero::before,
body.cases-page .cases-hero::after,
body.cases-page .cases-hero > .page-wrap::before,
body.cases-page .cases-hero > .page-wrap::after,
body.cases-page .cases-hero-shell::before,
body.cases-page .cases-hero-shell::after {
    content: none !important;
    display: none !important;
}

body.cases-page .cases-hero-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr) !important;
    align-items: stretch !important;
    gap: 0 !important;
    min-height: 430px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #1f2937 !important;
    border-radius: 8px !important;
    background: var(--cases-navy) !important;
    box-shadow: 0 26px 60px rgba(17, 24, 39, .16) !important;
}

body.cases-page .cases-hero-copy {
    padding: clamp(34px, 4vw, 58px) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 52%),
        linear-gradient(180deg, #151e2d 0%, #101722 100%) !important;
}

body.cases-page .cases-hero-side {
    display: grid !important;
    grid-template-rows: 1fr auto !important;
    gap: 0 !important;
    padding: clamp(22px, 3vw, 34px) !important;
    background: #f8fafc !important;
    color: var(--cases-ink) !important;
}

body.cases-page .cases-hero h1,
body.cases-page .cases-hero-copy h1 {
    max-width: 760px !important;
    margin: 20px 0 18px !important;
    color: #fff !important;
    font-size: clamp(34px, 4vw, 54px) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    text-wrap: pretty !important;
}

body.cases-page .cases-hero p,
body.cases-page .cases-hero-copy p {
    max-width: 720px !important;
    margin: 0 !important;
    color: #c9d3e2 !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}

body.cases-page .hero-stat-panel,
body.cases-page .hero-note-card,
body.cases-page .cases-filter-bar,
body.cases-page .featured-case,
body.cases-page .case-card,
body.cases-page .strength-card {
    border-radius: 8px !important;
    background: #fff !important;
}

body.cases-page .hero-stat-panel {
    padding: 26px !important;
    border: 1px solid var(--cases-line-strong) !important;
    box-shadow: none !important;
}

body.cases-page .hero-note-card {
    margin-top: 14px !important;
    padding: 20px !important;
    border: 1px solid #e7d7bf !important;
    background: #fffaf2 !important;
    box-shadow: none !important;
}

body.cases-page .cases-main {
    padding: 12px 0 76px !important;
    background: #f5f7fa !important;
}

body.cases-page .cases-filter-bar {
    display: grid !important;
    grid-template-columns: minmax(260px, .74fr) minmax(0, 1.26fr) !important;
    align-items: center !important;
    gap: 26px !important;
    margin-top: 14px !important;
    padding: 20px !important;
    border: 1px solid var(--cases-line-strong) !important;
    box-shadow: 0 14px 34px rgba(17, 24, 39, .05) !important;
}

body.cases-page .device-switch {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
}

body.cases-page .device-switch a {
    min-height: 72px !important;
    padding: 14px 16px !important;
    border: 1px solid var(--cases-line-soft) !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    transform: none !important;
}

body.cases-page .device-switch a.active,
body.cases-page .device-switch a:hover {
    border-color: #c9ab79 !important;
    background: #fffaf2 !important;
    color: var(--cases-ink) !important;
}

body.cases-page .cases-featured-section,
body.cases-page .cases-grid-section,
body.cases-page .cases-strength-section {
    margin-top: 34px !important;
}

body.cases-page .featured-case {
    display: grid !important;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--cases-line-strong) !important;
    box-shadow: 0 18px 44px rgba(17, 24, 39, .08) !important;
}

body.cases-page .featured-visual {
    display: flex !important;
    align-items: center !important;
    min-height: 430px !important;
    padding: clamp(24px, 3vw, 42px) !important;
    background:
        linear-gradient(135deg, rgba(184, 137, 71, .16), rgba(47, 95, 152, .08)),
        #eef2f7 !important;
}

body.cases-page .featured-content {
    justify-content: center !important;
    padding: clamp(28px, 3vw, 46px) !important;
}

body.cases-page .case-window {
    width: 100% !important;
    border: 1px solid #d6deea !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 24px 42px rgba(31, 41, 55, .12) !important;
}

body.cases-page .case-window-top {
    height: 28px !important;
    background: linear-gradient(90deg, #1f2937 0%, #4f5f75 100%) !important;
}

body.cases-page .case-window-hero {
    height: 184px !important;
    background:
        linear-gradient(135deg, rgba(184, 137, 71, .88), rgba(47, 95, 152, .92)),
        #2f5f98 !important;
}

body.cases-page .case-window-grid span {
    border: 1px solid var(--cases-line-soft) !important;
    border-radius: 6px !important;
    background: #f7f9fc !important;
}

body.cases-page .featured-meta em,
body.cases-page .device-pill,
body.cases-page .theme-id {
    border: 1px solid #e7d7bf !important;
    border-radius: 999px !important;
    background: #fffaf2 !important;
    color: #8f6529 !important;
}

body.cases-page .case-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

body.cases-page .case-card {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid var(--cases-line-strong) !important;
    box-shadow: 0 12px 28px rgba(17, 24, 39, .055) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body.cases-page .case-card:hover {
    border-color: #c9ab79 !important;
    box-shadow: 0 18px 34px rgba(17, 24, 39, .09) !important;
    transform: translateY(-3px) !important;
}

body.cases-page .case-card-visual {
    padding: 14px !important;
    background: #f2f5f9 !important;
}

body.cases-page .compact-window .case-window-top {
    height: 22px !important;
}

body.cases-page .compact-window .case-window-hero {
    height: 112px !important;
}

body.cases-page .compact-window .case-window-grid {
    gap: 8px !important;
    padding: 10px !important;
}

body.cases-page .compact-window .case-window-grid span {
    height: 34px !important;
}

body.cases-page .case-card-body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    padding: 18px !important;
}

body.cases-page .case-card-body h3 {
    color: var(--cases-ink) !important;
    font-size: 21px !important;
    line-height: 1.34 !important;
    letter-spacing: 0 !important;
    text-wrap: pretty !important;
}

body.cases-page .case-summary {
    flex: 1 1 auto !important;
}

body.cases-page .case-actions {
    margin-top: 18px !important;
    padding-top: 16px !important;
    border-top: 1px solid var(--cases-line-soft) !important;
}

body.cases-page .primary-btn,
body.cases-page .build-link {
    border-color: #26364d !important;
    border-radius: 8px !important;
    background: #172033 !important;
    box-shadow: none !important;
    color: #fff !important;
}

body.cases-page .ghost-btn,
body.cases-page .preview-link {
    border-color: var(--cases-line-strong) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--cases-ink) !important;
}

body.cases-page .strength-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

body.cases-page .strength-card {
    min-height: 178px !important;
    padding: 24px !important;
    border: 1px solid var(--cases-line-strong) !important;
    box-shadow: 0 12px 28px rgba(17, 24, 39, .045) !important;
}

body.cases-page .cases-bottom-cta {
    margin-top: 34px !important;
    padding: clamp(26px, 3vw, 38px) !important;
    border: 1px solid #243247 !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #172033 0%, #243247 100%) !important;
    box-shadow: 0 18px 44px rgba(17, 24, 39, .12) !important;
    color: #fff !important;
}

body.cases-page .bottom-cta-copy h2 {
    color: #fff !important;
}

body.cases-page .bottom-cta-copy p {
    color: #ccd5e2 !important;
}

body.cases-page .cases-bottom-cta .ghost-btn {
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(255, 255, 255, .22) !important;
    color: #fff !important;
}

@media (max-width: 1180px) {
    body.cases-page .cases-hero-shell,
    body.cases-page .featured-case {
        grid-template-columns: 1fr !important;
    }

    body.cases-page .case-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    body.cases-page .cases-filter-bar {
        grid-template-columns: 1fr !important;
    }

    body.cases-page .device-switch,
    body.cases-page .strength-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    body.cases-page .cases-hero > .page-wrap {
        width: min(100% - 28px, 1240px) !important;
    }

    body.cases-page .cases-hero-copy,
    body.cases-page .cases-hero-side,
    body.cases-page .featured-content,
    body.cases-page .featured-visual {
        padding: 24px !important;
    }

    body.cases-page .hero-stat-grid,
    body.cases-page .case-grid {
        grid-template-columns: 1fr !important;
    }

    body.cases-page .featured-visual {
        min-height: auto !important;
    }
}

/* Customer cases executive layout refresh. */
body.cases-page {
    --cases-ink: #172033;
    --cases-sub: #5b6678;
    --cases-line-strong: #dce4ef;
    --cases-line-soft: #edf1f6;
    --cases-paper: #ffffff;
    --cases-paper-soft: #f6f8fb;
    --cases-navy: #111827;
    --cases-steel: #2f5f98;
    --cases-gold: #b88947;
    background: #f5f7fa !important;
    color: var(--cases-ink) !important;
}

body.cases-page .page-wrap {
    width: min(100% - 48px, 1240px) !important;
}

body.cases-page .cases-header {
    background: rgba(255, 255, 255, .94) !important;
    border-bottom: 1px solid var(--cases-line-soft) !important;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .04) !important;
}

body.cases-page .cases-hero {
    padding: 34px 0 12px !important;
    background: linear-gradient(180deg, #f8fafc 0%, #f5f7fa 100%) !important;
}

body.cases-page .cases-hero::before,
body.cases-page .cases-hero-shell::before,
body.cases-page .cases-hero-shell::after {
    display: none !important;
}

body.cases-page .cases-hero-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr) !important;
    gap: 0 !important;
    min-height: 430px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #1f2937 !important;
    border-radius: 8px !important;
    background: var(--cases-navy) !important;
    box-shadow: 0 26px 60px rgba(17, 24, 39, .16) !important;
    color: #fff !important;
}

body.cases-page .cases-hero-copy {
    min-width: 0 !important;
    padding: clamp(34px, 4vw, 58px) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 52%),
        linear-gradient(180deg, #151e2d 0%, #101722 100%) !important;
}

body.cases-page .hero-kicker {
    min-height: 30px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .06) !important;
    color: #d8e2f0 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

body.cases-page .cases-hero h1,
body.cases-page .cases-hero-copy h1 {
    max-width: 760px !important;
    margin: 20px 0 18px !important;
    color: #fff !important;
    font-size: clamp(34px, 4vw, 54px) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    text-wrap: pretty !important;
}

body.cases-page .cases-hero p,
body.cases-page .cases-hero-copy p {
    max-width: 720px !important;
    margin: 0 !important;
    color: #c9d3e2 !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
    text-wrap: pretty !important;
}

body.cases-page .cases-hero-actions {
    margin-top: 30px !important;
    gap: 12px !important;
}

body.cases-page .cases-hero-side {
    display: grid !important;
    grid-template-rows: 1fr auto !important;
    gap: 0 !important;
    padding: clamp(22px, 3vw, 34px) !important;
    background: #f8fafc !important;
    color: var(--cases-ink) !important;
}

body.cases-page .hero-stat-panel,
body.cases-page .hero-note-card {
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--cases-ink) !important;
    box-shadow: none !important;
}

body.cases-page .hero-stat-panel {
    padding: 26px !important;
    border: 1px solid var(--cases-line-strong) !important;
}

body.cases-page .hero-note-card {
    margin-top: 14px !important;
    padding: 20px !important;
    border: 1px solid #e7d7bf !important;
    background: #fffaf2 !important;
}

body.cases-page .hero-stat-head strong {
    color: var(--cases-ink) !important;
    font-size: 46px !important;
    font-weight: 900 !important;
}

body.cases-page .hero-stat-head span,
body.cases-page .hero-stat-grid span,
body.cases-page .hero-note-card span,
body.cases-page .featured-meta span,
body.cases-page .device-pill {
    color: var(--cases-steel) !important;
    letter-spacing: 0 !important;
}

body.cases-page .hero-stat-grid {
    gap: 10px !important;
    margin-top: 22px !important;
}

body.cases-page .hero-stat-grid article {
    min-height: 92px !important;
    padding: 15px !important;
    border: 1px solid var(--cases-line-soft) !important;
    border-radius: 8px !important;
    background: var(--cases-paper-soft) !important;
}

body.cases-page .hero-stat-grid strong,
body.cases-page .hero-note-card strong {
    color: var(--cases-ink) !important;
    font-size: 21px !important;
}

body.cases-page .hero-note-card p {
    color: var(--cases-sub) !important;
}

body.cases-page .cases-main {
    padding: 12px 0 76px !important;
    background: #f5f7fa !important;
}

body.cases-page .cases-filter-bar {
    display: grid !important;
    grid-template-columns: minmax(260px, .74fr) minmax(0, 1.26fr) !important;
    align-items: center !important;
    gap: 26px !important;
    margin-top: 14px !important;
    padding: 20px !important;
    border: 1px solid var(--cases-line-strong) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(17, 24, 39, .05) !important;
}

body.cases-page .filter-copy h2,
body.cases-page .section-head h2,
body.cases-page .bottom-cta-copy h2 {
    color: var(--cases-ink) !important;
    font-size: clamp(24px, 2.35vw, 34px) !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    text-wrap: pretty !important;
}

body.cases-page .filter-copy p,
body.cases-page .section-head p,
body.cases-page .bottom-cta-copy p,
body.cases-page .featured-content p,
body.cases-page .case-summary,
body.cases-page .strength-card p {
    color: var(--cases-sub) !important;
    line-height: 1.82 !important;
    text-wrap: pretty !important;
}

body.cases-page .device-switch {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
}

body.cases-page .device-switch a {
    min-height: 72px !important;
    padding: 14px 16px !important;
    border: 1px solid var(--cases-line-soft) !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    color: #354257 !important;
    transform: none !important;
}

body.cases-page .device-switch a span {
    font-size: 16px !important;
    font-weight: 900 !important;
}

body.cases-page .device-switch a em {
    color: #738094 !important;
    font-size: 12px !important;
}

body.cases-page .device-switch a.active,
body.cases-page .device-switch a:hover {
    border-color: #c9ab79 !important;
    background: #fffaf2 !important;
    color: var(--cases-ink) !important;
}

body.cases-page .cases-featured-section,
body.cases-page .cases-grid-section,
body.cases-page .cases-strength-section {
    margin-top: 34px !important;
}

body.cases-page .section-head {
    margin-bottom: 16px !important;
}

body.cases-page .section-head a {
    color: var(--cases-steel) !important;
}

body.cases-page .featured-case {
    display: grid !important;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--cases-line-strong) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 18px 44px rgba(17, 24, 39, .08) !important;
}

body.cases-page .featured-visual {
    display: flex !important;
    align-items: center !important;
    min-height: 430px !important;
    padding: clamp(24px, 3vw, 42px) !important;
    background:
        linear-gradient(135deg, rgba(184, 137, 71, .16), rgba(47, 95, 152, .08)),
        #eef2f7 !important;
}

body.cases-page .case-window {
    width: 100% !important;
    border: 1px solid #d6deea !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 24px 42px rgba(31, 41, 55, .12) !important;
}

body.cases-page .case-window-top {
    height: 28px !important;
    background: linear-gradient(90deg, #1f2937 0%, #4f5f75 100%) !important;
}

body.cases-page .case-window-hero {
    height: 184px !important;
    background:
        linear-gradient(135deg, rgba(184, 137, 71, .88), rgba(47, 95, 152, .92)),
        #2f5f98 !important;
}

body.cases-page .case-window-grid {
    gap: 12px !important;
    padding: 16px !important;
}

body.cases-page .case-window-grid span {
    height: 54px !important;
    border: 1px solid var(--cases-line-soft) !important;
    border-radius: 6px !important;
    background: #f7f9fc !important;
}

body.cases-page .featured-content {
    justify-content: center !important;
    padding: clamp(28px, 3vw, 46px) !important;
}

body.cases-page .featured-meta {
    justify-content: flex-start !important;
}

body.cases-page .featured-meta em,
body.cases-page .device-pill,
body.cases-page .theme-id {
    min-height: 30px !important;
    border: 1px solid #e7d7bf !important;
    border-radius: 999px !important;
    background: #fffaf2 !important;
    color: #8f6529 !important;
}

body.cases-page .featured-content h3,
body.cases-page .case-card-body h3 {
    color: var(--cases-ink) !important;
    letter-spacing: 0 !important;
    text-wrap: pretty !important;
}

body.cases-page .featured-content h3 {
    font-size: clamp(28px, 3vw, 42px) !important;
}

body.cases-page .featured-points {
    gap: 9px !important;
    margin-top: 18px !important;
}

body.cases-page .featured-points li {
    color: #526071 !important;
}

body.cases-page .featured-points li::before {
    background: var(--cases-gold) !important;
}

body.cases-page .case-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

body.cases-page .case-card {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid var(--cases-line-strong) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(17, 24, 39, .055) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body.cases-page .case-card:hover {
    border-color: #c9ab79 !important;
    box-shadow: 0 18px 34px rgba(17, 24, 39, .09) !important;
    transform: translateY(-3px) !important;
}

body.cases-page .case-card-visual {
    flex: 0 0 auto !important;
    padding: 14px !important;
    background: #f2f5f9 !important;
}

body.cases-page .compact-window .case-window-top {
    height: 22px !important;
}

body.cases-page .compact-window .case-window-hero {
    height: 112px !important;
}

body.cases-page .compact-window .case-window-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
}

body.cases-page .compact-window .case-window-grid span {
    height: 34px !important;
    border-radius: 5px !important;
}

body.cases-page .case-card-body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    padding: 18px !important;
}

body.cases-page .case-card-top {
    align-items: flex-start !important;
}

body.cases-page .case-card-body h3 {
    margin-top: 16px !important;
    font-size: 21px !important;
    line-height: 1.34 !important;
}

body.cases-page .case-industry {
    color: #38465b !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

body.cases-page .case-summary {
    flex: 1 1 auto !important;
    font-size: 14px !important;
}

body.cases-page .case-actions {
    margin-top: 18px !important;
    padding-top: 16px !important;
    border-top: 1px solid var(--cases-line-soft) !important;
}

body.cases-page .case-actions a {
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
}

body.cases-page .primary-btn,
body.cases-page .build-link {
    border-color: #26364d !important;
    border-radius: 8px !important;
    background: #172033 !important;
    box-shadow: none !important;
    color: #fff !important;
}

body.cases-page .ghost-btn,
body.cases-page .preview-link {
    border-color: var(--cases-line-strong) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--cases-ink) !important;
}

body.cases-page .primary-btn:hover,
body.cases-page .ghost-btn:hover,
body.cases-page .preview-link:hover,
body.cases-page .build-link:hover {
    border-color: #c9ab79 !important;
    transform: translateY(-1px) !important;
}

body.cases-page .strength-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

body.cases-page .strength-card {
    min-height: 178px !important;
    padding: 24px !important;
    border: 1px solid var(--cases-line-strong) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(17, 24, 39, .045) !important;
}

body.cases-page .strength-card h3 {
    color: var(--cases-ink) !important;
}

body.cases-page .cases-bottom-cta {
    margin-top: 34px !important;
    padding: clamp(26px, 3vw, 38px) !important;
    border: 1px solid #243247 !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #172033 0%, #243247 100%) !important;
    box-shadow: 0 18px 44px rgba(17, 24, 39, .12) !important;
    color: #fff !important;
}

body.cases-page .bottom-cta-copy span {
    color: #d6b47d !important;
}

body.cases-page .bottom-cta-copy h2 {
    color: #fff !important;
}

body.cases-page .bottom-cta-copy p {
    color: #ccd5e2 !important;
}

body.cases-page .cases-bottom-cta .ghost-btn {
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(255, 255, 255, .22) !important;
    color: #fff !important;
}

@media (max-width: 1180px) {
    body.cases-page .cases-hero-shell,
    body.cases-page .featured-case {
        grid-template-columns: 1fr !important;
    }

    body.cases-page .case-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    body.cases-page .cases-filter-bar {
        grid-template-columns: 1fr !important;
    }

    body.cases-page .device-switch,
    body.cases-page .strength-grid {
        grid-template-columns: 1fr !important;
    }

    body.cases-page .cases-bottom-cta {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

@media (max-width: 760px) {
    body.cases-page .page-wrap {
        width: min(100% - 28px, 1240px) !important;
    }

    body.cases-page .cases-hero-shell,
    body.cases-page .featured-case,
    body.cases-page .case-card,
    body.cases-page .strength-card,
    body.cases-page .cases-bottom-cta,
    body.cases-page .cases-filter-bar {
        border-radius: 8px !important;
    }

    body.cases-page .cases-hero-copy,
    body.cases-page .cases-hero-side,
    body.cases-page .featured-content,
    body.cases-page .featured-visual {
        padding: 24px !important;
    }

    body.cases-page .hero-stat-grid,
    body.cases-page .case-grid {
        grid-template-columns: 1fr !important;
    }

    body.cases-page .featured-visual {
        min-height: auto !important;
    }

    body.cases-page .cases-hero-actions a,
    body.cases-page .featured-actions a,
    body.cases-page .bottom-cta-actions a {
        width: 100% !important;
    }
}

body.model-page .model-hero {
    padding-bottom: 0 !important;
}

body.model-page .model-main {
    padding-top: 0 !important;
}

body.model-page .model-main > .page-wrap > .template-section:first-child {
    padding-top: 8px !important;
    margin-top: 0 !important;
}

body.model-page .model-main > .page-wrap > .template-section:first-child .section-head {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

@media (max-width: 760px) {
    body.model-page .model-hero {
        padding-bottom: 0 !important;
    }

    body.model-page .model-main > .page-wrap > .template-section:first-child {
        padding-top: 6px !important;
    }
}

body.model-page .model-hero {
    padding-bottom: 14px !important;
}

body.model-page .model-main {
    padding-top: 0 !important;
}

body.model-page .model-main > .page-wrap > .template-section:first-child {
    padding-top: 22px !important;
}

@media (max-width: 760px) {
    body.model-page .model-hero {
        padding-bottom: 10px !important;
    }

    body.model-page .model-main > .page-wrap > .template-section:first-child {
        padding-top: 16px !important;
    }
}

body.model-page .category-cloud {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

body.model-page .category-cloud a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 0 10px 0 14px !important;
    border: 1px solid #dfe7f2 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 6px 14px rgba(17, 27, 46, .04) !important;
    color: #26364a !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    transition: border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}

body.model-page .category-cloud a span {
    min-width: 30px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    background: #edf3f9 !important;
    color: #617086 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.model-page .category-cloud a.active,
body.model-page .category-cloud a:hover {
    border-color: #ff9a3c !important;
    background: #fff7ed !important;
    color: #c05600 !important;
    box-shadow: 0 8px 18px rgba(255, 106, 0, .10) !important;
}

body.model-page .category-cloud a.active span,
body.model-page .category-cloud a:hover span {
    background: #ffe7cf !important;
    color: #c05600 !important;
}

@media (max-width: 1180px) {
    body.model-page .category-cloud {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    body.model-page .category-cloud {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 520px) {
    body.model-page .category-cloud {
        grid-template-columns: 1fr !important;
    }
}

/*
 * Pricing page final lock: keep plan cards readable and make the comparison
 * table detailed enough for purchase decisions.
 */
body.versions-page .plans-section {
    padding-top: 52px !important;
}

body.versions-page .plans-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch !important;
}

body.versions-page .plan-card {
    position: relative !important;
    min-width: 0 !important;
    min-height: 100% !important;
    display: grid !important;
    grid-template-rows: auto 1fr auto !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .07) !important;
    overflow: hidden !important;
    writing-mode: horizontal-tb !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

body.versions-page .plans-section .plan-card,
body.versions-page .plans-section .plan-card.reveal-card,
body.versions-page .compare-section .compare-table,
body.versions-page .compare-section .compare-table.reveal-card {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
}

body.versions-page .plans-section .plan-card::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 3px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ff6a00 !important;
    box-shadow: none !important;
    opacity: .86 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    pointer-events: none !important;
}

body.versions-page .plans-section .plan-card.theme-basic::before {
    background: #f59e0b !important;
}

body.versions-page .plans-section .plan-card.theme-featured::before,
body.versions-page .plans-section .plan-card.theme-pro::before {
    background: #ff5f00 !important;
}

body.versions-page .plan-card *,
body.versions-page .compare-table * {
    writing-mode: horizontal-tb !important;
    word-break: normal !important;
    text-wrap: pretty;
}

body.versions-page .plans-grid .plan-card:nth-child(2),
body.versions-page .plan-card.theme-featured {
    border-color: #ff9f5a !important;
    background:
        linear-gradient(180deg, #fffaf5 0, #fff 46%) !important;
    box-shadow: 0 18px 44px rgba(255, 95, 0, .13) !important;
}

body.versions-page .plan-card.theme-pro {
    border-color: #f3b36c !important;
    background:
        linear-gradient(180deg, #fff8ef 0, #fff 48%) !important;
}

body.versions-page .plan-top {
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
    padding: 28px 28px 20px !important;
    background: transparent !important;
    text-align: left !important;
}

body.versions-page .plan-top > span {
    width: auto !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 12px !important;
    white-space: nowrap !important;
}

body.versions-page .plan-top h3 {
    display: block !important;
    width: 100% !important;
    margin: 16px 0 10px !important;
    color: #172033 !important;
    font-size: 25px !important;
    line-height: 1.24 !important;
}

body.versions-page .plan-top p {
    display: block !important;
    width: 100% !important;
    min-height: 72px !important;
    margin: 0 !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.78 !important;
}

body.versions-page .plan-price {
    width: 100% !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    margin-top: 18px !important;
}

body.versions-page .plan-price strong {
    display: inline-block !important;
    color: #ff5f00 !important;
    font-size: 42px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

body.versions-page .plan-price em {
    color: #64748b !important;
    font-style: normal !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

body.versions-page .plan-fit {
    width: 100% !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    margin-top: 18px !important;
    padding: 12px 14px !important;
    border: 1px solid #edf1f6 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.55 !important;
    white-space: normal !important;
}

body.versions-page .plan-list {
    width: 100% !important;
    display: grid !important;
    align-content: start !important;
    gap: 11px !important;
    margin: 0 !important;
    padding: 4px 28px 24px !important;
    list-style: none !important;
    color: #475569 !important;
    font-size: 14px !important;
    line-height: 1.68 !important;
}

body.versions-page .plan-list li {
    position: relative !important;
    min-width: 0 !important;
    padding-left: 20px !important;
}

body.versions-page .plan-list li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: .72em !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: #ff6a00 !important;
    box-shadow: 0 0 0 4px rgba(255, 106, 0, .1) !important;
}

body.versions-page .plan-actions {
    width: 100% !important;
    display: block !important;
    margin-top: auto !important;
    padding: 20px 28px 28px !important;
    border-top: 1px solid #eef2f7 !important;
    background: #fbfcfe !important;
}

body.versions-page .plan-actions .small-btn {
    width: 100% !important;
    min-height: 44px !important;
}

body.versions-page .compare-section {
    padding-top: 58px !important;
}

body.versions-page .capability-overview {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin: 0 0 22px !important;
}

body.versions-page .capability-card {
    min-width: 0 !important;
    padding: 20px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, #fff 0, #fbfcfe 100%) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .055) !important;
}

body.versions-page .capability-card span {
    display: inline-flex !important;
    max-width: 100% !important;
    min-height: 26px !important;
    align-items: center !important;
    padding: 0 10px !important;
    border: 1px solid #ffd7bd !important;
    border-radius: 999px !important;
    background: #fff4ec !important;
    color: #ff5f00 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.versions-page .capability-card strong {
    display: block !important;
    margin: 14px 0 8px !important;
    color: #172033 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 900 !important;
}

body.versions-page .capability-card p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}

body.versions-page .compare-table {
    width: 100% !important;
    border: 1px solid #dfe7f1 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .07) !important;
    overflow: hidden !important;
}

body.versions-page .compare-row {
    display: grid !important;
    grid-template-columns: minmax(180px, .72fr) repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    border-bottom: 1px solid #edf2f7 !important;
}

body.versions-page .compare-row:last-child {
    border-bottom: 0 !important;
}

body.versions-page .compare-row div {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    padding: 17px 18px !important;
    border-right: 1px solid #edf2f7 !important;
    color: #475569 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

body.versions-page .compare-row div:last-child {
    border-right: 0 !important;
}

body.versions-page .compare-row div:first-child {
    color: #172033 !important;
    font-weight: 900 !important;
    background: #fbfcfe !important;
}

body.versions-page .compare-head {
    position: sticky !important;
    top: 116px !important;
    z-index: 2 !important;
    background: #fff4ec !important;
}

body.versions-page .compare-head div {
    min-height: 58px !important;
    color: #172033 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    background: #fff4ec !important;
}

body.versions-page .compare-group {
    background: #172033 !important;
}

body.versions-page .compare-group div,
body.versions-page .compare-group div:first-child,
body.versions-page .compare-group div:nth-child(4) {
    min-height: 54px !important;
    border-right-color: rgba(255, 255, 255, .12) !important;
    background: #172033 !important;
    color: #e8eef7 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

body.versions-page .compare-group div:first-child {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

body.versions-page .compare-cell-main {
    display: block !important;
    color: #172033 !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
    font-weight: 900 !important;
}

body.versions-page .compare-note {
    display: block !important;
    margin-top: 6px !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-family: Consolas, "SFMono-Regular", Menlo, monospace !important;
}

body.versions-page .compare-row div:nth-child(4) {
    background: #fffaf6 !important;
}

body.versions-page .compare-table .compare-group div,
body.versions-page .compare-table .compare-group div:first-child,
body.versions-page .compare-table .compare-group div:nth-child(4),
body.versions-page .compare-table .compare-group div:last-child {
    background: #172033 !important;
    color: #f8fafc !important;
    border-right-color: rgba(255, 255, 255, .13) !important;
}

body.versions-page .compare-table .compare-group div:not(:first-child) {
    color: #cbd5e1 !important;
}

@media (max-width: 1100px) {
    body.versions-page .plans-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    body.versions-page .plan-top,
    body.versions-page .plan-list,
    body.versions-page .plan-actions {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}

@media (max-width: 980px) {
    body.versions-page .capability-overview {
        grid-template-columns: 1fr !important;
    }

    body.versions-page .plans-grid {
        grid-template-columns: 1fr !important;
    }

    body.versions-page .plan-top p {
        min-height: 0 !important;
    }

    body.versions-page .compare-table {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    body.versions-page .compare-row {
        min-width: 1080px !important;
    }

    body.versions-page .compare-head {
        position: static !important;
    }
}

@media (max-width: 760px) {
    body.versions-page .plans-section {
        padding-top: 34px !important;
    }

    body.versions-page .plan-top,
    body.versions-page .plan-list,
    body.versions-page .plan-actions {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.versions-page .plan-price strong {
        font-size: 36px !important;
    }
}

/*
 * Final inner-page cleanup: remove legacy banner treatments and nav effects.
 */
.nav a::before,
.nav a::after,
.site-nav a::before,
.site-nav a::after,
.portal-nav a::before,
.portal-nav a::after,
.model-nav a::before,
.model-nav a::after,
.cases-nav a::before,
.cases-nav a::after,
.downloads-nav a::before,
.downloads-nav a::after,
.updates-nav a::before,
.updates-nav a::after,
.versions-nav a::before,
.versions-nav a::after,
.help-nav a::before,
.help-nav a::after,
.query-nav a::before,
.query-nav a::after,
.info-nav a::before,
.info-nav a::after {
    content: none !important;
    display: none !important;
}

.nav a:hover,
.site-nav a:hover,
.portal-nav a:hover,
.model-nav a:hover,
.cases-nav a:hover,
.downloads-nav a:hover,
.updates-nav a:hover,
.versions-nav a:hover,
.help-nav a:hover,
.query-nav a:hover,
.info-nav a:hover {
    color: #303846 !important;
}

.nav a.active,
.site-nav a.active,
.portal-nav a.active,
.model-nav a.active,
.cases-nav a.active,
.downloads-nav a.active,
.updates-nav a.active,
.versions-nav a.active,
.help-nav a.active,
.query-nav a.active,
.info-nav a.active {
    color: #ff5f00 !important;
    font-weight: 800 !important;
}

body:not(.home-page) .downloads-hero-shell,
body:not(.home-page) .query-banner,
body:not(.home-page) .help-banner,
body:not(.home-page) .info-banner,
body:not(.home-page) .features-page .info-banner,
body:not(.home-page) .about-page .info-banner,
body:not(.home-page) .contact-page .info-banner,
body:not(.home-page) .solutions-page .info-banner,
body:not(.home-page) .updates-banner,
body:not(.home-page) .cases-hero-shell,
body:not(.home-page) .versions-banner,
body:not(.home-page) .model-search-box {
    position: relative !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 440px) !important;
    align-items: center !important;
    gap: 32px !important;
    padding: 32px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body:not(.home-page) .downloads-hero-shell::before,
body:not(.home-page) .downloads-hero-shell::after,
body:not(.home-page) .query-banner::before,
body:not(.home-page) .query-banner::after,
body:not(.home-page) .help-banner::before,
body:not(.home-page) .help-banner::after,
body:not(.home-page) .info-banner::before,
body:not(.home-page) .info-banner::after,
body:not(.home-page) .updates-banner::before,
body:not(.home-page) .updates-banner::after,
body:not(.home-page) .cases-hero-shell::before,
body:not(.home-page) .cases-hero-shell::after,
body:not(.home-page) .versions-banner::before,
body:not(.home-page) .versions-banner::after,
body:not(.home-page) .model-search-box::before,
body:not(.home-page) .model-search-box::after {
    content: none !important;
    display: none !important;
}

body:not(.home-page) .downloads-hero .page-wrap,
body:not(.home-page) .query-hero .page-wrap,
body:not(.home-page) .help-hero .page-wrap,
body:not(.home-page) .info-hero .page-wrap,
body:not(.home-page) .updates-hero .page-wrap,
body:not(.home-page) .cases-hero .page-wrap,
body:not(.home-page) .versions-hero .page-wrap,
body:not(.home-page) .model-hero .page-wrap {
    padding: 0 !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 8px !important;
    background:
        radial-gradient(circle at 92% 20%, rgba(255, 106, 0, .08), transparent 28%),
        #fff !important;
    box-shadow: 0 12px 28px rgba(31, 42, 68, .06) !important;
    overflow: hidden !important;
}

body:not(.home-page) .downloads-hero-copy,
body:not(.home-page) .query-copy,
body:not(.home-page) .help-copy,
body:not(.home-page) .info-copy,
body:not(.home-page) .updates-copy,
body:not(.home-page) .cases-hero-copy,
body:not(.home-page) .versions-copy,
body:not(.home-page) .model-search-copy {
    max-width: 760px !important;
}

body:not(.home-page) .downloads-hero-copy h1,
body:not(.home-page) .query-copy h1,
body:not(.home-page) .help-copy h1,
body:not(.home-page) .info-copy h1,
body:not(.home-page) .updates-copy h1,
body:not(.home-page) .cases-hero-copy h1,
body:not(.home-page) .versions-copy h1,
body:not(.home-page) .model-search-copy h1,
body:not(.home-page) .downloads-hero h1,
body:not(.home-page) .query-hero h1,
body:not(.home-page) .help-hero h1,
body:not(.home-page) .info-hero h1,
body:not(.home-page) .updates-hero h1,
body:not(.home-page) .cases-hero h1,
body:not(.home-page) .versions-hero h1,
body:not(.home-page) .model-hero h1 {
    max-width: 760px !important;
    margin: 12px 0 14px !important;
    color: #202633 !important;
    font-size: clamp(32px, 4vw, 52px) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body:not(.home-page) .downloads-hero-copy p,
body:not(.home-page) .query-copy p,
body:not(.home-page) .help-copy p,
body:not(.home-page) .info-copy p,
body:not(.home-page) .updates-copy p,
body:not(.home-page) .cases-hero-copy p,
body:not(.home-page) .versions-copy p,
body:not(.home-page) .model-search-copy p,
body:not(.home-page) .downloads-hero p,
body:not(.home-page) .query-hero p,
body:not(.home-page) .help-hero p,
body:not(.home-page) .info-hero p,
body:not(.home-page) .updates-hero p,
body:not(.home-page) .cases-hero p,
body:not(.home-page) .versions-hero p,
body:not(.home-page) .model-hero p {
    max-width: 760px !important;
    color: #667085 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    opacity: 1 !important;
}

body:not(.home-page) .downloads-hero-side,
body:not(.home-page) .cases-hero-side,
body:not(.home-page) .query-cta-group,
body:not(.home-page) .versions-cta-group,
body:not(.home-page) .help-hero-search,
body:not(.home-page) .info-visual,
body:not(.home-page) .updates-visual {
    min-width: 0 !important;
    justify-self: stretch !important;
}

body:not(.home-page) .release-card,
body:not(.home-page) .cases-hero-card,
body:not(.home-page) .hero-stats,
body:not(.home-page) .help-search-panel,
body:not(.home-page) .info-metrics,
body:not(.home-page) .updates-panel {
    border: 1px solid #e6ebf2 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    color: #202633 !important;
}

body:not(.home-page) .release-card *,
body:not(.home-page) .cases-hero-card *,
body:not(.home-page) .hero-stats *,
body:not(.home-page) .help-search-panel *,
body:not(.home-page) .info-metrics *,
body:not(.home-page) .updates-panel * {
    color: inherit !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body:not(.home-page) .release-card-head strong,
body:not(.home-page) .release-card-grid strong,
body:not(.home-page) .hero-stat strong,
body:not(.home-page) .metric-card strong {
    color: #ff6500 !important;
}

body:not(.home-page) .downloads-hero-actions,
body:not(.home-page) .query-cta-group,
body:not(.home-page) .cases-hero-actions,
body:not(.home-page) .versions-cta-group {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

body:not(.home-page) .ghost-light {
    border-color: #e6ebf2 !important;
    background: #fff !important;
    color: #315174 !important;
}

@media (max-width: 1180px) {
    body:not(.home-page) .downloads-hero-shell,
    body:not(.home-page) .query-banner,
    body:not(.home-page) .help-banner,
    body:not(.home-page) .info-banner,
    body:not(.home-page) .updates-banner,
    body:not(.home-page) .cases-hero-shell,
    body:not(.home-page) .versions-banner,
    body:not(.home-page) .model-search-box {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    body:not(.home-page) .downloads-hero-shell,
    body:not(.home-page) .query-banner,
    body:not(.home-page) .help-banner,
    body:not(.home-page) .info-banner,
    body:not(.home-page) .updates-banner,
    body:not(.home-page) .cases-hero-shell,
    body:not(.home-page) .versions-banner,
    body:not(.home-page) .model-search-box {
        padding: 20px !important;
    }
}

/*
 * Inner page final layout lock.
 * The old page-wrap grid made some banners sit in a narrow first column.
 */
body:not(.home-page) .model-hero,
body:not(.home-page) .cases-hero,
body:not(.home-page) .downloads-hero,
body:not(.home-page) .updates-hero,
body:not(.home-page) .versions-hero,
body:not(.home-page) .help-hero,
body:not(.home-page) .query-hero,
body:not(.home-page) .info-hero {
    min-height: 0 !important;
    padding: 38px 0 42px !important;
    border-bottom: 1px solid #e9eef5 !important;
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 102, 0, .08), transparent 26%),
        linear-gradient(180deg, #fff 0, #f6f8fb 100%) !important;
}

body:not(.home-page) .model-hero > .page-wrap,
body:not(.home-page) .cases-hero > .page-wrap,
body:not(.home-page) .downloads-hero > .page-wrap,
body:not(.home-page) .updates-hero > .page-wrap,
body:not(.home-page) .versions-hero > .page-wrap,
body:not(.home-page) .help-hero > .page-wrap,
body:not(.home-page) .query-hero > .page-wrap,
body:not(.home-page) .info-hero > .page-wrap {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body:not(.home-page) .model-search-box,
body:not(.home-page) .downloads-hero-shell,
body:not(.home-page) .query-banner,
body:not(.home-page) .help-banner,
body:not(.home-page) .info-banner,
body:not(.home-page) .updates-banner,
body:not(.home-page) .cases-hero-shell,
body:not(.home-page) .versions-banner {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px) !important;
    align-items: center !important;
    gap: 34px !important;
    padding: 38px 40px !important;
    border: 1px solid #e4eaf2 !important;
    border-radius: 8px !important;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .92)),
        radial-gradient(circle at 92% 22%, rgba(255, 102, 0, .12), transparent 30%) !important;
    box-shadow: 0 16px 42px rgba(22, 34, 51, .07) !important;
    color: #202633 !important;
    overflow: hidden !important;
}

body:not(.home-page) .help-banner,
body:not(.home-page) .updates-banner,
body:not(.home-page) .versions-banner {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 430px) !important;
}

body:not(.home-page) .help-copy,
body:not(.home-page) .updates-copy,
body:not(.home-page) .versions-copy {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
}

body:not(.home-page) .help-search-form,
body:not(.home-page) .updates-cta-group,
body:not(.home-page) .versions-cta-group {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
}

body:not(.home-page) .help-banner .hero-stats,
body:not(.home-page) .updates-banner .hero-stats,
body:not(.home-page) .versions-banner .hero-stats {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
}

body:not(.home-page) .downloads-hero-copy,
body:not(.home-page) .query-copy,
body:not(.home-page) .help-copy,
body:not(.home-page) .info-copy,
body:not(.home-page) .updates-copy,
body:not(.home-page) .cases-hero-copy,
body:not(.home-page) .versions-copy,
body:not(.home-page) .model-search-copy {
    width: 100% !important;
    max-width: 720px !important;
    display: block !important;
}

body:not(.home-page) .downloads-hero h1,
body:not(.home-page) .query-hero h1,
body:not(.home-page) .help-hero h1,
body:not(.home-page) .info-hero h1,
body:not(.home-page) .updates-hero h1,
body:not(.home-page) .cases-hero h1,
body:not(.home-page) .versions-hero h1,
body:not(.home-page) .model-hero h1,
body:not(.home-page) .model-search-copy h2 {
    width: 100% !important;
    max-width: 720px !important;
    margin: 12px 0 14px !important;
    color: #202633 !important;
    font-size: clamp(30px, 3.2vw, 44px) !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    word-break: normal !important;
}

body:not(.home-page) .downloads-hero p,
body:not(.home-page) .query-hero p,
body:not(.home-page) .help-hero p,
body:not(.home-page) .info-hero p,
body:not(.home-page) .updates-hero p,
body:not(.home-page) .cases-hero p,
body:not(.home-page) .versions-hero p,
body:not(.home-page) .model-hero p {
    width: 100% !important;
    max-width: 700px !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 16px !important;
    line-height: 1.78 !important;
    text-shadow: none !important;
}

body:not(.home-page) .hero-kicker,
body:not(.home-page) .section-tag {
    min-height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    border: 1px solid #ffd7bd !important;
    border-radius: 999px !important;
    background: #fff4ec !important;
    color: #ff5f00 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

body:not(.home-page) .release-card,
body:not(.home-page) .cases-hero-card,
body:not(.home-page) .hero-stats,
body:not(.home-page) .help-search-form,
body:not(.home-page) .help-search-panel,
body:not(.home-page) .info-metrics,
body:not(.home-page) .updates-panel,
body:not(.home-page) .model-search-form {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px !important;
    border: 1px solid #e1e8f0 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    color: #202633 !important;
}

body:not(.home-page) .hero-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body:not(.home-page) .help-banner .hero-stats,
body:not(.home-page) .updates-banner .hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:not(.home-page) .hero-stat,
body:not(.home-page) .metric-card,
body:not(.home-page) .release-card-grid article {
    min-height: 86px !important;
    padding: 16px !important;
    border: 1px solid #e5ebf3 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #202633 !important;
}

body:not(.home-page) .hero-stat strong,
body:not(.home-page) .metric-card strong,
body:not(.home-page) .release-card strong {
    color: #ff5f00 !important;
    font-weight: 900 !important;
}

body:not(.home-page) .query-cta-group,
body:not(.home-page) .downloads-hero-actions,
body:not(.home-page) .cases-hero-actions,
body:not(.home-page) .info-actions,
body:not(.home-page) .updates-cta-group,
body:not(.home-page) .versions-cta-group {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.nav,
.site-nav,
.portal-nav,
.model-nav,
.cases-nav,
.downloads-nav,
.updates-nav,
.versions-nav,
.help-nav,
.query-nav,
.info-nav {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.nav a,
.site-nav a,
.portal-nav a,
.model-nav a,
.cases-nav a,
.downloads-nav a,
.updates-nav a,
.versions-nav a,
.help-nav a,
.query-nav a,
.info-nav a {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
}

.nav a:hover,
.site-nav a:hover,
.portal-nav a:hover,
.model-nav a:hover,
.cases-nav a:hover,
.downloads-nav a:hover,
.updates-nav a:hover,
.versions-nav a:hover,
.help-nav a:hover,
.query-nav a:hover,
.info-nav a:hover {
    background: transparent !important;
    box-shadow: none !important;
    color: #303846 !important;
    transform: none !important;
}

.nav a.active,
.site-nav a.active,
.portal-nav a.active,
.model-nav a.active,
.cases-nav a.active,
.downloads-nav a.active,
.updates-nav a.active,
.versions-nav a.active,
.help-nav a.active,
.query-nav a.active,
.info-nav a.active {
    background: transparent !important;
    box-shadow: none !important;
    color: #ff5f00 !important;
}

@media (max-width: 1180px) {
    body:not(.home-page) .model-search-box,
    body:not(.home-page) .downloads-hero-shell,
    body:not(.home-page) .query-banner,
    body:not(.home-page) .help-banner,
    body:not(.home-page) .info-banner,
    body:not(.home-page) .updates-banner,
    body:not(.home-page) .cases-hero-shell,
    body:not(.home-page) .versions-banner {
        grid-template-columns: 1fr !important;
    }

    body:not(.home-page) .help-copy,
    body:not(.home-page) .updates-copy,
    body:not(.home-page) .versions-copy,
    body:not(.home-page) .help-search-form,
    body:not(.home-page) .updates-cta-group,
    body:not(.home-page) .versions-cta-group,
    body:not(.home-page) .help-banner .hero-stats,
    body:not(.home-page) .updates-banner .hero-stats,
    body:not(.home-page) .versions-banner .hero-stats {
        grid-column: auto !important;
        grid-row: auto !important;
    }
}

@media (max-width: 760px) {
    body:not(.home-page) .model-hero,
    body:not(.home-page) .cases-hero,
    body:not(.home-page) .downloads-hero,
    body:not(.home-page) .updates-hero,
    body:not(.home-page) .versions-hero,
    body:not(.home-page) .help-hero,
    body:not(.home-page) .query-hero,
    body:not(.home-page) .info-hero {
        padding: 24px 0 !important;
    }

    body:not(.home-page) .model-search-box,
    body:not(.home-page) .downloads-hero-shell,
    body:not(.home-page) .query-banner,
    body:not(.home-page) .help-banner,
    body:not(.home-page) .info-banner,
    body:not(.home-page) .updates-banner,
    body:not(.home-page) .cases-hero-shell,
    body:not(.home-page) .versions-banner {
        padding: 22px !important;
    }

    body:not(.home-page) .downloads-hero h1,
    body:not(.home-page) .query-hero h1,
    body:not(.home-page) .help-hero h1,
    body:not(.home-page) .info-hero h1,
    body:not(.home-page) .updates-hero h1,
    body:not(.home-page) .cases-hero h1,
    body:not(.home-page) .versions-hero h1,
    body:not(.home-page) .model-hero h1,
    body:not(.home-page) .model-search-copy h2 {
        font-size: 30px !important;
    }

    body:not(.home-page) .hero-stats,
    body:not(.home-page) .help-banner .hero-stats,
    body:not(.home-page) .updates-banner .hero-stats {
        grid-template-columns: 1fr !important;
    }
}

/*
 * Absolute final pass: center inner hero cards and tighten the pricing page.
 */
body:not(.home-page) .model-hero > .page-wrap,
body:not(.home-page) .cases-hero > .page-wrap,
body:not(.home-page) .downloads-hero > .page-wrap,
body:not(.home-page) .updates-hero > .page-wrap,
body:not(.home-page) .versions-hero > .page-wrap,
body:not(.home-page) .help-hero > .page-wrap,
body:not(.home-page) .query-hero > .page-wrap,
body:not(.home-page) .info-hero > .page-wrap,
body.versions-page .versions-main > .page-wrap {
    width: min(100% - 48px, 1240px) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body:not(.home-page) .model-search-box,
body:not(.home-page) .downloads-hero-shell,
body:not(.home-page) .query-banner,
body:not(.home-page) .help-banner,
body:not(.home-page) .info-banner,
body:not(.home-page) .updates-banner,
body:not(.home-page) .cases-hero-shell,
body:not(.home-page) .versions-banner {
    margin-left: auto !important;
    margin-right: auto !important;
}

body.versions-page .versions-banner {
    transform: none !important;
    transition: none !important;
}

body.versions-page .versions-main section {
    padding: 44px 0 !important;
}

body.versions-page .audience-grid,
body.versions-page .plans-grid,
body.versions-page .service-grid,
body.versions-page .purchase-flow-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-columns: unset !important;
    gap: 16px !important;
    align-items: stretch !important;
}

body.versions-page .audience-card,
body.versions-page .service-card,
body.versions-page .purchase-flow-card {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 0 !important;
    padding: 22px !important;
    border: 1px solid #e4eaf2 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(22, 34, 51, .05) !important;
}

body.versions-page .audience-card h3,
body.versions-page .service-card h3,
body.versions-page .purchase-flow-card h3 {
    margin: 14px 0 8px !important;
    font-size: 20px !important;
    line-height: 1.35 !important;
}

body.versions-page .audience-card p,
body.versions-page .service-card p,
body.versions-page .purchase-flow-card p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}

body.versions-page .plan-card {
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    border: 1px solid #e4eaf2 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(22, 34, 51, .05) !important;
    overflow: hidden !important;
    transform: none !important;
}

body.versions-page .plans-grid .plan-card:nth-child(2),
body.versions-page .plan-card.theme-featured,
body.versions-page .plan-card.theme-pro {
    border-color: #ffb17a !important;
    background: linear-gradient(180deg, #fff, #fff8f2) !important;
    box-shadow: 0 12px 30px rgba(255, 106, 0, .10) !important;
    transform: none !important;
}

body.versions-page .plan-top {
    padding: 24px 24px 18px !important;
    background: transparent !important;
}

body.versions-page .plan-top h3 {
    margin: 14px 0 10px !important;
    color: #202633 !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
}

body.versions-page .plan-top p {
    min-height: 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

body.versions-page .plan-price {
    margin-top: 18px !important;
}

body.versions-page .plan-price strong {
    color: #ff5f00 !important;
    font-size: 38px !important;
}

body.versions-page .plan-fit {
    width: 100% !important;
    min-height: auto !important;
    margin-top: 16px !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    line-height: 1.55 !important;
}

body.versions-page .plan-list {
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 24px 20px 42px !important;
    color: #475467 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}

body.versions-page .plan-actions {
    padding: 18px 24px 24px !important;
    border-top: 1px solid #edf0f5 !important;
}

body.versions-page .compare-table {
    width: 100% !important;
    border: 1px solid #e4eaf2 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(22, 34, 51, .06) !important;
    overflow: hidden !important;
}

body.versions-page .compare-row {
    display: grid !important;
    grid-template-columns: minmax(170px, .8fr) repeat(3, minmax(0, 1fr)) !important;
    border-bottom: 1px solid #edf0f5 !important;
}

body.versions-page .compare-row:last-child {
    border-bottom: 0 !important;
}

body.versions-page .compare-row div {
    min-width: 0 !important;
    padding: 15px 18px !important;
    color: #475467 !important;
    font-size: 14px !important;
    line-height: 1.62 !important;
    word-break: break-word !important;
}

body.versions-page .compare-row div:first-child {
    color: #202633 !important;
    font-weight: 900 !important;
}

body.versions-page .compare-head {
    background: #fff4ec !important;
}

body.versions-page .compare-head div {
    color: #202633 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

body.versions-page .compare-row div:nth-child(4) {
    background: #fffaf6 !important;
}

@media (max-width: 980px) {
    body.versions-page .audience-grid,
    body.versions-page .plans-grid,
    body.versions-page .service-grid,
    body.versions-page .purchase-flow-grid {
        grid-template-columns: 1fr !important;
    }

    body.versions-page .compare-table {
        overflow-x: auto !important;
    }

    body.versions-page .compare-row {
        min-width: 920px !important;
    }
}

@media (max-width: 760px) {
    body:not(.home-page) .model-hero > .page-wrap,
    body:not(.home-page) .cases-hero > .page-wrap,
    body:not(.home-page) .downloads-hero > .page-wrap,
    body:not(.home-page) .updates-hero > .page-wrap,
    body:not(.home-page) .versions-hero > .page-wrap,
    body:not(.home-page) .help-hero > .page-wrap,
    body:not(.home-page) .query-hero > .page-wrap,
    body:not(.home-page) .info-hero > .page-wrap,
    body.versions-page .versions-main > .page-wrap {
        width: min(100% - 28px, 1240px) !important;
    }
}

/* Template page final spacing lock. Keep the category grid close to the results. */
body.model-page .model-hero {
    padding-bottom: 0 !important;
}

body.model-page .model-main {
    padding-top: 0 !important;
}

body.model-page .model-main > .page-wrap > .template-section:first-child {
    padding-top: 4px !important;
    margin-top: 0 !important;
}

body.model-page .model-main > .page-wrap > .template-section:first-child .section-head {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

@media (max-width: 760px) {
    body.model-page .model-main > .page-wrap > .template-section:first-child {
        padding-top: 4px !important;
    }
}

/* Cases page EOF override. */
body.cases-page .cases-hero > .page-wrap {
    width: min(100% - 48px, 1240px) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.cases-page .cases-hero-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr) !important;
    gap: 0 !important;
    min-height: 430px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #1f2937 !important;
    border-radius: 8px !important;
    background: #111827 !important;
    box-shadow: 0 26px 60px rgba(17, 24, 39, .16) !important;
}

body.cases-page .cases-hero-copy {
    padding: clamp(34px, 4vw, 58px) !important;
    background: linear-gradient(180deg, #151e2d 0%, #101722 100%) !important;
}

body.cases-page .cases-hero-side {
    display: grid !important;
    grid-template-rows: 1fr auto !important;
    gap: 0 !important;
    padding: clamp(22px, 3vw, 34px) !important;
    background: #f8fafc !important;
}

body.cases-page .cases-filter-bar {
    display: grid !important;
    grid-template-columns: minmax(260px, .74fr) minmax(0, 1.26fr) !important;
    align-items: center !important;
    gap: 26px !important;
    margin-top: 14px !important;
    padding: 20px !important;
    border: 1px solid #dce4ef !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(17, 24, 39, .05) !important;
}

body.cases-page .device-switch {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
}

body.cases-page .device-switch a {
    min-height: 72px !important;
    padding: 14px 16px !important;
    border-radius: 8px !important;
}

body.cases-page .featured-case {
    display: grid !important;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #dce4ef !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 18px 44px rgba(17, 24, 39, .08) !important;
}

body.cases-page .case-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

body.cases-page .case-card,
body.cases-page .strength-card {
    border: 1px solid #dce4ef !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(17, 24, 39, .055) !important;
}

body.cases-page .strength-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

body.cases-page .cases-bottom-cta {
    margin-top: 34px !important;
    padding: clamp(26px, 3vw, 38px) !important;
    border: 1px solid #243247 !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #172033 0%, #243247 100%) !important;
    box-shadow: 0 18px 44px rgba(17, 24, 39, .12) !important;
}

@media (max-width: 1180px) {
    body.cases-page .cases-hero-shell,
    body.cases-page .featured-case {
        grid-template-columns: 1fr !important;
    }

    body.cases-page .case-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    body.cases-page .cases-filter-bar,
    body.cases-page .device-switch,
    body.cases-page .strength-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    body.cases-page .cases-hero > .page-wrap {
        width: min(100% - 28px, 1240px) !important;
    }

    body.cases-page .case-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Cases page contrast and filter polish. */
body.cases-page .cases-hero .hero-kicker {
    background: #fff !important;
    color: #ff5f00 !important;
}

body.cases-page .cases-hero h1,
body.cases-page .cases-hero-copy h1 {
    color: #fff !important;
    opacity: 1 !important;
}

body.cases-page .cases-hero p,
body.cases-page .cases-hero-copy p {
    color: #cbd5e1 !important;
    opacity: 1 !important;
}

body.cases-page .device-switch {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
}

body.cases-page .device-switch a {
    width: 100% !important;
}

body.cases-page .filter-copy {
    min-width: 0 !important;
    padding-left: 28px !important;
}

body.cases-page .device-switch {
    padding-right: 12px !important;
}

@media (max-width: 900px) {
    body.cases-page .filter-copy {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.cases-page .device-switch {
        padding: 0 18px 18px !important;
    }
}

/* Public website case thumbnails. */
body.cases-page .case-thumb-link {
    position: relative !important;
    width: 100% !important;
    display: block !important;
    overflow: hidden !important;
    border: 1px solid #d6deea !important;
    border-radius: 8px !important;
    background: #eef2f7 !important;
    box-shadow: 0 18px 34px rgba(17, 24, 39, .10) !important;
}

body.cases-page .case-thumb-link::before {
    content: "" !important;
    display: block !important;
    height: 28px !important;
    background:
        radial-gradient(circle at 16px 50%, #ef4444 0 4px, transparent 5px),
        radial-gradient(circle at 32px 50%, #f59e0b 0 4px, transparent 5px),
        radial-gradient(circle at 48px 50%, #22c55e 0 4px, transparent 5px),
        linear-gradient(90deg, #172033 0%, #4f5f75 100%) !important;
}

body.cases-page .case-thumb-img {
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: top center !important;
    background: #f8fafc !important;
    transition: transform .28s ease !important;
}

body.cases-page .case-thumb-link:hover .case-thumb-img {
    transform: scale(1.025) !important;
}

body.cases-page .featured-thumb-link {
    box-shadow: 0 24px 42px rgba(31, 41, 55, .14) !important;
}

body.cases-page .featured-thumb-link .case-thumb-img {
    aspect-ratio: 16 / 10.5 !important;
}

body.cases-page .case-card-visual .case-thumb-link {
    box-shadow: none !important;
}

body.cases-page .case-card-visual .case-thumb-link::before {
    height: 22px !important;
}

/* Cases page compact hero and pagination. */
body.cases-page .cases-hero {
    padding: 24px 0 8px !important;
}

body.cases-page .cases-hero-shell {
    min-height: 360px !important;
}

body.cases-page .cases-hero-copy {
    padding: clamp(28px, 3vw, 42px) !important;
}

body.cases-page .cases-hero h1,
body.cases-page .cases-hero-copy h1 {
    max-width: 680px !important;
    margin: 16px 0 14px !important;
    font-size: clamp(30px, 3.2vw, 44px) !important;
    line-height: 1.12 !important;
}

body.cases-page .cases-hero p,
body.cases-page .cases-hero-copy p {
    font-size: 15px !important;
    line-height: 1.75 !important;
}

body.cases-page .cases-hero-actions {
    margin-top: 22px !important;
}

body.cases-page .cases-hero-side {
    padding: clamp(18px, 2.4vw, 26px) !important;
}

body.cases-page .hero-stat-panel {
    padding: 20px !important;
}

body.cases-page .hero-stat-head strong {
    font-size: 38px !important;
}

body.cases-page .hero-stat-grid {
    gap: 8px !important;
    margin-top: 16px !important;
}

body.cases-page .hero-stat-grid article {
    min-height: 74px !important;
    padding: 12px !important;
}

body.cases-page .hero-stat-grid strong,
body.cases-page .hero-note-card strong {
    margin-top: 6px !important;
    font-size: 19px !important;
}

body.cases-page .hero-note-card {
    margin-top: 10px !important;
    padding: 14px 16px !important;
}

body.cases-page .hero-note-card p {
    margin-top: 6px !important;
    line-height: 1.6 !important;
}

body.cases-page .case-pagination {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 24px 0 0 !important;
    flex-wrap: wrap !important;
}

body.cases-page .case-pagination a {
    min-width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #dce4ef !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #172033 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 18px rgba(17, 24, 39, .045) !important;
}

body.cases-page .case-pagination a.active,
body.cases-page .case-pagination a:hover {
    border-color: #172033 !important;
    background: #172033 !important;
    color: #fff !important;
}

@media (max-width: 760px) {
    body.cases-page .cases-hero {
        padding-top: 18px !important;
    }

    body.cases-page .cases-hero h1,
    body.cases-page .cases-hero-copy h1 {
        font-size: 29px !important;
    }
}

/* Downloads page executive redesign. */
body.downloads-page {
    background:
        linear-gradient(180deg, #f6f7f9 0%, #ffffff 32%, #f4f6f8 100%) !important;
    color: #172033 !important;
}

body.downloads-page .downloads-hero {
    padding: 30px 0 10px !important;
    background: linear-gradient(180deg, #f7f8fa 0%, #f2f4f7 100%) !important;
}

body.downloads-page .downloads-hero > .page-wrap,
body.downloads-page .downloads-main > .page-wrap {
    width: min(100% - 48px, 1240px) !important;
}

body.downloads-page .downloads-hero-shell {
    position: relative !important;
    overflow: hidden !important;
    min-height: 430px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.04fr) minmax(360px, .78fr) !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, #111827 0%, #172033 48%, #283142 100%) !important;
    box-shadow: 0 30px 70px rgba(15, 23, 42, .16) !important;
}

body.downloads-page .downloads-hero-shell::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px) !important;
    background-size: 64px 64px !important;
    opacity: .18 !important;
    pointer-events: none !important;
}

body.downloads-page .downloads-hero-shell::after {
    content: "" !important;
    position: absolute !important;
    right: 38% !important;
    top: 0 !important;
    width: 1px !important;
    height: 100% !important;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .18), transparent) !important;
}

body.downloads-page .downloads-hero-copy,
body.downloads-page .downloads-hero-side {
    position: relative !important;
    z-index: 1 !important;
}

body.downloads-page .downloads-hero-copy {
    padding: clamp(42px, 5vw, 76px) !important;
}

body.downloads-page .hero-kicker {
    min-height: 32px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(217, 180, 107, .42) !important;
    border-radius: 999px !important;
    background: rgba(217, 180, 107, .12) !important;
    color: #f1d391 !important;
    letter-spacing: .12em !important;
}

body.downloads-page .downloads-hero-copy h1 {
    max-width: 700px !important;
    margin: 18px 0 18px !important;
    color: #fff !important;
    font-size: clamp(38px, 4.5vw, 62px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-wrap: pretty !important;
}

body.downloads-page .downloads-hero-copy p {
    max-width: 660px !important;
    color: #cbd5e1 !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
    text-wrap: pretty !important;
}

body.downloads-page .downloads-hero-actions {
    margin-top: 30px !important;
    gap: 12px !important;
}

body.downloads-page .downloads-hero-side {
    display: flex !important;
    align-items: stretch !important;
    padding: 30px !important;
}

body.downloads-page .release-card {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 28px !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(248, 250, 252, .96) 100%) !important;
    box-shadow: 0 24px 54px rgba(15, 23, 42, .22) !important;
}

body.downloads-page .release-card-head {
    padding-bottom: 22px !important;
    border-bottom: 1px solid rgba(226, 232, 240, .95) !important;
}

body.downloads-page .release-card-head span,
body.downloads-page .release-card-grid span,
body.downloads-page .download-meta span,
body.downloads-page .bottom-cta-copy span,
body.downloads-page .ops-summary-card span {
    color: #9a6a22 !important;
}

body.downloads-page .release-card-head strong {
    color: #111827 !important;
    font-size: 46px !important;
}

body.downloads-page .release-card-grid {
    gap: 12px !important;
}

body.downloads-page .release-card-grid article {
    min-height: 96px !important;
    padding: 16px !important;
    border-color: rgba(226, 232, 240, .92) !important;
    border-radius: 8px !important;
    background: #fff !important;
}

body.downloads-page .release-card-grid strong {
    color: #172033 !important;
    font-size: 18px !important;
}

body.downloads-page .primary-btn {
    border-color: #172033 !important;
    border-radius: 8px !important;
    background: #172033 !important;
    color: #fff !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .18) !important;
}

body.downloads-page .downloads-hero .primary-btn {
    border-color: #f1d391 !important;
    background: #f1d391 !important;
    color: #111827 !important;
    box-shadow: 0 18px 36px rgba(217, 180, 107, .22) !important;
}

body.downloads-page .ghost-btn {
    border-radius: 8px !important;
    border-color: rgba(203, 213, 225, .92) !important;
    background: #fff !important;
    color: #172033 !important;
}

body.downloads-page .ghost-light {
    border-color: rgba(255, 255, 255, .18) !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
}

body.downloads-page .downloads-main {
    padding: 18px 0 88px !important;
}

body.downloads-page .downloads-actions-section,
body.downloads-page .downloads-resources-section,
body.downloads-page .downloads-ops-section,
body.downloads-page .downloads-service-section,
body.downloads-page .package-section,
body.downloads-page .downloads-bottom-cta {
    margin-top: 22px !important;
    padding: clamp(24px, 3.2vw, 38px) !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .06) !important;
}

body.downloads-page .quick-action-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body.downloads-page .quick-action-card,
body.downloads-page .service-card,
body.downloads-page .deploy-checklist-card,
body.downloads-page .ops-summary-card,
body.downloads-page .package-item {
    border-radius: 8px !important;
    border-color: rgba(226, 232, 240, .95) !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.downloads-page .quick-action-card {
    padding: 22px !important;
}

body.downloads-page .quick-action-card:hover,
body.downloads-page .service-card:hover,
body.downloads-page .download-card:hover,
body.downloads-page .package-item:hover {
    border-color: rgba(23, 32, 51, .22) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 20px 42px rgba(15, 23, 42, .09) !important;
}

body.downloads-page .section-head h2,
body.downloads-page .bottom-cta-copy h2 {
    color: #172033 !important;
    font-size: clamp(28px, 3vw, 40px) !important;
    letter-spacing: 0 !important;
}

body.downloads-page .section-head p,
body.downloads-page .download-body p,
body.downloads-page .quick-action-card p,
body.downloads-page .service-card p,
body.downloads-page .ops-summary-card p,
body.downloads-page .bottom-cta-copy p {
    color: #637083 !important;
    line-height: 1.85 !important;
}

body.downloads-page .download-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

body.downloads-page .download-card {
    overflow: hidden !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.downloads-page .download-thumb {
    padding: 18px !important;
    border-bottom: 1px solid rgba(226, 232, 240, .95) !important;
    background:
        linear-gradient(135deg, #f9fafb 0%, #edf1f5 100%) !important;
}

body.downloads-page .download-window {
    border-radius: 8px !important;
    border: 1px solid rgba(203, 213, 225, .95) !important;
    background: #fff !important;
    box-shadow: 0 18px 34px rgba(15, 23, 42, .08) !important;
}

body.downloads-page .download-window-top {
    height: 26px !important;
    background:
        linear-gradient(90deg, #172033 0%, #303a4f 70%, #d9b46b 100%) !important;
}

body.downloads-page .download-window-hero {
    height: 118px !important;
    background:
        linear-gradient(135deg, #f8fafc 0%, #e8edf3 58%, #f3dfae 100%) !important;
}

body.downloads-page .download-window-grid span {
    border-radius: 6px !important;
    background: linear-gradient(180deg, #fff 0%, #f2f5f8 100%) !important;
}

body.downloads-page .download-body {
    padding: 22px !important;
}

body.downloads-page .download-meta span {
    border-radius: 999px !important;
    background: #fbf3df !important;
}

body.downloads-page .download-body h3 {
    color: #172033 !important;
    font-size: 22px !important;
}

body.downloads-page .download-points,
body.downloads-page .download-facts {
    border-radius: 8px !important;
    background: #f8fafc !important;
}

body.downloads-page .download-points li::before,
body.downloads-page .download-facts li::before,
body.downloads-page .deploy-checklist-card li::before {
    background: #d9b46b !important;
}

body.downloads-page .download-actions {
    grid-template-columns: 1fr !important;
}

body.downloads-page .downloads-ops-grid {
    grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr) !important;
}

body.downloads-page .ops-summary-list div {
    border-radius: 8px !important;
}

body.downloads-page .downloads-service-section {
    background: #172033 !important;
}

body.downloads-page .downloads-service-section .section-head h2,
body.downloads-page .downloads-service-section .service-card h3 {
    color: #fff !important;
}

body.downloads-page .downloads-service-section .section-head p,
body.downloads-page .downloads-service-section .service-card p {
    color: #cbd5e1 !important;
}

body.downloads-page .downloads-service-section .service-card {
    border-color: rgba(255, 255, 255, .12) !important;
    background: rgba(255, 255, 255, .06) !important;
}

body.downloads-page .downloads-bottom-cta {
    align-items: center !important;
    background:
        linear-gradient(135deg, #ffffff 0%, #f8fafc 58%, #fbf3df 100%) !important;
}

@media (max-width: 1180px) {
    body.downloads-page .downloads-hero-shell,
    body.downloads-page .download-grid,
    body.downloads-page .downloads-ops-grid {
        grid-template-columns: 1fr !important;
    }

    body.downloads-page .downloads-hero-shell::after {
        display: none !important;
    }

    body.downloads-page .quick-action-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    body.downloads-page .downloads-hero > .page-wrap,
    body.downloads-page .downloads-main > .page-wrap {
        width: min(100% - 28px, 1240px) !important;
    }

    body.downloads-page .downloads-hero-shell {
        min-height: 0 !important;
    }

    body.downloads-page .downloads-hero-copy,
    body.downloads-page .downloads-hero-side,
    body.downloads-page .downloads-actions-section,
    body.downloads-page .downloads-resources-section,
    body.downloads-page .downloads-ops-section,
    body.downloads-page .downloads-service-section,
    body.downloads-page .package-section,
    body.downloads-page .downloads-bottom-cta {
        padding: 22px !important;
    }

    body.downloads-page .downloads-hero-copy h1 {
        font-size: 34px !important;
    }

    body.downloads-page .release-card-grid,
    body.downloads-page .quick-action-grid,
    body.downloads-page .service-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Updates page EyouCMS-like changelog layout. */
body.updates-page {
    background: #f5f7fb !important;
    color: #253247 !important;
}

body.updates-page .updates-hero {
    padding: 28px 0 18px !important;
    background: linear-gradient(180deg, #f7f9fc 0%, #eef3f9 100%) !important;
}

body.updates-page .updates-hero > .page-wrap,
body.updates-page .updates-main > .page-wrap {
    width: min(100% - 48px, 1220px) !important;
}

body.updates-page .updates-log-banner {
    min-height: 230px !important;
    padding: 42px 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
    border: 1px solid rgba(24, 94, 211, .1) !important;
    border-radius: 6px !important;
    background:
        linear-gradient(135deg, rgba(20, 101, 218, .94) 0%, rgba(27, 117, 226, .92) 54%, rgba(60, 151, 234, .88) 100%) !important;
    box-shadow: 0 18px 38px rgba(18, 74, 152, .16) !important;
}

body.updates-page .updates-log-banner::before,
body.updates-page .updates-log-banner::after {
    display: none !important;
}

body.updates-page .updates-copy h1 {
    margin: 14px 0 10px !important;
    color: #fff !important;
    font-size: 42px !important;
    line-height: 1.18 !important;
}

body.updates-page .updates-copy p {
    max-width: 720px !important;
    color: rgba(255, 255, 255, .9) !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}

body.updates-page .hero-kicker {
    height: 30px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .12) !important;
    color: #fff !important;
    font-size: 12px !important;
    letter-spacing: .1em !important;
}

body.updates-page .updates-cta-group {
    margin-top: 0 !important;
    flex: 0 0 auto !important;
}

body.updates-page .updates-main {
    padding: 24px 0 82px !important;
}

body.updates-page .eyou-update-shell {
    margin: 0 !important;
    opacity: 1 !important;
    transform: none !important;
}

body.updates-page .eyou-quick-nav {
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr) !important;
    gap: 20px !important;
    align-items: stretch !important;
    margin-bottom: 22px !important;
    padding: 22px !important;
    border: 1px solid #e3e9f2 !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .05) !important;
}

body.updates-page .eyou-quick-title {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 18px !important;
    border-radius: 6px !important;
    background: #f3f7fd !important;
}

body.updates-page .eyou-quick-title strong {
    color: #1f4f9b !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
}

body.updates-page .eyou-quick-title span {
    margin-top: 8px !important;
    color: #66758a !important;
    font-size: 13px !important;
}

body.updates-page .eyou-version-links {
    display: flex !important;
    align-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

body.updates-page .eyou-version-links a {
    min-width: 86px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #4e5d73 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease !important;
}

body.updates-page .eyou-version-links a:hover,
body.updates-page .eyou-version-links a.active {
    border-color: #1f6ed4 !important;
    background: #1f6ed4 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}

body.updates-page .eyou-log-layout {
    display: grid !important;
    grid-template-columns: 248px minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: start !important;
}

body.updates-page .eyou-log-sidebar {
    position: sticky !important;
    top: 104px !important;
    padding: 20px !important;
    border: 1px solid #e3e9f2 !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .05) !important;
}

body.updates-page .eyou-log-sidebar h3 {
    margin: 0 0 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #edf1f6 !important;
    color: #1f2d3d !important;
    font-size: 18px !important;
}

body.updates-page .eyou-log-sidebar a {
    display: block !important;
    padding: 13px 14px !important;
    border-radius: 4px !important;
    color: #526173 !important;
    transition: background .2s ease, color .2s ease !important;
}

body.updates-page .eyou-log-sidebar a + a {
    margin-top: 6px !important;
}

body.updates-page .eyou-log-sidebar a span {
    display: block !important;
    color: #8a96a8 !important;
    font-size: 12px !important;
}

body.updates-page .eyou-log-sidebar a strong {
    display: block !important;
    margin-top: 4px !important;
    font-size: 16px !important;
}

body.updates-page .eyou-log-sidebar a:hover,
body.updates-page .eyou-log-sidebar a.active {
    background: #eef5ff !important;
    color: #1f6ed4 !important;
}

body.updates-page .eyou-log-list {
    position: relative !important;
    display: grid !important;
    gap: 22px !important;
}

body.updates-page .eyou-log-list::before {
    content: "" !important;
    position: absolute !important;
    left: 17px !important;
    top: 10px !important;
    bottom: 10px !important;
    width: 2px !important;
    background: #dbe6f3 !important;
}

body.updates-page .eyou-log-item {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 18px !important;
    opacity: 1 !important;
    transform: none !important;
}

body.updates-page .eyou-log-point {
    position: relative !important;
    z-index: 1 !important;
    width: 18px !important;
    height: 18px !important;
    margin: 24px auto 0 !important;
    border: 4px solid #fff !important;
    border-radius: 999px !important;
    background: #1f6ed4 !important;
    box-shadow: 0 0 0 1px #1f6ed4, 0 0 0 8px rgba(31, 110, 212, .08) !important;
}

body.updates-page .eyou-log-item.active .eyou-log-point {
    background: #ff8a00 !important;
    box-shadow: 0 0 0 1px #ff8a00, 0 0 0 8px rgba(255, 138, 0, .12) !important;
}

body.updates-page .eyou-log-card {
    overflow: hidden !important;
    border: 1px solid #e2e9f3 !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .06) !important;
}

body.updates-page .eyou-log-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 20px 24px !important;
    border-bottom: 1px solid #edf1f6 !important;
    background: linear-gradient(180deg, #fbfdff 0%, #f7fafe 100%) !important;
}

body.updates-page .eyou-log-head span {
    display: inline-flex !important;
    align-items: center !important;
    height: 26px !important;
    padding: 0 10px !important;
    border-radius: 4px !important;
    background: #eaf3ff !important;
    color: #1f6ed4 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.updates-page .eyou-log-head h2 {
    margin: 10px 0 0 !important;
    color: #1f2d3d !important;
    font-size: 24px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

body.updates-page .eyou-log-head em {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #fff7e8 !important;
    color: #c56b00 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 700 !important;
}

body.updates-page .eyou-log-summary {
    padding: 18px 24px !important;
    border-bottom: 1px solid #edf1f6 !important;
    background: #fff !important;
    color: #5a687a !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}

body.updates-page .eyou-log-body {
    padding: 22px 24px 6px !important;
    color: #334155 !important;
    font-size: 15px !important;
    line-height: 1.95 !important;
}

body.updates-page .eyou-log-body p {
    margin: 0 0 12px !important;
}

body.updates-page .eyou-log-body ul,
body.updates-page .eyou-log-body ol {
    margin: 0 0 16px !important;
    padding: 0 !important;
    list-style: none !important;
}

body.updates-page .eyou-log-body li {
    position: relative !important;
    padding: 8px 0 8px 18px !important;
    border-bottom: 1px dashed #e3e9f2 !important;
}

body.updates-page .eyou-log-body li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 20px !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #1f6ed4 !important;
}

body.updates-page .eyou-log-body strong,
body.updates-page .eyou-log-body b {
    color: #1f6ed4 !important;
}

body.updates-page .eyou-log-downloads {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin: 12px 24px 24px !important;
    padding: 14px 16px !important;
    border: 1px solid #e7edf5 !important;
    border-radius: 6px !important;
    background: #f8fbff !important;
}

body.updates-page .eyou-log-downloads span {
    color: #5b6777 !important;
    font-size: 14px !important;
}

body.updates-page .eyou-log-downloads a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 34px !important;
    padding: 0 16px !important;
    border-radius: 4px !important;
    background: #1f6ed4 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

@media (max-width: 1080px) {
    body.updates-page .updates-log-banner,
    body.updates-page .eyou-quick-nav,
    body.updates-page .eyou-log-layout {
        grid-template-columns: 1fr !important;
    }

    body.updates-page .updates-log-banner {
        display: block !important;
    }

    body.updates-page .updates-cta-group {
        margin-top: 24px !important;
    }

    body.updates-page .eyou-log-sidebar {
        position: static !important;
    }
}

@media (max-width: 760px) {
    body.updates-page .updates-hero > .page-wrap,
    body.updates-page .updates-main > .page-wrap {
        width: min(100% - 28px, 1220px) !important;
    }

    body.updates-page .updates-log-banner,
    body.updates-page .eyou-quick-nav,
    body.updates-page .eyou-log-sidebar,
    body.updates-page .eyou-log-head,
    body.updates-page .eyou-log-summary,
    body.updates-page .eyou-log-body {
        padding: 18px !important;
    }

    body.updates-page .updates-copy h1 {
        font-size: 32px !important;
    }

    body.updates-page .eyou-log-item {
        grid-template-columns: 24px minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body.updates-page .eyou-log-list::before {
        left: 11px !important;
    }

    body.updates-page .eyou-log-point {
        width: 14px !important;
        height: 14px !important;
        border-width: 3px !important;
    }

    body.updates-page .eyou-log-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    body.updates-page .eyou-log-head h2 {
        font-size: 20px !important;
    }

    body.updates-page .eyou-version-links a {
        min-width: calc(50% - 5px) !important;
    }

    body.updates-page .eyou-log-downloads {
        margin: 8px 18px 18px !important;
    }
}

/* Versions page cleanup: hide backend capability blocks and compact hero card. */
body.versions-page .compare-section,
body.versions-page .capability-overview,
body.versions-page .compare-table {
    display: none !important;
}

body.versions-page .versions-hero {
    padding: 18px 0 10px !important;
}

body.versions-page .versions-banner {
    min-height: 0 !important;
    padding: 18px 26px !important;
    border-radius: 8px !important;
}

body.versions-page .versions-copy h1 {
    margin: 10px 0 8px !important;
    font-size: clamp(28px, 3vw, 40px) !important;
    line-height: 1.16 !important;
}

body.versions-page .versions-copy p {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

body.versions-page .versions-cta-group {
    gap: 10px !important;
}

body.versions-page .versions-banner .hero-stats {
    gap: 8px !important;
}

body.versions-page .versions-banner .hero-stat {
    min-height: 46px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
}

body.versions-page .versions-banner .hero-stat strong {
    font-size: 20px !important;
    line-height: 1.05 !important;
}

body.versions-page .versions-banner .hero-stat span {
    margin-top: 3px !important;
    font-size: 12px !important;
}

body.versions-page .plans-section {
    padding-top: 24px !important;
}

@media (max-width: 760px) {
    body.versions-page .versions-banner {
        padding: 18px !important;
    }
}

/* Versions page CMS feature comparison table. */
body.versions-page .cms-compare-section {
    padding: 20px 0 44px !important;
}

body.versions-page .cms-compare-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin-bottom: 18px !important;
}

body.versions-page .cms-compare-head h2 {
    margin: 0 !important;
    color: #1f2937 !important;
    font-size: clamp(26px, 2.7vw, 34px) !important;
    line-height: 1.2 !important;
}

body.versions-page .cms-compare-head p {
    margin: 10px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}

body.versions-page .cms-compare-head > span {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    background: #edf4ff !important;
    color: #175cd3 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 26px rgba(23, 92, 211, .08) !important;
}

body.versions-page .cms-compare-table {
    overflow: hidden !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 20px 44px rgba(15, 23, 42, .06) !important;
}

body.versions-page .cms-compare-row {
    display: grid !important;
    grid-template-columns: minmax(280px, 1.6fr) repeat(3, minmax(130px, .8fr)) !important;
    min-width: 860px !important;
    border-bottom: 1px solid #edf1f6 !important;
}

body.versions-page .cms-compare-row:last-child {
    border-bottom: 0 !important;
}

body.versions-page .cms-compare-row > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 58px !important;
    padding: 13px 18px !important;
    color: #475467 !important;
    font-size: 14px !important;
}

body.versions-page .cms-compare-title {
    background: #f8fafc !important;
}

body.versions-page .cms-compare-title > div {
    min-height: 54px !important;
    color: #667085 !important;
    font-weight: 900 !important;
}

body.versions-page .cms-compare-row > div:first-child {
    justify-content: flex-start !important;
}

body.versions-page .cms-feature-name {
    gap: 10px !important;
    background: linear-gradient(90deg, #fff 0%, #fbfcff 100%) !important;
}

body.versions-page .cms-feature-name strong {
    color: #1f2937 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

body.versions-page .cms-feature-name em {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 26px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #ffe8ea !important;
    color: #d92d20 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

body.versions-page .cms-status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 58px !important;
    height: 30px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

body.versions-page .cms-status.is-yes {
    background: #dcfae6 !important;
    color: #05603a !important;
}

body.versions-page .cms-status.is-limit {
    background: #fff3c4 !important;
    color: #8a5600 !important;
}

body.versions-page .cms-status.is-no {
    background: #fee4e2 !important;
    color: #b42318 !important;
}

@media (max-width: 980px) {
    body.versions-page .cms-compare-head {
        display: block !important;
    }

    body.versions-page .cms-compare-head > span {
        margin-top: 14px !important;
    }

    body.versions-page .cms-compare-table {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 760px) {
    body.versions-page .cms-compare-section {
        padding-top: 12px !important;
    }

    body.versions-page .cms-compare-row {
        min-width: 780px !important;
        grid-template-columns: minmax(240px, 1.5fr) repeat(3, minmax(120px, .8fr)) !important;
    }
}

/* Updates page sticky quick navigation. */
body.updates-page .eyou-quick-nav {
    position: sticky !important;
    top: 88px !important;
    z-index: 36 !important;
    backdrop-filter: blur(16px) !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .08) !important;
}

body.updates-page.is-scrolled .eyou-quick-nav {
    border-color: rgba(31, 110, 212, .18) !important;
}

body.updates-page .eyou-version-links {
    max-height: 92px !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
}

body.updates-page .eyou-version-links::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

body.updates-page .eyou-version-links::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(31, 110, 212, .22);
}

@media (max-width: 1080px) {
    body.updates-page .eyou-quick-nav {
        top: 96px !important;
    }
}

@media (max-width: 760px) {
    body.updates-page .eyou-quick-nav {
        position: static !important;
        top: auto !important;
    }

    body.updates-page .eyou-version-links {
        max-height: none !important;
        overflow: visible !important;
    }
}

/* Updates page sticky left changelog directory. */
body.updates-page .eyou-log-sidebar {
    position: sticky !important;
    top: 222px !important;
    z-index: 24 !important;
    max-height: calc(100vh - 242px) !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
}

body.updates-page .eyou-log-sidebar::-webkit-scrollbar {
    width: 6px;
}

body.updates-page .eyou-log-sidebar::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(31, 110, 212, .22);
}

@media (max-width: 1080px) {
    body.updates-page .eyou-log-sidebar {
        position: static !important;
        top: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

/* Final override: keep changelog directory fixed while scrolling. */
@media (min-width: 1081px) {
    body.updates-page .eyou-log-layout {
        display: block !important;
        position: relative !important;
    }

    body.updates-page .eyou-log-sidebar {
        position: fixed !important;
        top: 222px !important;
        left: max(24px, calc((100vw - 1220px) / 2)) !important;
        width: 248px !important;
        max-height: calc(100vh - 242px) !important;
        overflow-y: auto !important;
        z-index: 42 !important;
        background: #fff !important;
        box-shadow: 0 16px 34px rgba(15, 23, 42, .08) !important;
    }

    body.updates-page .eyou-log-list {
        margin-left: 272px !important;
    }
}

@media (max-width: 1080px) {
    body.updates-page .eyou-log-layout {
        display: grid !important;
    }

    body.updates-page .eyou-log-list {
        margin-left: 0 !important;
    }
}

/* Final repair: keep sidebar in grid so the changelog layout does not deform. */
@media (min-width: 1081px) {
    body.updates-page .eyou-log-layout {
        display: grid !important;
        grid-template-columns: 248px minmax(0, 1fr) !important;
        gap: 24px !important;
        align-items: start !important;
        position: relative !important;
    }

    body.updates-page .eyou-log-sidebar {
        position: sticky !important;
        top: 222px !important;
        left: auto !important;
        width: auto !important;
        max-height: calc(100vh - 242px) !important;
        overflow-y: auto !important;
        z-index: 24 !important;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .05) !important;
    }

    body.updates-page .eyou-log-list {
        margin-left: 0 !important;
        min-width: 0 !important;
    }
}

/* Help center compact Eyou-style knowledge layout. */
body.help-page .help-hero {
    padding: 16px 0 0 !important;
    background: #fff !important;
}

body.help-page .help-banner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px) auto !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 0 !important;
    padding: 18px 22px !important;
    border: 1px solid #edf0f5 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .05) !important;
    color: #1f2937 !important;
    transform: none !important;
}

body.help-page .help-banner::before,
body.help-page .help-banner::after {
    display: none !important;
}

body.help-page .help-copy {
    position: relative !important;
    z-index: 1 !important;
}

body.help-page .help-copy .hero-kicker {
    margin-bottom: 5px !important;
    color: #f97316 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

body.help-page .help-copy h1 {
    max-width: none !important;
    margin: 0 !important;
    color: #111827 !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
}

body.help-page .help-copy p {
    max-width: 680px !important;
    margin: 6px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

body.help-page .help-search-form {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 90px !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.help-page .help-search-form input {
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 14px !important;
    border: 1px solid #dfe5ee !important;
    border-radius: 6px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 13px !important;
}

body.help-page .help-search-form button {
    height: 42px !important;
    padding: 0 14px !important;
    border-radius: 6px !important;
    background: #f97316 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

body.help-page .hero-stats {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 72px) !important;
    gap: 8px !important;
    margin: 0 !important;
}

body.help-page .hero-stat {
    min-height: 42px !important;
    padding: 7px 8px !important;
    border: 1px solid #edf0f5 !important;
    border-radius: 8px !important;
    background: #fbfcfe !important;
    text-align: center !important;
}

body.help-page .hero-stat strong {
    color: #111827 !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

body.help-page .hero-stat span {
    margin-top: 4px !important;
    color: #8a94a6 !important;
    font-size: 11px !important;
}

body.help-page .help-main {
    padding: 18px 0 58px !important;
    background: #f5f5f5 !important;
}

body.help-page .help-icon-nav {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 0 0 22px !important;
    padding: 24px 22px 20px !important;
    border: 1px solid #edf0f5 !important;
    border-radius: 8px !important;
    background: #fff !important;
}

body.help-page .help-icon-link {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 84px !important;
    color: #384252 !important;
    text-decoration: none !important;
    transition: color .18s ease, transform .18s ease !important;
}

body.help-page .help-icon-link:hover {
    color: #f97316 !important;
    transform: translateY(-2px) !important;
}

body.help-page .help-icon-link strong {
    margin-top: 10px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

body.help-page .help-icon {
    position: relative !important;
    width: 46px !important;
    height: 46px !important;
    color: #6b7280 !important;
}

body.help-page .help-icon-link:hover .help-icon {
    color: #f97316 !important;
}

body.help-page .help-icon::before,
body.help-page .help-icon::after {
    content: "" !important;
    position: absolute !important;
    box-sizing: border-box !important;
}

body.help-page .help-icon-tool::before {
    inset: 6px 8px !important;
    border: 2px solid currentColor !important;
    border-radius: 2px !important;
}

body.help-page .help-icon-tool::after {
    top: 13px !important;
    left: 13px !important;
    width: 20px !important;
    height: 20px !important;
    border-top: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    box-shadow: 0 8px 0 -6px currentColor, 0 -8px 0 -6px currentColor !important;
}

body.help-page .help-icon-video::before {
    inset: 5px 9px !important;
    border: 2px solid currentColor !important;
    border-radius: 50% !important;
}

body.help-page .help-icon-video::after {
    left: 18px !important;
    top: 15px !important;
    width: 12px !important;
    height: 16px !important;
    border-left: 13px solid currentColor !important;
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
}

body.help-page .help-icon-log::before {
    inset: 5px !important;
    border: 2px solid currentColor !important;
    border-radius: 50% !important;
}

body.help-page .help-icon-log::after {
    left: 22px !important;
    top: 8px !important;
    width: 2px !important;
    height: 30px !important;
    background: currentColor !important;
    box-shadow: -14px 14px 0 -1px currentColor, 14px 14px 0 -1px currentColor !important;
    transform: rotate(35deg) !important;
}

body.help-page .help-icon-manual::before {
    inset: 5px 9px 7px 13px !important;
    border: 2px solid currentColor !important;
    border-radius: 2px !important;
    box-shadow: -6px 5px 0 -2px #fff, -6px 5px 0 0 currentColor !important;
}

body.help-page .help-icon-manual::after {
    right: 11px !important;
    top: 18px !important;
    width: 11px !important;
    height: 7px !important;
    border: 2px solid currentColor !important;
    border-radius: 2px !important;
}

body.help-page .help-icon-qa::before {
    inset: 6px !important;
    border: 2px solid currentColor !important;
    border-radius: 50% !important;
}

body.help-page .help-icon-qa::after {
    left: 14px !important;
    top: 19px !important;
    width: 18px !important;
    height: 8px !important;
    border-top: 2px solid currentColor !important;
    border-radius: 50% !important;
    box-shadow: 0 -9px 0 -3px currentColor, 0 10px 0 -3px currentColor !important;
}

body.help-page .help-icon-template::before {
    inset: 8px 7px !important;
    border: 2px solid currentColor !important;
    border-radius: 2px !important;
}

body.help-page .help-icon-template::after {
    left: 13px !important;
    top: 18px !important;
    width: 20px !important;
    height: 10px !important;
    border-top: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
}

body.help-page .help-knowledge-area {
    display: grid !important;
    gap: 34px !important;
}

body.help-page .help-knowledge-section > h2 {
    margin: 0 0 24px !important;
    color: #1f2937 !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

body.help-page .help-knowledge-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 46px !important;
}

body.help-page .help-knowledge-card {
    min-width: 0 !important;
    padding: 24px 26px 26px !important;
    border: 1px solid #f0f2f5 !important;
    border-radius: 2px !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.help-page .help-knowledge-card h3 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
    color: #1f2937 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

body.help-page .help-knowledge-card h3::before {
    content: "" !important;
    width: 2px !important;
    height: 18px !important;
    background: #111827 !important;
}

body.help-page .help-knowledge-card ol {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.help-page .help-knowledge-card li {
    min-width: 0 !important;
}

body.help-page .help-knowledge-card li a {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    color: #606b7a !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
}

body.help-page .help-knowledge-card li a:hover {
    color: #f97316 !important;
}

body.help-page .help-knowledge-card li span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    color: #98a2b3 !important;
    font-size: 12px !important;
    font-style: normal !important;
    line-height: 1 !important;
}

body.help-page .help-knowledge-card li:nth-child(-n+3) span {
    background: #ff7a1a !important;
    color: #fff !important;
    font-weight: 800 !important;
}

body.help-page .help-knowledge-card li em {
    min-width: 0 !important;
    overflow: hidden !important;
    font-style: normal !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.help-page .help-knowledge-more {
    display: inline-flex !important;
    margin-top: 22px !important;
    color: #606b7a !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

body.help-page .help-knowledge-more:hover {
    color: #f97316 !important;
}

body.help-page .help-overview-section {
    display: none !important;
}

body.help-page .help-layout {
    margin-top: 34px !important;
}

@media (max-width: 1180px) {
    body.help-page .help-banner {
        grid-template-columns: 1fr !important;
    }

    body.help-page .hero-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.help-page .help-knowledge-grid {
        gap: 22px !important;
    }
}

@media (max-width: 900px) {
    body.help-page .help-icon-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.help-page .help-knowledge-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    body.help-page .help-banner {
        padding: 16px !important;
    }

    body.help-page .help-copy h1 {
        font-size: 19px !important;
    }

    body.help-page .help-search-form {
        grid-template-columns: 1fr !important;
    }

    body.help-page .help-icon-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding: 14px 10px !important;
    }

    body.help-page .help-icon-link {
        min-height: 76px !important;
    }

    body.help-page .help-knowledge-section > h2 {
        margin-bottom: 16px !important;
        font-size: 22px !important;
    }

    body.help-page .help-knowledge-card {
        padding: 20px 18px 22px !important;
    }
}

/* Help home only: remove the lower document preview block. */
body.help-page:not(.help-detail-page) .help-layout {
    display: none !important;
}

body.help-page:not(.help-detail-page) .help-knowledge-area {
    margin-bottom: 0 !important;
}

/* Help article detail page. */
body.help-detail-page .help-main {
    padding-top: 22px !important;
}

body.help-detail-page .help-detail-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px) !important;
    align-items: end !important;
    gap: 24px !important;
    margin-bottom: 22px !important;
    padding: 28px 30px !important;
    border: 1px solid #edf0f5 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .05) !important;
}

body.help-detail-page .help-detail-breadcrumb {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #98a2b3 !important;
    font-size: 13px !important;
}

body.help-detail-page .help-detail-breadcrumb a {
    color: #f97316 !important;
    text-decoration: none !important;
}

body.help-detail-page .help-detail-breadcrumb em {
    color: #667085 !important;
    font-style: normal !important;
}

body.help-detail-page .help-detail-hero h1 {
    margin: 0 !important;
    color: #111827 !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-wrap: pretty !important;
}

body.help-detail-page .help-detail-hero p {
    margin: 10px 0 0 !important;
    color: #667085 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}

body.help-detail-page .help-detail-hero .help-search-form {
    align-self: center !important;
}

body.help-detail-page .help-detail-layout {
    margin-top: 0 !important;
}

body.help-detail-page .article-card {
    border-radius: 10px !important;
}

body.help-detail-page .article-header {
    padding: 34px 38px 8px !important;
}

body.help-detail-page .article-header h2 {
    color: #111827 !important;
    font-size: 30px !important;
    letter-spacing: 0 !important;
}

body.help-detail-page .article-prose {
    padding: 14px 38px 42px !important;
    color: #344054 !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}

body.help-detail-page .article-prose img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
}

body.help-detail-page .help-sidebar {
    position: sticky !important;
    top: 96px !important;
    align-self: start !important;
}

@media (max-width: 1100px) {
    body.help-detail-page .help-sidebar {
        position: static !important;
        top: auto !important;
    }
}

@media (max-width: 860px) {
    body.help-detail-page .help-detail-hero {
        grid-template-columns: 1fr !important;
        padding: 22px 18px !important;
    }

    body.help-detail-page .help-detail-hero h1 {
        font-size: 24px !important;
    }

body.help-detail-page .article-header,
    body.help-detail-page .article-prose {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* Downloads page compact hero and removed service strip. */
body.downloads-page .downloads-hero {
    padding: 14px 0 8px !important;
}

body.downloads-page .downloads-hero-shell {
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .72fr) !important;
    gap: 14px !important;
    border-radius: 8px !important;
}

body.downloads-page .downloads-hero-copy,
body.downloads-page .downloads-hero-side {
    min-height: 0 !important;
    padding: 20px 24px !important;
}

body.downloads-page .downloads-hero-copy .hero-kicker {
    height: 26px !important;
    padding: 0 11px !important;
    font-size: 11px !important;
}

body.downloads-page .downloads-hero-copy h1 {
    margin: 10px 0 8px !important;
    font-size: clamp(28px, 3vw, 40px) !important;
    line-height: 1.16 !important;
}

body.downloads-page .downloads-hero-copy p {
    max-width: 620px !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

body.downloads-page .downloads-hero-actions {
    margin-top: 14px !important;
    gap: 8px !important;
}

body.downloads-page .downloads-hero-actions .primary-btn,
body.downloads-page .downloads-hero-actions .ghost-btn {
    min-height: 38px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
}

body.downloads-page .release-card {
    padding: 16px !important;
}

body.downloads-page .release-card-head {
    padding-bottom: 10px !important;
}

body.downloads-page .release-card-head strong {
    font-size: 30px !important;
}

body.downloads-page .release-card-grid {
    margin-top: 12px !important;
    gap: 8px !important;
}

body.downloads-page .release-card-grid article {
    min-height: 58px !important;
    padding: 10px 12px !important;
}

body.downloads-page .release-card-grid span {
    font-size: 11px !important;
}

body.downloads-page .release-card-grid strong {
    margin-top: 5px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
}

body.downloads-page .downloads-service-section {
    display: none !important;
}

body.downloads-page .package-section {
    margin-top: 22px !important;
}

@media (max-width: 1180px) {
    body.downloads-page .downloads-hero-shell {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    body.downloads-page .downloads-hero-copy,
    body.downloads-page .downloads-hero-side {
        padding: 18px !important;
    }

    body.downloads-page .release-card-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Cases page final compact hero. */
body.cases-page .cases-hero {
    padding: 14px 0 8px !important;
}

body.cases-page .cases-hero-shell {
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, .68fr) !important;
    gap: 14px !important;
    border-radius: 8px !important;
}

body.cases-page .cases-hero-copy {
    min-height: 0 !important;
    padding: 22px 26px !important;
}

body.cases-page .cases-hero-side {
    min-height: 0 !important;
    gap: 10px !important;
    padding: 16px !important;
}

body.cases-page .cases-hero .hero-kicker {
    height: 26px !important;
    padding: 0 11px !important;
    font-size: 11px !important;
}

body.cases-page .cases-hero h1,
body.cases-page .cases-hero-copy h1 {
    max-width: 680px !important;
    margin: 10px 0 8px !important;
    font-size: clamp(28px, 3vw, 40px) !important;
    line-height: 1.16 !important;
}

body.cases-page .cases-hero p,
body.cases-page .cases-hero-copy p {
    max-width: 640px !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

body.cases-page .cases-hero-actions {
    margin-top: 14px !important;
    gap: 8px !important;
}

body.cases-page .cases-hero-actions .primary-btn,
body.cases-page .cases-hero-actions .ghost-btn {
    min-height: 38px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
}

body.cases-page .hero-stat-panel {
    padding: 14px !important;
}

body.cases-page .hero-stat-head {
    padding-bottom: 8px !important;
}

body.cases-page .hero-stat-head strong {
    font-size: 28px !important;
    line-height: 1 !important;
}

body.cases-page .hero-stat-grid {
    gap: 7px !important;
    margin-top: 10px !important;
}

body.cases-page .hero-stat-grid article {
    min-height: 54px !important;
    padding: 8px 10px !important;
}

body.cases-page .hero-stat-grid span {
    font-size: 11px !important;
}

body.cases-page .hero-stat-grid strong {
    margin-top: 4px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

body.cases-page .hero-note-card {
    margin-top: 0 !important;
    padding: 11px 14px !important;
}

body.cases-page .hero-note-card strong {
    margin-top: 4px !important;
    font-size: 16px !important;
}

body.cases-page .hero-note-card p {
    margin-top: 4px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

@media (max-width: 1180px) {
    body.cases-page .cases-hero-shell {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    body.cases-page .cases-hero-copy,
    body.cases-page .cases-hero-side {
        padding: 18px !important;
    }

    body.cases-page .cases-hero h1,
    body.cases-page .cases-hero-copy h1 {
        font-size: 28px !important;
    }
}

/* Non-home hero cards: give each page a distinct card background. */
body.model-page:not(.template-detail-page) .model-search-box {
    background:
        linear-gradient(135deg, rgba(9, 99, 86, .94) 0%, rgba(15, 42, 54, .96) 58%, rgba(216, 184, 115, .9) 100%) !important;
    border-color: rgba(255, 255, 255, .16) !important;
}

body.model-page:not(.template-detail-page) .model-search-box h1,
body.model-page:not(.template-detail-page) .model-search-box h2,
body.model-page:not(.template-detail-page) .model-search-copy h1 {
    color: #f8fbff !important;
}

body.model-page:not(.template-detail-page) .model-search-box p,
body.model-page:not(.template-detail-page) .model-search-copy p {
    color: #d7e8e5 !important;
}

body.template-detail-page .detail-card {
    background:
        linear-gradient(135deg, #ffffff 0%, #f4fbff 48%, #fff0dc 100%) !important;
    border-color: #dcebf3 !important;
}

body.template-detail-page .template-detail-sidebar .action-card {
    background:
        linear-gradient(135deg, #172033 0%, #31425f 58%, #d4a657 100%) !important;
}

body.template-detail-page .template-detail-sidebar .info-card {
    background:
        linear-gradient(135deg, #ffffff 0%, #f6f9ef 52%, #eef7ff 100%) !important;
}

body.cases-page .cases-hero-shell {
    background:
        linear-gradient(135deg, #172033 0%, #26344d 52%, #8d6b33 100%) !important;
}

body.cases-page .cases-hero-copy {
    background: transparent !important;
}

body.downloads-page .downloads-hero-shell {
    background:
        linear-gradient(135deg, #1b2430 0%, #3f4653 54%, #d9b46b 100%) !important;
}

body.downloads-page .downloads-hero-shell::before,
body.downloads-page .downloads-hero-shell::after {
    display: none !important;
}

body.updates-page .updates-banner {
    background:
        linear-gradient(135deg, #edfdf6 0%, #ffffff 46%, #d9f0ff 100%) !important;
    border-color: #c8eee2 !important;
}

body.versions-page .versions-banner {
    background:
        linear-gradient(135deg, #eef4ff 0%, #ffffff 48%, #fff1d6 100%) !important;
    border-color: #d7e4ff !important;
}

body.help-page:not(.help-detail-page) .help-banner {
    background:
        linear-gradient(135deg, #ffffff 0%, #edf7ff 54%, #fff4e8 100%) !important;
    border-color: #dceeff !important;
}

body.help-detail-page .help-detail-hero {
    background:
        linear-gradient(135deg, #fffaf0 0%, #ffffff 52%, #edf5ff 100%) !important;
    border-color: #f3dfbf !important;
}

body.query-page .query-banner {
    background:
        linear-gradient(135deg, #102a24 0%, #174137 55%, #69c4a4 100%) !important;
    border-color: rgba(255, 255, 255, .16) !important;
}

body.query-page .query-banner h1,
body.query-page .query-banner h2,
body.query-page .query-banner p,
body.query-page .query-banner .hero-kicker {
    color: #f8fffb !important;
}

body.contact-page .info-banner {
    background:
        linear-gradient(135deg, #0f2544 0%, #1d4f78 56%, #f0a35a 100%) !important;
    border-color: rgba(255, 255, 255, .16) !important;
}

body.about-page .info-banner {
    background:
        linear-gradient(135deg, #222629 0%, #50565b 54%, #d7bd82 100%) !important;
    border-color: rgba(255, 255, 255, .18) !important;
}

body.news-page .info-banner {
    background:
        linear-gradient(135deg, #fbf4f1 0%, #ffffff 48%, #ffe0d2 100%) !important;
    border-color: #f2d2c6 !important;
}

body.features-page .info-banner {
    background:
        linear-gradient(135deg, #eafaf4 0%, #ffffff 46%, #eaf0ff 100%) !important;
    border-color: #cdece0 !important;
}

body.solutions-page .info-banner {
    background:
        linear-gradient(135deg, #eef0ff 0%, #ffffff 48%, #e5fbff 100%) !important;
    border-color: #d6dafb !important;
}

body.contact-page .info-banner h1,
body.contact-page .info-banner p,
body.contact-page .info-banner .hero-kicker,
body.about-page .info-banner h1,
body.about-page .info-banner p,
body.about-page .info-banner .hero-kicker {
    color: #f8fbff !important;
}

body.news-page .info-banner h1,
body.features-page .info-banner h1,
body.solutions-page .info-banner h1 {
    color: #172033 !important;
}

body.premium-portal-page .hero-card.highlight-card {
    background:
        linear-gradient(135deg, #0f1f33 0%, #285076 58%, #d7aa58 100%) !important;
}

body.premium-portal-page .hero-card.stack-card {
    background:
        linear-gradient(135deg, #ffffff 0%, #f0f8ff 52%, #fff1d7 100%) !important;
}

body.premium-preview-page .preview-shell,
body.premium-preview-page .preview-stage,
body.premium-preview-page .preview-toolbar {
    background:
        linear-gradient(135deg, #f8fafc 0%, #eef7f3 50%, #fff4dc 100%) !important;
}

/* Updates page readable banner on the light custom background. */
body.updates-page .updates-banner {
    background:
        linear-gradient(135deg, #f2fff9 0%, #ffffff 48%, #e6f4ff 100%) !important;
    border-color: #bee8d7 !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .07) !important;
}

body.updates-page .updates-banner .hero-kicker {
    background: #0f766e !important;
    color: #ffffff !important;
}

body.updates-page .updates-copy h1,
body.updates-page .updates-hero h1 {
    color: #123026 !important;
    text-shadow: none !important;
}

body.updates-page .updates-copy p,
body.updates-page .updates-hero p {
    color: #526579 !important;
    text-shadow: none !important;
}

body.updates-page .updates-cta-group .primary-btn {
    border-color: #0f766e !important;
    background: #0f766e !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(15, 118, 110, .18) !important;
}

body.updates-page .updates-cta-group .ghost-btn,
body.updates-page .updates-cta-group .ghost-light {
    border-color: #b9d6d0 !important;
    background: #ffffff !important;
    color: #123026 !important;
}

/* Growth solution pages: clearer promotional cards and SEO-friendly content blocks. */
body.solutions-page .solution-for,
body.features-page .feature-value {
    margin: 0 0 12px !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    background: #f4f8ff !important;
    color: #1f4f7a !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.55 !important;
}

body.features-page .feature-value {
    background: #f1fbf7 !important;
    color: #17604d !important;
}

body.solutions-page .solution-card-link,
body.features-page .solution-card-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    margin-top: 18px !important;
    padding: 0 16px !important;
    border: 1px solid #cfe1ff !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #1d4ed8 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    transition: all .2s ease !important;
}

body.features-page .solution-card-link {
    border-color: #c9eadf !important;
    color: #0f766e !important;
}

body.solutions-page .solution-card-link:hover,
body.features-page .solution-card-link:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .08) !important;
}

body.solutions-page .seo-faq-section .info-card {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

/* Non-home topbar alignment: left notice, centered title, right actions. */
body:not(.home-page) .model-topbar-inner,
body:not(.home-page) .cases-topbar-inner,
body:not(.home-page) .downloads-topbar-inner,
body:not(.home-page) .updates-topbar-inner,
body:not(.home-page) .versions-topbar-inner,
body:not(.home-page) .help-topbar-inner,
body:not(.home-page) .query-topbar-inner,
body:not(.home-page) .info-topbar-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: initial !important;
    justify-items: stretch !important;
    column-gap: 18px !important;
}

body:not(.home-page) .model-topbar-notice,
body:not(.home-page) .cases-topbar-notice,
body:not(.home-page) .downloads-topbar-notice,
body:not(.home-page) .updates-topbar-notice,
body:not(.home-page) .versions-topbar-notice,
body:not(.home-page) .help-topbar-notice,
body:not(.home-page) .query-topbar-notice,
body:not(.home-page) .info-topbar-notice {
    min-width: 0 !important;
    max-width: none !important;
    justify-self: start !important;
}

body:not(.home-page) .portal-topbar-title {
    margin-inline: 0 !important;
    justify-self: center !important;
    max-width: 420px !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.home-page) .model-topbar-actions,
body:not(.home-page) .cases-topbar-actions,
body:not(.home-page) .downloads-topbar-actions,
body:not(.home-page) .updates-topbar-actions,
body:not(.home-page) .versions-topbar-actions,
body:not(.home-page) .help-topbar-actions,
body:not(.home-page) .query-topbar-actions,
body:not(.home-page) .info-topbar-actions {
    justify-self: end !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
}

@media (max-width: 920px) {
    body:not(.home-page) .model-topbar-inner,
    body:not(.home-page) .cases-topbar-inner,
    body:not(.home-page) .downloads-topbar-inner,
    body:not(.home-page) .updates-topbar-inner,
    body:not(.home-page) .versions-topbar-inner,
    body:not(.home-page) .help-topbar-inner,
    body:not(.home-page) .query-topbar-inner,
    body:not(.home-page) .info-topbar-inner {
        grid-template-columns: 1fr !important;
        justify-items: start !important;
        row-gap: 8px !important;
        padding-block: 8px !important;
    }

    body:not(.home-page) .portal-topbar-title,
    body:not(.home-page) .model-topbar-actions,
    body:not(.home-page) .cases-topbar-actions,
    body:not(.home-page) .downloads-topbar-actions,
    body:not(.home-page) .updates-topbar-actions,
    body:not(.home-page) .versions-topbar-actions,
    body:not(.home-page) .help-topbar-actions,
    body:not(.home-page) .query-topbar-actions,
    body:not(.home-page) .info-topbar-actions {
        justify-self: start !important;
    }

    body:not(.home-page) .model-topbar-actions,
    body:not(.home-page) .cases-topbar-actions,
    body:not(.home-page) .downloads-topbar-actions,
    body:not(.home-page) .updates-topbar-actions,
    body:not(.home-page) .versions-topbar-actions,
    body:not(.home-page) .help-topbar-actions,
    body:not(.home-page) .query-topbar-actions,
    body:not(.home-page) .info-topbar-actions {
        flex-wrap: wrap !important;
    }
}

/* Put non-home topbar action buttons at the far right of the page. */
body:not(.home-page) .model-topbar-inner,
body:not(.home-page) .cases-topbar-inner,
body:not(.home-page) .downloads-topbar-inner,
body:not(.home-page) .updates-topbar-inner,
body:not(.home-page) .versions-topbar-inner,
body:not(.home-page) .help-topbar-inner,
body:not(.home-page) .query-topbar-inner,
body:not(.home-page) .info-topbar-inner {
    width: calc(100% - 32px) !important;
    max-width: none !important;
}

body:not(.home-page) .model-topbar-actions,
body:not(.home-page) .cases-topbar-actions,
body:not(.home-page) .downloads-topbar-actions,
body:not(.home-page) .updates-topbar-actions,
body:not(.home-page) .versions-topbar-actions,
body:not(.home-page) .help-topbar-actions,
body:not(.home-page) .query-topbar-actions,
body:not(.home-page) .info-topbar-actions {
    margin-left: auto !important;
}

@media (max-width: 1180px) {
    body:not(.home-page) .portal-topbar-title {
        max-width: 300px !important;
        font-size: 12px !important;
    }
}

/* Match homepage topbar: notice on the left, actions on the right, no middle title column. */
body:not(.home-page) .model-topbar-inner,
body:not(.home-page) .cases-topbar-inner,
body:not(.home-page) .downloads-topbar-inner,
body:not(.home-page) .updates-topbar-inner,
body:not(.home-page) .versions-topbar-inner,
body:not(.home-page) .help-topbar-inner,
body:not(.home-page) .query-topbar-inner,
body:not(.home-page) .info-topbar-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

body:not(.home-page) .portal-topbar-title {
    display: none !important;
}

body:not(.home-page) .model-topbar-notice,
body:not(.home-page) .cases-topbar-notice,
body:not(.home-page) .downloads-topbar-notice,
body:not(.home-page) .updates-topbar-notice,
body:not(.home-page) .versions-topbar-notice,
body:not(.home-page) .help-topbar-notice,
body:not(.home-page) .query-topbar-notice,
body:not(.home-page) .info-topbar-notice {
    flex: 1 1 auto !important;
}

body:not(.home-page) .model-topbar-actions,
body:not(.home-page) .cases-topbar-actions,
body:not(.home-page) .downloads-topbar-actions,
body:not(.home-page) .updates-topbar-actions,
body:not(.home-page) .versions-topbar-actions,
body:not(.home-page) .help-topbar-actions,
body:not(.home-page) .query-topbar-actions,
body:not(.home-page) .info-topbar-actions {
    flex: 0 0 auto !important;
    margin-left: auto !important;
}

/* Keep the top notice content exactly aligned with the main navigation width. */
body:not(.home-page) .model-topbar-inner,
body:not(.home-page) .cases-topbar-inner,
body:not(.home-page) .downloads-topbar-inner,
body:not(.home-page) .updates-topbar-inner,
body:not(.home-page) .versions-topbar-inner,
body:not(.home-page) .help-topbar-inner,
body:not(.home-page) .query-topbar-inner,
body:not(.home-page) .info-topbar-inner {
    width: min(100% - 48px, 1240px) !important;
    max-width: 1240px !important;
    margin-inline: auto !important;
}

@media (max-width: 720px) {
    body:not(.home-page) .model-topbar-inner,
    body:not(.home-page) .cases-topbar-inner,
    body:not(.home-page) .downloads-topbar-inner,
    body:not(.home-page) .updates-topbar-inner,
    body:not(.home-page) .versions-topbar-inner,
    body:not(.home-page) .help-topbar-inner,
    body:not(.home-page) .query-topbar-inner,
    body:not(.home-page) .info-topbar-inner {
        width: min(100% - 24px, 1240px) !important;
    }
}

/* Final navigation sync: preserve sticky positioning outside the homepage. */
body.model-page,
body.cases-page,
body.downloads-page,
body.updates-page,
body.versions-page,
body.help-page,
body.query-page,
body.info-page,
body.premium-portal-page {
    overflow-x: clip !important;
}

body:not(.home-page) .portal-header,
body:not(.home-page) .model-header,
body:not(.home-page) .cases-header,
body:not(.home-page) .downloads-header,
body:not(.home-page) .updates-header,
body:not(.home-page) .versions-header,
body:not(.home-page) .help-header,
body:not(.home-page) .query-header,
body:not(.home-page) .info-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
}

@media (max-width: 760px) {
    .topbar-inner,
    .portal-top-notice-inner,
    .model-topbar-inner,
    .cases-topbar-inner,
    .downloads-topbar-inner,
    .updates-topbar-inner,
    .versions-topbar-inner,
    .help-topbar-inner,
    .query-topbar-inner,
    .info-topbar-inner {
        min-height: 42px !important;
        display: flex !important;
        justify-content: center !important;
        padding: 8px 16px !important;
    }

    .portal-topbar-title,
    .topbar-actions,
    .portal-top-notice-actions,
    .model-topbar-actions,
    .cases-topbar-actions,
    .downloads-topbar-actions,
    .updates-topbar-actions,
    .versions-topbar-actions,
    .help-topbar-actions,
    .query-topbar-actions,
    .info-topbar-actions {
        display: none !important;
    }

    .topbar-notice,
    .portal-top-notice-text,
    .model-topbar-notice,
    .cases-topbar-notice,
    .downloads-topbar-notice,
    .updates-topbar-notice,
    .versions-topbar-notice,
    .help-topbar-notice,
    .query-topbar-notice,
    .info-topbar-notice {
        max-width: 100% !important;
        overflow: hidden !important;
        text-align: center !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .header-inner,
    .portal-header .header-inner,
    .model-header-inner,
    .cases-header-inner,
    .downloads-header-inner,
    .updates-header-inner,
    .versions-header-inner,
    .help-header-inner,
    .query-header-inner,
    .info-header-inner {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        gap: 14px !important;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .nav,
    .portal-nav,
    .model-nav,
    .cases-nav,
    .downloads-nav,
    .updates-nav,
    .versions-nav,
    .help-nav,
    .query-nav,
    .info-nav {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px 6px !important;
        overflow: visible !important;
    }

    body.home-page .nav a,
    body.premium-portal-page .portal-nav a,
    body.model-page .model-nav a,
    body.cases-page .cases-nav a,
    body.downloads-page .downloads-nav a,
    body.updates-page .updates-nav a,
    body.versions-page .versions-nav a,
    body.help-page .help-nav a,
    body.query-page .query-nav a,
    body.info-page .info-nav a {
        width: 100% !important;
        min-height: 34px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
    }

    .header-actions,
    .model-header-actions,
    .cases-header-actions,
    .downloads-header-actions,
    .updates-header-actions,
    .versions-header-actions,
    .help-header-actions,
    .query-header-actions,
    .info-header-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}