/* Home layout. Appearance tokens and shared surfaces live in editorial.css. */
.page-home .home-container.home-hero {
    min-height: clamp(460px, 78vh, 820px) !important;
}

.page-home .page-content > .home-container:first-child .home-hero-inner {
    padding: clamp(24px, 4.8vw, 64px) !important;
}

.page-home .home-hero-content {
    margin-top: 20px !important;
}

.page-home .foxiam-hero-kicker {
    margin: 0px 0px 14px; font-size: 0.84rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(247, 251, 255, 0.78);
}

.page-home .foxiam-hero-layout {
    display: grid; grid-template-columns: minmax(0px, 1.18fr) minmax(320px, 0.82fr); gap: clamp(28px, 4vw, 52px); align-items: center;
}

.page-home .home-container.home-hero-content,
.page-home .home-container .home-hero-content {
    max-width: 100% !important; width: 100% !important;
}

.page-home .home-hero-box,
.page-home .home-hero-box .home-hero-layout {
    width: 100% !important;
}

.page-home .foxiam-hero-main {
    max-width: 760px;
}

.page-home .foxiam-hero-actions,
.page-home .foxiam-home-inline-actions {
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}

.page-home .foxiam-hero-actions {
    margin-top: 28px;
}

.page-home .foxiam-hero-secondary,
.page-home .foxiam-inline-link {
    display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0.9rem 1.25rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.26); color: rgb(247, 251, 255); font-weight: 700; text-decoration: none; transition: transform 0.2s, background-color 0.2s, border-color 0.2s;
}

.page-home .foxiam-inline-link {
    min-height: auto; padding: 0px; border: 0px; border-radius: 0px; color: rgb(29, 79, 141);
}

.page-home .foxiam-inline-link-light {
    color: rgb(238, 245, 253);
}

.page-home .foxiam-home-cta-panel .foxiam-inline-link-light {
    display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0.9rem 1.25rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.06); color: rgb(247, 251, 255); font-weight: 700; text-decoration: none;
}

.page-home .foxiam-home-cta-panel .foxiam-inline-link-light:hover {
    background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.32);
}

.page-home .foxiam-hero-secondary:hover,
.page-home .foxiam-inline-link:hover {
    transform: translateY(-1px);
}

.page-home .foxiam-hero-secondary:hover {
    background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.42);
}

.page-home .foxiam-home-portal-list {
    margin: 26px 0px 0px; padding: 0px; list-style: none;
}

.page-home .foxiam-home-portal-list li {
    position: relative; padding-left: 1.3rem;
}

.page-home .foxiam-home-portal-list li {
    color: var(--fx-muted); margin-bottom: 12px;
}

.page-home .foxiam-home-portal-list li::before {
    content: ""; position: absolute; left: 0px; top: 0.72em; width: 8px; height: 8px; border-radius: 50%; background: var(--fx-accent); box-shadow: rgba(245, 143, 31, 0.16) 0px 0px 0px 4px;
}

.page-home .foxiam-hero-note {
    margin: 18px 0px 0px; color: rgba(247, 251, 255, 0.78) !important;
}

.page-home .foxiam-hero-note a {
    color: rgb(255, 255, 255); text-decoration: underline;
}

.page-home .foxiam-home-section-header {
    max-width: 820px; margin: 0px auto clamp(24px, 3vw, 34px); text-align: center;
}

.page-home .foxiam-home-section {
    margin: clamp(26px, 4vw, 56px) auto; padding-inline: clamp(10px, 2vw, 16px);
}

.page-home .foxiam-home-section-inner {
    max-width: min(1220px, 94vw); margin-inline: auto; padding: clamp(18px, 2.2vw, 28px); border-radius: 24px; border: 1px solid rgba(171, 189, 210, 0.5); background: var(--fx-surface); box-shadow: rgba(15, 23, 42, 0.08) 0px 14px 38px; backdrop-filter: blur(4px);
}

.page-home .foxiam-home-section-proofs .foxiam-home-section-inner,
.page-home .foxiam-home-section-cta .foxiam-home-section-inner {
    padding: 0px; border: 0px; background: transparent; box-shadow: none; backdrop-filter: none;
}

.page-home .foxiam-home-section-header-left {
    margin-left: 0px; text-align: left;
}

.page-home .foxiam-home-section-header h2 {
    margin-bottom: 12px;
}

.page-home .foxiam-home-proof-strip,
.page-home .foxiam-home-card-grid,
.page-home .foxiam-home-steps-grid {
    display: grid; gap: 18px;
}

.page-home .foxiam-home-proof-strip {
    grid-template-columns: repeat(4, minmax(0px, 1fr));
}

.page-home .foxiam-home-card-grid {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
}

.page-home .foxiam-home-steps-grid {
    grid-template-columns: repeat(4, minmax(0px, 1fr)); margin-bottom: 26px;
}

.page-home .foxiam-home-proof-item,
.page-home .foxiam-home-card,
.page-home .foxiam-home-step,
.page-home .foxiam-home-panel-card,
.page-home .foxiam-home-support-card {
    padding: clamp(18px, 2vw, 24px); border: 1px solid rgb(216, 226, 239); border-radius: var(--fx-radius); background: linear-gradient(rgb(255, 255, 255) 0%, rgb(248, 251, 255) 100%); box-shadow: rgba(15, 23, 42, 0.08) 0px 12px 30px;
}

.page-home .foxiam-home-proof-item strong,
.page-home .foxiam-home-card h3,
.page-home .foxiam-home-step h3,
.page-home .foxiam-home-panel-card,
.page-home .foxiam-home-support-card h3 {
    color: var(--fx-ink);
}

.page-home .foxiam-home-proof-item p,
.page-home .foxiam-home-card p,
.page-home .foxiam-home-step p,
.page-home .foxiam-home-panel-card p,
.page-home .foxiam-home-support-card p {
    margin-bottom: 0px;
}

.page-home .foxiam-home-proof-label,
.page-home .foxiam-home-card-kicker,
.page-home .foxiam-home-panel-label {
    display: block; margin-bottom: 10px; color: rgb(180, 98, 11); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
}

.page-home .foxiam-home-proof-item strong {
    display: block;
}

.page-home .foxiam-home-portal-shell,
.page-home .foxiam-home-audience-shell,
.page-home .foxiam-home-cta-panel {
    display: grid; gap: 24px;
}

.page-home .foxiam-home-portal-shell,
.page-home .foxiam-home-audience-shell {
    grid-template-columns: minmax(0px, 1.2fr) minmax(320px, 0.9fr); align-items: start;
}

.page-home .foxiam-home-portal-panel {
    display: grid; gap: 14px; padding: clamp(18px, 2vw, 24px); border-radius: 24px; background: radial-gradient(260px 180px at 100% 0%, rgba(245, 143, 31, 0.16), transparent 70%), linear-gradient(rgb(238, 244, 252) 0%, rgb(247, 251, 255) 100%); border: 1px solid rgb(215, 226, 239);
}

.page-home .foxiam-home-step {
    position: relative;
}

.page-home .foxiam-home-step-index {
    display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-bottom: 14px; border-radius: 12px; background: linear-gradient(135deg, rgba(245, 143, 31, 0.18), rgba(245, 143, 31, 0.05)); color: rgb(180, 98, 11); font-weight: 800; letter-spacing: 0.04em;
}

.page-home .foxiam-home-audience-list {
    display: flex; flex-wrap: wrap; gap: 12px;
}

.page-home .foxiam-home-audience-list span {
    display: inline-flex; align-items: center; min-height: 46px; padding: 0.7rem 1rem; border-radius: 999px; border: 1px solid rgb(215, 226, 239); background: rgb(255, 255, 255); color: var(--fx-ink); font-weight: 700; box-shadow: rgba(15, 23, 42, 0.06) 0px 8px 22px;
}

.page-home .foxiam-home-support-links {
    display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px;
}

.page-home .foxiam-home-support-links a {
    display: inline-flex; align-items: center; min-height: 42px; padding: 0.65rem 0.95rem; border-radius: 999px; background: rgba(29, 79, 141, 0.08); color: rgb(29, 79, 141); font-weight: 700; text-decoration: none;
}

.page-home .foxiam-home-cta-panel {
    grid-template-columns: minmax(0px, 1fr) auto; align-items: center; padding: clamp(24px, 3vw, 34px); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 24px; background: radial-gradient(320px 180px at 100% 0%, rgba(245, 143, 31, 0.18), transparent 70%), linear-gradient(136deg, rgb(21, 40, 62) 0%, rgb(31, 59, 87) 100%); box-shadow: rgba(12, 24, 40, 0.28) 0px 22px 48px;
}

.page-home .foxiam-home-cta-panel h2,
.page-home .foxiam-home-cta-panel p,
.page-home .foxiam-home-cta-panel .foxiam-home-card-kicker {
    color: rgb(236, 244, 253) !important;
}

.page-home .foxiam-home-inline-actions-end {
    justify-content: flex-end;
}

.page-home .foxiam-home-portal-copy .foxiam-home-inline-actions {
    margin-top: 26px;
}

@media (max-width: 768px) {
    .page-home .home-container.home-hero {
        min-height: auto !important;
    }

    .page-home .home-hero-content {
        margin-top: 0px !important;
    }

    .page-home .foxiam-hero-actions,
.page-home .foxiam-home-inline-actions,
.page-home .foxiam-home-inline-actions-end,
.page-home .foxiam-home-support-links {
        flex-direction: column; align-items: stretch;
    }

    .page-home .foxiam-hero-layout {
        grid-template-columns: 1fr;
    }

    .page-home .foxiam-home-proof-strip,
.page-home .foxiam-home-card-grid,
.page-home .foxiam-home-steps-grid,
.page-home .foxiam-home-portal-shell,
.page-home .foxiam-home-audience-shell,
.page-home .foxiam-home-cta-panel {
        grid-template-columns: 1fr;
    }

    .page-home .foxiam-hero-secondary,
.page-home .foxiam-inline-link,
.page-home .foxiam-home-support-links a {
        justify-content: center;
    }

    .page-home .foxiam-home-section {
        padding-inline: 0px;
    }

    .page-home .foxiam-home-section-inner {
        border-radius: 16px; padding: 16px 12px;
    }

    .page-home .foxiam-home-section-proofs .foxiam-home-section-inner,
.page-home .foxiam-home-section-cta .foxiam-home-section-inner {
        padding: 0px;
    }
}