/* Generated by scripts/split_assets.py from app.css. Do not edit directly. */
/* Homepage visual pass from screenshot + Image2 reference */
body.page-home {
    background:
        linear-gradient(180deg, #f8fbff 0%, #eef7fc 42%, #ffffff 100%) !important;
}

body.page-home::before,
body.page-home .site-header-glow,
body.page-home .home-command-shell::before,
body.page-home .home-cta-panel::before {
    display: none !important;
}

body.page-home .site-header {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid rgba(16, 45, 81, 0.08);
    box-shadow: 0 12px 34px rgba(15, 42, 70, 0.05) !important;
}

body.page-home .header-inner {
    padding-block: 14px !important;
}

body.page-home .brand {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-home .brand-mark {
    width: 48px !important;
    height: 48px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

body.page-home .brand-copy strong {
    color: #0d2340;
    font-size: 1.08rem;
}

body.page-home .site-nav {
    gap: clamp(14px, 2vw, 30px) !important;
}

body.page-home .site-nav a {
    position: relative;
    padding: 10px 2px !important;
    min-height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #24425f !important;
    font-weight: 820 !important;
}

body.page-home .site-nav a::after {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: 3px;
    height: 3px;
    border-radius: 999px;
    background: transparent;
}

body.page-home .site-nav a.active::after,
body.page-home .site-nav a:hover::after {
    background: linear-gradient(90deg, #1269ff, #49cfb6);
}

body.page-home .button,
body.page-home .section-link {
    border-radius: 8px !important;
}

body.page-home .button {
    background: #1269ff !important;
    box-shadow: 0 14px 28px rgba(18, 105, 255, 0.2) !important;
}

body.page-home .button.secondary,
body.page-home .section-link {
    background: #ffffff !important;
    color: #17365a !important;
    border: 1px solid rgba(18, 105, 255, 0.14) !important;
    box-shadow: 0 10px 22px rgba(22, 58, 91, 0.06) !important;
}

body.page-home .home-image2-hero {
    padding-top: clamp(26px, 4vw, 56px) !important;
}

body.page-home .home-command-shell {
    grid-template-columns: minmax(0, 0.9fr) minmax(460px, 1.1fr) !important;
    min-height: 610px !important;
    padding: clamp(36px, 5vw, 70px) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(100deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 251, 255, 0.96) 45%, rgba(230, 244, 255, 0.86) 100%) !important;
    box-shadow: 0 30px 70px rgba(22, 72, 118, 0.12) !important;
}

body.page-home .home-command-eyebrow {
    border-radius: 8px !important;
    color: #1269ff !important;
    background: rgba(18, 105, 255, 0.07) !important;
}

body.page-home .home-command-copy h1 {
    max-width: 16ch !important;
    font-size: clamp(42px, 4.5vw, 60px) !important;
    line-height: 1.08 !important;
}

body.page-home .home-command-copy h1 .home-keep,
body.page-home .home-command-copy h1 .home-accent {
    white-space: nowrap;
}

body.page-home .home-command-copy h1 .home-accent {
    color: #1269ff;
}

body.page-home .home-command-copy .lead {
    max-width: 650px !important;
    color: #526b84 !important;
}

body.page-home .home-command-copy .public-hero-tags span,
body.page-home .home-live-modules span {
    border-radius: 8px !important;
    background: #ffffff !important;
}

body.page-home .home-live-panel {
    border-radius: 8px !important;
    padding: clamp(18px, 2.3vw, 28px) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 28px 64px rgba(23, 67, 111, 0.15) !important;
}

body.page-home .home-live-panel-head strong {
    font-size: clamp(24px, 2.2vw, 32px) !important;
}

body.page-home .home-live-status {
    border-radius: 8px !important;
}

body.page-home .home-queue-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

body.page-home .home-queue-stats span {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(18, 105, 255, 0.12);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(25, 65, 104, 0.05);
}

body.page-home .home-queue-stats small {
    overflow: hidden;
    color: #6a7d91;
    font-size: 12px;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.page-home .home-queue-stats strong {
    color: #0c2340;
    font-size: clamp(22px, 2vw, 28px);
    line-height: 1;
}

body.page-home .home-queue-list {
    display: grid;
    gap: 12px;
}

body.page-home .home-queue-row {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr) 80px;
    gap: 14px;
    align-items: center;
    min-height: 88px;
    padding: 12px;
    border: 1px solid rgba(18, 105, 255, 0.12);
    border-radius: 8px;
    background: #ffffff;
    color: #14324f;
    text-decoration: none;
    box-shadow: 0 12px 24px rgba(25, 65, 104, 0.05);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

body.page-home .home-queue-row:hover {
    transform: translateY(-2px);
    border-color: rgba(18, 105, 255, 0.28);
    box-shadow: 0 18px 34px rgba(25, 65, 104, 0.1);
}

body.page-home .home-queue-thumb {
    display: grid;
    place-items: center;
    width: 78px;
    height: 60px;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(18, 105, 255, 0.13), rgba(73, 207, 182, 0.14)),
        #edf6ff;
    color: #1269ff;
    font-size: 22px;
    font-weight: 900;
}

body.page-home .home-queue-copy {
    display: grid;
    gap: 6px;
    min-width: 0;
}

body.page-home .home-queue-copy strong {
    overflow: hidden;
    color: #0e2a48;
    font-size: 16px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.page-home .home-queue-copy small {
    overflow: hidden;
    color: #6a7d91;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.page-home .home-queue-copy i {
    display: block;
    overflow: hidden;
    width: min(100%, 260px);
    height: 6px;
    border-radius: 999px;
    background: #e6eef7;
}

body.page-home .home-queue-copy b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #1269ff, #49cfb6);
}

body.page-home .home-queue-state {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 9px;
    border-radius: 8px;
    background: rgba(18, 105, 255, 0.07);
    color: #1269ff;
    font-size: 12px;
    font-weight: 850;
    white-space: nowrap;
}

body.page-home .home-queue-row.is-done .home-queue-state {
    background: rgba(34, 197, 94, 0.1);
    color: #0f8b50;
}

body.page-home .home-queue-more {
    justify-self: center;
    color: #1269ff;
    font-weight: 900;
    text-decoration: none;
}

body.page-home .home-command-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: 18px !important;
    padding: 18px !important;
    border-radius: 8px;
    background: linear-gradient(135deg, #071d3a, #0d315f 58%, #082848);
    box-shadow: 0 28px 54px rgba(7, 29, 58, 0.18);
}

body.page-home .home-command-stats .public-stat-card {
    min-height: 116px !important;
    padding: 18px !important;
    border: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-home .home-command-stats .public-stat-card:first-child {
    border-left: 0 !important;
}

body.page-home .home-command-stats .public-stat-card strong {
    color: #ffffff !important;
}

body.page-home .home-command-stats .public-stat-card span {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 860;
}

body.page-home .home-command-stats .public-stat-card small {
    color: rgba(221, 236, 255, 0.72) !important;
}

body.page-home .home-section-head {
    justify-content: center;
    text-align: center;
}

body.page-home .home-section-head .eyebrow {
    margin-inline: auto;
}

body.page-home .home-section-head h2 {
    max-width: 980px !important;
    font-size: clamp(28px, 3vw, 40px) !important;
    line-height: 1.12 !important;
}

body.page-home .home-service-card,
body.page-home .home-module-card,
body.page-home .home-tool-card,
body.page-home .home-flow-panel,
body.page-home .home-cta-panel,
body.page-home .home-flow-panel .public-flow-steps article {
    border-radius: 8px !important;
}

body.page-home .home-service-card {
    min-height: 252px !important;
}

body.page-home .home-service-card .icon-chip,
body.page-home .home-tool-card .icon-chip {
    border-radius: 8px !important;
    background: #1269ff !important;
    color: #ffffff !important;
}

body.page-home .home-tool-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

body.page-home .home-tool-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto 1fr;
    align-content: start !important;
    gap: 14px !important;
    min-height: 250px !important;
}

body.page-home .home-tool-card h3 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    writing-mode: horizontal-tb !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.35 !important;
}

body.page-home .home-tool-card p {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

body.page-home .home-flow-panel {
    background: #ffffff !important;
}

body.page-home .home-cta-panel {
    background: linear-gradient(135deg, #071d3a, #0e3567) !important;
    color: #ffffff;
}

body.page-home .home-cta-panel h2,
body.page-home .home-cta-panel p,
body.page-home .home-cta-panel .eyebrow {
    color: #ffffff !important;
}

body.page-home .home-cta-panel .button.secondary {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

@media (max-width: 1120px) {
body.page-home .home-command-shell {
        grid-template-columns: minmax(0, 1fr) !important;
        min-height: 0 !important;
    }
}

@media (max-width: 860px) {
body.page-home .home-queue-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@media (max-width: 680px) {
body.page-home .home-command-shell {
        padding: 20px !important;
    }

body.page-home .home-command-copy h1 {
        max-width: none !important;
        font-size: clamp(34px, 10vw, 46px) !important;
    }

body.page-home .home-command-copy h1 .home-keep,
    body.page-home .home-command-copy h1 .home-accent {
        white-space: normal;
    }

body.page-home .home-queue-row {
        grid-template-columns: 56px minmax(0, 1fr);
    }

body.page-home .home-queue-thumb {
        width: 56px;
        height: 52px;
        font-size: 17px;
    }

body.page-home .home-queue-state {
        grid-column: 2;
        justify-self: start;
    }

body.page-home .home-command-stats,
    body.page-home .home-tool-strip {
        grid-template-columns: 1fr !important;
    }

body.page-home .home-command-stats .public-stat-card {
        border-left: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.13) !important;
    }

body.page-home .home-command-stats .public-stat-card:first-child {
        border-top: 0 !important;
    }
}

/* Public suite compact first viewport tuning */
body.page-home .home-image2-hero {
    padding-top: clamp(22px, 3vw, 36px) !important;
    padding-bottom: 18px !important;
}

body.page-home .home-command-shell {
    grid-template-columns: minmax(0, 0.88fr) minmax(440px, 0.92fr) !important;
    min-height: 520px !important;
    padding: clamp(30px, 4vw, 46px) !important;
}

body.page-home .home-command-copy h1 {
    max-width: 18ch !important;
    font-size: clamp(40px, 4.1vw, 54px) !important;
    line-height: 1.04 !important;
}

body.page-home .home-command-copy .lead {
    font-size: 16px !important;
    line-height: 1.72 !important;
}

body.page-home .home-live-panel {
    padding: 18px !important;
}

body.page-home .home-live-panel-head strong {
    font-size: clamp(22px, 2vw, 28px) !important;
}

body.page-home .home-queue-stats {
    gap: 10px !important;
}

body.page-home .home-queue-stats span {
    padding: 11px !important;
}

body.page-home .home-queue-row {
    min-height: 66px !important;
    padding: 9px !important;
}

body.page-home .home-queue-thumb {
    height: 48px !important;
}

body.page-home .home-queue-row:nth-child(n+3),
body.page-home .home-live-modules {
    display: none !important;
}

@media (max-width: 1120px) {
body.page-home .home-command-shell {
        grid-template-columns: minmax(0, 1fr) !important;
        min-height: 0 !important;
    }
}

body.page-home.theme-public .site-footer {
    margin-top: clamp(22px, 4vw, 42px) !important;
    background:
        linear-gradient(180deg, rgba(247, 251, 255, 0), rgba(239, 247, 252, 0.86)) !important;
}

body.page-home.theme-public .footer-shell.footer-shell-refined {
    width: min(calc(100vw - 40px), 1240px) !important;
    max-width: 1240px !important;
    border-top: 1px solid rgba(92, 156, 213, 0.16) !important;
    background: transparent !important;
    box-shadow: none !important;
}
