@import url('../../default/css/home.css?v=20260425-mivi-navbar-fix-1');

.spod-public-navbar {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    min-height: 3.5rem;
    border-bottom: 1px solid rgba(198, 210, 224, 0.9);
    background: rgba(244, 248, 252, 0.92);
    box-shadow: 0 18px 40px rgba(108, 129, 157, 0.14);
    backdrop-filter: blur(16px);
}

html.dark .spod-public-navbar {
    border-bottom-color: rgba(39, 50, 67, 0.94);
    background: rgba(12, 18, 26, 0.9);
    box-shadow: 0 18px 44px rgba(2, 6, 12, 0.42);
}

.spod-public-navbar ~ main {
    padding-top: 4rem;
}

.spod-public-navbar__shell {
    width: 100%;
    max-width: none;
    min-height: 4rem;
    padding: 0.5rem 1.5rem;
    border-radius: 0;
    margin-inline: 0;
}

.spod-public-navbar--none .spod-public-navbar__shell,
.spod-public-navbar--hover-1 .spod-public-navbar__shell,
.spod-public-navbar--scroll-effect .spod-public-navbar__shell {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.spod-public-navbar__brand {
    gap: 1rem;
}

.spod-public-navbar__center-slot,
.spod-public-navbar__desktop-list {
    justify-content: flex-start !important;
}

.spod-public-navbar__brand-mark {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #6f90b9 0%, #b8d0ea 100%);
    box-shadow: 0 10px 20px rgba(91, 122, 159, 0.18);
}

html.dark .spod-public-navbar__brand-mark {
    background: linear-gradient(135deg, #28405b 0%, #7fa7d8 100%);
    box-shadow: 0 12px 22px rgba(53, 80, 111, 0.28);
}

.spod-public-navbar__brand-copy p:first-child {
    color: #183049;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.spod-public-navbar__brand-copy p:last-child {
    color: #698098;
    font-size: 0.62rem;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

html.dark .spod-public-navbar__brand-copy p:first-child {
    color: #d8e6f8;
}

html.dark .spod-public-navbar__brand-copy p:last-child {
    color: #8195ac;
}

.spod-public-navbar__desktop-list > li > a,
.spod-public-navbar__desktop-list > li > button,
.spod-public-navbar__desktop-list .spod-public-navbar__desktop-link,
.spod-public-navbar__desktop-nav a,
.spod-public-navbar__actions-slot,
.spod-public-navbar__actions {
    color: #49607c;
}

html.dark .spod-public-navbar__desktop-list > li > a,
html.dark .spod-public-navbar__desktop-list > li > button,
html.dark .spod-public-navbar__desktop-list .spod-public-navbar__desktop-link,
html.dark .spod-public-navbar__desktop-nav a,
html.dark .spod-public-navbar__actions-slot,
html.dark .spod-public-navbar__actions {
    color: #c9d3df;
}

.spod-public-navbar__desktop-list > li > a:hover,
.spod-public-navbar__desktop-list .spod-public-navbar__desktop-link:hover,
.spod-public-navbar__desktop-nav a:hover {
    color: #183049;
    border-bottom-color: rgba(107, 147, 196, 0.75);
}

html.dark .spod-public-navbar__desktop-list > li > a:hover,
html.dark .spod-public-navbar__desktop-list .spod-public-navbar__desktop-link:hover,
html.dark .spod-public-navbar__desktop-nav a:hover {
    color: #ffffff;
    border-bottom-color: rgba(127, 167, 216, 0.8);
}

.spod-public-navbar__mobile-toggle {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(198, 210, 224, 0.95) !important;
    color: #203247 !important;
}

html.dark .spod-public-navbar__mobile-toggle {
    background: rgba(21, 30, 42, 0.94) !important;
    border-color: rgba(55, 72, 93, 0.94) !important;
    color: #dce8f6 !important;
}

#mobileMenu {
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, rgba(238, 243, 248, 0.98) 100%);
    border-top-color: rgba(198, 210, 224, 0.92);
}

html.dark #mobileMenu {
    background: linear-gradient(180deg, rgba(12, 18, 26, 0.98) 0%, rgba(16, 23, 34, 0.98) 100%);
    border-top-color: rgba(39, 50, 67, 0.94);
}

.spod-home-shell {
    position: relative;
    min-height: calc(100vh - 4rem);
    overflow-x: hidden;
    background:
        radial-gradient(circle at 14% 18%, rgba(127, 167, 216, 0.18) 0%, transparent 26%),
        radial-gradient(circle at 85% 76%, rgba(160, 207, 207, 0.12) 0%, transparent 26%),
        linear-gradient(180deg, #f5f8fc 0%, #edf3f8 42%, #f7fafe 100%);
}

html.dark .spod-home-shell {
    background:
        radial-gradient(circle at 16% 22%, rgba(127, 167, 216, 0.18) 0%, transparent 24%),
        radial-gradient(circle at 84% 72%, rgba(160, 207, 207, 0.08) 0%, transparent 28%),
        linear-gradient(180deg, #121416 0%, #171b20 40%, #121416 100%);
}

.spod-home-backdrop {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.18;
    background-image:
        linear-gradient(to right, rgba(127, 145, 170, 0.12) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(127, 145, 170, 0.08) 1px, transparent 1px);
    background-size: 42px 42px;
}

html.dark .spod-home-backdrop {
    opacity: 0.14;
    background-image:
        linear-gradient(to right, rgba(143, 163, 187, 0.12) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(143, 163, 187, 0.08) 1px, transparent 1px);
}

.spod-home-container {
    position: relative;
    z-index: 1;
    max-width: min(96vw, 1440px);
    margin: 0 auto;
    padding: 1.5rem 1.5rem 4rem;
    display: grid;
    gap: 2rem;
}

.spod-home-grid {
    display: grid;
    gap: 2rem;
}

.spod-home-hero {
    min-height: min(52rem, calc(100vh - 7rem));
    align-items: center;
    gap: 2rem;
}

.spod-home-title,
.spod-home-panel-card__title,
.spod-home-card__title,
.spod-home-news__copy strong,
.spod-home-faq__question,
.spod-home-footer-card__link-group h4,
.spod-home-testimonial__header strong,
.spod-home-banner-hero__title,
.spod-home-map__focus-copy strong,
.spod-home-map__card-title-row {
    color: #132030 !important;
}

html.dark .spod-home-title,
html.dark .spod-home-panel-card__title,
html.dark .spod-home-card__title,
html.dark .spod-home-news__copy strong,
html.dark .spod-home-faq__question,
html.dark .spod-home-footer-card__link-group h4,
html.dark .spod-home-testimonial__header strong,
html.dark .spod-home-banner-hero__title,
html.dark .spod-home-map__focus-copy strong,
html.dark .spod-home-map__card-title-row {
    color: #f3f7fc !important;
}

.spod-home-subtitle,
.spod-home-panel-card__text,
.spod-home-card__text,
.spod-home-card__html,
.spod-home-faq__answer,
.spod-home-news__copy,
.spod-home-footer-card__link-group a,
.spod-home-footer-card__empty-link,
.spod-home-map__focus-copy p,
.spod-home-map__focus-address,
.spod-home-map__card-subtitle,
.spod-home-map__details p,
.spod-home-testimonial__body,
.spod-home-testimonial__body p,
.spod-home-testimonial__header span,
.spod-home-banner-hero__subtitle,
.spod-home-banner-hero .spod-home-richtext,
.spod-home-metric__label {
    color: #5f7085 !important;
}

html.dark .spod-home-subtitle,
html.dark .spod-home-panel-card__text,
html.dark .spod-home-card__text,
html.dark .spod-home-card__html,
html.dark .spod-home-faq__answer,
html.dark .spod-home-news__copy,
html.dark .spod-home-footer-card__link-group a,
html.dark .spod-home-footer-card__empty-link,
html.dark .spod-home-map__focus-copy p,
html.dark .spod-home-map__focus-address,
html.dark .spod-home-map__card-subtitle,
html.dark .spod-home-map__details p,
html.dark .spod-home-testimonial__body,
html.dark .spod-home-testimonial__body p,
html.dark .spod-home-testimonial__header span,
html.dark .spod-home-banner-hero__subtitle,
html.dark .spod-home-banner-hero .spod-home-richtext,
html.dark .spod-home-metric__label {
    color: #c3c6ce !important;
}

.spod-home-eyebrow,
.spod-home-panel-card__eyebrow,
.spod-home-card__index,
.spod-home-footer-card__meta,
.spod-home-news__meta,
.spod-home-map__meta-pill,
.spod-home-map__focus-pill,
.spod-home-map__tag {
    background: rgba(223, 233, 246, 0.95) !important;
    color: #49607c !important;
}

html.dark .spod-home-eyebrow,
html.dark .spod-home-panel-card__eyebrow,
html.dark .spod-home-card__index,
html.dark .spod-home-footer-card__meta,
html.dark .spod-home-news__meta,
html.dark .spod-home-map__meta-pill,
html.dark .spod-home-map__focus-pill,
html.dark .spod-home-map__tag {
    background: rgba(15, 41, 66, 0.9) !important;
    color: #b0c9e8 !important;
}

.spod-home-hero__copy,
.spod-home-panel-card,
.spod-home-card,
.spod-home-news__card,
.spod-home-faq__item,
.spod-home-footer-card,
.spod-home-metric,
.spod-showcase__slide,
.spod-home-testimonial,
.spod-home-banner-hero,
.spod-home-map__shell,
.spod-home-map__focus,
.spod-home-map__card,
.spod-showcase--logos .spod-showcase__media,
.spod-home-faq__image,
.spod-home-faq__image-placeholder {
    border-color: rgba(198, 210, 224, 0.95) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(244, 248, 252, 0.99) 100%) !important;
    box-shadow: 0 18px 36px rgba(103, 126, 153, 0.12) !important;
}

html.dark .spod-home-hero__copy,
html.dark .spod-home-panel-card,
html.dark .spod-home-card,
html.dark .spod-home-news__card,
html.dark .spod-home-faq__item,
html.dark .spod-home-footer-card,
html.dark .spod-home-metric,
html.dark .spod-showcase__slide,
html.dark .spod-home-testimonial,
html.dark .spod-home-banner-hero,
html.dark .spod-home-map__shell,
html.dark .spod-home-map__focus,
html.dark .spod-home-map__card,
html.dark .spod-showcase--logos .spod-showcase__media,
html.dark .spod-home-faq__image,
html.dark .spod-home-faq__image-placeholder {
    border-color: rgba(50, 63, 81, 0.9) !important;
    background: linear-gradient(180deg, rgba(24, 31, 41, 0.92) 0%, rgba(15, 20, 27, 0.96) 100%) !important;
    box-shadow: 0 24px 52px rgba(2, 6, 12, 0.34) !important;
}

.spod-home-panel-card {
    padding: 0.95rem;
}

.spod-home-card__list-item,
.spod-home-news__card,
.spod-home-footer-card__newsletter-form input,
.spod-home-map__canvas--fallback,
.spod-home-map__empty {
    background: rgba(242, 247, 252, 0.92) !important;
}

html.dark .spod-home-card__list-item,
html.dark .spod-home-news__card,
html.dark .spod-home-footer-card__newsletter-form input,
html.dark .spod-home-map__canvas--fallback,
html.dark .spod-home-map__empty {
    background: rgba(25, 32, 42, 0.9) !important;
}

.spod-home-metric__value,
.spod-home-card__list-item strong,
.spod-home-news__copy a,
.spod-home-footer-card__newsletter-form input {
    color: #132030 !important;
}

html.dark .spod-home-metric__value,
html.dark .spod-home-card__list-item strong,
html.dark .spod-home-news__copy a,
html.dark .spod-home-footer-card__newsletter-form input {
    color: #f3f7fc !important;
}

.spod-home-cta {
    border-radius: 0.7rem;
    padding: 1rem 1.65rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.spod-home-cta--primary,
.spod-home-footer-card__newsletter-form button {
    background: linear-gradient(135deg, #6f90b9 0%, #a9c4e1 100%) !important;
    border-color: rgba(111, 144, 185, 0.28) !important;
    color: #ffffff !important;
}

html.dark .spod-home-cta--primary,
html.dark .spod-home-footer-card__newsletter-form button {
    background: #b0c9e8 !important;
    color: #19324b !important;
}

.spod-home-cta--secondary {
    background: rgba(255, 255, 255, 0.96) !important;
    color: #35506f !important;
    border-color: rgba(198, 210, 224, 0.95) !important;
}

[data-public-brand="mivi"] .spod-home-card[style*='--spod-section-background'],
[data-public-brand="mivi"] .spod-home-banner[style*='--spod-section-background'],
[data-public-brand="mivi"] .spod-home-video[style*='--spod-section-background'],
[data-public-brand="mivi"] .spod-home-faq[style*='--spod-section-background'],
[data-public-brand="mivi"] .spod-home-map[style*='--spod-section-background'] {
    background: var(--spod-section-background) !important;
}

[data-public-brand="mivi"] .spod-showcase[style*='--spod-showcase-background'] {
    background: var(--spod-showcase-background) !important;
}

[data-public-brand="mivi"] .spod-home-footer-card[style*='--spod-footer-background'] {
    background: var(--spod-footer-background) !important;
}

[data-public-brand="mivi"] .spod-home-footer-card,
[data-public-brand="mivi"] .spod-home-footer-card__content-shell,
[data-public-brand="mivi"] .spod-home-footer-card__newsletter .spod-home-card__title,
[data-public-brand="mivi"] .spod-home-footer-card__content-shell h4,
[data-public-brand="mivi"] .spod-home-footer-card__content-shell p,
[data-public-brand="mivi"] .spod-home-footer-card__content-shell span,
[data-public-brand="mivi"] .spod-home-footer-card__socials a,
[data-public-brand="mivi"] .spod-home-footer-card__links-socials-label {
    color: var(--spod-footer-text) !important;
}

[data-public-brand="mivi"] .spod-home-footer-card__newsletter .spod-home-card__text,
[data-public-brand="mivi"] .spod-home-footer-card__newsletter .spod-home-card__html,
[data-public-brand="mivi"] .spod-home-footer-card__link-group a,
[data-public-brand="mivi"] .spod-home-footer-card__empty-link,
[data-public-brand="mivi"] .spod-home-footer-card__meta {
    color: var(--spod-footer-text-muted) !important;
}

[data-public-brand="mivi"] .spod-home-footer-card__link-group a:hover {
    color: var(--spod-footer-link-hover) !important;
}

[data-public-brand="mivi"] .spod-home-footer-card__newsletter-form input {
    background: var(--spod-footer-input-bg) !important;
    border-color: var(--spod-footer-input-border) !important;
    color: var(--spod-footer-input-text) !important;
}

[data-public-brand="mivi"] .spod-home-footer-card__newsletter-form input::placeholder {
    color: color-mix(in srgb, var(--spod-footer-input-text) 58%, transparent) !important;
}

[data-public-brand="mivi"] .spod-home-footer-card__newsletter-form button {
    background: var(--spod-footer-btn-bg) !important;
    color: var(--spod-footer-btn-text) !important;
    border-color: color-mix(in srgb, var(--spod-footer-btn-bg) 28%, transparent) !important;
}

[data-public-brand="mivi"] .spod-home-footer-card__socials a {
    border-color: var(--spod-footer-input-border) !important;
    background: var(--spod-footer-input-bg) !important;
}

html.dark .spod-home-cta--secondary {
    background: #0f2942 !important;
    color: #b0c9e8 !important;
    border-color: rgba(67, 71, 77, 0.5) !important;
}

.spod-home-footer-card__newsletter-form input::placeholder {
    color: #89a0b8;
}

html.dark .spod-home-footer-card__newsletter-form input::placeholder {
    color: #76879d;
}

@media (max-width: 1023.98px) {
    .spod-home-container {
        padding-inline: 1rem;
    }

    .spod-public-navbar__brand-copy p:first-child {
        font-size: 0.8rem;
        letter-spacing: 0.12em;
    }

    .spod-home-hero {
        min-height: auto;
        grid-template-columns: minmax(0, 1fr);
    }

    .spod-home-title {
        font-size: clamp(2.25rem, 10vw, 4rem);
    }

    .spod-home-panel-card {
        min-height: 18rem;
    }

    .spod-home-panel-card__media,
    .spod-home-panel-card__media img,
    .spod-home-panel-card__media--video video {
        min-height: 16rem;
    }
}