/*
 * Ultimate UI layer for the license-center product surface.
 * This file is intentionally loaded last and only refines visual presentation.
 */
:root {
    --ut-bg: #f4f7fb;
    --ut-bg-soft: #f8fbff;
    --ut-surface: #ffffff;
    --ut-surface-soft: #f8fafc;
    --ut-line: #dce6f2;
    --ut-line-strong: #c8d5e6;
    --ut-ink: #111b2e;
    --ut-text: #24324a;
    --ut-muted: #637188;
    --ut-soft: #8a97ab;
    --ut-primary: #1556c7;
    --ut-primary-dark: #103f93;
    --ut-teal: #0f9f9a;
    --ut-gold: #b7791f;
    --ut-danger: #dc2626;
    --ut-success: #16803d;
    --ut-navy: #101b31;
    --ut-radius: 8px;
    --ut-shadow: 0 20px 48px rgba(17, 27, 46, 0.10);
    --ut-shadow-soft: 0 10px 28px rgba(17, 27, 46, 0.07);
    --ut-focus: 0 0 0 4px rgba(21, 86, 199, 0.12);
}

html {
    background: var(--ut-bg);
    overflow-x: hidden;
}

body.home-page,
body.model-page,
body.query-page,
body.info-page,
body.cases-page,
body.downloads-page,
body.updates-page,
body.versions-page,
body.help-page,
body.premium-admin-page,
body.premium-user-page,
body.premium-payment-page,
body.premium-diagnostic-page,
body.premium-trace-page,
body.premium-portal-page,
body.premium-preview-page {
    background:
        linear-gradient(180deg, #fbfdff 0, #f4f7fb 420px, var(--ut-bg) 100%) !important;
    color: var(--ut-text);
    letter-spacing: 0;
}

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

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

.topbar,
.site-topbar,
.model-topbar,
.query-topbar,
.info-topbar,
.cases-topbar,
.downloads-topbar,
.updates-topbar,
.versions-topbar,
.help-topbar {
    background: var(--ut-navy) !important;
    border: 0 !important;
    color: #d6e2f1 !important;
}

.site-header,
.model-header,
.query-header,
.info-header,
.cases-header,
.downloads-header,
.updates-header,
.versions-header,
.help-header,
.premium-admin-page .topbar,
.premium-trace-page .topbar,
.premium-payment-page .header {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid rgba(203, 214, 229, 0.86) !important;
    box-shadow: 0 12px 30px rgba(17, 27, 46, 0.07) !important;
    backdrop-filter: blur(18px);
}

.site-nav,
.model-nav,
.query-nav,
.info-nav,
.cases-nav,
.downloads-nav,
.updates-nav,
.versions-nav,
.help-nav {
    border-radius: var(--ut-radius) !important;
    border: 1px solid #e7edf5 !important;
    background: #f8fafc !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

.site-nav a,
.model-nav a,
.query-nav a,
.info-nav a,
.cases-nav a,
.downloads-nav a,
.updates-nav a,
.versions-nav a,
.help-nav a {
    border-radius: 6px !important;
    color: #4b5c73 !important;
    font-weight: 800;
}

.site-nav a:hover,
.site-nav a.active,
.model-nav a:hover,
.model-nav a.active,
.query-nav a:hover,
.query-nav a.active,
.info-nav a:hover,
.info-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 {
    background: #fff !important;
    color: var(--ut-primary) !important;
    box-shadow: var(--ut-shadow-soft) !important;
}

.primary-btn,
.hero-btn-primary,
.btn-primary,
.btn-buy,
.gen-btn,
button[type="submit"],
.model-search-form button,
.template-filter-bar button,
.help-search-form button,
.premium-admin-page .btn,
.premium-admin-page button,
.premium-user-page .btn,
.premium-payment-page .btn,
.premium-diagnostic-page button,
.premium-trace-page button {
    border-radius: 6px !important;
    border: 1px solid var(--ut-primary) !important;
    background: var(--ut-primary) !important;
    color: #fff !important;
    font-weight: 800;
    box-shadow: 0 12px 26px rgba(21, 86, 199, .22) !important;
    transition: transform .2s ease, box-shadow .22s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

.primary-btn:hover,
.hero-btn-primary:hover,
.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,
.premium-admin-page .btn:hover,
.premium-admin-page button:hover,
.premium-user-page .btn:hover,
.premium-payment-page .btn:hover,
.premium-diagnostic-page button:hover,
.premium-trace-page button:hover {
    transform: translateY(-1px);
    background: var(--ut-primary-dark) !important;
    border-color: var(--ut-primary-dark) !important;
    box-shadow: var(--ut-shadow-soft) !important;
}

.ghost-btn,
.hero-btn-secondary,
.btn-secondary,
.template-filter-bar a,
.preview-link,
.build-link,
.theme-id,
.small-btn:not(.primary-btn) {
    border-radius: 6px !important;
    border: 1px solid var(--ut-line) !important;
    background: #fff !important;
    color: var(--ut-primary) !important;
    font-weight: 800;
}

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

input,
select,
textarea {
    border-radius: 8px !important;
}

body:not(.premium-auth-page) input,
body:not(.premium-auth-page) select,
body:not(.premium-auth-page) textarea {
    border: 1px solid var(--ut-line) !important;
    background: #fff !important;
    color: var(--ut-ink) !important;
}

body:not(.premium-auth-page) input:focus,
body:not(.premium-auth-page) select:focus,
body:not(.premium-auth-page) textarea:focus {
    outline: none !important;
    border-color: rgba(21, 86, 199, .56) !important;
    box-shadow: var(--ut-focus) !important;
}

.home-hero-panel,
.home-section,
.hero-card,
.feature-card,
.scene-card,
.template-card,
.case-card,
.download-card,
.quick-action-card,
.service-card,
.overview-card,
.timeline-card,
.plan-card,
.audience-card,
.trust-card,
.purchase-flow-card,
.help-overview-card,
.related-card,
.article-card,
.sidebar-card,
.detail-panel,
.featured-case,
.template-empty-card,
.template-decision-card,
.advantage-card,
.info-card,
.info-panel,
.news-card,
.solution-card,
.contact-card,
.query-card,
.query-panel,
.license-result,
.premium-admin-page .card,
.premium-admin-page .form-card,
.premium-admin-page .stat-card,
.premium-admin-page .table-card,
.premium-admin-page .manage-form,
.premium-admin-page .manage-table,
.premium-user-page .content,
.premium-user-page .sidebar,
.premium-user-page .info-item,
.premium-user-page .pricing-card,
.premium-user-page .license-card,
.premium-user-page .order-card,
.premium-user-page .form-section,
.premium-payment-page .card,
.premium-diagnostic-page .card,
.premium-trace-page .trace-card,
.premium-trace-page .trace-search,
.premium-trace-page .qa-card,
.premium-trace-page .trace-flow,
.premium-preview-page .preview-panel,
.premium-preview-page .template-info,
.premium-portal-page .card,
.premium-portal-page .panel {
    border-radius: var(--ut-radius) !important;
    border: 1px solid var(--ut-line) !important;
    background: var(--ut-surface) !important;
    box-shadow: var(--ut-shadow-soft) !important;
}

.template-card,
.case-card,
.download-card,
.quick-action-card,
.service-card,
.overview-card,
.timeline-card,
.plan-card,
.audience-card,
.trust-card,
.purchase-flow-card,
.help-overview-card,
.related-card,
.info-card,
.news-card,
.solution-card,
.contact-card,
.premium-admin-page .card,
.premium-user-page .license-card,
.premium-user-page .order-card {
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.template-card:hover,
.case-card:hover,
.download-card:hover,
.quick-action-card:hover,
.service-card:hover,
.overview-card:hover,
.timeline-card:hover,
.plan-card:hover,
.audience-card:hover,
.trust-card:hover,
.purchase-flow-card:hover,
.help-overview-card:hover,
.related-card:hover,
.info-card:hover,
.news-card:hover,
.solution-card:hover,
.contact-card:hover,
.premium-admin-page .card:hover,
.premium-user-page .license-card:hover,
.premium-user-page .order-card:hover {
    transform: translateY(-4px);
    border-color: rgba(21, 86, 199, .32) !important;
    box-shadow: var(--ut-shadow) !important;
}

.model-search-box,
.cases-hero-shell,
.downloads-hero-shell,
.updates-banner,
.versions-banner,
.help-banner,
.query-hero-card,
.info-hero-panel,
.home-hero-stage,
.template-detail-hero,
.premium-trace-page .trace-hero {
    border-radius: var(--ut-radius) !important;
    background:
        linear-gradient(135deg, rgba(16, 27, 49, .97), rgba(14, 45, 92, .96) 48%, rgba(15, 94, 116, .91)),
        var(--ut-navy) !important;
    box-shadow: 0 28px 64px rgba(16, 27, 49, .24) !important;
}

.hero-kicker,
.section-kicker,
.info-kicker,
.template-summary-badge,
.device-pill,
.card-label,
.article-tag,
.related-kicker,
.plan-badge,
.badge,
.tag,
.pill {
    border-radius: 999px !important;
    letter-spacing: 0 !important;
}

.section-head h2,
.section-title h2,
.info-section-title h2,
.premium-admin-page h2,
.premium-user-page h2,
.premium-payment-page h2,
.premium-trace-page h2 {
    color: var(--ut-ink) !important;
    letter-spacing: 0 !important;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

th {
    background: #f8fafc !important;
    color: #475569 !important;
    font-weight: 900 !important;
}

td,
th {
    border-color: #e7edf5 !important;
}

.premium-admin-page table,
.premium-user-page table,
.premium-payment-page table,
.premium-diagnostic-page table,
.premium-trace-page table {
    overflow: hidden;
    border-radius: var(--ut-radius);
}

.premium-admin-page .sidebar,
.premium-trace-page .sidebar,
.premium-user-page .sidebar-nav,
.premium-user-page .side-nav {
    background: linear-gradient(180deg, #101b31 0, #0f2747 100%) !important;
}

.premium-admin-page .sidebar-nav a,
.premium-trace-page .sidebar-nav a {
    border-radius: 6px !important;
}

.premium-auth-page {
    background:
        linear-gradient(135deg, #08111f 0%, #0e223e 52%, #0f2747 100%) !important;
    overflow-x: hidden;
}

.premium-auth-page .login-box,
.premium-auth-page .box {
    border-radius: var(--ut-radius) !important;
    border: 1px solid rgba(148, 163, 184, .22) !important;
    background: linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(8, 15, 28, .97)) !important;
}

.premium-auth-page input {
    border-radius: 8px !important;
}

.premium-preview-page .preview-shell,
.premium-preview-page .preview-frame,
.premium-preview-page iframe {
    border-radius: var(--ut-radius) !important;
}

.info-footer,
.model-footer,
.cases-footer,
.downloads-footer,
.updates-footer,
.versions-footer,
.help-footer,
.site-footer {
    background: var(--ut-navy) !important;
    color: #d6e2f1 !important;
}

.reveal,
.reveal-card,
.reveal-delay-1,
.info-reveal,
.premium-admin-page .card,
.premium-user-page .content,
.premium-payment-page .card {
    animation: utFadeUp .52s ease both;
}

@keyframes utFadeUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

@media (max-width: 1180px) {
    .page-wrap,
    .home-page .page-wrap,
    .model-page .page-wrap,
    .query-page .page-wrap,
    .info-page .page-wrap,
    .cases-page .page-wrap,
    .downloads-page .page-wrap,
    .updates-page .page-wrap,
    .versions-page .page-wrap,
    .help-page .page-wrap {
        width: min(100% - 32px, 1240px) !important;
    }
}

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

    .primary-btn,
    .ghost-btn,
    .btn,
    .gen-btn {
        min-height: 42px;
    }
}

/*
 * index_highend.php visual alignment.
 * Keep each page's business markup, but make the shared surface match the
 * high-end homepage language: real hero image, dark overlay, blue/teal action,
 * crisp 8px radius, white dashboard-like panels.
 */
:root {
    --ut-bg: #f6f9fc;
    --ut-bg-soft: #fbfdff;
    --ut-surface: #ffffff;
    --ut-surface-soft: #fbfdff;
    --ut-line: #dde6f2;
    --ut-line-strong: #cbd5e1;
    --ut-ink: #0e1726;
    --ut-text: #172033;
    --ut-muted: #637083;
    --ut-soft: #8794a6;
    --ut-primary: #175cd3;
    --ut-primary-dark: #1249a8;
    --ut-teal: #0f9f9a;
    --ut-gold: #d99a2b;
    --ut-navy: #0e1726;
    --ut-shadow: 0 22px 50px rgba(15, 23, 42, .10);
    --ut-shadow-soft: 0 18px 38px rgba(15, 23, 42, .07);
    --ut-focus: 0 0 0 4px rgba(23, 92, 211, .12);
}

body.home-page,
body.model-page,
body.query-page,
body.info-page,
body.cases-page,
body.downloads-page,
body.updates-page,
body.versions-page,
body.help-page,
body.premium-admin-page,
body.premium-user-page,
body.premium-payment-page,
body.premium-diagnostic-page,
body.premium-trace-page,
body.premium-portal-page,
body.premium-preview-page {
    background: var(--ut-bg) !important;
    color: var(--ut-text) !important;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    line-height: 1.75;
}

.page-wrap,
.home-page .page-wrap,
.model-page .page-wrap,
.query-page .page-wrap,
.info-page .page-wrap,
.cases-page .page-wrap,
.downloads-page .page-wrap,
.updates-page .page-wrap,
.versions-page .page-wrap,
.help-page .page-wrap {
    width: min(1200px, calc(100% - 48px)) !important;
}

.site-topbar,
.model-topbar,
.query-topbar,
.info-topbar,
.cases-topbar,
.downloads-topbar,
.updates-topbar,
.versions-topbar,
.help-topbar {
    background: #0e1726 !important;
    color: rgba(255, 255, 255, .78) !important;
    font-size: 13px;
}

.site-header,
.model-header,
.query-header,
.info-header,
.cases-header,
.downloads-header,
.updates-header,
.versions-header,
.help-header {
    background: rgba(255, 255, 255, .92) !important;
    border-bottom: 1px solid rgba(221, 230, 242, .9) !important;
    box-shadow: none !important;
    backdrop-filter: blur(18px);
}

.site-brand,
.model-brand,
.query-brand,
.info-brand,
.cases-brand,
.downloads-brand,
.updates-brand,
.versions-brand,
.help-brand {
    color: var(--ut-ink) !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

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

.site-nav a,
.model-nav a,
.query-nav a,
.info-nav a,
.cases-nav a,
.downloads-nav a,
.updates-nav a,
.versions-nav a,
.help-nav a {
    min-height: 38px;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #35435a !important;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 800;
}

.site-nav a:hover,
.site-nav a.active,
.model-nav a:hover,
.model-nav a.active,
.query-nav a:hover,
.query-nav a.active,
.info-nav a:hover,
.info-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 {
    background: transparent !important;
    color: var(--ut-primary) !important;
    box-shadow: none !important;
}

.primary-btn,
.hero-btn-primary,
.btn-primary,
.btn-buy,
.gen-btn,
button[type="submit"],
.model-search-form button,
.template-filter-bar button,
.help-search-form button,
.premium-admin-page .btn,
.premium-admin-page button,
.premium-user-page .btn,
.premium-payment-page .btn,
.premium-diagnostic-page button,
.premium-trace-page button {
    min-height: 44px;
    border-radius: 8px !important;
    border-color: var(--ut-primary) !important;
    background: var(--ut-primary) !important;
    color: #fff !important;
    box-shadow: 0 16px 28px rgba(23, 92, 211, .22) !important;
    font-weight: 900;
}

.ghost-btn,
.hero-btn-secondary,
.btn-secondary,
.template-filter-bar a,
.preview-link,
.build-link,
.theme-id,
.small-btn:not(.primary-btn) {
    min-height: 44px;
    border-radius: 8px !important;
    border-color: var(--ut-line) !important;
    background: #fff !important;
    color: var(--ut-text) !important;
    box-shadow: none !important;
    font-weight: 900;
}

.ghost-light,
.hero-btn-secondary.ghost-light {
    border-color: rgba(255, 255, 255, .18) !important;
    background: rgba(255, 255, 255, .10) !important;
    color: rgba(255, 255, 255, .92) !important;
    backdrop-filter: blur(10px);
}

.primary-btn:hover,
.hero-btn-primary:hover,
.btn-primary:hover,
.btn-buy:hover,
.gen-btn:hover,
button[type="submit"]:hover,
.ghost-btn:hover,
.hero-btn-secondary:hover,
.btn-secondary:hover,
.template-filter-bar a:hover,
.preview-link:hover,
.build-link:hover,
.theme-id:hover {
    transform: translateY(-2px);
    border-color: rgba(23, 92, 211, .35) !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .10) !important;
}

.home-page .hero {
    min-height: min(680px, 72vh) !important;
    position: relative;
    overflow: hidden;
    color: #fff !important;
    background:
        linear-gradient(90deg, rgba(8, 17, 31, .96) 0%, rgba(8, 17, 31, .78) 48%, rgba(8, 17, 31, .38) 100%),
        url("images/home-hero-slide-1.jpg") center / cover no-repeat !important;
}

.home-page .hero:after {
    content: "" !important;
    position: absolute;
    inset: auto 0 0 0 !important;
    height: 160px !important;
    background: linear-gradient(180deg, rgba(246, 249, 252, 0), #f6f9fc) !important;
    pointer-events: none;
}

.home-page .hero-layout {
    min-height: min(680px, 72vh) !important;
    display: block !important;
    padding: 72px 0 74px !important;
}

.home-page .hero-main,
.home-page .hero-slider,
.home-page .hero-slide,
.home-page .hero-slide-alt,
.home-page .hero-stage {
    min-height: 0 !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.home-page .hero-stage {
    display: grid !important;
    grid-template-columns: minmax(0, .98fr) minmax(400px, 1.02fr) !important;
    gap: 48px !important;
    align-items: center !important;
    padding: 0 !important;
}

.home-page .hero-stage:before,
.home-page .hero-stage:after,
.home-page .hero-slide-alt:before,
.home-page .hero-slide-alt:after {
    display: none !important;
}

.home-page .hero-stage-copy h1 {
    max-width: 760px !important;
    margin: 18px 0 16px !important;
    color: #fff !important;
    font-size: clamp(42px, 5vw, 60px) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
}

.home-page .hero-stage-copy p {
    max-width: 680px !important;
    margin: 0 0 24px !important;
    color: rgba(241, 245, 249, .88) !important;
    font-size: 17px !important;
    line-height: 1.95 !important;
}

.home-page .hero-eyebrow,
.home-page .hero-stage-no,
.hero-kicker,
.kicker,
.section-kicker,
.info-kicker {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .14) !important;
    color: rgba(255, 255, 255, .92) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.home-page .hero-proof-item,
.home-page .hero-stage-metric {
    min-height: 94px;
    padding: 16px !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .10) !important;
    color: #fff !important;
    backdrop-filter: blur(10px);
}

.home-page .hero-stage-visual,
.home-page .hero-scene-window {
    min-height: 470px !important;
}

.home-page .hero-scene-window,
.dashboard-like,
.model-search-form,
.help-search-form,
.release-card,
.hero-stat-panel,
.hero-note-card {
    border: 1px solid rgba(255, 255, 255, .20) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .95) !important;
    color: var(--ut-text) !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .28) !important;
    overflow: hidden;
}

.model-hero,
.cases-hero,
.downloads-hero,
.updates-hero,
.versions-hero,
.help-hero,
.query-hero,
.info-hero {
    padding: 0 !important;
}

.model-hero > .page-wrap,
.cases-hero > .page-wrap,
.downloads-hero > .page-wrap,
.updates-hero > .page-wrap,
.versions-hero > .page-wrap,
.help-hero > .page-wrap,
.query-hero > .page-wrap,
.info-hero > .page-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

.model-search-box,
.cases-hero-shell,
.downloads-hero-shell,
.updates-banner,
.versions-banner,
.help-banner,
.query-banner,
.info-banner,
.query-hero-card,
.info-hero-panel,
.template-detail-hero,
.premium-trace-page .trace-hero {
    width: 100% !important;
    margin-left: 0 !important;
    min-height: min(560px, 66vh) !important;
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    align-items: center !important;
    gap: 48px !important;
    padding: 72px max(24px, calc((100% - 1200px) / 2)) 74px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    background:
        linear-gradient(90deg, rgba(8, 17, 31, .96) 0%, rgba(8, 17, 31, .78) 48%, rgba(8, 17, 31, .38) 100%),
        url("images/home-hero-slide-1.jpg") center / cover no-repeat !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.model-search-box:after,
.cases-hero-shell:after,
.downloads-hero-shell:after,
.updates-banner:after,
.versions-banner:after,
.help-banner:after,
.query-banner:after,
.info-banner:after,
.query-hero-card:after,
.info-hero-panel:after,
.template-detail-hero:after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 130px;
    background: linear-gradient(180deg, rgba(246, 249, 252, 0), #f6f9fc);
    pointer-events: none;
}

.model-search-copy h1,
.cases-hero-copy h1,
.downloads-hero-copy h1,
.updates-copy h1,
.versions-copy h1,
.help-copy h1,
.query-copy h1,
.info-copy h1,
.query-hero-copy h1,
.info-hero-copy h1,
.template-detail-hero h1 {
    color: #fff !important;
    font-size: clamp(38px, 4.5vw, 60px) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
}

.model-search-copy p,
.cases-hero-copy p,
.downloads-hero-copy p,
.updates-copy p,
.versions-copy p,
.help-copy p,
.query-copy p,
.info-copy p,
.query-hero-copy p,
.info-hero-copy p,
.template-detail-hero p {
    max-width: 680px !important;
    margin-bottom: 24px !important;
    color: rgba(241, 245, 249, .88) !important;
    font-size: 17px !important;
    line-height: 1.95 !important;
}

.model-search-copy,
.cases-hero-copy,
.downloads-hero-copy,
.updates-copy,
.versions-copy,
.help-copy,
.query-copy,
.info-copy {
    position: relative !important;
    z-index: 1 !important;
    max-width: 760px !important;
}

.query-cta-group,
.updates-cta-group,
.versions-actions,
.help-actions,
.info-actions,
.downloads-hero-actions,
.cases-hero-actions {
    position: relative !important;
    z-index: 1 !important;
}

.info-metrics,
.hero-proof,
.model-search-form,
.downloads-hero-card,
.cases-hero-panel,
.versions-hero-card,
.help-search-form,
.release-card {
    position: relative !important;
    z-index: 1 !important;
}

.info-metrics .metric-card,
.hero-stat-panel,
.hero-note-card {
    min-height: 94px !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .10) !important;
    color: #fff !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px);
}

.info-metrics .metric-card span,
.info-metrics .metric-card p,
.hero-stat-panel p,
.hero-note-card p {
    color: rgba(255, 255, 255, .76) !important;
}

.info-metrics .metric-card strong,
.hero-stat-panel strong,
.hero-note-card strong {
    color: #fff !important;
}

.section,
.home-section,
.model-main,
.cases-main,
.downloads-main,
.updates-main,
.versions-main,
.help-main,
.query-main,
.info-main {
    background: var(--ut-bg) !important;
}

.section.alt,
.home-section.alt,
.info-section.alt {
    background: #fff !important;
}

.section-head h2,
.section-title h2,
.info-section-title h2,
.premium-admin-page h2,
.premium-user-page h2,
.premium-payment-page h2,
.premium-trace-page h2 {
    color: var(--ut-ink) !important;
    font-size: clamp(30px, 3vw, 40px) !important;
    line-height: 1.16 !important;
}

.home-hero-panel,
.home-section,
.hero-card,
.feature-card,
.scene-card,
.template-card,
.case-card,
.download-card,
.quick-action-card,
.service-card,
.overview-card,
.timeline-card,
.plan-card,
.audience-card,
.trust-card,
.purchase-flow-card,
.help-overview-card,
.related-card,
.article-card,
.sidebar-card,
.detail-panel,
.featured-case,
.template-empty-card,
.template-decision-card,
.advantage-card,
.info-card,
.info-panel,
.news-card,
.solution-card,
.contact-card,
.query-card,
.query-panel,
.license-result,
.premium-admin-page .card,
.premium-admin-page .form-card,
.premium-admin-page .stat-card,
.premium-admin-page .table-card,
.premium-admin-page .manage-form,
.premium-admin-page .manage-table,
.premium-user-page .content,
.premium-user-page .sidebar,
.premium-user-page .info-item,
.premium-user-page .pricing-card,
.premium-user-page .license-card,
.premium-user-page .order-card,
.premium-user-page .form-section,
.premium-payment-page .card,
.premium-diagnostic-page .card,
.premium-trace-page .trace-card,
.premium-trace-page .trace-search,
.premium-trace-page .qa-card,
.premium-trace-page .trace-flow,
.premium-preview-page .preview-panel,
.premium-preview-page .template-info,
.premium-portal-page .card,
.premium-portal-page .panel {
    border: 1px solid var(--ut-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .07) !important;
}

.template-card:hover,
.case-card:hover,
.download-card:hover,
.quick-action-card:hover,
.service-card:hover,
.overview-card:hover,
.timeline-card:hover,
.plan-card:hover,
.audience-card:hover,
.trust-card:hover,
.purchase-flow-card:hover,
.help-overview-card:hover,
.related-card:hover,
.info-card:hover,
.news-card:hover,
.solution-card:hover,
.contact-card:hover,
.premium-admin-page .card:hover,
.premium-user-page .license-card:hover,
.premium-user-page .order-card:hover {
    transform: translateY(-6px);
    border-color: rgba(23, 92, 211, .28) !important;
    box-shadow: 0 28px 56px rgba(15, 23, 42, .12) !important;
}

.template-tags span,
.template-quick-meta span,
.download-meta span,
.download-points li,
.download-facts li,
.device-pill,
.card-label,
.article-tag,
.related-kicker,
.plan-badge,
.badge,
.tag,
.pill {
    border-radius: 8px !important;
    background: #edf4ff !important;
    color: var(--ut-primary) !important;
    font-size: 12px;
    font-weight: 900;
}

.premium-admin-page .sidebar,
.premium-trace-page .sidebar,
.premium-user-page .sidebar-nav,
.premium-user-page .side-nav {
    background: #101828 !important;
    color: rgba(255, 255, 255, .72) !important;
}

.premium-auth-page {
    background:
        linear-gradient(90deg, rgba(8, 17, 31, .96) 0%, rgba(8, 17, 31, .78) 48%, rgba(8, 17, 31, .38) 100%),
        url("images/home-hero-slide-1.jpg") center / cover no-repeat fixed !important;
}

.premium-auth-page:after {
    content: "";
    position: fixed;
    inset: auto 0 0 0;
    height: 160px;
    background: linear-gradient(180deg, rgba(246, 249, 252, 0), #f6f9fc);
    pointer-events: none;
}

.premium-auth-page .login-box,
.premium-auth-page .box {
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, .20) !important;
    background: rgba(255, 255, 255, .95) !important;
    color: var(--ut-text) !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .28) !important;
}

.premium-auth-page h1,
.premium-auth-page h2 {
    color: var(--ut-ink) !important;
}

.premium-auth-page .subtitle,
.premium-auth-page .sub,
.premium-auth-page .tip {
    color: var(--ut-muted) !important;
}

.premium-auth-page input {
    border: 1px solid var(--ut-line) !important;
    background: #fff !important;
    color: var(--ut-ink) !important;
}

.bottom-cta,
.cases-bottom-cta,
.downloads-bottom-cta,
.trust-layout,
.cta-section {
    background: #0e1726 !important;
    color: #fff !important;
}

.bottom-cta h2,
.cases-bottom-cta h2,
.downloads-bottom-cta h2,
.trust-layout h2,
.cta-section h2 {
    color: #fff !important;
}

.site-footer,
.model-footer,
.cases-footer,
.downloads-footer,
.updates-footer,
.versions-footer,
.help-footer,
.info-footer {
    background: #080f1d !important;
    color: rgba(255, 255, 255, .72) !important;
}

@media (max-width: 1080px) {
    .site-nav,
    .model-nav,
    .query-nav,
    .info-nav,
    .cases-nav,
    .downloads-nav,
    .updates-nav,
    .versions-nav,
    .help-nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px 18px !important;
    }

    .home-page .hero-stage,
    .model-search-box,
    .cases-hero-shell,
    .downloads-hero-shell,
    .updates-banner,
    .versions-banner,
    .help-banner,
    .query-banner,
    .info-banner {
        grid-template-columns: 1fr !important;
        padding-top: 58px !important;
        padding-bottom: 64px !important;
    }
}

@media (max-width: 720px) {
    .page-wrap,
    .home-page .page-wrap,
    .model-page .page-wrap,
    .query-page .page-wrap,
    .info-page .page-wrap,
    .cases-page .page-wrap,
    .downloads-page .page-wrap,
    .updates-page .page-wrap,
    .versions-page .page-wrap,
    .help-page .page-wrap {
        width: min(100% - 24px, 1200px) !important;
    }

    .home-page .hero-layout {
        padding: 46px 0 42px !important;
    }

    .home-page .hero-stage-copy h1,
    .model-search-copy h1,
    .cases-hero-copy h1,
    .downloads-hero-copy h1,
    .updates-copy h1,
    .versions-copy h1,
    .help-copy h1,
    .query-copy h1,
    .info-copy h1 {
        font-size: 38px !important;
    }
}