/**
 * Central marketing — CSS variables from marketing._theme-vars (config/theme.php preset).
 * Chrome and footer use preset `dark`; accents use `primary` / `info`.
 */
body.mkt-theme-preset {
    --mkt-chrome: var(--mkt-dark);
}

body.mkt-theme-preset .mkt-sol-hero,
body.mkt-theme-preset .mkt-cta {
    background: var(--mkt-chrome);
}

body.mkt-theme-preset .mkt-section--dark,
body.mkt-theme-preset .mkt-sol-spotlight.mkt-section--dark {
    background:
        radial-gradient(560px 280px at 12% 0%, rgb(var(--mkt-primary-rgb) / 12%), transparent 68%),
        var(--mkt-chrome);
}

body.mkt-theme-preset .mkt-sol-hero__glow {
    opacity: 0.22;
}

body.mkt-theme-preset .mkt-sol-hero__glow--left {
    background: rgb(var(--mkt-primary-rgb) / 32%);
}

body.mkt-theme-preset .mkt-sol-hero__glow--right {
    background: rgb(var(--mkt-accent-rgb) / 18%);
}

body.mkt-theme-preset .mkt-sol-hero .mkt-accent,
body.mkt-theme-preset .mkt-hero-title__word--accent,
body.mkt-theme-preset .mkt-hero-title__line--accent.mkt-accent {
    background: linear-gradient(118deg, var(--mkt-primary-50) 0%, color-mix(in srgb, var(--mkt-accent) 70%, #fff) 52%, #fff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

body.mkt-theme-preset .mkt-eyebrow {
    color: var(--mkt-primary);
}

body.mkt-theme-preset .mkt-offering-card:hover,
body.mkt-theme-preset .mkt-feature-card:hover {
    border-color: rgb(var(--mkt-primary-rgb) / 28%);
    box-shadow: 0 16px 36px -24px rgb(var(--mkt-dark-rgb) / 18%);
}

body.mkt-theme-preset .mkt-feature-card:hover .mkt-feature-card__icon {
    transform: none;
    background: var(--mkt-primary-50);
    box-shadow: none;
}

body.mkt-theme-preset .mkt-offering-card__badge {
    display: inline-block;
    margin-bottom: 0.65rem;
    padding: 0.2rem 0.55rem;
    border-radius: 6px;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--mkt-primary);
    background: rgb(var(--mkt-primary-rgb) / 10%);
    border: 1px solid rgb(var(--mkt-primary-rgb) / 16%);
}

body.mkt-theme-preset .mkt-feature-card--text h3,
body.mkt-theme-preset .mkt-use-case--text h3,
body.mkt-theme-preset .mkt-integration-card--text h3 {
    margin-top: 0;
}

body.mkt-theme-preset .mkt-use-case--text {
    padding-top: 1.1rem;
}

body.mkt-theme-preset .mkt-instance__highlight {
    border-inline-start: 3px solid rgb(var(--mkt-primary-rgb) / 35%);
    padding-inline-start: 0.85rem;
}

body.mkt-theme-preset .mkt-security__check {
    color: var(--mkt-accent);
    background: rgb(var(--mkt-accent-rgb) / 12%);
}

body.mkt-theme-preset .mkt-btn--primary {
    background: var(--mkt-primary);
    border-color: transparent;
}

body.mkt-theme-preset .mkt-btn--primary:hover {
    background: var(--mkt-primary-dark);
}

body.mkt-theme-preset .mkt-nav__link.is-active,
body.mkt-theme-preset .mkt-nav__link:hover {
    color: var(--mkt-primary);
}

body.mkt-theme-preset .mkt-section--surface {
    background: var(--mkt-light);
}

body.mkt-theme-preset:has(.mkt-sol-hero--landing) .mkt-header:not(.is-scrolled) {
    background: color-mix(in srgb, var(--mkt-chrome) 78%, transparent);
    backdrop-filter: blur(14px);
    border-bottom-color: rgb(255 255 255 / 8%);
}

body.mkt-theme-preset:has(.mkt-sol-hero--landing) .mkt-header:not(.is-scrolled) .mkt-brand__name-primary {
    color: #fff;
}

body.mkt-theme-preset:has(.mkt-sol-hero--landing) .mkt-header:not(.is-scrolled) .mkt-brand__name-accent {
    background: linear-gradient(118deg, var(--mkt-primary-50) 0%, color-mix(in srgb, var(--mkt-accent) 70%, #fff) 52%, #fff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

body.mkt-theme-preset .mkt-header.is-scrolled {
    background: rgb(255 255 255 / 94%);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgb(var(--mkt-primary-rgb) / 10%);
    box-shadow: 0 10px 32px -24px rgb(var(--mkt-dark-rgb) / 22%);
}

body.mkt-theme-preset .mkt-section--surface {
    border-block-color: rgb(var(--mkt-primary-rgb) / 8%);
}

body.mkt-theme-preset:has(.mkt-sol-hero--landing) .mkt-header:not(.is-scrolled) .mkt-brand__mark--given {
    filter: brightness(0) invert(1);
}

body.mkt-theme-preset:has(.mkt-sol-hero--landing) .mkt-header:not(.is-scrolled) .mkt-nav__link {
    color: rgb(255 255 255 / 88%);
}

body.mkt-theme-preset:has(.mkt-sol-hero--landing) .mkt-header:not(.is-scrolled) .mkt-nav__link:hover {
    color: #fff;
}

body.mkt-theme-preset:has(.mkt-sol-hero--landing) .mkt-header:not(.is-scrolled) .mkt-locale {
    border-color: rgb(255 255 255 / 18%);
    background: rgb(255 255 255 / 8%);
}

body.mkt-theme-preset:has(.mkt-sol-hero--landing) .mkt-header:not(.is-scrolled) .mkt-locale__btn {
    color: rgb(255 255 255 / 75%);
}

body.mkt-theme-preset:has(.mkt-sol-hero--landing) .mkt-header:not(.is-scrolled) .mkt-locale__btn.is-active {
    color: #fff;
    background: rgb(255 255 255 / 14%);
}

body.mkt-theme-preset:has(.mkt-sol-hero--landing) .mkt-header:not(.is-scrolled) .mkt-nav-toggle {
    color: #fff;
}

body.mkt-theme-preset .mkt-sol-hero--landing.mkt-sol-hero--no-showcase {
    margin-top: -72px;
    padding-top: calc(72px + clamp(4.5rem, 8vw, 5.75rem));
}

@media (max-width: 768px) {
    body.mkt-theme-preset .mkt-sol-hero--landing.mkt-sol-hero--no-showcase {
        margin-top: -64px;
        padding-top: calc(64px + clamp(4rem, 8vw, 5rem));
    }
}

body.mkt-theme-preset .mkt-header__cta {
    margin-inline-start: 0.55rem;
    padding: 0.45rem 0.95rem;
    font-size: 0.82rem;
    white-space: nowrap;
}

body.mkt-theme-preset .mkt-nav__cta {
    display: none;
}

body.mkt-theme-preset .mkt-nav__links {
    gap: 1.35rem;
}

@media (max-width: 768px) {
    body.mkt-theme-preset .mkt-header__cta {
        display: none;
    }

    body.mkt-theme-preset .mkt-nav__cta {
        display: inline-flex;
        width: max-content;
        margin-top: 0.65rem;
    }
}

body.mkt-theme-preset .mkt-cta.mkt-landing-workspace {
    margin-bottom: 0;
}

body.mkt-theme-preset .mkt-footer--surface {
    padding-block: 3.5rem 2rem;
    color: rgb(255 255 255 / 58%);
    background: var(--mkt-dark);
    border-top: 3px solid var(--mkt-primary);
}

body.mkt-theme-preset .mkt-footer--surface .mkt-brand__mark--given {
    filter: brightness(0) invert(1);
}

body.mkt-theme-preset .mkt-footer--surface .mkt-brand__name--footer .mkt-brand__name-primary {
    color: #fff;
}

body.mkt-theme-preset .mkt-footer--surface .mkt-brand__name--footer .mkt-brand__name-accent {
    background: linear-gradient(118deg, var(--mkt-primary) 0%, var(--mkt-accent) 88%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

body.mkt-theme-preset .mkt-footer--surface .mkt-footer__tagline {
    color: rgb(255 255 255 / 72%);
}

body.mkt-theme-preset .mkt-footer__grid--marketing {
    grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(0, 1fr));
    gap: 2rem 1.75rem;
    padding-bottom: 2.25rem;
}

body.mkt-theme-preset .mkt-footer__note {
    margin: 0.65rem 0 0;
    max-width: 22rem;
    font-size: 13px;
    line-height: 1.55;
    color: rgb(255 255 255 / 50%);
}

body.mkt-theme-preset .mkt-footer--surface .mkt-footer__col h4 {
    color: #fff;
}

body.mkt-theme-preset .mkt-footer--surface .mkt-footer__col:not(.mkt-footer__contact) > a {
    color: rgb(255 255 255 / 58%);
}

body.mkt-theme-preset .mkt-footer--surface .mkt-footer__col:not(.mkt-footer__contact) > a:hover {
    color: var(--mkt-primary-50);
}

body.mkt-theme-preset .mkt-footer--surface .mkt-footer__contact-icon-wrap {
    border-color: rgb(var(--mkt-primary-rgb) / 35%);
    background: rgb(var(--mkt-primary-rgb) / 14%);
    color: var(--mkt-primary-50);
}

body.mkt-theme-preset .mkt-footer--surface .mkt-footer__contact-label {
    color: rgb(255 255 255 / 45%);
}

body.mkt-theme-preset .mkt-footer--surface .mkt-footer__contact-value {
    color: rgb(255 255 255 / 82%);
}

body.mkt-theme-preset .mkt-footer__contact-hint {
    margin-top: 0.2rem;
    font-size: 12px;
    line-height: 1.45;
    color: rgb(255 255 255 / 45%);
}

body.mkt-theme-preset .mkt-footer--surface .mkt-footer__contact-link:hover .mkt-footer__contact-value {
    color: var(--mkt-primary-50);
}

body.mkt-theme-preset .mkt-footer--surface .mkt-footer__bottom {
    border-top-color: rgb(var(--mkt-primary-rgb) / 28%);
    color: rgb(255 255 255 / 48%);
}

body.mkt-theme-preset .mkt-footer--surface .mkt-footer__legal-bar a {
    color: rgb(255 255 255 / 62%);
}

body.mkt-theme-preset .mkt-footer--surface .mkt-footer__legal-bar a:hover {
    color: var(--mkt-primary-50);
}

@media (max-width: 991px) {
    body.mkt-theme-preset .mkt-footer__grid--marketing {
        grid-template-columns: 1fr 1fr;
    }

    body.mkt-theme-preset .mkt-footer__brand-col {
        grid-column: 1 / -1;
    }

    body.mkt-theme-preset .mkt-footer__contact {
        grid-column: 1 / -1;
    }
}