:root {
  --header-height: 71px;
  --top-bar-height: 40px;
}

:root {
  --color-bg-primary: #060608;
  --color-bg-secondary: #16202C;
  --color-bg-header: #060608;
  --color-bg-header-scrolled: #060608;
  --color-bg-top-bar: rgba(6, 6, 8, 0.5019607843);
  --color-bg-content: #10171F;
  --color-surface-box-outline: transparent;
  --color-surface-box-fill: #10171F;
  --color-surface-text-box: #10171F;
  --color-surface-banner-v1: #44A4DC;
  --color-surface-banner-v2: #082540;
  --color-surface-menu: #060608;
  --color-surface-menu-hover: rgba(255, 255, 255, 0.0588235294);
  --color-surface-header-control-hover: rgba(68, 164, 220, 0.4);
  --color-surface-lang-item-hover: #304F68;
  --color-surface-search-suggestion-hover: #255573;
  --color-surface-nav-dropdown-promo: rgba(68, 164, 220, 0.5);
  --color-surface-icon-bg: #060608;
  --color-surface-icon-alert: #ff6a6a;
  --color-surface-social-icon-bg: #90A1B9;
  --color-surface-social-icon-hover: #FFFFFF;
  --color-surface-media-well: #FFFFFF;
  --color-surface-logo-plate: #FFFFFF;
  --color-surface-logo-caption: #F4F6FB;
  --color-surface-blog-share-bg: #90A1B9;
  --color-surface-btn-secondary-hover: rgba(113, 113, 113, 0.15);
  --color-surface-highlight-orange: #FAAA00;
  --color-surface-highlight-blue: #16202C;
  --color-surface-badge: #3C6E9D;
  --color-surface-preset-btn: #3C6E9D;
  --color-text-preset-btn: #FFFFFF;
  --color-text-stat-warning: #FF6A6A;
  --color-primary: #44A4DC;
  --color-primary-dark: #3C6E9D;
  --color-primary-btn-fill: #FAAA00;
  --color-primary-btn-fill-hover: #F3C158;
  --color-text-primary: #FFFFFF;
  --color-text-heading: #FFFFFF;
  --color-text-muted: #90A1B9;
  --color-text-menu-main: #FFFFFF;
  --color-text-menu-footer: #FFFFFF;
  --color-text-form-hint: #90A1B9;
  --color-text-link: #FFFFFF;
  --color-text-btn-primary: #060608;
  --color-text-btn-secondary: #FFFFFF;
  --color-text-btn-outline-dark: #060608;
  --color-text-badge: #FFFFFF;
  --color-text-highlight-alert: #ff6a6a;
  --color-text-on-scrim: #FFFFFF;
  --color-text-on-brand: #08080a;
  --color-text-watermark: rgba(68, 164, 220, 0.2);
  --color-icon-fill: #FFFFFF;
  --color-icon-social-fill: #060608;
  --color-icon-blog-share-fill: #FFFFFF;
  --color-icon-on-brand: #08080a;
  --color-icon-on-alert: #08080a;
  --color-icon-check-reassurance: #FFFFFF;
  --color-border-box: #44A4DC;
  --color-border-subtle: #3C6E9D;
  --color-border-nav-scrolled: #3C6E9D;
  --color-border-form: #3C6E9D;
  --color-border-checkbox: #1E1E1E;
  --color-overlay: #060608;
  --gradient-banner-v2: linear-gradient(-235.14deg, #060608 14.26%, #082540 31.82%, #082540 44.37%, #060608 77%);
  --gradient-play-btn: linear-gradient(-212deg, #060608 7.15%, #082540 28.25%, #082540 43.31%, #060608 82.48%);
  --blog-share-bg: var(--color-surface-social-icon-bg);
  --blog-share-icon-color: var(--color-icon-social-fill);
}

[data-theme=light] {
  --color-bg-primary: #FCFCFC;
  --color-bg-secondary: #F7F7F7;
  --color-bg-header: #FFFFFF;
  --color-bg-header-scrolled: #FFFFFF;
  --color-bg-top-bar: #F7F7F7;
  --color-bg-content: #F7F7F7;
  --color-surface-box-outline: transparent;
  --color-surface-box-fill: #FFFFFF;
  --color-surface-text-box: #FFFFFF;
  --color-surface-banner-v1: #44A4DC;
  --color-surface-banner-v2: #FFFFFF;
  --color-surface-menu: #FFFFFF;
  --color-surface-menu-hover: #F7F7F7;
  --color-surface-header-control-hover: #DDE1EA;
  --color-surface-lang-item-hover: #D6DAE5;
  --color-surface-search-suggestion-hover: #DDE1EA;
  --color-surface-nav-dropdown-promo: rgba(68, 164, 220, 0.5);
  --color-surface-icon-bg: #44A4DC;
  --color-surface-icon-alert: #E1400F;
  --color-surface-social-icon-bg: #DDE1EA;
  --color-surface-social-icon-hover: #C6C9D2;
  --color-surface-media-well: #FFFFFF;
  --color-surface-logo-plate: #FFFFFF;
  --color-surface-logo-caption: #F4F6FB;
  --color-surface-blog-share-bg: #90A1B9;
  --color-surface-btn-secondary-hover: rgba(113, 113, 113, 0.15);
  --color-surface-highlight-orange: #FAAA00;
  --color-surface-highlight-blue: #F7F7F7;
  --color-surface-badge: #DDE1EA;
  --color-surface-preset-btn: #DDE1EA;
  --color-text-preset-btn: #060608;
  --color-text-stat-warning: #FF6A6A;
  --color-primary: #44A4DC;
  --color-primary-dark: #3C6E9D;
  --color-primary-btn-fill: #FAAA00;
  --color-primary-btn-fill-hover: #F3C158;
  --color-text-primary: #060608;
  --color-text-heading: #060608;
  --color-text-muted: #90A1B9;
  --color-text-menu-main: #4B4B4B;
  --color-text-menu-footer: #060608;
  --color-text-form-hint: #90A1B9;
  --color-text-link: #44A4DC;
  --color-text-btn-primary: #060608;
  --color-text-btn-secondary: #060608;
  --color-text-btn-outline-dark: #060608;
  --color-text-badge: #060608;
  --color-text-highlight-alert: #E1400F;
  --color-text-on-scrim: #FFFFFF;
  --color-text-on-brand: #FFFFFF;
  --color-text-watermark: #F5F5F5;
  --color-icon-fill: #060608;
  --color-icon-social-fill: #060608;
  --color-icon-blog-share-fill: #FFFFFF;
  --color-icon-on-brand: #FFFFFF;
  --color-icon-on-alert: #FFFFFF;
  --color-icon-check-reassurance: #44A4DC;
  --color-border-box: #44A4DC;
  --color-border-subtle: #DDE1EA;
  --color-border-nav-scrolled: #DDE1EA;
  --color-border-form: #DDE1EA;
  --color-border-checkbox: #1E1E1E;
  --color-overlay: #060608;
  --gradient-banner-v2: none;
  --blog-share-bg: var(--color-surface-blog-share-bg);
  --blog-share-icon-color: var(--color-icon-blog-share-fill);
}

:root {
  --font-primary: "Rubik", sans-serif;
  --type-h1-size: 3.75rem;
  --type-h1-line-height: 4.4375rem;
  --type-h1-weight: 700;
  --type-h1-transform: none;
  --type-h2-size: 2.5rem;
  --type-h2-line-height: 3.125rem;
  --type-h2-weight: 700;
  --type-h2-transform: none;
  --type-h3-size: 1.5625rem;
  --type-h3-line-height: 2rem;
  --type-h3-weight: 700;
  --type-h3-transform: none;
  --type-h4-size: 1.125rem;
  --type-h4-line-height: 1.5625rem;
  --type-h4-weight: 700;
  --type-h4-transform: none;
  --type-header-headline-size: 1.25rem;
  --type-header-headline-line-height: 1.5625rem;
  --type-header-headline-weight: 500;
  --type-header-headline-transform: uppercase;
  --type-opening-size: 1.125rem;
  --type-opening-line-height: 1.5625rem;
  --type-opening-weight: 400;
  --type-opening-transform: none;
  --type-banner-size: 1.125rem;
  --type-banner-line-height: 1.5625rem;
  --type-banner-weight: 400;
  --type-banner-transform: none;
  --type-body-size: 1rem;
  --type-body-line-height: 1.5625rem;
  --type-body-weight: 400;
  --type-body-transform: none;
  --type-menu-size: 0.875rem;
  --type-menu-line-height: 1.0625rem;
  --type-menu-weight: 400;
  --type-menu-transform: none;
  --type-footer-size: 0.875rem;
  --type-footer-line-height: 1.1875rem;
  --type-footer-weight: 400;
  --type-footer-transform: none;
  --type-form-hint-size: 1rem;
  --type-form-hint-line-height: 1.5625rem;
  --type-form-hint-weight: 400;
  --type-form-hint-transform: none;
}

:root {
  --space-h-mobile: 1.25rem;
  --space-h-tablet: 2.5rem;
  --space-h-desktop: 2.5rem;
  --space-section-default: 2.5rem;
  --space-section-major: 3.125rem;
  --space-section-tight: 1.25rem;
  --space-section-moderate: 2rem;
  --space-gap-mobile: 2.5rem;
  --space-gap-tablet: 3.75rem;
  --gap-title-subtitle: 1.875rem;
  --gap-subtitle-content: 2.5rem;
  --width-content: 77.1875rem;
  --width-container: 77.1875rem;
  --height-nav-dropdown-branchen: 28.375rem;
  --height-nav-dropdown-middle: 3.75rem;
  --height-nav-dropdown-promo: 2.5rem;
  --space-mobile-topbar-inset: 2.5rem;
  --space-mobile-topbar-cta-gap: 2.5625rem;
  --space-mobile-cta-nav-gap: 1.875rem;
  --space-mobile-nav-item-gap: 0.9375rem;
  --space-mobile-nav-divider-gap: 1.875rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
}
@media (min-width: 768px) {
  :root {
    --space-section-default: 3.75rem;
    --space-section-major: 6.25rem;
    --space-section-tight: 1.875rem;
    --space-section-moderate: 3rem;
  }
}
@media (min-width: 1024px) {
  :root {
    --space-section-default: 6.25rem;
    --space-section-major: 9.375rem;
    --space-section-tight: 3.125rem;
    --space-section-moderate: 5rem;
  }
}

section:not(.section--tinted):not(.section--no-collapse):has(+ section:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--section-spacing-value) * var(--section-adjacency-keep-ratio));
}

section:not(.section--tinted):not(.section--no-collapse) + section:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--section-spacing-value) * var(--section-adjacency-keep-ratio));
}

.logo-slider:not(.section--tinted):not(.section--no-collapse):has(+ .app-extensions:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.app-extensions:not(.section--tinted):not(.section--no-collapse) + .logo-slider:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.two-column:not(.section--tinted):not(.section--no-collapse):has(+ .app-extensions:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.app-extensions:not(.section--tinted):not(.section--no-collapse) + .two-column:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.social-proof-wall:not(.section--tinted):not(.section--no-collapse):has(+ .app-extensions:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.app-extensions:not(.section--tinted):not(.section--no-collapse) + .social-proof-wall:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.amex-showcase:not(.section--tinted):not(.section--no-collapse):has(+ .app-extensions:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.app-extensions:not(.section--tinted):not(.section--no-collapse) + .amex-showcase:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.logo-slider:not(.section--tinted):not(.section--no-collapse):has(+ .footer-banner-section:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.footer-banner-section:not(.section--tinted):not(.section--no-collapse) + .logo-slider:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.two-column:not(.section--tinted):not(.section--no-collapse):has(+ .footer-banner-section:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.footer-banner-section:not(.section--tinted):not(.section--no-collapse) + .two-column:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.social-proof-wall:not(.section--tinted):not(.section--no-collapse):has(+ .footer-banner-section:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.footer-banner-section:not(.section--tinted):not(.section--no-collapse) + .social-proof-wall:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.amex-showcase:not(.section--tinted):not(.section--no-collapse):has(+ .footer-banner-section:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.footer-banner-section:not(.section--tinted):not(.section--no-collapse) + .amex-showcase:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.logo-slider:not(.section--tinted):not(.section--no-collapse):has(+ .comparison-boxes:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.comparison-boxes:not(.section--tinted):not(.section--no-collapse) + .logo-slider:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.two-column:not(.section--tinted):not(.section--no-collapse):has(+ .comparison-boxes:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.comparison-boxes:not(.section--tinted):not(.section--no-collapse) + .two-column:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.social-proof-wall:not(.section--tinted):not(.section--no-collapse):has(+ .comparison-boxes:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.comparison-boxes:not(.section--tinted):not(.section--no-collapse) + .social-proof-wall:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.amex-showcase:not(.section--tinted):not(.section--no-collapse):has(+ .comparison-boxes:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.comparison-boxes:not(.section--tinted):not(.section--no-collapse) + .amex-showcase:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.logo-slider:not(.section--tinted):not(.section--no-collapse):has(+ .faq-accordion:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.faq-accordion:not(.section--tinted):not(.section--no-collapse) + .logo-slider:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.two-column:not(.section--tinted):not(.section--no-collapse):has(+ .faq-accordion:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.faq-accordion:not(.section--tinted):not(.section--no-collapse) + .two-column:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.social-proof-wall:not(.section--tinted):not(.section--no-collapse):has(+ .faq-accordion:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.faq-accordion:not(.section--tinted):not(.section--no-collapse) + .social-proof-wall:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.amex-showcase:not(.section--tinted):not(.section--no-collapse):has(+ .faq-accordion:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.faq-accordion:not(.section--tinted):not(.section--no-collapse) + .amex-showcase:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.logo-slider:not(.section--tinted):not(.section--no-collapse):has(+ .industries-selector:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.industries-selector:not(.section--tinted):not(.section--no-collapse) + .logo-slider:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.two-column:not(.section--tinted):not(.section--no-collapse):has(+ .industries-selector:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.industries-selector:not(.section--tinted):not(.section--no-collapse) + .two-column:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.social-proof-wall:not(.section--tinted):not(.section--no-collapse):has(+ .industries-selector:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.industries-selector:not(.section--tinted):not(.section--no-collapse) + .social-proof-wall:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.amex-showcase:not(.section--tinted):not(.section--no-collapse):has(+ .industries-selector:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.industries-selector:not(.section--tinted):not(.section--no-collapse) + .amex-showcase:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.logo-slider:not(.section--tinted):not(.section--no-collapse):has(+ .testimonial-video:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.testimonial-video:not(.section--tinted):not(.section--no-collapse) + .logo-slider:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.two-column:not(.section--tinted):not(.section--no-collapse):has(+ .testimonial-video:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.testimonial-video:not(.section--tinted):not(.section--no-collapse) + .two-column:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.social-proof-wall:not(.section--tinted):not(.section--no-collapse):has(+ .testimonial-video:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.testimonial-video:not(.section--tinted):not(.section--no-collapse) + .social-proof-wall:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.amex-showcase:not(.section--tinted):not(.section--no-collapse):has(+ .testimonial-video:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.testimonial-video:not(.section--tinted):not(.section--no-collapse) + .amex-showcase:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.logo-slider:not(.section--tinted):not(.section--no-collapse):has(+ .general-puzzle:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.general-puzzle:not(.section--tinted):not(.section--no-collapse) + .logo-slider:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.two-column:not(.section--tinted):not(.section--no-collapse):has(+ .general-puzzle:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.general-puzzle:not(.section--tinted):not(.section--no-collapse) + .two-column:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.social-proof-wall:not(.section--tinted):not(.section--no-collapse):has(+ .general-puzzle:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.general-puzzle:not(.section--tinted):not(.section--no-collapse) + .social-proof-wall:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.amex-showcase:not(.section--tinted):not(.section--no-collapse):has(+ .general-puzzle:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.general-puzzle:not(.section--tinted):not(.section--no-collapse) + .amex-showcase:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.logo-slider:not(.section--tinted):not(.section--no-collapse):has(+ .information-box:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.information-box:not(.section--tinted):not(.section--no-collapse) + .logo-slider:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.two-column:not(.section--tinted):not(.section--no-collapse):has(+ .information-box:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.information-box:not(.section--tinted):not(.section--no-collapse) + .two-column:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.social-proof-wall:not(.section--tinted):not(.section--no-collapse):has(+ .information-box:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.information-box:not(.section--tinted):not(.section--no-collapse) + .social-proof-wall:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

.amex-showcase:not(.section--tinted):not(.section--no-collapse):has(+ .information-box:not(.section--tinted):not(.section--no-collapse)) {
  padding-bottom: calc(var(--space-section-default) * 0.75);
}

.information-box:not(.section--tinted):not(.section--no-collapse) + .amex-showcase:not(.section--tinted):not(.section--no-collapse) {
  padding-top: calc(var(--space-section-default) * 0.75);
}

:root {
  --shadow-image-dark: 0px 0px 50px 0px rgba(68, 164, 220, 0.8);
  --shadow-image-light: 0px 0px 50px 0px #90a1b9;
  --shadow-image-filter-dark: 0px 0px 50px rgba(68, 164, 220, 0.8);
  --shadow-image-filter-light: 0px 0px 50px #90a1b9;
  --shadow-image-lg-dark: 0px 0px 30px 0px rgba(68, 164, 220, 0.8);
  --shadow-image-lg-light: 0px 0px 30px 0px #90a1b9;
  --shadow-image-md-dark: 0px 0px 15px 0px rgba(68, 164, 220, 0.8);
  --shadow-image-md-light: 0px 0px 15px 0px #90a1b9;
  --shadow-image-lg-drop-dark: 0 0 30px rgba(68, 164, 220, 0.8);
  --shadow-image-lg-drop-light: 0 0 30px #90a1b9;
  --shadow-image-md-drop-dark: 0 0 15px rgba(68, 164, 220, 0.8);
  --shadow-image-md-drop-light: 0 0 15px #90a1b9;
  --shadow-banner-v2-dark: 0px 0px 60px 0px rgba(68, 164, 220, 0.8);
  --shadow-banner-v2-light: 0px 0px 60px 0px rgba(144, 161, 185, 1);
  --shadow-blog-glow-ring-dark: 0 0 0 1px rgba(68, 164, 220, 0.35);
  --shadow-blog-glow-ring-light: 0 0 0 1px rgba(144, 161, 185, 0.35);
  --shadow-elevation-sm-dark: none;
  --shadow-elevation-sm-light: 0px 0px 20px 0px rgba(144, 161, 185, 0.15);
  --shadow-elevation-sm-drop-light: 0 0 20px rgba(144, 161, 185, 0.15);
  --shadow-elevation-md: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
}

:root[data-theme=light] {
  --shadow-image-dark: var(--shadow-image-light);
  --shadow-image-filter-dark: var(--shadow-image-filter-light);
  --shadow-image-lg-dark: var(--shadow-image-lg-light);
  --shadow-image-md-dark: var(--shadow-image-md-light);
  --shadow-image-lg-drop-dark: var(--shadow-image-lg-drop-light);
  --shadow-image-md-drop-dark: var(--shadow-image-md-drop-light);
}

:root {
  --glow-hero-left-mobile: radial-gradient(91.89583333333337% 44.98297467807451% at -4.340277777777813% 0%, rgba(68, 164, 220, 0.6) 0%, rgba(68, 164, 220, 0) 100%);
  --glow-hero-left-tablet: radial-gradient(71.5496681602087% 51.6312142071191% at -4.340277777777801% 0%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
  --glow-hero-left-desktop: radial-gradient(49.47916666666667% 93.97379988821488% at -4.340277777777776% 0%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
  --glow-hero-right-mobile: radial-gradient(57.28% 47.01% at 102.51% 50.17%, rgba(68, 164, 220, 1) 0%, rgba(68, 164, 220, 0) 100%);
  --glow-hero-right-tablet: radial-gradient(51.1257660053823654% 45.46240921088055% at 102.51322751322756% 50.1685416210693%, rgba(68, 164, 220, 1) 0%, rgba(68, 164, 220, 0) 100%);
  --glow-hero-right-desktop: radial-gradient(38.40112433862437% 42.26269343236648% at 102.51322751322756% 50.156854162106946%, rgba(68, 164, 220, 1) 0%, rgba(68, 164, 220, 0) 100%);
}

:root {
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;
  --radius-btn: 0.3125rem;
  --radius-box: 1.25rem;
  --radius-card-soft: 0.625rem;
  --radius-banner: 1.25rem;
  --radius-form-field: 0.3125rem;
  --radius-shadow-card: 0.75rem;
  --radius-badge: 0.3125rem;
  --radius-social-icon: 0.625rem;
  --radius-video-thumb: 0.625rem;
  --border-width-nav-scrolled: 1px;
  --border-width-box-outline: 1px;
  --border-width-form-field: 1px;
}

:root {
  --transition-fast: 150ms ease;
  --transition-quick: 200ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;
  --transition-theme: 300ms ease;
  --transition-accordion: 500ms linear;
  --transition-drawer: 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --transition-theme-duration: 300ms;
  --easing-standard: ease;
  --easing-enter: ease-out;
  --easing-exit: ease-in;
  --easing-swing: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --scale-hover-box: 1.022;
  --scale-hover-icon: 1.08;
  --scale-hover-icon-sm: 1.12;
}

:root {
  --z-base: 0;
  --z-raised: 10;
  --z-section: 11;
  --z-overlap: 12;
  --z-header: 100;
  --z-dropdown: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-tooltip: 500;
}

:root {
  --icon-badge-size: 3.75rem;
  --icon-badge-icon-fallback: 2rem;
  --icon-badge-size-sm: 2.5rem;
  --icon-badge-icon-fallback-sm: 1.3125rem;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-height, 100px);
  max-width: 100%;
  overflow-x: hidden;
}

body {
  min-height: 100vh;
  max-width: 100%;
  overflow-x: hidden;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

img,
picture,
video,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

@font-face {
  font-family: "Rubik";
  src: url("/fonts/Rubik-VariableFont.woff2") format("woff2-variations");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background-color: var(--color-bg-primary);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
@media (min-width: 1024px) {
  body {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

h1 {
  color: var(--color-text-heading);
  margin-bottom: var(--space-gap-mobile);
  font-family: var(--font-primary);
  font-size: 2.375rem;
  line-height: 2.9375rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  h1 {
    font-size: var(--type-h1-size);
    line-height: var(--type-h1-line-height);
  }
}

h2 {
  color: var(--color-text-heading);
  margin-bottom: var(--space-gap-mobile);
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  h2 {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}

h3 {
  color: var(--color-text-heading);
  margin-bottom: var(--space-gap-mobile);
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  h3 {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}

h4 {
  color: var(--color-text-heading);
  margin-bottom: var(--space-gap-mobile);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  h4 {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}

p {
  margin-bottom: var(--space-gap-mobile);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
@media (min-width: 1024px) {
  p {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

a {
  color: var(--color-text-link);
  text-decoration: none;
  transition: color var(--transition-fast);
}
a:hover, a:focus {
  color: var(--color-primary-dark);
}
a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}

:where(:is(h1, h2, h3, h4)[class]) :is(em, strong) {
  color: var(--color-primary);
  font-style: inherit;
  font-weight: inherit;
}

::view-transition {
  pointer-events: none;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: var(--transition-theme-duration);
}

::view-transition-old(site-header) {
  display: none;
}

::view-transition-new(site-header) {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none;
  }
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.75rem 1.125rem 0.8125rem 1.125rem;
  border-radius: var(--radius-btn);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base);
}
.btn--sm {
  padding: 0.4375rem 0.8125rem;
}
.btn--w-220 {
  min-width: 13.75rem;
  width: 13.75rem;
}
.btn--w-299 {
  min-width: 18.6875rem;
  width: 18.6875rem;
  max-width: 100%;
}
.btn--w-135 {
  min-width: 8.4375rem;
  width: 8.4375rem;
}
.btn--preset {
  height: 1.4375rem;
  min-width: 6.1875rem;
  padding: 0.3125rem 0.625rem;
  border-radius: var(--radius-btn);
  background-color: var(--color-surface-preset-btn);
  color: var(--color-text-preset-btn);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
}
.btn--preset:hover, .btn--preset:focus, .btn--preset:focus-visible, .btn--preset.is-active {
  background-color: var(--color-primary);
  color: var(--color-text-btn-primary);
}
.btn--primary {
  background-color: var(--color-primary-btn-fill);
  color: var(--color-text-btn-primary);
}
.btn--primary:hover, .btn--primary:focus, .btn--primary:focus-visible {
  background-color: var(--color-primary-btn-fill-hover);
  color: var(--color-text-btn-primary);
}
.btn--secondary, .btn--secondary-outline {
  min-width: 15.625rem;
  background-color: transparent;
  color: var(--color-text-btn-secondary);
  border: 1px solid var(--color-text-btn-secondary);
  line-height: 1.0625rem;
}
.btn--secondary:hover, .btn--secondary:focus, .btn--secondary:focus-visible, .btn--secondary-outline:hover, .btn--secondary-outline:focus, .btn--secondary-outline:focus-visible {
  background-color: var(--color-surface-btn-secondary-hover);
  color: var(--color-text-btn-secondary);
}
.btn--secondary-white {
  min-width: 15.625rem;
  background-color: transparent;
  color: var(--color-text-on-scrim);
  border: 1px solid var(--color-text-on-scrim);
  line-height: 1.0625rem;
}
.btn--secondary-white:hover, .btn--secondary-white:focus, .btn--secondary-white:focus-visible {
  background-color: var(--color-surface-btn-secondary-hover);
  color: var(--color-text-on-scrim);
}
.btn--secondary-black {
  min-width: 15.625rem;
  background-color: transparent;
  color: var(--color-text-btn-outline-dark);
  border: 1px solid var(--color-text-btn-outline-dark);
  line-height: 1.0625rem;
}
.btn--secondary-black:hover, .btn--secondary-black:focus, .btn--secondary-black:focus-visible {
  background-color: var(--color-surface-btn-secondary-hover);
  color: var(--color-text-btn-outline-dark);
}
.btn--text-link {
  height: auto;
  padding: 0;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625rem;
  text-decoration: underline;
  color: var(--color-text-link);
}
.btn--text-link:hover, .btn--text-link:focus, .btn--text-link:focus-visible {
  color: var(--color-text-link);
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 1.875rem;
  padding: 0.3125rem 0.625rem;
  border-radius: var(--radius-badge);
  font-family: var(--font-primary);
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
  background-color: var(--color-surface-badge);
  color: var(--color-text-badge);
  font-size: 0.875rem;
}
[data-theme=light] .badge {
  font-size: 1rem;
}

.card-outer {
  box-sizing: border-box;
  border-radius: var(--radius-box);
  background-color: var(--color-bg-primary);
}

.card-inner {
  box-sizing: border-box;
  padding: 3.5625rem 3.125rem;
  border-radius: var(--radius-box);
  background-color: var(--color-surface-box-fill);
  border: var(--border-width-box-outline) solid var(--color-border-subtle);
}

.banner-outer {
  box-sizing: border-box;
  border-radius: var(--radius-banner);
  background-color: var(--color-bg-primary);
}

.banner-v1 {
  box-sizing: border-box;
  border-radius: var(--radius-banner);
  background-color: var(--color-surface-banner-v1);
}

.banner-v2 {
  box-sizing: border-box;
  border-radius: var(--radius-banner);
  border: var(--border-width-box-outline) solid var(--color-border-subtle);
  background: var(--gradient-banner-v2);
  box-shadow: var(--shadow-banner-v2-dark);
}
[data-theme=light] .banner-v2 {
  background: var(--color-surface-banner-v2);
  box-shadow: var(--shadow-banner-v2-light);
}

.image-shadow-outer {
  box-sizing: border-box;
  border-radius: var(--radius-box);
  background-color: var(--color-bg-primary);
}

.image-card {
  box-sizing: border-box;
}

.form-outer {
  box-sizing: border-box;
  border-radius: var(--radius-box);
  background-color: var(--color-bg-primary);
}

.form-input {
  box-sizing: border-box;
  width: 100%;
  height: 2.75rem;
  padding: 0.9375rem;
  border-radius: var(--radius-form-field);
  border: var(--border-width-form-field) solid var(--color-border-form);
  background-color: var(--color-bg-content);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--color-text-primary);
  text-align: left;
  transition: border-color var(--transition-fast);
}
.form-input::placeholder {
  color: var(--color-text-form-hint);
}
.form-input:hover {
  border-color: var(--color-primary);
}
.form-input:focus {
  border: 2px solid var(--color-primary);
  outline: none;
}

.form-select {
  box-sizing: border-box;
  width: 100%;
  height: 2.75rem;
  padding: 0 1.875rem 0 0.9375rem;
  border-radius: var(--radius-form-field);
  border: var(--border-width-form-field) solid var(--color-border-form);
  background-color: var(--color-bg-content);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-text-form-hint);
  appearance: none;
  transition: border-color var(--transition-fast);
}
.form-select:focus {
  border: 2px solid var(--color-primary);
  outline: none;
}
.form-select:disabled {
  background-color: #f0f0f0;
  cursor: not-allowed;
}

.form-label {
  display: block;
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  text-align: left;
  color: var(--color-text-primary);
}

.form-required-note {
  display: block;
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  color: var(--color-text-form-hint);
  text-align: left;
}

.form-checkbox-label {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  text-align: left;
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  color: var(--color-text-primary);
  cursor: pointer;
}

.form-checkbox {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  border: 1px solid var(--color-border-checkbox);
  border-radius: 0.3125rem;
  background-color: #FFFFFF;
  cursor: pointer;
}
.form-checkbox:checked {
  border-color: var(--color-primary);
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%2344A4DC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 5.2 4.2 8.5 11 1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem 0.625rem;
}
.form-checkbox:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 0.125rem;
}

.form-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 2.75rem;
  padding: 0.75rem 1.125rem 0.8125rem 1.125rem;
  border-radius: var(--radius-btn);
  border: none;
  background-color: var(--color-primary-btn-fill);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text-btn-primary);
  text-align: center;
  line-height: normal;
  cursor: pointer;
  transition: background-color var(--transition-base);
}
.form-submit-btn:hover, .form-submit-btn:focus-visible {
  background-color: var(--color-primary-btn-fill-hover);
}

.play-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 3;
}
.play-button:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.play-button--overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transition: background-color var(--transition-base);
}
.play-button--overlay:hover, .play-button--overlay:focus-visible {
  background-color: rgba(0, 0, 0, 0.2);
}
.play-button--centered {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.25rem;
  height: 4.25rem;
  transform: translate(-50%, -50%);
  transition: transform var(--transition-base);
}
.play-button--centered:hover, .play-button--centered:focus-within {
  transform: translate(-50%, -50%) scale(var(--scale-hover-icon));
}
@media (prefers-reduced-motion: reduce) {
  .play-button--centered:hover, .play-button--centered:focus-within {
    transform: translate(-50%, -50%);
  }
}
.play-button--edge {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 4.25rem;
  height: 4.25rem;
  transform: translate(-50%, 50%);
  transition: transform var(--transition-base);
}
.play-button--edge:hover, .play-button--edge:focus-within {
  transform: translate(-50%, 50%) scale(var(--scale-hover-icon));
}
@media (prefers-reduced-motion: reduce) {
  .play-button--edge:hover, .play-button--edge:focus-within {
    transform: translate(-50%, 50%);
  }
}
.play-button--badge {
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  width: 2.5rem;
  height: 2.5rem;
  transition: transform var(--transition-base);
  z-index: var(--z-raised);
}
.play-button--badge:hover, .play-button--badge:focus-within {
  transform: scale(var(--scale-hover-icon-sm));
}
@media (prefers-reduced-motion: reduce) {
  .play-button--badge:hover, .play-button--badge:focus-within {
    transform: none;
  }
}
.play-button--badge::before {
  content: "";
  position: absolute;
  inset: -0.625rem;
  border-radius: 50%;
}
.play-button--decorative {
  pointer-events: none;
}
.play-button__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 50%;
  border: 1px solid var(--color-border-subtle);
  background-image: var(--gradient-play-btn);
  box-shadow: 0 0 3.75rem rgba(68, 164, 220, 0.8);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}
.play-button--overlay:hover .play-button__circle, .play-button--overlay:focus-visible .play-button__circle {
  transform: scale(var(--scale-hover-icon));
}
@media (prefers-reduced-motion: reduce) {
  .play-button__circle {
    transition: box-shadow var(--transition-base);
  }
  .play-button--overlay:hover .play-button__circle, .play-button--overlay:focus-visible .play-button__circle {
    transform: none;
  }
}
.play-button__icon {
  width: 1.625rem;
  height: 1.875rem;
  margin-left: 0.1875rem;
}
.play-button__icon path {
  fill: #ffffff;
}
.play-button--badge .play-button__circle {
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  background-image: none;
  background-color: var(--color-primary-btn-fill);
  box-shadow: 0 0 2.1875rem color-mix(in srgb, var(--color-primary-btn-fill) 80%, transparent);
  transition: box-shadow var(--transition-base), background-color var(--transition-base);
}
.play-button--badge:hover .play-button__circle, .play-button--badge:focus-within .play-button__circle {
  background-color: var(--color-primary-btn-fill-hover);
  box-shadow: 0 0 2.1875rem color-mix(in srgb, var(--color-primary-btn-fill-hover) 80%, transparent);
}
.play-button--badge .play-button__icon {
  width: 0.9375rem;
  height: 1.125rem;
  margin-left: 0.125rem;
}
.play-button--badge .play-button__icon path {
  fill: var(--color-text-btn-primary);
}

.container {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(var(--width-content) + var(--space-h-desktop) * 2);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
}
@media (min-width: 768px) {
  .container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}

.shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
}

#main {
  flex: 1;
  margin: 0;
  padding: 0;
}

/* Header Outer & Scrolled State */
.header,
.header-outer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: var(--z-header, 50);
  view-transition-name: site-header;
  background-color: transparent;
  border-bottom: 1px solid transparent;
  box-shadow: none;
  transition: border-color var(--transition-slow), box-shadow var(--transition-slow);
}
.header::before,
.header-outer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--color-bg-primary);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-slow);
}
.header .header__top-bar,
.header .header-bar,
.header-outer .header__top-bar,
.header-outer .header-bar {
  position: relative;
  z-index: 1;
}
.header.header--scrolled, .header.header-scrolled, html.is-scrolled .header,
.header-outer.header--scrolled,
.header-outer.header-scrolled,
html.is-scrolled .header-outer {
  border-bottom-color: var(--color-border-subtle);
  box-shadow: var(--shadow-elevation-sm-dark);
}
[data-theme=light] .header.header--scrolled, [data-theme=light] .header.header-scrolled, [data-theme=light] html.is-scrolled .header,
[data-theme=light] .header-outer.header--scrolled,
[data-theme=light] .header-outer.header-scrolled,
[data-theme=light] html.is-scrolled .header-outer {
  box-shadow: var(--shadow-elevation-sm-light);
}
.header.header--scrolled::before, .header.header-scrolled::before, html.is-scrolled .header::before,
.header-outer.header--scrolled::before,
.header-outer.header-scrolled::before,
html.is-scrolled .header-outer::before {
  opacity: 1;
}
.header.header--scrolled .header__top-bar, .header.header-scrolled .header__top-bar, html.is-scrolled .header .header__top-bar,
.header-outer.header--scrolled .header__top-bar,
.header-outer.header-scrolled .header__top-bar,
html.is-scrolled .header-outer .header__top-bar {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .header,
  .header-outer {
    transition: none;
  }
  .header::before,
  .header-outer::before {
    transition: none;
  }
}

/* Secondary Top Bar (Preserved from Main Site) */
.header__top-bar {
  display: none;
}
@media (min-width: 1024px) {
  .header__top-bar {
    display: block;
    max-height: var(--top-bar-height);
    opacity: 1;
    overflow: hidden;
    background-color: var(--color-bg-top-bar);
    border-bottom: none;
    transition: max-height var(--transition-slow), opacity var(--transition-slow), background-color var(--transition-slow);
  }
  .header__top-bar:has(.header__lang-dropdown:is(:hover, .is-open, :focus-within)) {
    overflow: visible;
    z-index: 3;
  }
}
@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  .header__top-bar {
    transition: none;
  }
}

.header__top-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--top-bar-height);
  width: 100%;
  gap: 1.5rem;
}

.header__top-menu {
  display: flex;
  align-items: center;
  gap: 1.9375rem;
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.header__top-menu-item {
  display: inline-flex;
  align-items: center;
}
.header__top-menu-link {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: normal;
  color: var(--color-text-menu-footer);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--transition-base);
}
.header__top-menu-link:hover, .header__top-menu-link:focus-visible {
  color: var(--color-primary);
}

.header__top-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}

.header__top-actions-login {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: normal;
  color: var(--color-text-menu-footer);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--transition-base);
}
.header__top-actions-login:hover, .header__top-actions-login:focus-visible {
  color: var(--color-primary);
}

/* Header Bar */
.header-bar {
  position: relative;
  width: 100%;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  display: flex;
  align-items: center;
  background-color: transparent;
}

.header-bar-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 0.5rem;
}

/* Logo */
.header__logo-container {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
}

.header-logo {
  width: 10rem;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}
@media (min-width: 768px) {
  .header-logo {
    width: 14.375rem;
  }
}
.header-logo--light {
  display: none;
}
[data-theme=light] .header-logo--light {
  display: block;
}
.header-logo--dark {
  display: block;
}
[data-theme=light] .header-logo--dark {
  display: none;
}

/* Desktop Nav (Mobile-First: hidden on mobile, visible on desktop lg+) */
.header__nav--desktop {
  display: none;
}
@media (min-width: 1024px) {
  .header__nav--desktop {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }
}

.header__nav-item {
  position: static;
  display: inline-flex;
  align-items: center;
}
.header__nav-item--has-compact-dropdown {
  position: relative;
}
.header__nav-item--has-megamenu:hover .header__dropdown, .header__nav-item--has-megamenu:focus-within .header__dropdown, .header__nav-item--has-compact-dropdown:hover .header__dropdown, .header__nav-item--has-compact-dropdown:focus-within .header__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.header__nav-item--has-megamenu:hover .header-nav-link-text::after, .header__nav-item--has-megamenu:focus-within .header-nav-link-text::after, .header__nav-item--has-compact-dropdown:hover .header-nav-link-text::after, .header__nav-item--has-compact-dropdown:focus-within .header-nav-link-text::after {
  width: calc(100% + 12px);
}
.header__nav-item--has-megamenu:hover .header-nav-link, .header__nav-item--has-megamenu:focus-within .header-nav-link, .header__nav-item--has-compact-dropdown:hover .header-nav-link, .header__nav-item--has-compact-dropdown:focus-within .header-nav-link {
  color: var(--color-primary, #44A4DC);
}

.header-nav-link {
  display: inline-block;
  min-height: 1.1875rem;
  font-size: 0.8125rem;
  white-space: nowrap;
  color: var(--color-text-menu-main);
  text-decoration: none;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
}
.header-nav-link[type=button] {
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: inherit;
  color: inherit;
}
@media (min-width: 1280px) {
  .header-nav-link {
    font-size: 0.875rem;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }
}
.header-nav-link:hover {
  color: var(--color-primary, #44A4DC);
}

.header-nav-link-text {
  display: inline-block;
  position: relative;
}
.header-nav-link-text::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 0;
  left: 0;
  background-color: var(--color-primary, #44A4DC);
  transition: width var(--transition-base);
}
@media (min-width: 1024px) {
  .header-nav-link-text::after {
    left: -6px;
  }
}

.header-nav-link:hover .header-nav-link-text::after {
  width: 100%;
}
@media (min-width: 1024px) {
  .header-nav-link:hover .header-nav-link-text::after {
    width: calc(100% + 12px);
  }
}

/* Base Dropdown Box Styling */
.header__dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 1rem;
  transform: translateX(-50%) translateY(0.25rem);
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: 0.625rem;
  box-shadow: var(--shadow-elevation-sm-dark);
  overflow: hidden;
  transition: opacity var(--transition-quick), visibility var(--transition-quick), transform var(--transition-quick);
}
[data-theme=light] .header__dropdown {
  box-shadow: var(--shadow-elevation-sm-light);
}
.header__dropdown::before {
  content: "";
  position: absolute;
  top: -1.25rem;
  left: 0;
  right: 0;
  height: 1.25rem;
}

/* 1st Nav: Funktionen Megamenu Overlay (width from content; height follows columns + optional Amex strips) */
.header__dropdown--funktionen {
  width: var(--width-content);
  max-width: calc(100vw - 2rem);
  height: auto;
}
.header__dropdown--funktionen .header__megamenu-content {
  display: flex;
  flex-direction: column;
}
.header__dropdown--funktionen .header__megamenu-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  padding: 2.5rem 2.5rem 1.875rem;
}
.header__dropdown--funktionen .header__megamenu-heading {
  display: block;
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: var(--color-text-heading);
  margin: 0 0 1rem 0;
  text-decoration: none;
}
.header__dropdown--funktionen .header__megamenu-heading:hover, .header__dropdown--funktionen .header__megamenu-heading:focus-visible {
  color: var(--color-primary);
}
.header__dropdown--funktionen .header__megamenu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.header__dropdown--funktionen .header__megamenu-link {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-quick);
}
.header__dropdown--funktionen .header__megamenu-link:hover, .header__dropdown--funktionen .header__megamenu-link:focus-visible {
  color: var(--color-primary);
}
.header__dropdown--funktionen .header__megamenu-middle {
  height: var(--height-nav-dropdown-middle);
  background-color: var(--color-bg-secondary);
  padding: 1.1875rem 2.4375rem;
  display: flex;
  align-items: center;
}
.header__dropdown--funktionen .header__megamenu-middle-link {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: var(--color-text-heading);
  text-decoration: none;
  transition: color var(--transition-quick);
}
.header__dropdown--funktionen .header__megamenu-middle-link:hover, .header__dropdown--funktionen .header__megamenu-middle-link:focus-visible {
  color: var(--color-primary);
}
.header__dropdown--funktionen .header__megamenu-promo {
  height: var(--height-nav-dropdown-promo);
  background-color: var(--color-surface-nav-dropdown-promo);
  padding: 0.5625rem 2.4375rem;
  display: flex;
  align-items: center;
}
.header__dropdown--funktionen .header__megamenu-promo-link {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: var(--color-text-heading);
  text-decoration: none;
}
.header__dropdown--funktionen .header__megamenu-promo-link:hover, .header__dropdown--funktionen .header__megamenu-promo-link:focus-visible {
  text-decoration: underline;
}

/* 5th Nav: Branchen Megamenu Overlay (1235x454px) */
.header__dropdown--branchen {
  width: var(--width-content);
  max-width: calc(100vw - 2rem);
  height: var(--height-nav-dropdown-branchen);
}
.header__dropdown--branchen .header__branchen-content {
  display: flex;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
}
.header__dropdown--branchen .header__branchen-sidebar {
  width: 20.25rem;
  height: 100%;
  background-color: var(--color-bg-secondary);
  border-radius: 0;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-shrink: 0;
}
.header__dropdown--branchen .header__branchen-sidebar-title {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: var(--color-text-heading);
  margin: 0;
  text-decoration: none;
}
.header__dropdown--branchen .header__branchen-sidebar-title:hover, .header__dropdown--branchen .header__branchen-sidebar-title:focus-visible {
  color: var(--color-primary);
}
.header__dropdown--branchen .header__branchen-sidebar-subtitle {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: var(--color-primary);
  margin: 0;
}
.header__dropdown--branchen .header__branchen-sidebar-desc {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-primary);
  margin: 0;
}
.header__dropdown--branchen .header__branchen-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem 2rem;
  padding: 2.5rem;
  flex-grow: 1;
  align-content: start;
}
.header__dropdown--branchen .header__branchen-card {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  text-decoration: none;
  color: inherit;
}
.header__dropdown--branchen .header__branchen-card:hover .header__branchen-card-title {
  color: var(--color-primary);
}
.header__dropdown--branchen .header__branchen-card-title {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: var(--color-text-heading);
  margin: 0;
  transition: color var(--transition-quick);
}
.header__dropdown--branchen .header__branchen-card-desc {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-primary);
  margin: 0;
}

/* Compact Dropdowns Base (Steuerberater & Wissen) */
.header__dropdown--compact {
  border-radius: 0.625rem;
  padding: 1.25rem;
}
.header__dropdown--compact .header__compact-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.header__dropdown--compact .header__compact-item {
  display: block;
}
.header__dropdown--compact .header__compact-link {
  display: block;
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-quick);
  white-space: nowrap;
}
.header__dropdown--compact .header__compact-link:hover, .header__dropdown--compact .header__compact-link:focus-visible {
  color: var(--color-primary);
}

/* 4th Nav: Steuerberater Compact Dropdown — Axure 160px as min; grow for longer translations */
.header__dropdown--tax-advisors {
  width: max-content;
  min-width: 10rem;
  height: auto;
}

/* 6th Nav: Wissen Compact Dropdown — Axure 180px as min; grow for longer translations */
.header__dropdown--knowledge {
  width: max-content;
  min-width: 11.25rem;
  height: auto;
}

/* Right Actions Group */
.header-right-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}

/* Language Dropdown (top bar, line 1) */
.header__lang-toggle {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  cursor: pointer;
  color: var(--color-text-heading);
  background-color: rgba(255, 255, 255, 0);
  border: none;
  border-radius: 0.25rem;
  transition: background-color var(--transition-quick), color var(--transition-quick);
  padding: 0;
  width: 3.0625rem;
  height: 1.875rem;
  justify-content: center;
  box-sizing: border-box;
}
.header__lang-toggle:hover {
  background-color: var(--color-surface-header-control-hover);
}
.header__lang-toggle:hover .header__lang-chevron {
  color: #ffffff;
  fill: #ffffff;
}
[data-theme=light] .header__lang-toggle:hover .header__lang-chevron {
  color: var(--lang-chevron-color);
  fill: var(--lang-chevron-color);
}

.header__lang-dropdown {
  position: relative;
}
.header__lang-dropdown:hover .header__lang-menu, .header__lang-dropdown.is-open .header__lang-menu {
  display: flex;
}

.header__lang-flag-img {
  width: 1.5rem;
  height: 0.875rem;
  object-fit: cover;
}

.header__lang-chevron {
  width: 0.5rem;
  height: 0.3125rem;
  --lang-chevron-color: #9b9b9b;
  color: var(--lang-chevron-color);
  fill: var(--lang-chevron-color);
  transition: color var(--transition-quick), fill var(--transition-quick);
}

.header__lang-menu {
  display: none;
  flex-direction: column;
  gap: 0.125rem;
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  left: auto;
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-subtle);
  border-radius: 0.375rem;
  width: max-content;
  min-width: 8.75rem;
  padding: 0.25rem;
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
  z-index: 101;
  box-sizing: border-box;
}
.header__lang-menu::before {
  content: "";
  position: absolute;
  top: -0.75rem;
  left: 0;
  right: 0;
  height: 0.75rem;
}

.header__lang-menu .header__lang-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.625rem;
  text-decoration: none;
  color: var(--color-text-primary);
  font-size: 0.8125rem;
  font-weight: 500;
  border-radius: 0.375rem;
  transition: background-color var(--transition-quick), color var(--transition-quick);
  white-space: nowrap;
}
.header__lang-menu .header__lang-item:hover, .header__lang-menu .header__lang-item:focus-visible {
  background-color: var(--color-surface-lang-item-hover);
  color: var(--color-text-primary);
}

/* Search trigger (main bar; popup wired in a later step) */
.header__search-btn {
  background: none;
  border: none;
  color: var(--color-text-heading);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  border-radius: 0.25rem;
  transition: background-color var(--transition-quick);
  box-sizing: border-box;
}
.header__search-btn:hover, .header__search-btn:focus-visible {
  background-color: var(--color-surface-header-control-hover);
}

.header__search-icon {
  width: 1.125rem;
  height: 1.125rem;
  display: block;
}

/* Theme Toggle */
.header__theme-btn {
  background: none;
  border: none;
  color: var(--color-text-heading);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  border-radius: 0.25rem;
  transition: background-color var(--transition-quick);
  box-sizing: border-box;
}
.header__theme-btn:hover, .header__theme-btn:focus-visible {
  background-color: var(--color-surface-header-control-hover);
}
.header__theme-btn .icon-moon {
  display: none;
  width: 1.125rem;
  height: 1.125rem;
}
.header__theme-btn .icon-sun {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
}
[data-theme=light] .header__theme-btn .icon-moon {
  display: block;
}
[data-theme=light] .header__theme-btn .icon-sun {
  display: none;
}

/* Apply Now CTA visibility (Mobile-First: hidden on mobile, visible on desktop lg+) */
/* Button appearance comes entirely from .btn .btn--primary .btn--sm (see components/_buttons.scss) */
.header__cta {
  display: none !important;
}
@media (min-width: 1024px) {
  .header__cta {
    display: inline-flex !important;
  }
}

/* Mobile Menu Toggle Btn (Mobile-First: visible on mobile, hidden on desktop lg+) */
.header__mobile-toggle-btn {
  display: flex;
  color: var(--color-text-heading);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  margin-left: 0.5rem;
}
@media (min-width: 1024px) {
  .header__mobile-toggle-btn {
    display: none !important;
  }
}
.header__mobile-toggle-btn .icon-hamburger,
.header__mobile-toggle-btn .icon-close {
  width: 1.5rem;
  height: 1.5rem;
}

/* Mobile Menu Fullscreen Overlay (Mobile-First: flex on mobile, hidden on desktop lg+) */
.header__nav-mobile {
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 100;
  flex-direction: column;
  background-color: var(--color-bg-primary);
  transition: transform var(--transition-drawer);
  transform: translateX(100%);
  overflow: hidden;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .header__nav-mobile {
    transition: none;
  }
}
@media (min-width: 1024px) {
  .header__nav-mobile {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .header__mobile-toggle-checkbox:checked ~ .header-bar {
    visibility: hidden;
    pointer-events: none;
  }
}

.header__mobile-toggle-checkbox:checked ~ .header__nav-mobile {
  transform: translateX(0);
  pointer-events: auto;
}
@media (min-width: 1024px) {
  .header__mobile-toggle-checkbox:checked ~ .header__nav-mobile {
    transform: translateX(100%);
    pointer-events: none;
  }
}

.header__nav-mobile-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 3.5rem;
  padding-left: var(--space-mobile-topbar-inset);
  padding-right: var(--space-mobile-topbar-inset);
  border-bottom: 1px solid var(--color-border-subtle);
  flex-shrink: 0;
  gap: 1rem;
}
@media (min-width: 768px) {
  .header__nav-mobile-top {
    height: 4.5rem;
  }
}
.header__nav-mobile-top .header__logo-container {
  min-width: 0;
}
@media (min-width: 768px) {
  .header__nav-mobile-top .header-logo {
    width: 12.5rem;
    max-width: 100%;
  }
}

.header__nav-mobile-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}

.header__mobile-icon-btn {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--color-text-heading);
}
.header__mobile-icon-btn--login {
  padding: 0.25rem 0.1875rem;
  margin: -0.25rem -0.1875rem;
}
@media (min-width: 768px) {
  .header__mobile-icon-btn--login {
    display: none;
  }
}
.header__mobile-icon-btn--close {
  padding: 0.3125rem;
  margin: -0.3125rem;
}
.header__mobile-icon-btn .icon-login {
  width: 1.125rem;
  height: 1rem;
}
.header__mobile-icon-btn .icon-close {
  width: 0.875rem;
  height: 0.875rem;
}
.header__mobile-icon-btn .icon-login--light,
.header__mobile-icon-btn .icon-close--light {
  display: none;
}
[data-theme=light] .header__mobile-icon-btn .icon-login--light,
[data-theme=light] .header__mobile-icon-btn .icon-close--light {
  display: block;
}
.header__mobile-icon-btn .icon-login--dark,
.header__mobile-icon-btn .icon-close--dark {
  display: block;
}
[data-theme=light] .header__mobile-icon-btn .icon-login--dark,
[data-theme=light] .header__mobile-icon-btn .icon-close--dark {
  display: none;
}

.header__nav-mobile-body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0 var(--space-mobile-topbar-inset) 2.5rem;
  overflow-y: auto;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .header__nav-mobile-body {
    padding-top: var(--space-mobile-cta-nav-gap);
  }
}

/* Mobile CTA — phone: full-width in body; tablet: compact on the top row. */
.header__mobile-cta {
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  flex-shrink: 0;
}
.header__mobile-cta--body {
  display: flex !important;
  width: 100%;
  max-width: 18.4375rem;
  height: 2.75rem;
  margin: var(--space-mobile-topbar-cta-gap) auto var(--space-mobile-cta-nav-gap);
}
@media (min-width: 768px) {
  .header__mobile-cta--body {
    display: none !important;
  }
}
.header__mobile-cta--top {
  display: none !important;
  width: auto;
  max-width: none;
  height: auto;
  margin: 0;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .header__mobile-cta--top {
    display: inline-flex !important;
  }
}

/* Main Navigation Menu List */
.header__nav-mobile-main {
  display: flex;
  flex-direction: column;
  gap: var(--space-mobile-nav-item-gap);
  width: 100%;
}

.header__mobile-main-link {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625rem;
  color: var(--color-text-primary);
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: color var(--transition-quick);
}
.header__mobile-main-link:hover {
  color: var(--color-primary);
}

/* Accordion Element */
.header__mobile-details {
  width: 100%;
}
.header__mobile-details--lang .header__mobile-summary {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.header__mobile-details[open] .header__mobile-link-text {
  color: var(--color-primary);
}
.header__mobile-details[open] .header__mobile-chevron {
  transform: rotate(90deg);
}
.header__mobile-details[open] .header__mobile-chevron path {
  fill: var(--color-primary);
}

.header__mobile-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625rem;
  color: var(--color-text-primary);
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.header__mobile-summary::-webkit-details-marker {
  display: none;
}

.header__mobile-chevron {
  width: 0.75rem;
  height: 0.75rem;
  transition: transform var(--transition-base);
}
.header__mobile-chevron path {
  fill: var(--color-text-primary);
  transition: fill var(--transition-quick);
}

/* Submenu Card Container (#16202c Dark / #f7f7f7 Light) */
.header__mobile-submenu {
  background-color: var(--color-bg-secondary);
  border-radius: 0.625rem;
  padding: 1.25rem;
  margin-top: 0.625rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.header__mobile-subcat {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.header__mobile-subcat-title {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: var(--color-text-heading);
  margin: 0;
  text-decoration: none;
}
.header__mobile-subcat-title:hover, .header__mobile-subcat-title:focus-visible {
  color: var(--color-primary);
}

.header__mobile-sidebar-subtitle {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: var(--color-primary);
  margin: 0;
}

.header__mobile-sidebar-desc {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-primary);
  margin: 0;
}

.header__mobile-subcat-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.header__mobile-subcat-link {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-primary);
  text-decoration: none;
  display: block;
  transition: color var(--transition-quick);
}
.header__mobile-subcat-link:hover {
  color: var(--color-primary);
}
.header__mobile-subcat-link--card {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.header__mobile-card-heading {
  font-weight: 700;
  color: var(--color-text-heading);
}

.header__mobile-card-text {
  font-weight: 400;
  color: var(--color-text-primary);
}

.header__mobile-nav-item--branchen .header__mobile-sidebar-subtitle,
.header__mobile-nav-item--branchen .header__mobile-sidebar-desc,
.header__mobile-nav-item--branchen .header__mobile-card-text {
  display: none;
}
.header__mobile-nav-item--branchen .header__mobile-card-heading {
  font-weight: 400;
  color: var(--color-text-primary);
}

/* Card Strips inside Mobile Drawer (Amex & Platinum) — keep fills, no hover. */
.header__mobile-card-strip {
  display: block;
  padding: 0.875rem 1rem;
  border-radius: 0.5rem;
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.375rem;
  text-decoration: none;
}
.header__mobile-card-strip--middle {
  background-color: var(--color-surface-box-fill);
  color: var(--color-text-heading);
}
.header__mobile-card-strip--promo {
  background-color: var(--color-surface-nav-dropdown-promo);
  color: var(--color-text-heading);
}
.header__mobile-card-strip:hover, .header__mobile-card-strip:focus-visible {
  color: inherit;
  text-decoration: none;
}

/* Divider Line */
.header__mobile-divider {
  border: none;
  border-top: 1px solid var(--color-border-subtle);
  margin: var(--space-mobile-nav-divider-gap) 0;
}

/* Secondary Navigation Links */
.header__nav-mobile-secondary {
  display: flex;
  flex-direction: column;
  gap: var(--space-mobile-nav-item-gap);
  width: 100%;
}

.header__mobile-sec-link {
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-quick);
}
.header__mobile-sec-link:hover {
  color: var(--color-primary);
}

dialog.header-search-dialog,
dialog.header-search-dialog:modal {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 0 1rem 1rem;
  border: none;
  background: transparent;
  color: var(--color-text-primary);
  overflow: auto;
  z-index: var(--z-modal);
  opacity: 0;
  transition: opacity var(--transition-quick);
}
@media (prefers-reduced-motion: reduce) {
  dialog.header-search-dialog,
  dialog.header-search-dialog:modal {
    transition: none;
  }
}

dialog.header-search-dialog[open],
dialog.header-search-dialog:modal[open] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 6.65625rem;
  opacity: 1;
}
@media (min-width: 1024px) {
  dialog.header-search-dialog[open],
  dialog.header-search-dialog:modal[open] {
    padding-top: 13.3125rem;
  }
}

.header-search-dialog::backdrop {
  background-color: color-mix(in srgb, var(--color-overlay) 40%, transparent);
}
.header-search-dialog__title, .header-search-dialog__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.header-search-dialog__panel {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 30.4375rem;
  height: auto;
  padding: 0.75rem;
  border: none;
  border-radius: 0.5rem;
  background-color: var(--color-bg-primary);
  box-shadow: var(--shadow-image-md-dark);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  overflow: hidden;
}
[data-theme=light] .header-search-dialog__panel {
  border: 1px solid var(--color-border-subtle);
  box-shadow: var(--shadow-image-md-light);
}
.header-search-dialog__form {
  flex-shrink: 0;
  margin: 0 0 0.5rem;
}
.header-search-dialog__field {
  position: relative;
  display: flex;
  align-items: center;
}
.header-search-dialog__field-icon {
  position: absolute;
  left: 0.75rem;
  width: 1.125rem;
  height: 1.125rem;
  color: var(--color-primary);
  pointer-events: none;
}
.header-search-dialog__input {
  box-sizing: border-box;
  width: 100%;
  height: 2.75rem;
  padding: 0.75rem 0.75rem 0.75rem 2.5rem;
  border: 1px solid var(--color-primary);
  border-radius: 0.375rem;
  background-color: transparent;
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--color-text-primary);
  outline: none;
}
.header-search-dialog__input::placeholder {
  color: var(--color-text-form-hint, rgba(68, 164, 220, 0.85));
}
.header-search-dialog__input:focus {
  border-color: var(--color-primary);
  border-width: 2px;
  padding-left: calc(2.5rem - 1px);
}
.header-search-dialog__input::-webkit-search-decoration, .header-search-dialog__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
[data-theme=light] .header-search-dialog__input {
  border-color: var(--color-border-form);
}
[data-theme=light] .header-search-dialog__input:focus {
  border-color: var(--color-primary);
}
.header-search-dialog__results {
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
  box-sizing: border-box;
  padding: 0.1875rem;
  border: 1px solid var(--color-primary);
  border-radius: 0.375rem;
  overflow: hidden;
}
.header-search-dialog__results[hidden] {
  display: none;
}
[data-theme=light] .header-search-dialog__results {
  border-color: var(--color-border-subtle);
}
.header-search-dialog__heading {
  margin: 0;
  flex-shrink: 0;
  padding: 0.5625rem;
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}
.header-search-dialog__heading[hidden] {
  display: none;
}
.header-search-dialog__suggestions {
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
  list-style: none;
  margin: 0;
  padding: 0;
  min-height: 1.875rem;
  max-height: calc(1.875rem * 6.5 + 0.1875rem * 5.5);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.header-search-dialog__suggestions[hidden] {
  display: none;
}
.header-search-dialog__empty {
  margin: 0.75rem 0 0;
  padding: 0.5rem 0.25rem;
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.35;
  color: var(--color-text-muted);
}
.header-search-dialog__empty[hidden] {
  display: none;
}
.header-search-dialog__suggestion {
  margin: 0;
  flex-shrink: 0;
  height: 1.875rem;
}
.header-search-dialog__suggestion[hidden] {
  display: none;
}
.header-search-dialog__suggestion-link {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  padding: 0 0.75rem;
  border-radius: 0.25rem;
  color: var(--color-text-primary);
  font-family: var(--font-primary, "Rubik", sans-serif);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.35;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color var(--transition-fast);
}
.header-search-dialog__suggestion-link:hover, .header-search-dialog__suggestion-link:focus-visible {
  background-color: var(--color-surface-search-suggestion-hover);
  color: var(--color-text-primary);
  outline: none;
}

.footer {
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border-subtle);
  padding-top: 3rem;
  padding-bottom: 2rem;
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
@media (min-width: 768px) {
  .footer {
    padding-top: 5rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 1024px) {
  .footer {
    padding-top: 5rem;
    padding-bottom: 2rem;
  }
}
.footer__container {
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
}
@media (min-width: 768px) {
  .footer__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .footer__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.footer__main {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (min-width: 768px) {
  .footer__main {
    gap: 3.75rem;
  }
}
@media (min-width: 1024px) {
  .footer__main {
    flex-direction: row;
    justify-content: space-between;
    gap: 4rem;
  }
}
.footer__brand {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .footer__brand {
    flex-shrink: 0;
    width: 20rem;
  }
}
.footer__logo-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  margin-bottom: 1.125rem;
}
.footer__logo-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.footer__logo-img {
  width: 10rem;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}
@media (min-width: 768px) {
  .footer__logo-img {
    width: 14.375rem;
  }
}
.footer__logo-img--light {
  display: none;
}
[data-theme=light] .footer__logo-img--light {
  display: block;
}
.footer__logo-img--dark {
  display: block;
}
[data-theme=light] .footer__logo-img--dark {
  display: none;
}
.footer__tagline {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: var(--color-text-primary);
  margin: 0 0 1.875rem;
  max-width: 20rem;
}
@media (min-width: 1024px) {
  .footer__tagline {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
@media (min-width: 768px) {
  .footer__tagline {
    max-width: 30.4375rem;
  }
}
@media (min-width: 1024px) {
  .footer__tagline {
    max-width: 20rem;
  }
}
.footer__social {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius-social-icon, 0.625rem);
  background-color: var(--color-surface-social-icon-bg);
  color: var(--color-icon-social-fill);
  text-decoration: none;
  overflow: hidden;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}
.footer__social-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.footer__social-link:hover {
  background-color: var(--color-surface-social-icon-hover);
}
.footer__social-icon {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  color: var(--color-icon-social-fill);
  fill: currentColor;
}
.footer__social-icon path {
  fill: currentColor;
}
.footer__nav {
  flex-grow: 1;
}
@media (min-width: 1024px) {
  .footer__nav--landing {
    display: flex;
    justify-content: center;
  }
}
.footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
@media (min-width: 768px) {
  .footer__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3.75rem 1.875rem;
  }
}
@media (min-width: 1024px) {
  .footer__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
  }
}
@media (min-width: 1024px) {
  .footer__grid--landing {
    grid-template-columns: repeat(2, 1fr);
    gap: 7.5rem;
  }
}
.footer__col {
  display: flex;
  flex-direction: column;
}
.footer__col-title {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
  line-height: 1.5rem;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .footer__col-title {
    line-height: 1.1875rem;
  }
}
.footer__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.footer__item {
  line-height: 1.1875rem;
}
.footer__link {
  font-family: var(--font-primary);
  font-size: var(--type-footer-size);
  line-height: var(--type-footer-line-height);
  font-weight: var(--type-footer-weight);
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}
.footer__link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.footer__link:hover {
  color: var(--color-primary);
}
.footer__divider {
  border: none;
  border-top: 1px solid var(--color-border-subtle);
  margin: 2.5rem 0 1.875rem;
}
.footer__bottom {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
@media (min-width: 768px) {
  .footer__bottom {
    gap: 2.1875rem;
  }
}
@media (min-width: 1024px) {
  .footer__bottom {
    gap: 1.125rem;
  }
}
.footer__legal-nav {
  display: flex;
}
.footer__legal-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .footer__legal-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.625rem 3rem;
  }
}
@media (min-width: 1024px) {
  .footer__legal-list {
    gap: 1rem 1.5rem;
  }
}
.footer__legal-item {
  line-height: 1.1875rem;
}
.footer__legal-link {
  font-size: 0.875rem;
  line-height: 1.1875rem;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}
.footer__legal-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.footer__legal-link:hover {
  color: var(--color-primary);
  text-decoration: underline;
}
.footer__copyright {
  font-size: 0.875rem;
  color: var(--color-text-primary);
  line-height: 1.1875rem;
}
.footer__fino-link {
  color: var(--color-text-primary);
  text-decoration: underline;
  transition: color var(--transition-fast);
}
.footer__fino-link:hover {
  color: var(--color-primary);
}

.skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.skip-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.skip-link:focus {
  position: fixed;
  top: var(--space-md);
  left: var(--space-md);
  z-index: 9999;
  width: auto;
  height: auto;
  clip-path: none;
  background-color: var(--color-primary);
  color: var(--color-bg-primary);
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-sm);
  text-decoration: none;
  white-space: normal;
}

.cta-banner {
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  background-color: var(--color-surface-banner-v1);
  border-radius: var(--radius-banner);
  margin-top: var(--space-section-default);
  margin-bottom: var(--space-section-default);
  text-align: center;
}
.cta-banner__heading {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  margin-bottom: var(--space-gap-mobile);
}
@media (min-width: 1024px) {
  .cta-banner__heading {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
@media (min-width: 768px) {
  .cta-banner__heading {
    margin-bottom: var(--space-gap-tablet);
  }
}

.cta-section {
  position: relative;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.cta-section--has-bg {
  background-color: var(--color-bg-secondary);
}
.cta-section__dots {
  position: absolute;
  top: 2.5rem;
  right: -12.5rem;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 30rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 768px) {
  .cta-section__dots {
    display: block;
    right: -6.25rem;
    width: 50rem;
  }
}
@media (min-width: 1024px) {
  .cta-section__dots {
    top: 13rem;
    right: -7.5rem;
    width: 75rem;
    min-height: 40rem;
  }
}
[data-theme=light] .cta-section__dots {
  opacity: 0.5;
}
.cta-section__container {
  position: relative;
  z-index: 2;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.cta-section__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  max-width: 56.25rem;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
@media (min-width: 1024px) {
  .cta-section__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.cta-section__title-highlight {
  color: var(--color-primary);
  display: block;
  margin-top: 0.25rem;
}
.cta-section__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  max-width: 53.125rem;
  margin: 2.5rem auto 0;
  text-align: center;
  width: 100%;
}
@media (min-width: 1024px) {
  .cta-section__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.cta-section__badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  gap: 2rem;
  list-style: none;
  margin: 2.5rem auto 0;
  padding: 0;
  width: 100%;
}
.cta-section__badge {
  display: flex;
  justify-content: center;
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
}
[data-theme=light] .cta-section__badge {
  filter: drop-shadow(var(--shadow-image-lg-drop-light));
}
.cta-section__badge-img {
  display: block;
  width: var(--cta-section-badge-max-width, 12.5rem);
  max-width: 100%;
  height: auto;
}
.cta-section__badge-img[src$=".svg"] {
  aspect-ratio: 290/328;
}
.cta-section__badge-theme {
  display: block;
  width: 100%;
}
.cta-section__badge-theme--light {
  display: none;
}
[data-theme=light] .cta-section__badge-theme--dark {
  display: none;
}
[data-theme=light] .cta-section__badge-theme--light {
  display: block;
}
.cta-section__cta-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 2.5rem;
}
.cta-section__cta {
  margin-top: 0;
}
.cta-section--trial {
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}
.cta-section--trial .cta-section__container {
  width: auto;
  max-width: 80rem;
  align-items: stretch;
}
.cta-section--trial .cta-section__panel {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-radius: 0;
  padding: 0 1rem;
  background-color: transparent;
  box-shadow: none;
}
@media (min-width: 1024px) {
  .cta-section--trial .cta-section__panel {
    padding: 0;
  }
}
[data-theme=light] .cta-section--trial .cta-section__panel {
  box-shadow: none;
}
.cta-section--trial .cta-section__panel > :not(.cta-section__dots):not(.cta-section__glow) {
  position: relative;
  z-index: 1;
}
.cta-section--trial > .cta-section__glow {
  position: absolute;
  left: 50%;
  top: 52%;
  transform: translate(-50%, -50%);
  width: min(87.5rem, 96vw);
  height: min(38.75rem, 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  opacity: 0.3;
  background: radial-gradient(ellipse at center, rgba(68, 164, 220, 0.62) 0%, rgba(68, 164, 220, 0.34) 34%, rgba(68, 164, 220, 0.12) 56%, rgba(68, 164, 220, 0) 74%);
}
[data-theme=light] .cta-section--trial > .cta-section__glow {
  display: none;
}
.cta-section--trial > .cta-section__dots {
  display: none;
  top: 2.5rem;
  right: -12.5rem;
  left: auto;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 30rem;
  opacity: 0.3;
  z-index: 1;
  background-position: right top;
  background-size: contain;
}
@media (min-width: 768px) {
  .cta-section--trial > .cta-section__dots {
    display: block;
    right: -17.5rem;
    width: 25rem;
  }
}
@media (min-width: 1024px) {
  .cta-section--trial > .cta-section__dots {
    top: 5rem;
    right: -18.75rem;
    width: 38rem;
    min-height: 35rem;
  }
}
@media (min-width: 1280px) {
  .cta-section--trial > .cta-section__dots {
    right: -7.5rem;
    width: 62.5rem;
  }
}
[data-theme=light] .cta-section--trial > .cta-section__dots {
  opacity: 0.5;
}
.cta-section--trial .cta-section__title {
  max-width: 53.125rem;
  margin-bottom: 0;
}
.cta-section--trial .cta-section__title-highlight {
  margin-top: 0.5rem;
}
.cta-section--trial .cta-section__text {
  max-width: 50.9375rem;
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  .cta-section--trial .cta-section__text {
    margin-top: 2.5rem;
  }
}
.cta-section--trial .cta-section__badges {
  position: relative;
  gap: 1rem;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  flex-wrap: wrap;
}
.cta-section--trial .cta-section__badges:has(> .cta-section__badge:nth-child(3)) .cta-section__badge:not(:nth-child(2)) {
  display: none;
}
@media (min-width: 768px) {
  .cta-section--trial .cta-section__badges {
    flex-wrap: nowrap;
    gap: 1rem;
    max-width: 100%;
  }
  .cta-section--trial .cta-section__badges:has(> .cta-section__badge:nth-child(3)) .cta-section__badge:not(:nth-child(2)) {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .cta-section--trial .cta-section__badges {
    gap: 1.5rem;
    margin-top: 3rem;
  }
}
.cta-section--trial .cta-section__badges::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 58%;
  transform: translate(-50%, -50%);
  width: min(100%, 47.5rem);
  height: 68%;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse at center, rgba(68, 164, 220, 0.45) 0%, rgba(68, 164, 220, 0.18) 48%, rgba(68, 164, 220, 0) 72%);
}
[data-theme=light] .cta-section--trial .cta-section__badges::before {
  display: none;
}
.cta-section--trial .cta-section__badge {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  border: none;
  background-color: transparent;
  overflow: visible;
  box-shadow: none;
  filter: drop-shadow(0 0 2.5rem rgba(68, 164, 220, 0.85));
}
[data-theme=light] .cta-section--trial .cta-section__badge {
  filter: drop-shadow(0 0.625rem 1.75rem rgba(15, 23, 42, 0.18));
}
@media (min-width: 768px) {
  .cta-section--trial .cta-section__badge {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    max-width: 17.5rem;
  }
}
@media (min-width: 1024px) {
  .cta-section--trial .cta-section__badge {
    max-width: 25rem;
  }
}
.cta-section--trial .cta-section__badge-theme {
  height: auto;
}
.cta-section--trial .cta-section__badge-img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center bottom;
  margin-left: auto;
  margin-right: auto;
}
.cta-section--trial .cta-section__cta-wrap {
  justify-content: center;
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  .cta-section--trial .cta-section__cta-wrap {
    margin-top: 2.5rem;
  }
}
.cta-section--trial .cta-section__features {
  justify-content: center;
  width: 100%;
  max-width: 56.25rem;
  margin-top: 1.25rem;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .cta-section--trial .cta-section__features {
    gap: 0.75rem 2rem;
  }
}
.cta-section--trial .cta-section__check {
  color: var(--color-primary);
}
.cta-section--trial .cta-section__feature-text {
  color: var(--color-text-primary);
}
.cta-section__features {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.875rem;
  list-style: none;
  margin: 1.25rem auto 0;
  padding: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .cta-section__features {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.875rem 1.5rem;
  }
}
.cta-section__feature {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  white-space: nowrap;
}
.cta-section__check {
  display: flex;
  flex-shrink: 0;
  color: var(--color-icon-check-reassurance);
}
.cta-section__check-icon {
  display: block;
  width: 0.9375rem;
  height: 0.8125rem;
}
.cta-section__feature-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .cta-section__feature-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.cta-section__cta {
  margin-top: 2.5rem;
}

.hero-centered {
  position: relative;
  z-index: var(--z-section);
  overflow-x: clip;
  text-align: center;
  background-color: var(--color-bg-primary);
  transition: background-color var(--transition-base);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  padding-top: calc(var(--header-height) + var(--space-section-default));
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .hero-centered {
    padding-top: calc(var(--header-height) + var(--top-bar-height) + var(--space-section-default));
  }
}
.hero-centered[class*=__band] {
  padding-bottom: 0;
}
.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__subtitle {
  margin-bottom: 1rem;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__subtitle {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__subtitle {
    font-size: 1.25rem;
  }
}
.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__title {
  margin-bottom: 0.625rem;
}
.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__title > span:first-child {
  white-space: nowrap;
}
.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__desc {
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__desc {
    margin-bottom: 2.5rem;
  }
}
.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__checkmarks {
  gap: 0.75rem;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__checkmarks {
    gap: 2rem;
  }
}
.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__checkmark-item {
  justify-content: center;
}
@media (min-width: 768px) {
  .hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__checkmark-item {
    justify-content: flex-start;
  }
}
.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__checkmark-text {
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--color-text-heading);
}
[data-theme=light] .hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__checkmark-text {
  color: var(--color-text-primary);
}
.hero-centered__gradient-overlay {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10.0625rem;
  background-image: linear-gradient(-180deg, #ffffff 3.4%, rgba(255, 255, 255, 0) 83.6%);
  z-index: 5;
  display: none;
}
@media (min-width: 1024px) {
  .hero-centered__gradient-overlay {
    top: 2.5rem;
  }
}
[data-theme=light] .hero-centered__gradient-overlay {
  display: block;
}
.hero-centered__gradient-0-wrap {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-repeat: no-repeat;
  background-image: var(--glow-hero-left-mobile);
}
@media (min-width: 768px) {
  .hero-centered__gradient-0-wrap {
    background-image: var(--glow-hero-left-tablet);
  }
}
@media (min-width: 1024px) {
  .hero-centered__gradient-0-wrap {
    width: 105rem;
    height: 55.25rem;
    background-image: var(--glow-hero-left-desktop);
  }
}
.hero-centered__gradient-1-wrap {
  position: absolute;
  left: 0;
  top: 10.25rem;
  z-index: 2;
  width: 100%;
  height: 40.5rem;
  pointer-events: none;
  opacity: 0.5;
  background-repeat: no-repeat;
  background-image: var(--glow-hero-right-mobile);
}
@media (min-width: 768px) {
  .hero-centered__gradient-1-wrap {
    top: 16.3125rem;
    height: 58.3125rem;
    background-image: var(--glow-hero-right-tablet);
  }
}
@media (min-width: 1024px) {
  .hero-centered__gradient-1-wrap {
    top: 0;
    height: 95.1875rem;
    min-width: 105rem;
    background-image: var(--glow-hero-right-desktop);
  }
}
.hero-centered__dots {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.hero-centered__dots--left {
  top: 1rem;
  left: -75rem;
  width: 88.75rem;
  height: 30.625rem;
  background-size: contain;
}
@media (min-width: 768px) {
  .hero-centered__dots--left {
    left: -51.875rem;
  }
}
@media (min-width: 1024px) {
  .hero-centered__dots--left {
    left: -40.4375rem;
  }
}
.hero-centered__dots--right {
  display: none;
  top: 17.375rem;
  left: 32.3125rem;
  width: 88.75rem;
  height: 51.9375rem;
  background-size: contain;
  background-position: center;
}
@media (min-width: 768px) {
  .hero-centered__dots--right {
    display: block;
  }
}
@media (min-width: 1024px) {
  .hero-centered__dots--right {
    left: 65.625rem;
  }
}
.hero-centered__container {
  position: relative;
  z-index: 3;
}
.hero-centered__stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 64rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.hero-centered__subtitle {
  font-family: var(--font-primary);
  font-size: var(--type-header-headline-size);
  line-height: var(--type-header-headline-line-height);
  font-weight: var(--type-header-headline-weight);
  text-transform: var(--type-header-headline-transform);
  letter-spacing: 0.05em;
  color: var(--color-text-menu-main);
  text-transform: uppercase;
  letter-spacing: 0rem;
  margin-bottom: 0.625rem;
  font-weight: 500;
  font-size: 0.9375rem;
}
.hero-centered__subtitle--mixed-case {
  text-transform: none;
}
@media (min-width: 768px) {
  .hero-centered__subtitle {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .hero-centered__subtitle {
    font-size: 1.25rem;
  }
}
@media (min-width: 1280px) {
  .hero-centered__subtitle {
    font-size: 1.25rem;
  }
}
.hero-centered__title {
  font-family: var(--font-primary);
  font-size: 2.375rem;
  line-height: 2.9375rem;
  font-weight: 700;
  color: var(--color-text-heading);
  line-height: 1.1;
  margin-bottom: 0.625rem;
  font-weight: 700;
  letter-spacing: -0.0625rem;
  max-width: 77.1875rem;
  font-size: 2.375rem;
}
@media (min-width: 1024px) {
  .hero-centered__title {
    font-size: var(--type-h1-size);
    line-height: var(--type-h1-line-height);
  }
}
@media (min-width: 640px) {
  .hero-centered__title {
    font-size: 2.625rem;
  }
}
@media (min-width: 768px) {
  .hero-centered__title {
    font-size: 2.8125rem;
  }
}
@media (min-width: 1024px) {
  .hero-centered__title {
    font-size: 3.25rem;
  }
}
@media (min-width: 1280px) {
  .hero-centered__title {
    font-size: 3.75rem;
  }
}
.hero-centered__title > span {
  display: block;
}
.hero-centered .hero-centered__title.hero-centered__title--no-subline {
  margin-bottom: 2.5rem;
}
.hero-centered__title .hero-centered__title-highlight, .hero-centered__title-highlight,
.hero-centered .highlight-brand {
  color: var(--color-primary) !important;
}
.hero-centered__desc {
  font-family: var(--font-primary);
  font-size: var(--type-opening-size);
  line-height: var(--type-opening-line-height);
  font-weight: var(--type-opening-weight);
  color: var(--color-text-primary);
  margin-bottom: 2rem;
  max-width: 47.75rem;
  line-height: 1.6;
  padding: 0 1rem;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .hero-centered__desc {
    font-size: 0.9375rem;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .hero-centered__desc {
    font-size: 1.0625rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1280px) {
  .hero-centered__desc {
    font-size: 1.125rem;
  }
}
.hero-centered__image-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 3.75rem;
}
@media (min-width: 768px) {
  .hero-centered__image-row {
    gap: 1.5rem;
  }
}
.hero-centered__image-row-item {
  display: block;
  max-width: var(--hero-centered-image-row-item-max-width, 100%);
}
.hero-centered__image-row-media {
  display: block;
  width: 100%;
  height: auto;
}
.hero-centered__image-row-media--light {
  display: none;
}
.hero-centered__image-row-media--dark {
  display: block;
}
[data-theme=light] .hero-centered__image-row-media--light {
  display: block;
}
[data-theme=light] .hero-centered__image-row-media--dark {
  display: none;
}
.hero-centered__cta-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .hero-centered__cta-group {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.hero-centered__cta-secondary {
  font-weight: 600;
}
.hero-centered__checkmarks {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 3rem;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .hero-centered__checkmarks {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
  }
}
@media (min-width: 1024px) {
  .hero-centered__checkmarks {
    margin-bottom: 6.25rem;
  }
}
.hero-centered__checkmark-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.hero-centered__checkmark-icon {
  width: 1.125rem;
  height: 1.125rem;
  color: var(--color-icon-fill);
  flex-shrink: 0;
}
[data-theme=light] .hero-centered__checkmark-icon {
  color: var(--color-primary);
}
.hero-centered__checkmark-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  font-weight: 400;
}
@media (min-width: 1024px) {
  .hero-centered__checkmark-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.hero-centered__visual {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 61.25rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .hero-centered__visual {
    flex-direction: row;
    gap: 0;
  }
}
.hero-centered__visual--boxes {
  width: 100%;
  max-width: 100%;
  margin-top: 3rem;
}
@media (min-width: 1024px) {
  .hero-centered__visual--boxes {
    margin-top: 6.25rem;
  }
}
.hero-centered__visual--newsletter-form {
  width: 100%;
  max-width: 100%;
  margin-top: 6.25rem;
}
.hero-centered__form-title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin-bottom: 1.5rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .hero-centered__form-title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.hero-centered__form-desc {
  font-family: var(--font-primary);
  font-size: var(--type-opening-size);
  line-height: var(--type-opening-line-height);
  font-weight: var(--type-opening-weight);
  color: var(--color-text-primary);
  max-width: 47.0625rem;
  margin: 0 auto var(--gap-subtitle-content) auto;
  text-align: center;
}
.hero-centered__video-box, .hero-centered__image-box {
  position: relative;
  width: 100%;
  max-width: var(--hero-centered-image-box-max-width, 50.9375rem);
  margin: 0 auto;
  border-radius: var(--radius-box);
  background-color: transparent;
  border: none;
  outline: none;
  aspect-ratio: 815/459;
  overflow-x: clip;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
}
[data-theme=light] .hero-centered__video-box, [data-theme=light] .hero-centered__image-box {
  filter: drop-shadow(var(--shadow-image-lg-drop-light));
}
.hero-centered__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero-centered__image picture,
.hero-centered__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hero-centered__image--light {
  display: none;
}
.hero-centered__image--dark {
  display: block;
}
[data-theme=light] .hero-centered__image--light {
  display: block;
}
[data-theme=light] .hero-centered__image--dark {
  display: none;
}
.hero-centered__image-box--glow {
  overflow: visible;
}
.hero-centered__image-box--glow .hero-centered__image {
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
}
[data-theme=light] .hero-centered__image-box--glow .hero-centered__image {
  filter: drop-shadow(var(--shadow-image-lg-drop-light));
}
.hero-centered__video-box--local {
  aspect-ratio: auto;
  display: block;
}
.hero-centered__video-box--boxed {
  background-color: var(--color-surface-box-fill);
  border: var(--border-width-box-outline) solid var(--color-border-subtle);
  box-shadow: var(--shadow-elevation-sm-dark);
}
[data-theme=light] .hero-centered__video-box--boxed {
  box-shadow: var(--shadow-elevation-sm-light);
}
.hero-centered__video-box--full-width {
  max-width: none;
}
.hero-centered__stack:has(> .hero-centered__visual > .hero-centered__video-box--full-width) {
  max-width: none;
}
.hero-centered__stack:has(> .hero-centered__visual > .hero-centered__video-box--full-width) > *:not(.hero-centered__visual) {
  max-width: 64rem;
}
.hero-centered__stack:has(> .hero-centered__visual > .hero-centered__video-box--full-width) .hero-centered__visual {
  max-width: none;
}
.hero-centered__video {
  display: block;
  width: 100%;
  height: auto;
}
.hero-centered__video--light {
  display: none;
}
.hero-centered__video--dark {
  display: block;
}
[data-theme=light] .hero-centered__video--light {
  display: block;
}
[data-theme=light] .hero-centered__video--dark {
  display: none;
}
.hero-centered__poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#onboarding-webinar-hero .hero-centered__poster, #three-minutes-hero .hero-centered__poster, #mediathek-hero .hero-centered__poster {
  border-radius: var(--radius-box);
}
.hero-centered__poster--light {
  display: none !important;
}
.hero-centered__poster--dark {
  display: block !important;
}
[data-theme=light] .hero-centered__poster--light {
  display: block !important;
}
[data-theme=light] .hero-centered__poster--dark {
  display: none !important;
}
.hero-centered__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.hero-centered__badges {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  z-index: 3;
  margin-bottom: -2rem;
}
@media (min-width: 768px) {
  .hero-centered__badges {
    gap: 1.5rem;
    margin-bottom: -3rem;
  }
}
.hero-centered__badge {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  width: 4rem;
  transition: transform var(--transition-base);
}
@media (min-width: 768px) {
  .hero-centered__badge {
    height: 5.25rem;
    width: 5.25rem;
  }
}
.hero-centered__badge:hover, .hero-centered__badge:focus-within {
  z-index: var(--z-raised);
  transform: scale(var(--scale-hover-box));
}
@media (prefers-reduced-motion: reduce) {
  .hero-centered__badge:hover, .hero-centered__badge:focus-within {
    transform: none;
  }
}
.hero-centered__badge-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
@media (min-width: 1024px) {
  .hero-centered--tight-top {
    padding-top: calc(1.375rem + var(--header-height) + 2.5rem);
  }
}

[data-theme=light] #rechnungen-automatisch-herunterladen-hero .hero-centered__video-box,
[data-theme=light] #rechnungen-automatisch-herunterladen-hero .hero-centered__image-box {
  box-shadow: none;
  filter: none;
}

@media (min-width: 1024px) {
  #smarte-apps-hero .hero-centered__visual--boxes {
    margin-top: 3.75rem;
  }
}

.hero-left {
  position: relative;
  overflow-x: clip;
  background-color: var(--color-bg-primary);
  transition: background-color var(--transition-base);
  text-align: left;
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  padding-top: calc(var(--header-height) + var(--space-section-default));
}
@media (min-width: 1024px) {
  .hero-left {
    padding-top: calc(var(--header-height) + var(--top-bar-height) + var(--space-section-default));
  }
}
.hero-left__gradient-overlay {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10.0625rem;
  background-image: linear-gradient(-180deg, #ffffff 3.4%, rgba(255, 255, 255, 0) 83.6%);
  z-index: 5;
  display: none;
}
@media (min-width: 1024px) {
  .hero-left__gradient-overlay {
    top: 2.5rem;
  }
}
[data-theme=light] .hero-left__gradient-overlay {
  display: block;
}
.hero-left__gradient-0-wrap {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-repeat: no-repeat;
  background-image: var(--glow-hero-left-mobile);
}
@media (min-width: 768px) {
  .hero-left__gradient-0-wrap {
    background-image: var(--glow-hero-left-tablet);
  }
}
@media (min-width: 1536px) {
  .hero-left__gradient-0-wrap {
    width: 105rem;
    height: 55.25rem;
    background-image: var(--glow-hero-left-desktop);
  }
}
.hero-left__gradient-1-wrap {
  position: absolute;
  left: 0;
  top: 10.25rem;
  z-index: 2;
  width: 100%;
  height: 40.5rem;
  pointer-events: none;
  opacity: 0.5;
  background-repeat: no-repeat;
  background-image: var(--glow-hero-right-mobile);
}
@media (min-width: 768px) {
  .hero-left__gradient-1-wrap {
    top: 16.3125rem;
    height: 58.3125rem;
    background-image: var(--glow-hero-right-tablet);
  }
}
@media (min-width: 1536px) {
  .hero-left__gradient-1-wrap {
    top: 0;
    height: 95.1875rem;
    min-width: 105rem;
    background-image: var(--glow-hero-right-desktop);
  }
}
.hero-left__dots {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.hero-left__dots--left {
  top: 1rem;
  left: -75rem;
  width: 75rem;
  height: 30.625rem;
  background-size: contain;
}
@media (min-width: 768px) {
  .hero-left__dots--left {
    left: -51.875rem;
  }
}
@media (min-width: 1536px) {
  .hero-left__dots--left {
    width: 88.75rem;
    left: -40.4375rem;
  }
}
.hero-left__dots--right {
  display: none;
  top: 17.375rem;
  left: auto;
  right: -40.4375rem;
  width: 88.75rem;
  height: 51.9375rem;
  background-size: contain;
  background-position: left center;
}
@media (min-width: 768px) {
  .hero-left__dots--right {
    display: block;
    right: -35.4375rem;
  }
}
@media (min-width: 1536px) {
  .hero-left__dots--right {
    left: 65.625rem;
    right: auto;
    background-position: center;
  }
}
.hero-left__container {
  position: relative;
  z-index: 3;
}
.hero-left__layout {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .hero-left__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 36.5rem);
    gap: 4.125rem;
    align-items: center;
  }
}
.hero-left__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.hero-left__eyebrow {
  font-family: var(--font-primary);
  font-size: var(--type-header-headline-size);
  line-height: var(--type-header-headline-line-height);
  font-weight: var(--type-header-headline-weight);
  text-transform: var(--type-header-headline-transform);
  letter-spacing: 0.05em;
  color: var(--color-text-menu-main);
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0 0 0.625rem;
  font-weight: 500;
  font-size: 0.9375rem;
}
.hero-left__eyebrow--mixed-case {
  text-transform: none;
}
@media (min-width: 768px) {
  .hero-left__eyebrow {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .hero-left__eyebrow {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}
.hero-left__title {
  font-family: var(--font-primary);
  font-size: 2.375rem;
  line-height: 2.9375rem;
  font-weight: 700;
  color: var(--color-text-heading);
  line-height: 1.1;
  margin: 0 0 1.5rem;
  font-weight: 700;
  letter-spacing: -0.0625rem;
  font-size: 2.375rem;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
  overflow-wrap: break-word;
}
@media (min-width: 1024px) {
  .hero-left__title {
    font-size: var(--type-h1-size);
    line-height: var(--type-h1-line-height);
  }
}
@media (min-width: 640px) {
  .hero-left__title {
    font-size: 2.625rem;
  }
}
@media (min-width: 768px) {
  .hero-left__title {
    font-size: 2.8125rem;
  }
}
@media (min-width: 1024px) {
  .hero-left__title {
    font-size: 3.25rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 1280px) {
  .hero-left__title {
    font-size: 3.75rem;
  }
}
.hero-left__title-line {
  display: block;
}
.hero-left__title-highlight {
  color: inherit;
}
[data-theme=light] .hero-left__title-highlight {
  color: var(--color-primary);
}
.hero-left__desc {
  font-family: var(--font-primary);
  font-size: var(--type-opening-size);
  line-height: var(--type-opening-line-height);
  font-weight: var(--type-opening-weight);
  color: var(--color-text-primary);
  margin: 0 0 2rem;
  max-width: 38.125rem;
  line-height: 1.6;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .hero-left__desc {
    font-size: 0.9375rem;
  }
}
@media (min-width: 1024px) {
  .hero-left__desc {
    font-size: 1.0625rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1280px) {
  .hero-left__desc {
    font-size: 1.125rem;
  }
}
.hero-left__cta-group {
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .hero-left__cta-group {
    margin-bottom: 2rem;
  }
}
.hero-left__checkmarks {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hero-left__checkmark-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.hero-left__checkmark-icon {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  color: var(--color-icon-fill);
}
[data-theme=light] .hero-left__checkmark-icon {
  color: var(--color-primary);
}
.hero-left__checkmark-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--color-text-heading);
  font-weight: 400;
}
@media (min-width: 1024px) {
  .hero-left__checkmark-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
[data-theme=light] .hero-left__checkmark-text {
  color: var(--color-text-primary);
}
.hero-left__visual {
  position: relative;
  width: 100%;
}
.hero-left__visual--sized {
  max-width: var(--hero-left-image-max-width, 100%);
  margin-inline: auto;
}
@media (min-width: 1024px) {
  .hero-left__visual--sized {
    margin-inline: auto 0;
  }
}
.hero-left__image-wrap {
  width: 100%;
}
.hero-left__image-wrap--light {
  display: none;
}
.hero-left__image-wrap--dark {
  display: block;
}
[data-theme=light] .hero-left__image-wrap--light {
  display: block;
}
[data-theme=light] .hero-left__image-wrap--dark {
  display: none;
}
.hero-left__anim {
  position: absolute;
  left: 2.8%;
  top: 76.8%;
  width: 51.8%;
  height: 18.3%;
  object-fit: contain;
  background-color: #fff;
  border-radius: 1rem;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
  .hero-left__anim {
    display: none;
  }
}
.hero-left__pause-btn {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background-color: rgba(6, 6, 8, 0.65);
  border: none;
  cursor: pointer;
  color: var(--color-text-on-scrim, #ffffff);
  z-index: 5;
  transition: background-color var(--transition-quick), transform var(--transition-base);
}
.hero-left__pause-btn:hover, .hero-left__pause-btn:focus-within {
  transform: scale(var(--scale-hover-icon));
}
@media (prefers-reduced-motion: reduce) {
  .hero-left__pause-btn:hover, .hero-left__pause-btn:focus-within {
    transform: none;
  }
}
.hero-left__pause-btn:hover {
  background-color: rgba(6, 6, 8, 0.85);
}
.hero-left__pause-btn[aria-pressed=true] .hero-left__pause-icon--pause {
  display: none;
}
.hero-left__pause-btn[aria-pressed=true] .hero-left__pause-icon--play {
  display: block;
}
.hero-left__pause-btn[aria-pressed=false] .hero-left__pause-icon--pause {
  display: block;
}
.hero-left__pause-btn[aria-pressed=false] .hero-left__pause-icon--play {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .hero-left__pause-btn {
    display: none;
  }
}
.hero-left__pause-icon {
  width: 1rem;
  height: 1rem;
  display: block;
}
.hero-left__badges {
  position: absolute;
  bottom: -0.625rem;
  left: -1.25rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  z-index: 2;
}
@media (min-width: 768px) {
  .hero-left__badges {
    bottom: 1.25rem;
    left: -1.875rem;
  }
}
.hero-left__badge {
  width: 5rem;
  height: 5rem;
  object-fit: contain;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15));
}
@media (min-width: 768px) {
  .hero-left__badge {
    width: 6.25rem;
    height: 6.25rem;
  }
}
.hero-left__badge + .hero-left__badge {
  margin-left: -1.875rem;
  z-index: 1;
}
.hero-left__badge:first-child {
  z-index: 2;
}
.hero-left__badge--light {
  display: none;
}
.hero-left__badge--dark {
  display: block;
}
[data-theme=light] .hero-left__badge--light {
  display: block;
}
[data-theme=light] .hero-left__badge--dark {
  display: none;
}
.hero-left__image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: var(--radius-box, 1.25rem);
}
@media (min-width: 1024px) {
  .hero-left__visual--sized .hero-left__image {
    transform: none;
  }
}
.hero-left__visual--glow .hero-left__image {
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
}
[data-theme=light] .hero-left__visual--glow .hero-left__image {
  filter: drop-shadow(var(--shadow-image-lg-drop-light));
}

body:not(.is-home) #main:has(> .hero-left) {
  padding-top: 0;
}
body:not(.is-home) .hero-left .hero-left__title-highlight {
  color: var(--color-primary);
}

.blog-article__intro {
  margin-bottom: 6.25rem;
}
@media (min-width: 1024px) {
  .blog-article__intro {
    margin-bottom: 6.25rem;
  }
}
.blog-article__intro .hero-left__eyebrow {
  margin-bottom: 0.5625rem;
}
.blog-article__intro .hero-left__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  margin-bottom: 0;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .blog-article__intro .hero-left__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.blog-article__share {
  margin-top: 1.25rem;
}
.blog-article__share-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-article__share-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-card-soft);
  background-color: var(--blog-share-bg);
  color: var(--blog-share-icon-color);
  cursor: pointer;
  text-decoration: none;
  transition: background-color var(--transition-fast);
}
.blog-article__share-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.blog-article__share-link:hover, .blog-article__share-link:focus, .blog-article__share-link:focus-visible {
  background-color: var(--color-surface-social-icon-hover);
  color: var(--blog-share-icon-color);
}
.blog-article__share-link svg,
.blog-article__share-link svg path,
.blog-article__share-link .blog-article__share-icon {
  fill: currentColor;
}
.blog-article__share-icon {
  display: flex;
  width: 1.125rem;
  height: 1.125rem;
  color: var(--blog-share-icon-color);
  fill: currentColor;
}
.blog-article__share-icon svg, .blog-article__share-icon-svg,
.blog-article__share-icon .blog-article__share-icon-svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: currentColor;
}
.blog-article__share-icon path {
  fill: currentColor;
}
.blog-article__featured {
  margin: 0 0 1.5rem;
  padding: 0;
  overflow: hidden;
  background-color: var(--color-surface-media-well);
  border-radius: var(--radius-card-soft);
}
.blog-article__featured picture {
  display: block;
  width: 100%;
}
.blog-article__featured img,
.blog-article__featured .blog-article__featured-img,
.blog-article__featured img.attachment-large,
.blog-article__featured img.size-large,
.blog-article__featured img[class*=wp-image-] {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  border: 0;
  border-radius: var(--radius-card-soft);
  vertical-align: middle;
}
.blog-article__featured-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-card-soft);
}
.blog-article__layout {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  width: 100%;
  max-width: 79.0625rem;
  margin: 0;
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  .blog-article__layout {
    display: grid;
    grid-template-columns: minmax(0, 50.9375rem) minmax(0, 24rem);
    gap: 4.125rem;
    align-items: start;
  }
}
.blog-article__primary {
  width: 100%;
  max-width: 50.9375rem;
  padding: 1.25rem;
}
@media (min-width: 768px) {
  .blog-article__primary {
    padding: 2.5rem;
  }
}
.blog-article__sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.blog-article__back {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--color-text-link);
  text-decoration: none;
}
.blog-article__back:hover, .blog-article__back:focus-visible {
  color: var(--color-primary);
}
.blog-article__back-arrow {
  text-decoration: none;
}
.blog-article__back-text {
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
[data-theme=light] .blog-article__back-text {
  text-decoration: none;
}
.blog-article__related {
  padding: 1.875rem;
}
.blog-article__related-heading {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  margin: 0 0 1.5rem;
}
@media (min-width: 1024px) {
  .blog-article__related-heading {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.blog-article__related-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625rem;
}
.blog-article__related-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-article__related-list li {
  margin-bottom: 1.5rem;
}
.blog-article__related-list li:last-child {
  margin-bottom: 0;
}
.blog-article__related-list a {
  display: block;
  color: var(--color-text-link);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625rem;
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
[data-theme=light] .blog-article__related-list a {
  text-decoration: none;
}
.blog-article__related-list a:hover, .blog-article__related-list a:focus-visible {
  color: var(--color-primary);
}
.blog-article__related-list time {
  display: block;
  margin-top: 0.625rem;
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: var(--type-menu-size);
  line-height: var(--type-menu-line-height);
  font-weight: var(--type-menu-weight);
  font-size: 1rem;
}
.blog-article .footer-banner-section__container {
  max-width: calc(var(--width-content) + var(--space-h-desktop) * 2);
}

.blog-article__body {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 400;
  color: var(--color-text-primary);
}
.blog-article__body p,
.blog-article__body .blog-info-box p,
.blog-article__body .blog-conclusion-box p,
.blog-article__body .blog-llm-box p,
.blog-article__body .blog-llm-box ul,
.blog-article__body .blog-info-box__text,
.blog-article__body .blog-conclusion-box__text,
.blog-article__body .blog-llm-box__text,
.blog-article__body .blog-llm-box__list,
.blog-article__body .blog-single-blue-jetzt-testen p {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 400;
}
.blog-article__body p {
  margin: 0 0 0.625rem;
}
.blog-article__body strong,
.blog-article__body b {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5625rem;
}
.blog-article__body a {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625rem;
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
  overflow-wrap: anywhere;
  transition: color var(--transition-fast);
}
[data-theme=light] .blog-article__body a {
  text-decoration: none;
}
.blog-article__body a:hover, .blog-article__body a:focus-visible {
  color: var(--color-primary);
}
.blog-article__body .footnote,
.blog-article__body small {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.blog-article__body h2 {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  text-align: left;
  margin: 2.5rem 0 1.25rem;
}
@media (min-width: 1024px) {
  .blog-article__body h2 {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.blog-article__body h3 {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  text-align: left;
  margin: 1.875rem 0 1.25rem;
}
@media (min-width: 1024px) {
  .blog-article__body h3 {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.blog-article__body h4 {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  text-align: left;
  margin: 0.625rem 0;
}
@media (min-width: 1024px) {
  .blog-article__body h4 {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.blog-article__body > h2:first-child,
.blog-article__body > h3:first-child,
.blog-article__body > h4:first-child,
.blog-article__body > figure:first-child + h2,
.blog-article__body > figure:first-child + h3,
.blog-article__body > img:first-child + h2,
.blog-article__body > img:first-child + h3,
.blog-article__body > p:first-child:has(> img) + h2,
.blog-article__body > p:first-child:has(> img) + h3 {
  margin-top: 0;
}
.blog-article__body ul,
.blog-article__body ol {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 400;
  margin: 0 0 0.625rem;
  color: var(--color-text-primary);
}
.blog-article__body ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.25em;
}
.blog-article__body ul ul {
  margin-top: 0.625rem;
  margin-bottom: 0;
  padding-left: 1.5rem;
}
.blog-article__body ol {
  list-style-position: outside;
  padding-left: 1.5em;
}
.blog-article__body ol ol {
  margin-top: 0.625rem;
  margin-bottom: 0;
  padding-left: 2rem;
}
.blog-article__body li {
  margin: 0;
  padding: 0;
}
.blog-article__body li + li {
  margin-top: 0.625rem;
}
.blog-article__body .wp-caption img, .blog-article__body img.alignnone,
.blog-article__body img.aligncenter,
.blog-article__body img.alignleft,
.blog-article__body img.alignright,
.blog-article__body img.attachment-large,
.blog-article__body img.size-large,
.blog-article__body img.attachment-full,
.blog-article__body img.size-full,
.blog-article__body img[class*=wp-image-], .blog-article__body figure.wp-block-image > img, .blog-article__body figure.blog-content-image > img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0.625rem;
  border: 0;
  background-color: var(--color-surface-media-well);
  border-radius: var(--radius-card-soft);
}
.blog-article__body .wp-caption-text, .blog-article__body figure.wp-block-image figcaption, .blog-article__body figure.blog-content-image figcaption {
  margin: 0.5rem 0 0;
  padding: 0;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-text-primary);
  text-align: left;
  background: transparent;
}
.blog-article__body figure.blog-content-image {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 2.5rem 0;
  padding: 0;
  background: transparent;
  border: 0;
}
.blog-article__body figure.wp-block-image {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 2.5rem 0;
  padding: 0;
  background: transparent;
  border: 0;
}
.blog-article__body .wp-block-gallery figure.wp-block-image {
  margin: 0;
  width: auto;
  max-width: none;
}
.blog-article__body .wp-block-gallery figure.wp-block-image > img {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  padding: 0;
  object-fit: cover;
  object-position: center;
  background-color: transparent;
  border-radius: var(--radius-card-soft);
}
.blog-article__body .wp-block-gallery figure.wp-block-image figcaption {
  display: none;
}
.blog-article__body p:has(> img.alignnone:only-child),
.blog-article__body p:has(> img.aligncenter:only-child),
.blog-article__body p:has(> img.alignleft:only-child),
.blog-article__body p:has(> img.alignright:only-child),
.blog-article__body p:has(> img.size-large:only-child),
.blog-article__body p:has(> img.size-full:only-child),
.blog-article__body p:has(> img.attachment-large:only-child),
.blog-article__body p:has(> img.attachment-full:only-child),
.blog-article__body p:has(> img[class*=wp-image-]:only-child) {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 2.5rem 0;
  padding: 0.625rem;
  overflow: hidden;
  background-color: var(--color-surface-media-well);
  border-radius: var(--radius-card-soft);
}
.blog-article__body p:has(> img.alignnone:only-child) > img,
.blog-article__body p:has(> img.aligncenter:only-child) > img,
.blog-article__body p:has(> img.alignleft:only-child) > img,
.blog-article__body p:has(> img.alignright:only-child) > img,
.blog-article__body p:has(> img.size-large:only-child) > img,
.blog-article__body p:has(> img.size-full:only-child) > img,
.blog-article__body p:has(> img.attachment-large:only-child) > img,
.blog-article__body p:has(> img.attachment-full:only-child) > img,
.blog-article__body p:has(> img[class*=wp-image-]:only-child) > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
}
.blog-article__body img.alignnone,
.blog-article__body img.aligncenter,
.blog-article__body img.alignleft,
.blog-article__body img.alignright,
.blog-article__body img.attachment-large,
.blog-article__body img.size-large,
.blog-article__body img.attachment-full,
.blog-article__body img.size-full,
.blog-article__body img[class*=wp-image-] {
  margin: 2.5rem 0;
}
.blog-article__body p:has(> img:only-child) > img.alignnone,
.blog-article__body p:has(> img:only-child) > img.aligncenter,
.blog-article__body p:has(> img:only-child) > img.alignleft,
.blog-article__body p:has(> img:only-child) > img.alignright,
.blog-article__body p:has(> img:only-child) > img.attachment-large,
.blog-article__body p:has(> img:only-child) > img.size-large,
.blog-article__body p:has(> img:only-child) > img.attachment-full,
.blog-article__body p:has(> img:only-child) > img.size-full,
.blog-article__body p:has(> img:only-child) > img[class*=wp-image-] {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
.blog-article__body .wp-caption {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 2.5rem 0;
  padding: 0;
  background: transparent;
}
.blog-article__body .cloud-module-row {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  position: relative;
  margin: 2.5rem 0;
  padding: 1.875rem;
  background-color: var(--color-surface-box-fill);
  border-radius: var(--radius-banner);
  box-shadow: var(--shadow-blog-glow-ring-dark), var(--shadow-banner-v2-dark);
  color: var(--color-text-heading);
  transition: background-color var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=light] .blog-article__body .cloud-module-row {
  background-color: var(--color-bg-primary);
  box-shadow: var(--shadow-blog-glow-ring-light), var(--shadow-banner-v2-light);
}
@media (min-width: 1024px) {
  .blog-article__body .cloud-module-row {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 3.5rem;
  }
}
.blog-article__body .cmr-image {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 11.8125rem;
  height: 12.5rem;
  border-radius: 1.25rem;
  overflow: hidden;
}
.blog-article__body .cmr-image img {
  box-sizing: border-box;
  display: block;
  width: 11.8125rem;
  height: 12.5rem;
  margin: 0;
  border-radius: 1.25rem;
  object-fit: cover;
}
.blog-article__body .cmr-content {
  flex: 1;
  width: 100%;
  min-width: 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .blog-article__body .cmr-content {
    text-align: left;
  }
}
.blog-article__body .cmr-sub-heading {
  margin: 0 0 0.5rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-text-heading);
}
.blog-article__body .cmr-content h2 {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  margin: 0 0 1.5rem;
  color: var(--color-text-heading);
  text-align: center;
}
@media (min-width: 1024px) {
  .blog-article__body .cmr-content h2 {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
@media (min-width: 1024px) {
  .blog-article__body .cmr-content h2 {
    text-align: left;
  }
}
.blog-article__body a.btn.btn-click-goal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 12.0625rem;
  height: 2.75rem;
  margin-top: 0;
  padding: 0.75rem 1.125rem 0.8125rem;
  border: none;
  border-radius: var(--radius-btn);
  background-color: var(--color-primary-btn-fill);
  color: var(--color-text-btn-primary);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), color var(--transition-base);
}
.blog-article__body a.btn.btn-click-goal:hover, .blog-article__body a.btn.btn-click-goal:focus-visible {
  background-color: var(--color-primary-btn-fill-hover);
  color: var(--color-text-btn-primary);
}
.blog-article__body .blog-single-blue-jetzt-testen {
  box-sizing: border-box;
  margin: 2.5rem 0;
  padding: 1.875rem;
  border-radius: var(--radius-banner);
  background-color: var(--color-surface-box-fill);
  background-image: var(--gradient-banner-v2);
  box-shadow: var(--shadow-blog-glow-ring-dark), var(--shadow-banner-v2-dark);
  color: var(--color-text-heading);
  text-align: center;
  transition: background-color var(--transition-base), background-image var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=light] .blog-article__body .blog-single-blue-jetzt-testen {
  box-shadow: var(--shadow-banner-v2-light);
}
.blog-article__body .blog-single-blue-jetzt-testen > div {
  box-sizing: border-box;
  max-width: 45rem;
  margin: 0 auto;
}
.blog-article__body .blog-single-blue-jetzt-testen h2 {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  margin: 0 0 1rem;
  color: var(--color-text-heading);
  text-align: center;
}
@media (min-width: 1024px) {
  .blog-article__body .blog-single-blue-jetzt-testen h2 {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.blog-article__body .blog-single-blue-jetzt-testen p {
  font-family: var(--font-primary);
  font-size: var(--type-body-size);
  line-height: var(--type-body-line-height);
  font-weight: var(--type-body-weight);
  margin: 0 0 1.5rem;
  color: var(--color-text-primary);
  text-align: center;
}
.blog-article__body .blog-single-blue-jetzt-testen p:last-child {
  margin-bottom: 0;
}
.blog-article__body .blog-single-blue-jetzt-testen a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 12.0625rem;
  height: 2.75rem;
  margin-top: 0;
  padding: 0.75rem 1.125rem 0.8125rem;
  border: none;
  border-radius: var(--radius-btn);
  background-color: var(--color-primary-btn-fill);
  color: var(--color-text-btn-primary);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), color var(--transition-base);
}
.blog-article__body .blog-single-blue-jetzt-testen a:hover, .blog-article__body .blog-single-blue-jetzt-testen a:focus-visible {
  background-color: var(--color-primary-btn-fill-hover);
  color: var(--color-text-btn-primary);
}
.blog-article__body .blog-single-blue-jetzt-testen a span {
  color: inherit;
}
.blog-article__body .blog-single-blue-jetzt-testen > div > p:last-child {
  margin-bottom: 0;
}
.blog-article__body .blog-info-box,
.blog-article__body .blog-conclusion-box {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin: 2.5rem 0;
  padding: 1.875rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  color: var(--color-text-heading);
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
@media (min-width: 768px) {
  .blog-article__body .blog-info-box,
  .blog-article__body .blog-conclusion-box {
    flex-direction: row;
    gap: 1.25rem;
  }
}
.blog-article__body .blog-info-box__icon,
.blog-article__body .blog-conclusion-box__icon {
  flex-shrink: 0;
  display: block;
  box-sizing: border-box;
  width: 3.75rem;
  height: 3.75rem;
  margin: 0;
  border-radius: var(--radius-full);
  background-color: var(--color-primary);
  background-repeat: no-repeat;
  background-position: center;
}
.blog-article__body .blog-info-box__icon {
  background-image: url("/icons/ui/normal_u442.svg");
  background-size: 2rem;
}
.blog-article__body .blog-conclusion-box__icon {
  background-image: url("/icons/ui/normal_u469.svg");
  background-size: 2.5rem 2rem;
}
.blog-article__body .blog-info-box__content,
.blog-article__body .blog-conclusion-box__content {
  flex: 1;
  min-width: 0;
}
.blog-article__body .blog-info-box h3,
.blog-article__body .blog-conclusion-box h3,
.blog-article__body .blog-info-box__title,
.blog-article__body .blog-conclusion-box__title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  margin: 0 0 0.75rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .blog-article__body .blog-info-box h3,
  .blog-article__body .blog-conclusion-box h3,
  .blog-article__body .blog-info-box__title,
  .blog-article__body .blog-conclusion-box__title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.blog-article__body .blog-info-box p,
.blog-article__body .blog-conclusion-box p,
.blog-article__body .blog-info-box__text,
.blog-article__body .blog-conclusion-box__text {
  font-family: var(--font-primary);
  font-size: var(--type-body-size);
  line-height: var(--type-body-line-height);
  font-weight: var(--type-body-weight);
  margin: 0 0 1rem;
  color: var(--color-text-primary);
}
.blog-article__body .blog-info-box p:last-child,
.blog-article__body .blog-conclusion-box p:last-child,
.blog-article__body .blog-info-box__text:last-child,
.blog-article__body .blog-conclusion-box__text:last-child {
  margin-bottom: 0;
}
.blog-article__body .blog-info-box__content > a,
.blog-article__body .blog-conclusion-box__content > a,
.blog-article__body .blog-info-box__link,
.blog-article__body .blog-conclusion-box__link {
  display: inline;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
[data-theme=light] .blog-article__body .blog-info-box__content > a,
[data-theme=light] .blog-article__body .blog-conclusion-box__content > a,
[data-theme=light] .blog-article__body .blog-info-box__link,
[data-theme=light] .blog-article__body .blog-conclusion-box__link {
  text-decoration: none;
}
.blog-article__body .blog-info-box__content > a:hover, .blog-article__body .blog-info-box__content > a:focus-visible,
.blog-article__body .blog-conclusion-box__content > a:hover,
.blog-article__body .blog-conclusion-box__content > a:focus-visible,
.blog-article__body .blog-info-box__link:hover,
.blog-article__body .blog-info-box__link:focus-visible,
.blog-article__body .blog-conclusion-box__link:hover,
.blog-article__body .blog-conclusion-box__link:focus-visible {
  color: var(--color-primary);
}
.blog-article__body .blog-llm-box {
  box-sizing: border-box;
  margin: 2.5rem 0;
  padding: 1.5rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-top: 0.4375rem solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: var(--color-text-heading);
  box-shadow: var(--shadow-elevation-sm-dark);
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=light] .blog-article__body .blog-llm-box {
  box-shadow: var(--shadow-elevation-sm-light);
}
@media (min-width: 768px) {
  .blog-article__body .blog-llm-box {
    padding: 2rem;
  }
}
.blog-article__body .blog-llm-box h3,
.blog-article__body .blog-llm-box__title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  margin: 0 0 1.875rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .blog-article__body .blog-llm-box h3,
  .blog-article__body .blog-llm-box__title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.blog-article__body .blog-llm-box > p,
.blog-article__body .blog-llm-box__text {
  font-family: var(--font-primary);
  font-size: var(--type-body-size);
  line-height: var(--type-body-line-height);
  font-weight: var(--type-body-weight);
  margin: 0 0 1rem;
  color: var(--color-text-primary);
}
.blog-article__body .blog-llm-box > ul,
.blog-article__body .blog-llm-box__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog-article__body .blog-llm-box > ul > li,
.blog-article__body .blog-llm-box__list > li {
  position: relative;
  padding-left: calc(0.9375rem + var(--space-sm));
  font-family: var(--font-primary);
  font-size: var(--type-body-size);
  line-height: var(--type-body-line-height);
  font-weight: var(--type-body-weight);
  color: var(--color-text-primary);
}
.blog-article__body .blog-llm-box > ul > li + li,
.blog-article__body .blog-llm-box__list > li + li {
  margin-top: var(--space-sm);
}
.blog-article__body .blog-llm-box > ul > li::before,
.blog-article__body .blog-llm-box__list > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.9375rem;
  height: 1.25rem;
  background-color: var(--color-text-heading);
  -webkit-mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
  mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
}
@media (min-width: 1024px) {
  .blog-article__body .blog-llm-box > ul > li::before,
  .blog-article__body .blog-llm-box__list > li::before {
    height: var(--type-body-line-height);
  }
}
.blog-article__body .blog-llm-box > ul > li strong,
.blog-article__body .blog-llm-box__list > li strong {
  font-weight: 700;
  color: var(--color-text-heading);
}
.blog-article__body .wp-block-table {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 2.5rem 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.blog-article__body .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}
.blog-article__body .wp-block-table table.has-fixed-layout {
  table-layout: fixed;
}
.blog-article__body .wp-block-table th,
.blog-article__body .wp-block-table td {
  box-sizing: border-box;
  padding: 0.875rem 0.75rem;
  border: none;
  border-bottom: 1px solid var(--color-border-subtle);
  vertical-align: top;
  text-align: left;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-text-primary);
  overflow-wrap: break-word;
}
.blog-article__body .wp-block-table th,
.blog-article__body .wp-block-table thead td {
  font-weight: 700;
  color: var(--color-text-heading);
}
.blog-article__body .wp-block-table table:not(:has(thead)) tbody tr:first-child td {
  font-weight: 700;
  color: var(--color-text-heading);
}
.blog-article__body .wp-block-table tbody tr:last-child th,
.blog-article__body .wp-block-table tbody tr:last-child td {
  border-bottom: 1px solid var(--color-border-subtle);
}
.blog-article__body .faq-section-blog {
  margin: 2.5rem 0;
}
.blog-article__body .faq-row-blog {
  display: block;
  width: 100%;
  margin: 2.5rem 0;
}
.faq-section-blog .blog-article__body .faq-row-blog {
  margin: 0;
}
.blog-article__body .faq-col-blog {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid var(--color-border-subtle);
}
.blog-article__body .faq-trigger-blog {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0;
  padding: 1.25rem 2.5rem 1.25rem 0;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5625rem;
  color: var(--color-text-heading);
}
.blog-article__body .faq-trigger-blog strong,
.blog-article__body .faq-trigger-blog h4 {
  margin: 0;
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.blog-article__body .faq-trigger-blog:hover, .blog-article__body .faq-trigger-blog:focus-visible {
  color: var(--color-primary);
}
.blog-article__body .faq-trigger-blog:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.blog-article__body .faq-trigger-blog::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--color-primary);
  -webkit-mask: url("/icons/ui/chevron-right.svg") no-repeat center/contain;
  mask: url("/icons/ui/chevron-right.svg") no-repeat center/contain;
  transform: translateY(-50%) rotate(0deg);
  transition: transform var(--transition-accordion);
  pointer-events: none;
}
.blog-article__body .faq-trigger-blog.active::after {
  transform: translateY(-50%) rotate(90deg);
}
.blog-article__body .faq-container-blog {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows var(--transition-accordion), visibility var(--transition-accordion);
}
.blog-article__body .faq-container-blog > * {
  min-height: 0;
  overflow: hidden;
}
.blog-article__body .faq-container-blog .faq-container-blog__inner {
  min-height: 0;
  overflow: hidden;
}
.blog-article__body .faq-container-blog p {
  margin: 0 0 1.25rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-text-primary);
}
.blog-article__body .faq-container-blog p:last-child {
  margin-bottom: 1.25rem;
}
.blog-article__body .faq-trigger-blog.active + .faq-container-blog {
  grid-template-rows: 1fr;
  visibility: visible;
}
.blog-article__body iframe[src*="youtube.com/embed"],
.blog-article__body iframe[src*="youtube-nocookie.com/embed"] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-card-soft);
}
.blog-article__body .blog-video-embed {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 2.5rem 0;
  padding: 0;
  overflow: hidden;
  aspect-ratio: 16/9;
  border-radius: var(--radius-card-soft);
  background-color: #000;
}
.blog-article__body .blog-video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: var(--radius-card-soft);
}
.blog-article__body iframe[src*="youtube.com/embed"],
.blog-article__body iframe[src*="youtube-nocookie.com/embed"] {
  margin: 2.5rem 0;
}
.blog-article__body .blog-video-embed iframe[src*="youtube.com/embed"],
.blog-article__body .blog-video-embed iframe[src*="youtube-nocookie.com/embed"] {
  margin: 0;
  aspect-ratio: auto;
  height: 100%;
}
.blog-article__body p:has(> iframe[src*="youtube.com/embed"]:only-child),
.blog-article__body p:has(> iframe[src*="youtube-nocookie.com/embed"]:only-child) {
  margin: 2.5rem 0;
  padding: 0;
}
.blog-article__body p:has(> iframe[src*="youtube.com/embed"]:only-child) > iframe,
.blog-article__body p:has(> iframe[src*="youtube-nocookie.com/embed"]:only-child) > iframe {
  margin: 0;
}
.blog-article__body .wp-block-embed__wrapper {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 16/9;
  border-radius: var(--radius-card-soft);
}
.blog-article__body .wp-block-embed__wrapper iframe[src*="youtube.com/embed"],
.blog-article__body .wp-block-embed__wrapper iframe[src*="youtube-nocookie.com/embed"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  aspect-ratio: auto;
  border-radius: var(--radius-card-soft);
}
.blog-article__body figure.wp-block-embed {
  margin: 2.5rem 0;
}
.blog-article__body .wp-block-gallery {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin: 2.5rem 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .blog-article__body .wp-block-gallery.columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .blog-article__body .wp-block-gallery.columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .blog-article__body .wp-block-gallery.columns-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .blog-article__body .wp-block-gallery.columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .blog-article__body .wp-block-gallery:not([class*=columns-]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.blog-article__body .wp-block-gallery > figure.wp-block-image,
.blog-article__body .wp-block-gallery .blocks-gallery-item,
.blog-article__body .wp-block-gallery .wp-block-image {
  position: relative;
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  aspect-ratio: 3/4;
  border-radius: var(--radius-card-soft);
  background-color: var(--color-surface-media-well);
}
.blog-article__body .wp-block-gallery img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  object-fit: cover;
  object-position: center;
  border: 0;
  border-radius: var(--radius-card-soft);
  background-color: transparent;
}
.blog-article__body .wp-block-gallery img.alignnone,
.blog-article__body .wp-block-gallery img.aligncenter,
.blog-article__body .wp-block-gallery img.alignleft,
.blog-article__body .wp-block-gallery img.alignright,
.blog-article__body .wp-block-gallery img.attachment-large,
.blog-article__body .wp-block-gallery img.size-large,
.blog-article__body .wp-block-gallery img.attachment-full,
.blog-article__body .wp-block-gallery img.size-full,
.blog-article__body .wp-block-gallery img[class*=wp-image-] {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border-radius: var(--radius-card-soft);
}
.blog-article__body .wp-block-columns {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 2rem;
  width: 100%;
  max-width: 100%;
  margin: 2.5rem 0;
  padding: 0;
}
@media (min-width: 768px) {
  .blog-article__body .wp-block-columns {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 2rem;
  }
}
@media (min-width: 1024px) {
  .blog-article__body .wp-block-columns {
    gap: 3rem;
  }
}
.blog-article__body .wp-block-column {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  min-width: 0;
}
@media (min-width: 768px) {
  .blog-article__body .wp-block-column {
    flex: 1 1 0;
  }
}
.blog-article__body .wp-block-column > *:first-child {
  margin-top: 0;
}
.blog-article__body .wp-block-column > *:last-child {
  margin-bottom: 0;
}
.blog-article__body .wp-block-column p {
  margin: 0 0 1rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-text-primary);
}
.blog-article__body .wp-block-column p:last-child {
  margin-bottom: 0;
}

.logo-slider {
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  position: relative;
  z-index: 10;
  background-color: var(--color-bg-primary);
  background-image: radial-gradient(ellipse 80% 70% at 50% 50%, rgba(68, 164, 220, 0.22) 0%, rgba(68, 164, 220, 0) 70%);
  background-repeat: no-repeat;
  text-align: center;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
[data-theme=light] .logo-slider {
  background-image: none;
}
.logo-slider__container {
  position: relative;
  z-index: 2;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
}
@media (min-width: 768px) {
  .logo-slider__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .logo-slider__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.logo-slider__container--embedded {
  position: relative;
  text-align: center;
  padding-top: var(--space-section-default);
}
@media (min-width: 1024px) {
  .logo-slider__container--embedded {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0.625rem;
  }
}
.logo-slider__title {
  font-family: var(--font-primary);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-heading, #ffffff);
  margin-bottom: 2.25rem;
}
@media (min-width: 768px) {
  .logo-slider__title {
    margin-bottom: 2.75rem;
  }
}
@media (min-width: 1024px) {
  .logo-slider__title {
    font-size: 1.5625rem;
  }
}
.logo-slider__title-highlight {
  color: var(--color-primary, #44A4DC);
}
.logo-slider__marquee-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
.logo-slider__marquee {
  display: flex;
  align-items: center;
  width: max-content;
  animation: logo-marquee var(--logo-marquee-duration, 0s) linear infinite alternate;
}
.logo-slider__marquee:hover {
  animation-play-state: paused;
}
.logo-slider__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.5rem;
  height: 7.5rem;
  flex-shrink: 0;
  padding: 0 1rem;
  box-sizing: content-box;
}
.logo-slider__img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  opacity: 0.75;
  transition: opacity var(--transition-fast), filter var(--transition-fast);
}
.logo-slider__img:hover {
  opacity: 1;
}
.logo-slider__img--light {
  display: none;
}
.logo-slider__img--dark {
  display: block;
}
[data-theme=light] .logo-slider__img--light {
  display: block;
}
[data-theme=light] .logo-slider__img--dark {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .logo-slider__marquee-wrapper {
    overflow-x: auto;
  }
  .logo-slider__marquee {
    animation: none;
  }
}
@keyframes logo-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(var(--logo-marquee-distance, 0px));
  }
}
.general-puzzle {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.general-puzzle__dots {
  position: absolute;
  top: 4.375rem;
  left: -35.4375rem;
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/dotted-bg/puzzle.png");
  background-repeat: no-repeat;
  background-size: contain;
  transform-origin: center;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .general-puzzle__dots {
    display: block;
  }
}
.general-puzzle__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
}
@media (min-width: 768px) {
  .general-puzzle__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .general-puzzle__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.general-puzzle__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  text-align: center;
  margin-bottom: 3.75rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .general-puzzle__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.general-puzzle__title-highlight {
  color: var(--color-primary);
  display: block;
  margin-top: 0.25rem;
}
.general-puzzle__diagram {
  width: 100%;
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
  transition: filter var(--transition-base);
}
[data-theme=light] .general-puzzle__diagram {
  filter: drop-shadow(var(--shadow-image-lg-drop-light));
}
.general-puzzle__diagram--desktop {
  display: none;
}
@media (min-width: 768px) {
  .general-puzzle__diagram--desktop {
    display: block;
    margin-bottom: 2.5rem;
  }
}
.general-puzzle__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 1rem;
}
.general-puzzle__img--light {
  display: none;
}
.general-puzzle__img--dark {
  display: block;
}
[data-theme=light] .general-puzzle__img--light {
  display: block;
}
[data-theme=light] .general-puzzle__img--dark {
  display: none;
}
.general-puzzle__steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-gap-mobile);
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .general-puzzle__steps {
    grid-template-columns: repeat(3, 1fr);
  }
}
.general-puzzle__step {
  display: flex;
  flex-direction: column;
}
.general-puzzle__step-visual {
  width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .general-puzzle__step-visual {
    display: none;
  }
}
.general-puzzle__step-title {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1.3;
}
@media (min-width: 1024px) {
  .general-puzzle__step-title {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.general-puzzle__step-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0;
}
@media (min-width: 1024px) {
  .general-puzzle__step-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

.mittelstand-workflows {
  position: relative;
  overflow: hidden;
  scroll-margin-top: var(--header-height);
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.mittelstand-workflows__dots {
  position: absolute;
  top: 2.5rem;
  right: -12.5rem;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 30rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.35;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .mittelstand-workflows__dots {
    display: block;
    right: -6.25rem;
    width: 50rem;
  }
}
@media (min-width: 1024px) {
  .mittelstand-workflows__dots {
    top: 7.5rem;
    right: -7.5rem;
    width: 75rem;
    min-height: 40rem;
  }
}
[data-theme=light] .mittelstand-workflows__dots {
  opacity: 0.5;
}
.mittelstand-workflows__dots--left {
  right: auto;
  left: -12.5rem;
}
@media (min-width: 768px) {
  .mittelstand-workflows__dots--left {
    left: -6.25rem;
  }
}
@media (min-width: 1024px) {
  .mittelstand-workflows__dots--left {
    left: -7.5rem;
  }
}
.mittelstand-workflows__glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 77.5rem;
  aspect-ratio: 1024/408;
  background-image: url("/images/glow-bg/mittelstand-amex-glow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.3;
  pointer-events: none;
  z-index: 0;
  display: none;
}
@media (min-width: 1024px) {
  .mittelstand-workflows__glow {
    display: block;
  }
}
[data-theme=light] .mittelstand-workflows__glow {
  display: none;
}
.mittelstand-workflows__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mittelstand-workflows__layout {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  width: 100%;
  max-width: 77.5rem;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .mittelstand-workflows__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 36.5rem);
    gap: 4.125rem;
    align-items: center;
  }
}
.mittelstand-workflows--bg-muted {
  background-color: var(--color-bg-secondary);
}
.mittelstand-workflows--has-glow .mittelstand-workflows__glow {
  opacity: 0.35;
}
@media (min-width: 1024px) {
  .mittelstand-workflows--reverse .mittelstand-workflows__layout {
    grid-template-columns: minmax(0, 36.5rem) minmax(0, 1fr);
  }
  .mittelstand-workflows--reverse .mittelstand-workflows__layout .mittelstand-workflows__content {
    order: 2;
  }
  .mittelstand-workflows--reverse .mittelstand-workflows__layout .mittelstand-workflows__visual {
    order: 1;
  }
}
.mittelstand-workflows__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.mittelstand-workflows__eyebrow {
  display: inline-flex;
  margin: 0 0 1rem;
}
.mittelstand-workflows__eyebrow-pill {
  display: inline-block;
  height: 1.875rem;
  padding: 0.3125rem 0.625rem;
  border-radius: 0.3125rem;
  background-color: var(--color-border-subtle);
  color: var(--color-text-heading);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  box-sizing: border-box;
}
[data-theme=light] .mittelstand-workflows__eyebrow-pill {
  color: var(--color-text-primary);
}
.mittelstand-workflows__title {
  font-family: var(--font-primary);
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .mittelstand-workflows__title {
    margin-bottom: 1.5rem;
  }
}
.mittelstand-workflows__intro {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  margin: 0 0 1rem;
}
@media (min-width: 1024px) {
  .mittelstand-workflows__intro {
    margin-bottom: 1.25rem;
  }
}
.mittelstand-workflows__text {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  margin: 0 0 1.5rem;
}
@media (min-width: 1024px) {
  .mittelstand-workflows__text {
    margin-bottom: 1.75rem;
  }
}
.mittelstand-workflows__benefits {
  list-style: none;
  padding: 0;
  margin: 0 0 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .mittelstand-workflows__benefits {
    margin-bottom: 2rem;
  }
}
.mittelstand-workflows__benefit {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}
.mittelstand-workflows__benefit-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 0.125rem;
  color: var(--color-primary);
}
.mittelstand-workflows__benefit-icon {
  width: 1.125rem;
  height: 1.125rem;
  stroke: currentColor;
  fill: none;
}
.mittelstand-workflows__benefit-text {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--color-text-primary);
}
.mittelstand-workflows__cta-wrap {
  margin-top: 0.25rem;
}
.mittelstand-workflows__cta {
  font-size: 1rem;
  line-height: 1.5625rem;
  color: var(--color-text-link);
}
.mittelstand-workflows__visual {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.mittelstand-workflows__video-box {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 16/12;
  border-radius: 1rem;
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-subtle);
  overflow: hidden;
  box-shadow: var(--shadow-elevation-sm-dark);
}
[data-theme=light] .mittelstand-workflows__video-box {
  box-shadow: var(--shadow-elevation-sm-light);
}
.mittelstand-workflows__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mittelstand-workflows__video--light {
  display: none;
}
.mittelstand-workflows__video--dark {
  display: block;
}
[data-theme=light] .mittelstand-workflows__video.mittelstand-workflows__video--light {
  display: block;
}
[data-theme=light] .mittelstand-workflows__video.mittelstand-workflows__video--dark {
  display: none;
}
.mittelstand-workflows__image-frame {
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: 1rem;
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-subtle);
  overflow: hidden;
  box-shadow: var(--shadow-elevation-sm-dark);
  padding: 2rem;
  box-sizing: border-box;
  line-height: 0;
}
[data-theme=light] .mittelstand-workflows__image-frame {
  box-shadow: var(--shadow-elevation-sm-light);
}
.mittelstand-workflows__image {
  width: 100%;
}
.mittelstand-workflows__image--light {
  display: none;
}
.mittelstand-workflows__image--dark {
  display: block;
}
[data-theme=light] .mittelstand-workflows__image--light {
  display: block;
}
[data-theme=light] .mittelstand-workflows__image--dark {
  display: none;
}
[data-theme=light] .mittelstand-workflows__image-frame--single-theme .mittelstand-workflows__image--dark {
  display: block;
}
.mittelstand-workflows__image-el {
  display: block;
  width: 21.875rem;
  height: 21.875rem;
  object-fit: contain;
  margin: 0 auto;
  object-position: center;
}

#mittelstand-amex .mittelstand-workflows__image-el {
  width: 26.6875rem;
  height: 21.875rem;
}

#mittelstand-amex .mittelstand-workflows__image-frame,
#mittelstand-standorte .mittelstand-workflows__image-frame,
#mittelstand-integration .mittelstand-workflows__image-frame {
  overflow: visible;
}
#mittelstand-amex .mittelstand-workflows__image-el,
#mittelstand-standorte .mittelstand-workflows__image-el,
#mittelstand-integration .mittelstand-workflows__image-el {
  filter: drop-shadow(var(--shadow-image-md-drop-dark));
}
[data-theme=light] #mittelstand-amex .mittelstand-workflows__image-el,
[data-theme=light] #mittelstand-standorte .mittelstand-workflows__image-el,
[data-theme=light] #mittelstand-integration .mittelstand-workflows__image-el {
  filter: drop-shadow(var(--shadow-image-md-drop-light));
}

.information-box {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.information-box__dots {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .information-box__dots {
    display: block;
  }
}
.information-box__dots--right {
  top: 0.6875rem;
  right: -40.25rem;
  width: 100%;
  height: auto;
  min-height: 25rem;
  background-position: right center;
  opacity: 0.35;
}
.information-box__dots--left {
  top: 3rem;
  left: -10rem;
  width: 250rem;
  height: auto;
  min-height: 20rem;
  background-position: left center;
  opacity: 0.35;
}
@media (min-width: 1024px) {
  .information-box__dots--left {
    top: 5rem;
    left: -6.25rem;
    width: 250rem;
    min-height: 25rem;
  }
}
.information-box__dots--bottom {
  bottom: 3rem;
  right: -7.5rem;
  width: 35rem;
  height: 8.75rem;
  background-position: right bottom;
  opacity: 0;
}
@media (min-width: 1024px) {
  .information-box__dots--bottom {
    bottom: 5rem;
    right: -3.75rem;
    width: 45rem;
    height: 10rem;
  }
}
[data-theme=light] .information-box__dots {
  opacity: 0.5;
}
.information-box__container {
  position: relative;
  z-index: 2;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  width: auto;
}
@media (min-width: 768px) {
  .information-box__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .information-box__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.information-box__inner {
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-top: 7px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 3.75rem 1.25rem;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  box-shadow: var(--shadow-elevation-sm-dark);
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
[data-theme=light] .information-box__inner {
  box-shadow: var(--shadow-elevation-sm-light);
}
@media (min-width: 768px) {
  .information-box__inner {
    padding: 3.75rem 3.75rem;
  }
}
@media (min-width: 1024px) {
  .information-box__inner {
    padding: 3.75rem 11.25rem;
  }
}
.information-box__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin-bottom: var(--gap-title-subtitle);
  font-weight: 700;
}
@media (min-width: 1024px) {
  .information-box__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.information-box__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .information-box__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.information-box__facts {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: var(--space-lg) 0 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
@media (min-width: 1024px) {
  .information-box__facts {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.information-box__fact {
  margin: 0;
  position: relative;
  padding-left: calc(0.9375rem + var(--space-sm));
  text-align: left;
}
.information-box__fact::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.9375rem;
  height: 1.25rem;
  background-color: var(--color-icon-fill);
  -webkit-mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
  mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
}
[data-theme=light] .information-box__fact::before {
  background-color: var(--color-primary);
}
@media (min-width: 1024px) {
  .information-box__fact::before {
    height: var(--type-body-line-height);
  }
}
.information-box__fact-label {
  font-weight: 700;
  display: inline;
}
.information-box__fact-label::after {
  content: ": ";
}
.information-box__fact-value {
  display: inline;
  margin: 0;
  opacity: 0.9;
}
.information-box--align-left .information-box__inner {
  text-align: left;
}
.information-box__content {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .information-box__content {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.information-box__content > :first-child {
  margin-top: 0;
}
.information-box__content > :last-child {
  margin-bottom: 0;
}
.information-box__content p {
  margin: 0 0 var(--space-md);
}
.information-box__content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.information-box__content li {
  position: relative;
  padding-left: calc(0.9375rem + var(--space-sm));
  text-align: left;
}
.information-box__content li + li {
  margin-top: 0.625rem;
}
.information-box__content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.9375rem;
  height: 1.25rem;
  background-color: var(--color-icon-fill);
  -webkit-mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
  mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
}
[data-theme=light] .information-box__content li::before {
  background-color: var(--color-primary);
}
@media (min-width: 1024px) {
  .information-box__content li::before {
    height: var(--type-body-line-height);
  }
}

#security-summary .information-box__dots--right {
  top: auto;
  bottom: 0.6875rem;
}

.statement-intro {
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
  position: relative;
  overflow: hidden;
}
.statement-intro::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150vw;
  max-width: 93.75rem;
  height: 35rem;
  background: radial-gradient(ellipse at center, rgba(39, 161, 229, 0.3) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}
.statement-intro--no-glow::before {
  content: none;
}
.statement-intro__container {
  position: relative;
  z-index: 1;
  width: auto;
}
.statement-intro__inner {
  text-align: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
  .statement-intro__inner {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}
@media (min-width: 1024px) {
  .statement-intro__inner {
    padding-left: 11.25rem;
    padding-right: 11.25rem;
  }
}
.statement-intro__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 var(--gap-title-subtitle);
}
@media (min-width: 1024px) {
  .statement-intro__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.statement-intro__title-highlight {
  color: var(--color-primary);
}
.statement-intro__title-highlight--alert {
  color: var(--color-text-highlight-alert);
}
.statement-intro__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0 0 var(--gap-subtitle-content);
}
@media (min-width: 1024px) {
  .statement-intro__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.statement-intro__text:has(+ .statement-intro__text) {
  margin-bottom: 0.625rem;
}
.statement-intro__text:last-child {
  margin-bottom: 0;
}
.statement-intro__lead-out {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .statement-intro__lead-out {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

#api-funktionen:has(+ #api-vorteile),
#mobile-app-funktionen:has(+ #partner-api-vorteile) {
  position: relative;
}
#api-funktionen:has(+ #api-vorteile)::before,
#mobile-app-funktionen:has(+ #partner-api-vorteile)::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 50rem;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #api-funktionen:has(+ #api-vorteile)::before,
[data-theme=light] #mobile-app-funktionen:has(+ #partner-api-vorteile)::before {
  display: none;
}
#api-funktionen:has(+ #api-vorteile) .statement-intro__container,
#mobile-app-funktionen:has(+ #partner-api-vorteile) .statement-intro__container {
  position: relative;
  z-index: 1;
}

#api-funktionen:has(+ #api-vorteile)::before {
  content: none;
}

#mobile-app-funktionen:has(+ #partner-api-vorteile) {
  overflow-x: clip;
  overflow-y: visible;
}

.three-boxes-left {
  position: relative;
  background-color: var(--color-bg-primary);
  padding-top: 0rem;
  padding-bottom: 9.375rem;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.three-boxes-left--standalone {
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
}
.single-box-simple + .three-boxes-left--standalone {
  padding-top: 2.5rem;
}
@media (min-width: 1024px) {
  .single-box-simple + .three-boxes-left--standalone {
    padding-top: 3rem;
  }
}
.three-boxes-left--standalone:has(+ .four-steps) {
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .three-boxes-left--standalone:has(+ .four-steps) {
    padding-bottom: 2.5rem;
  }
}
.three-boxes-left--standalone:has(+ .single-box-simple) {
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .three-boxes-left--standalone:has(+ .single-box-simple) {
    padding-bottom: 2.5rem;
  }
}
.three-boxes-left__dots {
  position: absolute;
  width: 88.75rem;
  height: 30.625rem;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .three-boxes-left__dots {
    display: block;
  }
}
.three-boxes-left__dots--right {
  top: var(--three-boxes-left-dots-top, 18.75rem);
  left: 51.75rem;
  background-image: url("/images/dotted-bg/three-boxes-left.png");
}
.three-boxes-left__dots--left {
  top: var(--three-boxes-left-dots-top, 8.75rem);
  left: -40.6875rem;
  width: 89.375rem;
  height: 45.9375rem;
  background-image: url("/images/fraud-risk/normal_u4.png");
}
.three-boxes-left__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.three-boxes-left__header {
  text-align: center;
  margin-bottom: var(--gap-subtitle-content);
  width: 100%;
}
.three-boxes-left__title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .three-boxes-left__title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.three-boxes-left--standalone .three-boxes-left__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .three-boxes-left--standalone .three-boxes-left__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.three-boxes-left__title-highlight {
  color: var(--color-primary);
  display: block;
}
.three-boxes-left__intro-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  max-width: 53.125rem;
  margin: 0.625rem auto 0;
}
@media (min-width: 1024px) {
  .three-boxes-left__intro-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.three-boxes-left__title + .three-boxes-left__intro-text {
  margin-top: 2.5rem;
}
.three-boxes-left__intro-text a {
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  transition: color var(--transition-base);
}
.three-boxes-left__intro-text a:hover, .three-boxes-left__intro-text a:focus {
  color: var(--color-primary);
}
.three-boxes-left__intro-text a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.three-boxes-left__accent {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  font-weight: 700;
  color: var(--color-text-heading);
  max-width: 53.125rem;
  margin: 2.5rem auto 0;
}
@media (min-width: 1024px) {
  .three-boxes-left__accent {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.three-boxes-left--warning .three-boxes-left__accent {
  color: var(--color-text-stat-warning);
}
.three-boxes-left__figure {
  margin: 0;
}
.three-boxes-left__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.75rem;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .three-boxes-left__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .three-boxes-left__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.875rem;
  }
}
@media (min-width: 1024px) {
  .three-boxes-left__grid--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .three-boxes-left__grid--cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.three-boxes-left__grid--center .three-boxes-left__box {
  align-items: center;
  text-align: center;
}
@media (min-width: 1024px) {
  .three-boxes-left--cols-4 .three-boxes-left__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.three-boxes-left__grid--cols-2 {
  gap: 1.4375rem;
}
@media (min-width: 768px) {
  .three-boxes-left__grid--cols-2 {
    width: max-content;
    max-width: 100%;
    margin-inline: auto;
    grid-template-columns: repeat(2, 24.75rem);
  }
}
@media (min-width: 1024px) {
  .three-boxes-left__grid--cols-2 {
    grid-template-columns: repeat(2, 24.75rem);
  }
}
@media (min-width: 768px) {
  .three-boxes-left--card-large .three-boxes-left__grid--cols-2 {
    width: 100%;
    max-width: 77.1875rem;
    margin-inline: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .three-boxes-left--card-large .three-boxes-left__grid--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 38.125rem));
  }
}
@media (min-width: 768px) {
  .three-boxes-left--card-large .three-boxes-left__box {
    height: 12.9375rem;
  }
}
.three-boxes-left__grid--nested .three-boxes-left__media-img {
  filter: none;
}
[data-theme=light] .three-boxes-left__grid--nested .three-boxes-left__media-img {
  filter: none;
}
.three-boxes-left__box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  box-sizing: border-box;
  padding: 1.875rem;
  border-radius: 20px;
  transition: background-color var(--transition-base), border-color var(--transition-base);
  background-color: rgb(16, 23, 31);
  border: 1px solid #3c6e9d;
}
[data-theme=light] .three-boxes-left__box {
  background-color: #ffffff;
  border: 1px solid #dde1ea;
  box-shadow: var(--shadow-elevation-sm-light);
}
.three-boxes-left__box-link-wrap {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: inherit;
  width: 100%;
  text-decoration: none;
}
.three-boxes-left__checkmarks {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .three-boxes-left__checkmarks {
    font-size: 0.9375rem;
  }
}
.three-boxes-left__checkmarks li {
  position: relative;
  padding-left: calc(0.9375rem + var(--space-sm));
  text-align: left;
}
.three-boxes-left__checkmarks li + li {
  margin-top: var(--space-sm);
}
.three-boxes-left__checkmarks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.9375rem;
  height: 1.25rem;
  background-color: var(--color-primary);
  -webkit-mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
  mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
}
.three-boxes-left__icon-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--icon-badge-size);
  height: var(--icon-badge-size);
  min-width: var(--icon-badge-size);
  min-height: var(--icon-badge-size);
  border-radius: 50%;
  background-color: var(--color-primary);
  margin-bottom: 1.5rem;
}
.three-boxes-left__icon-badge svg:not([width]) {
  width: var(--icon-badge-icon-fallback);
  height: var(--icon-badge-icon-fallback);
}
.three-boxes-left__icon-badge--alert {
  background-color: var(--color-surface-icon-alert);
  color: var(--color-icon-on-alert);
}
.three-boxes-left__icon-badge--alert svg,
.three-boxes-left__icon-badge--alert svg path {
  fill: currentColor;
}
.three-boxes-left__icon-badge--alert .three-boxes-left__icon {
  width: 2.25rem;
  height: 2.25rem;
}
.three-boxes-left__icon-badge--warning {
  background-color: var(--color-text-stat-warning);
  color: var(--color-text-on-scrim);
}
.three-boxes-left__icon-badge--blue {
  background-color: #44a4dc;
  color: #060608;
}
[data-theme=light] .three-boxes-left__icon-badge--blue {
  color: #ffffff;
}
.three-boxes-left__icon-badge--brand {
  background-color: var(--color-primary);
  color: var(--color-icon-on-brand);
}
.three-boxes-left__icon-badge--brand svg,
.three-boxes-left__icon-badge--brand svg path {
  fill: currentColor;
}
.three-boxes-left__icon-badge--brand svg[fill=none] {
  fill: none;
  stroke: currentColor;
}
.three-boxes-left__icon-badge--brand svg[fill=none] path,
.three-boxes-left__icon-badge--brand svg[fill=none] circle,
.three-boxes-left__icon-badge--brand svg[fill=none] rect {
  fill: none;
}
.three-boxes-left__icon {
  display: block;
  flex-shrink: 0;
  fill: currentColor;
}
.three-boxes-left__icon--dark {
  display: block;
}
.three-boxes-left__icon--light {
  display: none;
}
[data-theme=light] .three-boxes-left__icon--dark {
  display: none;
}
[data-theme=light] .three-boxes-left__icon--light {
  display: block;
}
img.three-boxes-left__icon {
  width: var(--icon-badge-icon-fallback);
  height: var(--icon-badge-icon-fallback);
  object-fit: contain;
}

.three-boxes-left__media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 1.5rem;
}
.three-boxes-left__media-img {
  display: block;
  width: 100%;
  max-width: 9.6875rem;
  height: auto;
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
  transition: filter var(--transition-base);
}
[data-theme=light] .three-boxes-left__media-img {
  filter: drop-shadow(var(--shadow-image-lg-drop-light));
}
.three-boxes-left__media-img--dark {
  display: block;
}
.three-boxes-left__media-img--light {
  display: none;
}
[data-theme=light] .three-boxes-left__media-img--dark {
  display: none;
}
[data-theme=light] .three-boxes-left__media-img--light {
  display: block;
}
.three-boxes-left__box-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 0.75rem;
  width: 100%;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
}
@media (min-width: 1024px) {
  .three-boxes-left__box-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.three-boxes-left__box-label {
  display: block;
  color: var(--color-text-heading);
}
.three-boxes-left__date {
  height: auto;
  min-height: 1.875rem;
  max-width: 100%;
  margin-bottom: 1.5rem;
}
.three-boxes-left__source {
  font-family: var(--font-primary);
  font-size: var(--type-footer-size);
  line-height: var(--type-footer-line-height);
  font-weight: var(--type-footer-weight);
  color: var(--color-text-form-hint);
  text-align: left;
  width: 100%;
  margin: 2.5rem 0 0;
}
.three-boxes-left__source a {
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  transition: color var(--transition-base);
}
.three-boxes-left__source a:hover, .three-boxes-left__source a:focus {
  color: var(--color-primary);
}
.three-boxes-left__source a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.three-boxes-left__box-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .three-boxes-left__box-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.three-boxes-left__box-link {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  margin-top: 1.25rem;
  transition: color var(--transition-base);
}
@media (min-width: 1024px) {
  .three-boxes-left__box-link {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.three-boxes-left__box-link:hover, .three-boxes-left__box-link:focus {
  color: var(--color-primary);
}
.three-boxes-left__box-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.three-boxes-left__box-btn-wrap {
  margin-top: auto;
  padding-top: 1.5rem;
  width: 100%;
}
.three-boxes-left__box-btn {
  width: 100%;
  text-align: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .three-boxes-left__box-btn {
    width: auto;
  }
}
.three-boxes-left--compact-cta .three-boxes-left__box-btn.btn--primary {
  min-width: 0;
}
.three-boxes-left--glow-wide .mittelstand-workflows__glow {
  max-width: 107.5rem;
}

#peppol-reasons .three-boxes-left__icon {
  fill: none;
  stroke: currentColor;
}
#peppol-reasons .three-boxes-left__icon-badge--brand svg,
#peppol-reasons .three-boxes-left__icon-badge--brand :is(path, circle, rect, line, polyline) {
  fill: none;
  stroke: currentColor;
}

#e-rechnung-obligation-timeline {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
#e-rechnung-obligation-timeline::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #e-rechnung-obligation-timeline::before {
  display: none;
}
[data-theme=light] #e-rechnung-obligation-timeline .three-boxes-left__box {
  box-shadow: none;
}
#e-rechnung-obligation-timeline .three-boxes-left__source {
  color: var(--color-text-menu-footer);
  margin-bottom: 0;
}

#e-rechnung-formats {
  overflow-x: clip;
  overflow-y: visible;
}
#e-rechnung-formats::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 24%;
  height: 50rem;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #e-rechnung-formats::before {
  display: none;
}
[data-theme=light] #e-rechnung-formats .three-boxes-left__box {
  box-shadow: none;
}

#steuerberater-vorteile::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #steuerberater-vorteile::before {
  display: none;
}

#mobile-app-vorteile .three-boxes-left__box-title {
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
@media (min-width: 1024px) {
  #mobile-app-vorteile .three-boxes-left__box-title {
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
}

#api-funktionen + #api-vorteile,
#mobile-app-funktionen + #partner-api-vorteile {
  background-color: transparent;
}

#api-vorteile .three-boxes-left__title,
#partner-api-vorteile .three-boxes-left__title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  #api-vorteile .three-boxes-left__title,
  #partner-api-vorteile .three-boxes-left__title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}

#mobile-app-funktionen + #partner-api-vorteile {
  overflow: visible;
}
#mobile-app-funktionen + #partner-api-vorteile .three-boxes-left__dots--left {
  top: -15rem;
}

#mobile-app-funktionen:has(+ #partner-api-vorteile) .statement-intro__container {
  z-index: 2;
}

#partner-api-vorteile .three-boxes-left__grid--cols-2 {
  gap: 1.75rem;
}
@media (min-width: 768px) {
  #partner-api-vorteile .three-boxes-left__grid--cols-2 {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  #partner-api-vorteile .three-boxes-left__grid--cols-2 {
    gap: 1.875rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

#api-vorteile {
  overflow-x: clip;
  overflow-y: visible;
}

#api-vorteile::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 50rem;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #api-vorteile::before {
  display: none;
}

#rechnungen-automatisch-herunterladen-hero ~ #steuerberater-vorteile .three-boxes-left__dots {
  display: none;
}
#rechnungen-automatisch-herunterladen-hero ~ #steuerberater-vorteile::before {
  display: none;
}

.three-boxes-left-rich {
  position: relative;
  background-color: var(--color-bg-primary);
  padding-top: 0;
  padding-bottom: 9.375rem;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.three-boxes-left-rich--standalone {
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
}
.three-boxes-left-rich__dots {
  position: absolute;
  width: 88.75rem;
  height: 30.625rem;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .three-boxes-left-rich__dots {
    display: block;
  }
}
.three-boxes-left-rich__dots--right {
  top: 1.25rem;
  left: 51.75rem;
  background-image: url("/images/dotted-bg/three-boxes-left.png");
}
.three-boxes-left-rich__dots--left {
  top: 12.5rem;
  left: -40.6875rem;
  width: 89.375rem;
  height: 45.9375rem;
  background-image: url("/images/fraud-risk/normal_u4.png");
}
.three-boxes-left-rich__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.three-boxes-left-rich__header {
  text-align: center;
  margin-bottom: var(--gap-subtitle-content);
  width: 100%;
}
.three-boxes-left-rich__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .three-boxes-left-rich__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.three-boxes-left-rich__intro-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  max-width: 53.125rem;
  margin: 0.625rem auto 0;
}
@media (min-width: 1024px) {
  .three-boxes-left-rich__intro-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.three-boxes-left-rich__title + .three-boxes-left-rich__intro-text {
  margin-top: 2.5rem;
}
.three-boxes-left-rich__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  width: 100%;
  max-width: 77.5rem;
}
@media (min-width: 768px) {
  .three-boxes-left-rich__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .three-boxes-left-rich__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem;
  }
}
@media (min-width: 1024px) {
  .three-boxes-left-rich__grid--cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .three-boxes-left-rich__grid--cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.three-boxes-left-rich__grid--center .three-boxes-left-rich__box {
  text-align: center;
}
.three-boxes-left-rich__grid--center .three-boxes-left-rich__body {
  align-items: center;
}
.three-boxes-left-rich__box {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: var(--radius-box);
  border: 1px solid var(--color-border-subtle);
  background-color: var(--color-surface-box-fill);
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
[data-theme=light] .three-boxes-left-rich__box {
  box-shadow: var(--shadow-elevation-sm-light);
}
.three-boxes-left-rich__media {
  width: 100%;
  line-height: 0;
}
.three-boxes-left-rich__media-img {
  display: block;
  width: 100%;
  height: auto;
}
.three-boxes-left-rich__media-img--dark {
  display: block;
}
.three-boxes-left-rich__media-img--light {
  display: none;
}
[data-theme=light] .three-boxes-left-rich__media-img.three-boxes-left-rich__media-img--dark {
  display: none;
}
[data-theme=light] .three-boxes-left-rich__media-img.three-boxes-left-rich__media-img--light {
  display: block;
}
.three-boxes-left-rich__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.875rem;
  min-height: 0;
  box-sizing: border-box;
  border-radius: var(--radius-box);
  transition: background-color var(--transition-base), border-color var(--transition-base);
  background-color: rgb(16, 23, 31);
  border: 1px solid #3c6e9d;
}
[data-theme=light] .three-boxes-left-rich__body {
  background-color: #ffffff;
  border: 1px solid #dde1ea;
}
.three-boxes-left-rich__media + .three-boxes-left-rich__body {
  border-top: 0;
  border-radius: 0 0 var(--radius-box) var(--radius-box);
}
.three-boxes-left-rich__box-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 0.75rem;
  overflow-wrap: break-word;
}
@media (min-width: 1024px) {
  .three-boxes-left-rich__box-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.three-boxes-left-rich__box-content {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  width: 100%;
}
@media (min-width: 1024px) {
  .three-boxes-left-rich__box-content {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.three-boxes-left-rich__box-content > *:first-child {
  margin-top: 0;
}
.three-boxes-left-rich__box-content > *:last-child {
  margin-bottom: 0;
}
.three-boxes-left-rich__box-content p {
  margin: 0 0 0.75rem;
}
.three-boxes-left-rich__box-content ul,
.three-boxes-left-rich__box-content ol {
  margin: 0 0 0.75rem;
  padding-left: 0;
  list-style: none;
}
.three-boxes-left-rich__box-content li + li {
  margin-top: 0.5rem;
}
.three-boxes-left-rich__box-content strong {
  font-weight: 700;
}
.three-boxes-left-rich__box-content a {
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  transition: color var(--transition-base);
}
.three-boxes-left-rich__box-content a:hover, .three-boxes-left-rich__box-content a:focus {
  color: var(--color-primary);
}
.three-boxes-left-rich__box-content a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.three-boxes-left-rich__box-btn-wrap {
  margin-top: auto;
  padding-top: 1.5rem;
  width: 100%;
}
.three-boxes-left-rich__box-btn {
  width: 100%;
  text-align: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .three-boxes-left-rich__box-btn {
    width: auto;
  }
}

.three-boxes-adjusted {
  position: relative;
  background-color: var(--color-bg-secondary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.three-boxes-adjusted__dots {
  position: absolute;
  top: 8.75rem;
  left: -40.6875rem;
  width: 89.375rem;
  height: 45.9375rem;
  background-image: url("/images/fraud-risk/normal_u4.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .three-boxes-adjusted__dots {
    display: block;
  }
}
.three-boxes-adjusted__glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 77.5rem;
  aspect-ratio: 1024/408;
  background-image: url("/images/glow-bg/mittelstand-amex-glow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.3;
  pointer-events: none;
  z-index: 0;
  display: none;
}
@media (min-width: 1024px) {
  .three-boxes-adjusted__glow {
    display: block;
  }
}
[data-theme=light] .three-boxes-adjusted__glow {
  display: none;
}
.three-boxes-adjusted__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.three-boxes-adjusted__header {
  text-align: center;
  width: 100%;
  margin-bottom: var(--gap-subtitle-content);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .three-boxes-adjusted__header {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}
@media (min-width: 1024px) {
  .three-boxes-adjusted__header {
    padding-left: 11.25rem;
    padding-right: 11.25rem;
  }
}
.three-boxes-adjusted__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 var(--gap-title-subtitle);
}
@media (min-width: 1024px) {
  .three-boxes-adjusted__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.three-boxes-adjusted__title-highlight {
  color: var(--color-text-highlight-alert);
}
.three-boxes-adjusted__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .three-boxes-adjusted__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.three-boxes-adjusted__accent {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  font-weight: 700;
  color: var(--color-text-highlight-alert);
  margin: var(--gap-title-subtitle) 0 0;
}
@media (min-width: 1024px) {
  .three-boxes-adjusted__accent {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.three-boxes-adjusted__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  width: 100%;
  max-width: 77.5rem;
}
@media (min-width: 768px) {
  .three-boxes-adjusted__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .three-boxes-adjusted__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem;
  }
}
.three-boxes-adjusted__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  padding: 1.875rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
.three-boxes-adjusted__stat {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-highlight-alert);
  margin: 0 0 0.75rem;
}
@media (min-width: 1024px) {
  .three-boxes-adjusted__stat {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.three-boxes-adjusted__box-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 1.5rem;
}
@media (min-width: 1024px) {
  .three-boxes-adjusted__box-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.three-boxes-adjusted__box-footer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
  margin-top: auto;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-border-subtle);
}
.three-boxes-adjusted__box-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .three-boxes-adjusted__box-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.three-boxes-adjusted__source {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-form-hint);
  margin: 0;
  font-size: 0.875rem;
}
@media (min-width: 1024px) {
  .three-boxes-adjusted__source {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
@supports (grid-template-rows: subgrid) {
  .three-boxes-adjusted__grid {
    row-gap: 0;
    margin-bottom: -1.75rem;
  }
  @media (min-width: 1024px) {
    .three-boxes-adjusted__grid {
      margin-bottom: -1.875rem;
    }
  }
  .three-boxes-adjusted__box {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    align-items: stretch;
    margin-bottom: 1.75rem;
  }
  @media (min-width: 1024px) {
    .three-boxes-adjusted__box {
      margin-bottom: 1.875rem;
    }
  }
  .three-boxes-adjusted__stat {
    grid-row: 1;
  }
  .three-boxes-adjusted__box-title {
    grid-row: 2;
  }
  .three-boxes-adjusted__box-footer {
    grid-row: 3;
    margin-top: 0;
  }
}

.four-steps {
  position: relative;
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  padding-bottom: 6.25rem;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.three-boxes-left--standalone + .four-steps {
  padding-top: 0;
}
.four-steps:has(+ .single-box-simple) {
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .four-steps:has(+ .single-box-simple) {
    padding-bottom: 2.5rem;
  }
}
.four-steps__dots {
  position: absolute;
  top: 8.75rem;
  left: 51.75rem;
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/dotted-bg/four-steps.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .four-steps__dots {
    display: block;
  }
}
.four-steps__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.four-steps__header {
  text-align: center;
  width: 100%;
  margin-bottom: var(--gap-subtitle-content);
}
.four-steps__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
  font-size: 1.5625rem;
}
@media (min-width: 1024px) {
  .four-steps__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.four-steps__title-highlight {
  color: var(--color-primary);
}
.four-steps__description {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-align: center;
  color: var(--color-text-body);
  max-width: 53.125rem;
  margin: 0 auto var(--gap-subtitle-content);
  padding: 0 1.25rem;
}
@media (min-width: 1024px) {
  .four-steps__description {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.four-steps__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  width: 100%;
  max-width: 77.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .four-steps__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .four-steps__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.875rem;
  }
}
@media (min-width: 1024px) {
  .four-steps--cols-3 .four-steps__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .four-steps--cols-2 .four-steps__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.four-steps__item {
  position: relative;
  display: flex;
}
.four-steps__card {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  box-sizing: border-box;
  width: 100%;
  padding: 1.875rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
[data-theme=light] .four-steps__card {
  box-shadow: var(--shadow-elevation-sm-light);
}
.four-steps__watermark {
  position: absolute;
  top: 0;
  right: 1.875rem;
  z-index: 0;
  font-family: var(--font-primary);
  font-size: 7.5rem;
  line-height: 1;
  font-weight: 700;
  color: var(--color-text-watermark);
  pointer-events: none;
  user-select: none;
}
.four-steps__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--icon-badge-size);
  height: var(--icon-badge-size);
  min-width: var(--icon-badge-size);
  min-height: var(--icon-badge-size);
  border-radius: 50%;
  background-color: var(--color-primary);
  position: relative;
  z-index: 1;
  margin-bottom: 1.5rem;
  color: var(--color-icon-on-brand);
  font-family: var(--font-primary);
  font-size: 1.875rem;
  line-height: 1;
  font-weight: 700;
}
.four-steps__badge svg:not([width]) {
  width: var(--icon-badge-icon-fallback);
  height: var(--icon-badge-icon-fallback);
}
.four-steps__badge-icon {
  display: block;
  fill: currentColor;
  color: var(--color-bg-primary);
}
.four-steps__badge-icon path {
  fill: currentColor;
}
.four-steps__badge-icon[fill=none] {
  fill: none;
  stroke: currentColor;
}
.four-steps__badge-icon[fill=none] path,
.four-steps__badge-icon[fill=none] circle,
.four-steps__badge-icon[fill=none] rect {
  fill: none;
}
.four-steps__badge-icon[fill=none] [fill=currentColor] {
  fill: currentColor;
  stroke: none;
}
.four-steps__badge-icon--dark {
  display: block;
}
.four-steps__badge-icon--light {
  display: none;
}
[data-theme=light] .four-steps__badge-icon--dark {
  display: none;
}
[data-theme=light] .four-steps__badge-icon--light {
  display: block;
}
img.four-steps__badge-icon {
  width: var(--icon-badge-icon-fallback);
  height: var(--icon-badge-icon-fallback);
  object-fit: contain;
}

.four-steps__step-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  position: relative;
  z-index: 1;
  color: var(--color-text-heading);
  margin: 0;
  width: 100%;
  overflow-wrap: break-word;
}
@media (min-width: 1024px) {
  .four-steps__step-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.four-steps__step-title + .four-steps__step-text {
  margin-top: 0.75rem;
}
.four-steps__step-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  position: relative;
  z-index: 1;
  color: var(--color-text-primary);
  width: 100%;
}
@media (min-width: 1024px) {
  .four-steps__step-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.four-steps__step-text p {
  margin: 0 0 0.625rem;
}
.four-steps__step-text p:last-child {
  margin-bottom: 0;
}
.four-steps__step-text strong {
  font-weight: 700;
}
.four-steps__step-text a {
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  transition: color var(--transition-base);
}
.four-steps__step-text a:hover, .four-steps__step-text a:focus {
  color: var(--color-primary);
}
.four-steps__step-text a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.four-steps__step-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  position: relative;
  z-index: 1;
  color: var(--color-text-body);
  margin: 0.75rem 0 0;
}
@media (min-width: 1024px) {
  .four-steps__step-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.four-steps__cta-wrap {
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
}
.four-steps__arrow {
  display: none;
}
@media (min-width: 1024px) {
  .four-steps__arrow {
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: 0;
    transform: translate(calc(-50% + 0.625rem), -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.375rem;
    height: 2.25rem;
    color: var(--color-primary);
  }
}
.four-steps__arrow-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.four-steps__arrow-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

#e-rechnung-process-steps h3.four-steps__title,
#peppol-intake-steps h3.four-steps__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  margin: 0;
  font-size: 1.5625rem;
}
@media (min-width: 1024px) {
  #e-rechnung-process-steps h3.four-steps__title,
  #peppol-intake-steps h3.four-steps__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
@media (min-width: 1024px) {
  #e-rechnung-process-steps h3.four-steps__title,
  #peppol-intake-steps h3.four-steps__title {
    font-size: 1.5625rem;
  }
}
#e-rechnung-process-steps h4.four-steps__step-title,
#peppol-intake-steps h4.four-steps__step-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  margin: 0;
}
@media (min-width: 1024px) {
  #e-rechnung-process-steps h4.four-steps__step-title,
  #peppol-intake-steps h4.four-steps__step-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}

#e-rechnung-process-steps {
  overflow: visible;
  background-color: transparent;
}
.three-boxes-left--standalone + #e-rechnung-process-steps {
  padding-top: 2.5rem;
}
@media (min-width: 1024px) {
  .three-boxes-left--standalone + #e-rechnung-process-steps {
    padding-top: 3.75rem;
  }
}
#e-rechnung-process-steps:has(+ .single-box-simple) {
  padding-bottom: 3.75rem;
}
@media (min-width: 1024px) {
  #e-rechnung-process-steps:has(+ .single-box-simple) {
    padding-bottom: 5rem;
  }
}
#e-rechnung-process-steps .four-steps__header {
  margin-bottom: var(--gap-subtitle-content);
}
#e-rechnung-process-steps .four-steps__dots {
  display: none;
}
[data-theme=light] #e-rechnung-process-steps .four-steps__card {
  box-shadow: none;
}
#e-rechnung-process-steps .four-steps__step-title {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

#flow-methode {
  padding-top: 0;
  overflow-x: clip;
  overflow-y: visible;
}
#flow-methode .four-steps__dots {
  display: none;
}
#flow-methode::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 120rem;
  height: 60.625rem;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #flow-methode::before {
  display: none;
}

#was-sind-kanzleilizenzen .single-box-extended-v2__glow {
  display: none;
}

#smarte-apps-steps {
  position: relative;
}
#smarte-apps-steps::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 105rem;
  height: 36.875rem;
  z-index: 0;
  pointer-events: none;
  opacity: 0.3;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #smarte-apps-steps::before {
  display: none;
}

@media (min-width: 1024px) {
  #audit-process .four-steps__title {
    font-size: var(--type-h2-size);
  }
}

@media (min-width: 1024px) {
  #flow-methode .four-steps__title,
  #zusammenarbeit-prozess .four-steps__title {
    font-size: var(--type-h2-size);
  }
}
#flow-methode .four-steps__step-text a,
#zusammenarbeit-prozess .four-steps__step-text a {
  color: inherit;
}

.five-steps {
  --five-steps-track-width: 3.5rem;
  --five-steps-gap: 0.625rem;
  --five-steps-item-gap: 1rem;
  --five-steps-tick-size: 1.75rem;
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
@media (min-width: 1024px) {
  .five-steps {
    --five-steps-track-width: 4rem;
    --five-steps-gap: 0.625rem;
    --five-steps-item-gap: 1.25rem;
    --five-steps-tick-size: 1.875rem;
  }
}
.five-steps__glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 105rem;
  height: 46.8125rem;
  background-image: url("/images/glow-bg/app-extensions-glow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .five-steps__glow {
    display: block;
  }
}
[data-theme=light] .five-steps__glow {
  display: none;
}
.five-steps__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.five-steps__header {
  text-align: center;
  width: 100%;
  max-width: 53.125rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .five-steps__header {
    margin-bottom: 3.75rem;
  }
}
.five-steps__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .five-steps__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.five-steps__title-highlight {
  color: var(--color-primary);
  display: block;
}
.five-steps__description {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .five-steps__description {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.five-steps__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5rem;
  width: 100%;
  max-width: 77.5rem;
}
@media (min-width: 1024px) {
  .five-steps__body {
    grid-template-columns: minmax(0, 0.3fr) minmax(0, 0.7fr);
    gap: 4rem;
    align-items: start;
  }
}
.five-steps__sidebar-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 1rem;
}
@media (min-width: 1024px) {
  .five-steps__sidebar-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.five-steps__sidebar-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .five-steps__sidebar-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.five-steps__flow {
  min-width: 0;
}
.five-steps__list {
  display: flex;
  flex-direction: column;
  gap: var(--five-steps-item-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.five-steps__item, .five-steps__footer-row {
  display: grid;
  grid-template-columns: var(--five-steps-track-width) minmax(0, 1fr);
  column-gap: var(--five-steps-gap);
  align-items: stretch;
}
.five-steps__footer-row {
  align-items: start;
}
.five-steps__track {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: self-start;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--five-steps-tick-size);
}
.five-steps__item--complete .five-steps__track {
  justify-content: center;
  padding-right: 0;
}
.five-steps__item:not(:last-child) .five-steps__track::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.125rem;
  height: calc(60% + var(--five-steps-gap));
  transform: translateX(-50%);
  background-color: var(--color-primary);
  opacity: 1;
  pointer-events: none;
}
.five-steps__marker {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-text-heading);
  background-color: transparent;
  padding: 0.25rem 0;
  text-shadow: 0 0 0.375rem var(--color-bg-primary), 0 0 0.1875rem var(--color-bg-primary);
}
@media (min-width: 1024px) {
  .five-steps__marker {
    font-size: 1.75rem;
  }
}
[data-theme=light] .five-steps__marker:not(.five-steps__marker--complete) {
  background-color: var(--color-bg-primary);
  text-shadow: none;
}
.five-steps__marker--complete {
  width: var(--five-steps-tick-size);
  height: var(--five-steps-tick-size);
  padding: 0;
  border-radius: 50%;
  background-color: var(--color-primary);
  color: var(--color-bg-primary);
  flex-shrink: 0;
  text-shadow: none;
}
[data-theme=light] .five-steps__marker--complete {
  color: var(--color-text-on-scrim);
}
.five-steps__marker-icon {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  color: inherit;
  fill: currentColor;
}
@media (min-width: 1024px) {
  .five-steps__marker-icon {
    width: 0.8125rem;
    height: 0.8125rem;
  }
}
.five-steps__marker-icon path {
  fill: currentColor;
}
.five-steps__step-box {
  box-sizing: border-box;
  padding: 1.375rem 1.75rem;
  background-color: var(--color-surface-box-fill);
  border: var(--border-width-box-outline) solid var(--color-border-subtle);
  border-radius: 0 var(--radius-box) var(--radius-box) var(--radius-box);
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=light] .five-steps__step-box {
  box-shadow: var(--shadow-elevation-sm-light);
}
.five-steps__step-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .five-steps__step-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.five-steps__step-text .five-steps__text-highlight {
  color: var(--color-primary);
  font-weight: 700;
  text-decoration: none;
  transition: color var(--transition-base);
}
.five-steps__step-text .five-steps__text-highlight:hover, .five-steps__step-text .five-steps__text-highlight:focus {
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
.five-steps__step-text .five-steps__text-highlight:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 0.125rem;
}
.five-steps__footer-row {
  margin-top: 0.5rem;
  align-items: start;
}
@media (min-width: 1024px) {
  .five-steps__footer-row {
    margin-top: 0.75rem;
  }
}
.five-steps__footer {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .five-steps__footer {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

.integration-connections {
  position: relative;
  overflow: hidden;
  scroll-margin-top: var(--header-height);
  background-color: var(--color-bg-secondary);
  border: none;
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.integration-connections__glow {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 105rem;
  height: 34.375rem;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  background-image: url("/images/glow-bg/two-column-left-glow.svg");
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: block;
}
[data-theme=light] .integration-connections__glow {
  display: none;
}
.integration-connections__container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.integration-connections__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 2.5rem;
  width: 100%;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .integration-connections__header {
    margin-bottom: 3rem;
  }
}
.integration-connections__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .integration-connections__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.integration-connections__title-highlight {
  color: var(--color-primary);
  display: block;
}
.integration-connections__intro {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  text-align: center;
  max-width: 50.9375rem;
  margin: 0;
}
.integration-connections__logos {
  width: 100%;
  max-width: 77.5rem;
  text-align: center;
}
.integration-connections__logos-label {
  font-family: var(--font-primary);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.625rem;
  color: var(--color-text-heading);
  margin: 0 0 1.5rem;
}
@media (min-width: 1024px) {
  .integration-connections__logos-label {
    font-size: 1.5625rem;
    line-height: 1.75rem;
    margin-bottom: 2rem;
  }
}
.integration-connections__slider {
  width: 100%;
}
.integration-connections__marquee-wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
  mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}
.integration-connections__marquee {
  display: flex;
  align-items: stretch;
  width: max-content;
  animation: integration-connections-marquee 40s linear infinite;
}
.integration-connections__marquee:hover {
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  .integration-connections__marquee {
    animation: none;
    width: 100%;
    justify-content: center;
  }
}
.integration-connections__track {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-right: 1rem;
  display: flex;
  gap: 1rem;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .integration-connections__track {
    gap: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .integration-connections__track {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding-right: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .integration-connections__track[aria-hidden=true] {
    display: none;
  }
}
.integration-connections__item {
  flex: 0 0 auto;
  width: 10rem;
}
@media (min-width: 768px) {
  .integration-connections__item {
    width: 11.25rem;
  }
}
.integration-connections__card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--radius-box);
  border: 1px solid #dde1ea;
  background-color: #ffffff;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: none;
  transition: border-color var(--transition-base), transform var(--transition-base);
}
.integration-connections__card:hover, .integration-connections__card:focus-within {
  z-index: var(--z-raised);
  transform: scale(var(--scale-hover-box));
}
@media (prefers-reduced-motion: reduce) {
  .integration-connections__card:hover, .integration-connections__card:focus-within {
    transform: none;
  }
}
.integration-connections__card:hover, .integration-connections__card:focus-visible {
  border-color: var(--color-primary);
  outline: none;
}
.integration-connections__logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 7.5rem;
  padding: 1.5rem 1.25rem;
  box-sizing: border-box;
  background-color: #ffffff;
}
.integration-connections__logo {
  display: block;
  width: auto;
  max-width: 7.5rem;
  height: auto;
  max-height: 3.5rem;
  object-fit: contain;
}
.integration-connections__name {
  display: block;
  width: 100%;
  padding: 0.75rem 0.5rem;
  box-sizing: border-box;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: #060608;
  text-align: center;
  background-color: var(--color-surface-logo-caption);
}
.integration-connections__actions {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 2.5rem;
}
@media (min-width: 1024px) {
  .integration-connections__actions {
    margin-top: 3rem;
  }
}
.integration-connections__cta {
  min-width: 13.75rem;
}

#peppol-integrations .integration-connections__header,
#peppol-integrations .integration-connections__title {
  max-width: var(--width-content);
}
@media (min-width: 1280px) {
  #peppol-integrations .integration-connections__title-highlight {
    white-space: nowrap;
  }
}

@keyframes integration-connections-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.integrations-list {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.integrations-list__dots {
  position: absolute;
  top: 2.5rem;
  right: -12.5rem;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 30rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.35;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .integrations-list__dots {
    display: block;
    right: -6.25rem;
    width: 50rem;
  }
}
@media (min-width: 1024px) {
  .integrations-list__dots {
    top: 5rem;
    right: -7.5rem;
    width: 75rem;
    min-height: 40rem;
  }
}
[data-theme=light] .integrations-list__dots {
  opacity: 0.5;
}
.integrations-list__glow {
  position: absolute;
  left: 50%;
  top: 2.5rem;
  transform: translateX(-50%);
  width: min(48.75rem, 96vw);
  height: 13.75rem;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse at center, rgba(68, 164, 220, 0.35) 0%, rgba(68, 164, 220, 0.12) 45%, rgba(68, 164, 220, 0) 72%);
}
@media (min-width: 1024px) {
  .integrations-list__glow {
    top: 3.75rem;
    height: 16.25rem;
  }
}
[data-theme=light] .integrations-list__glow {
  display: none;
}
.integrations-list__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.integrations-list__header {
  position: relative;
  width: 100%;
  max-width: 53.125rem;
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .integrations-list__header {
    margin-bottom: 2.5rem;
  }
}
.integrations-list__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .integrations-list__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.integrations-list__title-highlight {
  color: var(--color-primary);
  display: block;
}
.integrations-list__search {
  width: 100%;
  max-width: 33.75rem;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .integrations-list__search {
    margin-bottom: 2.5rem;
  }
}
.integrations-list__search-field {
  position: relative;
  width: 100%;
}
.integrations-list__search-input {
  box-sizing: border-box;
  width: 100%;
  height: 3.25rem;
  padding: 0.875rem 3.25rem 0.875rem 1.25rem;
  border-radius: var(--radius-form-field);
  border: 1px solid var(--color-border-subtle);
  background-color: var(--color-surface-box-fill);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-text-primary);
  transition: border-color var(--transition-fast);
}
.integrations-list__search-input::placeholder {
  color: var(--color-text-muted, #90a1b9);
}
.integrations-list__search-input:focus {
  border-color: var(--color-primary);
  outline: 0.0625rem solid var(--color-primary);
  outline-offset: 0;
  box-shadow: none;
}
.integrations-list__search-icon-wrap {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--color-primary);
  pointer-events: none;
}
.integrations-list__search-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.integrations-list__tablist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem 2.5rem;
  width: 100%;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .integrations-list__tablist {
    margin-bottom: 2.5rem;
  }
}
.integrations-list__tab {
  appearance: none;
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 0.75rem 0;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--color-text-heading);
  cursor: pointer;
  transition: color var(--transition-fast), border-color var(--transition-fast);
}
.integrations-list__tab[aria-selected=true] {
  color: var(--color-primary);
  border-bottom-color: var(--color-primary);
}
.integrations-list__tab:hover:not([aria-selected=true]) {
  color: var(--color-primary);
}
.integrations-list__tab:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.integrations-list__panel {
  width: 100%;
  max-width: 64.0625rem;
}
.integrations-list__list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 64.0625rem;
}
.integrations-list__item {
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--color-border-subtle);
}
@media (min-width: 768px) {
  .integrations-list__item {
    padding: 1.75rem 0;
  }
}
.integrations-list__item[hidden] {
  display: none;
}
.integrations-list__item-main {
  display: grid;
  grid-template-columns: 9.375rem minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
@media (min-width: 768px) {
  .integrations-list__item-main {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    min-width: 0;
    width: 100%;
  }
}
.integrations-list__logo-wrap {
  grid-column: 1;
  grid-row: 1/span 2;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.375rem;
  height: 9.375rem;
  box-sizing: border-box;
  border-radius: 1.25rem;
  background-color: var(--color-surface-media-well);
  overflow: hidden;
}
[data-theme=light] .integrations-list__logo-wrap {
  border: 1px solid var(--color-border-subtle);
}
.integrations-list__logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.integrations-list__item-copy {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  flex: 1 1 auto;
}
.integrations-list__item-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
  line-height: 1.3;
}
@media (min-width: 1024px) {
  .integrations-list__item-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
@media (min-width: 1024px) {
  .integrations-list__item-title {
    font-size: 1.375rem;
  }
}
.integrations-list__item-desc {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin: 0;
  color: var(--color-text-primary);
  font-size: 0.9375rem;
  line-height: 1.55;
  opacity: 0.9;
}
@media (min-width: 1024px) {
  .integrations-list__item-desc {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
@media (min-width: 1024px) {
  .integrations-list__item-desc {
    font-size: 1rem;
  }
}
.integrations-list__item-cta {
  grid-column: 2;
  grid-row: 2;
  flex-shrink: 0;
  align-self: flex-start;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--color-text-heading);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
@media (min-width: 768px) {
  .integrations-list__item-cta {
    margin-left: auto;
    align-self: center;
  }
}
[data-theme=light] .integrations-list__item-cta {
  color: var(--color-text-link);
}
.integrations-list__item-cta:hover {
  color: var(--color-primary);
}
.integrations-list__item-cta:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.integrations-list__empty {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin: 1.5rem 0 0;
  text-align: center;
  color: var(--color-text-primary);
  opacity: 0.8;
}
@media (min-width: 1024px) {
  .integrations-list__empty {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.integrations-list__empty[hidden] {
  display: none;
}

.step-cards {
  position: relative;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.step-cards__dots {
  position: absolute;
  top: 12.5rem;
  left: -35.4375rem;
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/dotted-bg/two-column-left.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .step-cards__dots {
    display: block;
  }
}
.step-cards__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.step-cards__header {
  text-align: center;
  width: 100%;
  margin-bottom: var(--gap-subtitle-content);
}
.step-cards__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .step-cards__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.step-cards__title-highlight {
  color: var(--color-primary);
}
.step-cards__description {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  max-width: 53.125rem;
  margin: var(--gap-title-subtitle) auto 0;
}
@media (min-width: 1024px) {
  .step-cards__description {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.step-cards__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.75rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .step-cards__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .step-cards__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.875rem;
  }
}
.step-cards__card {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 1.875rem;
  border-radius: var(--radius-box);
  background-color: var(--color-surface-box-fill);
  border: var(--border-width-box-outline) solid var(--color-border-subtle);
  box-shadow: var(--shadow-elevation-sm-dark);
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=light] .step-cards__card {
  box-shadow: var(--shadow-elevation-sm-light);
}
.step-cards__media {
  position: relative;
  width: 100%;
  aspect-ratio: 2/1;
  margin-bottom: 1.5rem;
  overflow: hidden;
  border-radius: var(--radius-card-soft);
  transition: box-shadow var(--transition-base);
}
.step-cards__media:has(.step-cards__media-img) {
  box-shadow: var(--shadow-image-md-dark);
}
.step-cards__media-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}
.step-cards__media-img--dark {
  display: block;
}
.step-cards__media-img--light {
  display: none;
}
[data-theme=light] .step-cards__media-img--dark {
  display: none;
}
[data-theme=light] .step-cards__media-img--light {
  display: block;
}
.step-cards__card-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 0.75rem;
}
@media (min-width: 1024px) {
  .step-cards__card-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.step-cards__number {
  color: inherit;
}
.step-cards__card-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .step-cards__card-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

.single-box-simple {
  position: relative;
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.four-steps + .single-box-simple, .three-boxes-left--standalone + .single-box-simple {
  padding-top: 0;
}
.single-box-simple:has(+ .three-boxes-left--standalone) {
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .single-box-simple:has(+ .three-boxes-left--standalone) {
    padding-bottom: 2.5rem;
  }
}
.single-box-simple__dots {
  position: absolute;
  top: -12.5rem;
  left: 51.75rem;
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/dotted-bg/single-box-simple.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .single-box-simple__dots {
    display: block;
  }
}
.single-box-simple__container {
  position: relative;
  z-index: 2;
  width: auto;
}
.single-box-simple__box {
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  padding: 2.25rem 1.25rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
@media (min-width: 768px) {
  .single-box-simple__box {
    padding: 3rem 3.75rem;
  }
}
@media (min-width: 1024px) {
  .single-box-simple__box {
    padding: 1.875rem;
  }
}
.single-box-simple__title, .single-box-simple__text {
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .single-box-simple__title, .single-box-simple__text {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}
@media (min-width: 1024px) {
  .single-box-simple__title, .single-box-simple__text {
    padding-left: 11.25rem;
    padding-right: 11.25rem;
  }
}
.single-box-simple__title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .single-box-simple__title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.single-box-simple__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: var(--gap-title-subtitle) 0 0;
}
@media (min-width: 1024px) {
  .single-box-simple__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.single-box-simple__link, .single-box-simple__link-md {
  margin-top: 1.25rem;
}
.single-box-simple__link {
  display: inline-block;
}
.single-box-simple__link-md {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .single-box-simple__link-md {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.single-box-simple__link-md p {
  margin: 0;
}
.single-box-simple__link-md p + p {
  margin-top: 1rem;
}
.single-box-simple__link, .single-box-simple__text a, .single-box-simple__link-md a {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  transition: color var(--transition-base);
}
@media (min-width: 1024px) {
  .single-box-simple__link, .single-box-simple__text a, .single-box-simple__link-md a {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.single-box-simple__link:hover, .single-box-simple__link:focus, .single-box-simple__text a:hover, .single-box-simple__text a:focus, .single-box-simple__link-md a:hover, .single-box-simple__link-md a:focus {
  color: var(--color-primary);
}
.single-box-simple__link:focus-visible, .single-box-simple__text a:focus-visible, .single-box-simple__link-md a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.single-box-simple__source {
  font-family: var(--font-primary);
  font-size: var(--type-footer-size);
  line-height: var(--type-footer-line-height);
  font-weight: var(--type-footer-weight);
  color: var(--color-text-menu-footer);
  margin: 1.25rem 0 0;
}

#e-rechnung-pdf-vs-einvoice {
  overflow-x: clip;
  overflow-y: visible;
  background-color: transparent;
}
#e-rechnung-pdf-vs-einvoice .single-box-simple__dots {
  display: none;
}

#e-rechnung-time-saving .single-box-simple__dots {
  display: none;
}

.single-box-rich {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.single-box-rich--section {
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
}
.single-box-rich__dots {
  position: absolute;
  top: -12.5rem;
  left: 51.75rem;
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/dotted-bg/single-box-simple.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .single-box-rich__dots {
    display: block;
  }
}
.single-box-rich__container {
  position: relative;
  z-index: 2;
  width: auto;
}
.single-box-rich__box {
  box-sizing: border-box;
  width: 100%;
  padding: 2.25rem 1.25rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
@media (min-width: 768px) {
  .single-box-rich__box {
    padding: 3rem 3.75rem;
  }
}
@media (min-width: 1024px) {
  .single-box-rich__box {
    padding: 3rem 3.75rem;
  }
}
.single-box-rich__title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .single-box-rich__title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.single-box-rich__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: var(--gap-title-subtitle) 0 0;
}
@media (min-width: 1024px) {
  .single-box-rich__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.single-box-rich__content {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .single-box-rich__content {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.single-box-rich__content > *:first-child {
  margin-top: 0;
}
.single-box-rich__content > *:last-child {
  margin-bottom: 0;
}
.single-box-rich__content h3 {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 2.5rem 0 var(--gap-title-subtitle);
}
@media (min-width: 1024px) {
  .single-box-rich__content h3 {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.single-box-rich__content h3:first-child {
  margin-top: 0;
}
.single-box-rich__content p {
  margin: 0 0 1rem;
}
.single-box-rich__content p:last-child {
  margin-bottom: 0;
}
.single-box-rich__content ul,
.single-box-rich__content ol {
  margin: 0 0 1rem;
  padding-left: 1.5rem;
}
.single-box-rich__title + .single-box-rich__content, .single-box-rich__title + .single-box-rich__text {
  margin-top: var(--gap-title-subtitle);
}
.single-box-rich__link {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  margin-top: 1.25rem;
  transition: color var(--transition-base);
}
@media (min-width: 1024px) {
  .single-box-rich__link {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.single-box-rich__link:hover, .single-box-rich__link:focus {
  color: var(--color-primary);
}
.single-box-rich__link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.single-box-rich__source {
  font-family: var(--font-primary);
  font-size: var(--type-footer-size);
  line-height: var(--type-footer-line-height);
  font-weight: var(--type-footer-weight);
  color: var(--color-text-menu-footer);
  margin: 1.25rem 0 0;
}
.single-box-rich--align-left .single-box-rich__box {
  text-align: left;
}
.single-box-rich--align-center .single-box-rich__box {
  text-align: center;
}
@media (min-width: 768px) {
  .single-box-rich--align-center .single-box-rich__title,
  .single-box-rich--align-center .single-box-rich__text,
  .single-box-rich--align-center .single-box-rich__content {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}
@media (min-width: 1024px) {
  .single-box-rich--align-center .single-box-rich__title,
  .single-box-rich--align-center .single-box-rich__text,
  .single-box-rich--align-center .single-box-rich__content {
    padding-left: 11.25rem;
    padding-right: 11.25rem;
  }
}

.single-box-extended {
  position: relative;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
  --gap-list-item: 0.625rem;
  --gap-cta-standalone: 2.5rem;
  --gap-cta-continued: 1.25rem;
  --gap-cta-followup: 2.5rem;
  --gap-followup-downloads: 1.25rem;
}
.single-box-extended__dots {
  position: absolute;
  top: 10.625rem;
  left: 51.75rem;
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/fraud-risk/normal_u4.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .single-box-extended__dots {
    display: block;
  }
}
.single-box-extended__dots--left {
  left: 0;
  background-image: url("/images/hero/hero-dots-left.png");
  background-position: left center;
}
.single-box-extended__container {
  position: relative;
  z-index: 2;
  width: auto;
}
.single-box-extended__box {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  padding: 1.875rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
@media (min-width: 1024px) {
  .single-box-extended__box {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 2.5rem;
    align-items: center;
    padding: 3.125rem;
  }
}
.single-box-extended__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.single-box-extended__content > :last-child {
  margin-bottom: 0;
}
.single-box-extended__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 var(--gap-title-subtitle);
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
}
@media (min-width: 1024px) {
  .single-box-extended__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.single-box-extended__title-highlight {
  color: var(--color-primary);
}
.single-box-extended__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0 0 var(--gap-cta-standalone);
}
@media (min-width: 1024px) {
  .single-box-extended__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.single-box-extended__text > :first-child {
  margin-top: 0;
}
.single-box-extended__text > :last-child {
  margin-bottom: 0;
}
.single-box-extended__text p {
  margin: 0 0 var(--gap-title-subtitle);
}
.single-box-extended__text p:has(+ ul) {
  margin-top: var(--gap-title-subtitle);
  margin-bottom: 1rem;
}
.single-box-extended__text a {
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  transition: color var(--transition-base);
}
.single-box-extended__text a:hover, .single-box-extended__text a:focus {
  color: var(--color-primary);
}
.single-box-extended__text a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.single-box-extended__text ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-box-extended__text li {
  position: relative;
  padding-left: calc(0.9375rem + var(--space-sm));
  text-align: left;
}
.single-box-extended__text li + li {
  margin-top: var(--gap-list-item);
}
.single-box-extended__text li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.9375rem;
  height: 1.25rem;
  background-color: var(--color-primary);
  -webkit-mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
  mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
}
@media (min-width: 1024px) {
  .single-box-extended__text li::before {
    height: var(--type-body-line-height);
  }
}
.single-box-extended__content:has(.single-box-extended__after-cta) .single-box-extended__text {
  margin-bottom: var(--gap-cta-continued);
}
.single-box-extended__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: var(--gap-cta-followup);
}
.single-box-extended__after-cta {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-heading);
  font-weight: 700;
  margin: 0 0 var(--gap-followup-downloads);
}
@media (min-width: 1024px) {
  .single-box-extended__after-cta {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.single-box-extended__store-downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.single-box-extended__store-download {
  margin: 0;
}
.single-box-extended__store-download-link {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 9.5625rem;
  padding: 0.9375rem;
  background-color: transparent;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  text-decoration: none;
  transition: border-color var(--transition-base);
}
.single-box-extended__store-download-link:hover, .single-box-extended__store-download-link:focus-visible {
  border-color: var(--color-primary);
}
.single-box-extended__store-download-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.single-box-extended__store-qr {
  display: block;
  width: 100%;
  height: auto;
  image-rendering: pixelated;
}
.single-box-extended__store-badge {
  display: block;
  width: 100%;
  height: auto;
}
.single-box-extended__link {
  color: var(--color-text-link);
}
.single-box-extended__visual {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-box-extended__image {
  width: 100%;
  max-width: var(--single-box-extended-image-max-width, 24.5rem);
  margin-inline: auto;
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
  transition: filter var(--transition-base);
}
.single-box-extended__image picture,
.single-box-extended__image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.75rem;
}
[data-theme=light] .single-box-extended__image {
  filter: drop-shadow(var(--shadow-image-lg-drop-light));
}
.single-box-extended__image--light {
  display: none;
}
.single-box-extended__image--dark {
  display: block;
}
[data-theme=light] .single-box-extended__image--light {
  display: block;
}
[data-theme=light] .single-box-extended__image--dark {
  display: none;
}
.single-box-extended__image--large {
  max-width: var(--single-box-extended-image-max-width, 100%);
  overflow: visible;
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
}
[data-theme=light] .single-box-extended__image--large {
  filter: drop-shadow(var(--shadow-image-lg-drop-light));
}
.single-box-extended--visual-bleed-right .single-box-extended__box {
  overflow: hidden;
  padding-right: 0;
}
.single-box-extended--visual-bleed-right .single-box-extended__content {
  padding-right: 1.875rem;
}
@media (min-width: 1024px) {
  .single-box-extended--visual-bleed-right .single-box-extended__content {
    padding-right: 0;
  }
}
.single-box-extended--visual-bleed-right .single-box-extended__visual {
  justify-content: flex-end;
  align-self: stretch;
  min-width: 0;
}
.single-box-extended--visual-bleed-right .single-box-extended__image {
  max-width: 100%;
  margin-inline: 0;
}
.single-box-extended--visual-bleed-right .single-box-extended__image picture,
.single-box-extended--visual-bleed-right .single-box-extended__image img {
  border-radius: 0.75rem 0 0 0.75rem;
}
.single-box-extended--visual-bottom .single-box-extended__box {
  overflow: hidden;
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .single-box-extended--visual-bottom .single-box-extended__box {
    align-items: end;
  }
}
.single-box-extended--visual-bottom .single-box-extended__content {
  max-width: 37.125rem;
  padding-bottom: 1.875rem;
}
@media (min-width: 1024px) {
  .single-box-extended--visual-bottom .single-box-extended__content {
    padding-bottom: 3.125rem;
  }
}
.single-box-extended--visual-bottom .single-box-extended__visual {
  justify-content: center;
  align-self: end;
  min-width: 0;
}
.single-box-extended--visual-bottom .single-box-extended__image {
  max-width: 100%;
  margin-inline: auto;
}
.single-box-extended--visual-bottom .single-box-extended__image picture,
.single-box-extended--visual-bottom .single-box-extended__image img {
  border-radius: 0.75rem 0.75rem 0 0;
}

#ueber-uns-careers.single-box-extended {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
#ueber-uns-careers.single-box-extended .single-box-extended__box {
  overflow: hidden;
  padding: 1.5rem 1.875rem 0;
}
@media (min-width: 1024px) {
  #ueber-uns-careers.single-box-extended .single-box-extended__box {
    align-items: stretch;
    padding: 1.5rem 3.125rem 0;
  }
}
#ueber-uns-careers.single-box-extended .single-box-extended__content {
  padding-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  #ueber-uns-careers.single-box-extended .single-box-extended__content {
    align-self: center;
    padding-bottom: 1.5rem;
  }
}
#ueber-uns-careers.single-box-extended .single-box-extended__visual {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  align-self: end;
  margin-bottom: 0;
  min-width: 0;
}
#ueber-uns-careers.single-box-extended .single-box-extended__image {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  line-height: 0;
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
  transition: filter var(--transition-base);
}
@media (min-width: 1024px) {
  #ueber-uns-careers.single-box-extended .single-box-extended__image {
    width: 85%;
    max-width: 85%;
  }
}
[data-theme=light] #ueber-uns-careers.single-box-extended .single-box-extended__image {
  filter: none;
}
#ueber-uns-careers.single-box-extended .single-box-extended__image picture,
#ueber-uns-careers.single-box-extended .single-box-extended__image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.75rem 0.75rem 0 0;
}

@media (min-width: 1024px) {
  #peppol-network.single-box-extended .single-box-extended__box {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 1.75rem;
  }
}
#peppol-network.single-box-extended .single-box-extended__text {
  margin-bottom: var(--gap-cta-continued);
}
#peppol-network.single-box-extended .single-box-extended__image--large {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 1024px) {
  #peppol-network.single-box-extended .single-box-extended__image--large {
    max-width: 35rem;
  }
}

#e-rechnung-empfangspflicht.single-box-extended .single-box-extended__image picture,
#e-rechnung-empfangspflicht.single-box-extended .single-box-extended__image img {
  border-radius: 0;
}
[data-theme=light] #e-rechnung-empfangspflicht.single-box-extended .single-box-extended__image {
  filter: none;
}

#smarte-apps-desktop {
  padding-top: 2.5rem;
}
#smarte-apps-desktop:has(+ #smarte-apps-mobile) {
  padding-bottom: 0;
}

#smarte-apps-mobile {
  padding-top: 2.5rem;
}

#e-rechnung-empfangspflicht {
  padding-top: 0;
}

#responsible-disclosure .single-box-extended__text li {
  padding-left: 1rem;
}
#responsible-disclosure .single-box-extended__text li::before {
  top: calc((1.25rem - 0.4375rem) / 2);
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background-color: currentColor;
  -webkit-mask: none;
  mask: none;
}
@media (min-width: 1024px) {
  #responsible-disclosure .single-box-extended__text li::before {
    top: calc((var(--type-body-line-height) - 0.4375rem) / 2);
  }
}

.single-box-extended-v2 {
  position: relative;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.single-box-extended-v2__dots {
  position: absolute;
  top: 4.375rem;
  width: 88.75rem;
  height: 30.625rem;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .single-box-extended-v2__dots {
    display: block;
  }
}
.single-box-extended-v2__dots--right {
  left: 51.75rem;
}
.single-box-extended-v2__dots--left {
  left: -35.4375rem;
}
.single-box-extended-v2__glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 77.5rem;
  aspect-ratio: 1024/408;
  background-image: url("/images/glow-bg/mittelstand-amex-glow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.3;
  pointer-events: none;
  z-index: 0;
  display: none;
}
@media (min-width: 1024px) {
  .single-box-extended-v2__glow {
    display: block;
  }
}
[data-theme=light] .single-box-extended-v2__glow {
  display: none;
}
.single-box-extended-v2__container {
  position: relative;
  z-index: 2;
  width: auto;
}
.single-box-extended-v2__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  text-align: center;
  margin: 0 0 1.875rem;
}
@media (min-width: 1024px) {
  .single-box-extended-v2__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
@media (min-width: 1024px) {
  .single-box-extended-v2__title {
    margin-bottom: 3.75rem;
  }
}
.single-box-extended-v2__title-highlight {
  display: block;
  color: var(--color-primary);
}
.single-box-extended-v2__box {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  width: 100%;
  padding: 1.875rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
.single-box-extended-v2__box + .single-box-extended-v2__box {
  margin-top: 3rem;
}
@media (min-width: 1024px) {
  .single-box-extended-v2__box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: 2.5rem;
    align-items: center;
    padding: 3.125rem;
  }
}
.single-box-extended-v2__visual {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .single-box-extended-v2__visual {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.single-box-extended-v2__image {
  max-width: 10rem;
  margin: 0 auto;
}
.single-box-extended-v2__image picture,
.single-box-extended-v2__image img {
  display: block;
  width: 100%;
  height: auto;
}
.single-box-extended-v2__image--light {
  display: none;
}
.single-box-extended-v2__image--full {
  max-width: 18.625rem;
  margin: 0;
}
.single-box-extended-v2__image--dark {
  display: block;
}
[data-theme=light] .single-box-extended-v2__image--light {
  display: block;
}
[data-theme=light] .single-box-extended-v2__image--dark {
  display: none;
}
.single-box-extended-v2__content {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  width: 100%;
}
@media (min-width: 1024px) {
  .single-box-extended-v2__content {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.single-box-extended-v2__content p {
  margin: 0 0 0.625rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .single-box-extended-v2__content p {
    text-align: left;
  }
}
.single-box-extended-v2__content p:last-child {
  margin-bottom: 0;
}
.single-box-extended-v2__content strong {
  font-weight: 700;
}
.single-box-extended-v2__heading {
  margin-bottom: 0.9375rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .single-box-extended-v2__heading {
    text-align: left;
  }
}
.single-box-extended-v2__cta-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .single-box-extended-v2__cta-group {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1024px) {
  .single-box-extended-v2__cta-group {
    justify-content: flex-start;
  }
}
.single-box-extended-v2__cta-secondary {
  font-weight: 600;
}

.three-column {
  position: relative;
  overflow: hidden;
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.three-column--has-bg {
  background-color: var(--color-bg-secondary);
}
.three-column__dots {
  position: absolute;
  top: 4.375rem;
  left: -35.4375rem;
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/dotted-bg/two-column-left.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .three-column__dots {
    display: block;
  }
}
[data-theme=light] .three-column__dots {
  opacity: 0.4;
}
.three-column--dots-ambient .three-column__dots--ambient {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(100%, 105rem);
  height: 100%;
  background-image: url("/images/dotted-bg/information-box.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.25;
  z-index: 1;
  pointer-events: none;
  display: none;
}
[data-theme=light] .three-column--dots-ambient .three-column__dots--ambient {
  opacity: 0.35;
}
@media (min-width: 1024px) {
  [data-theme=light] .three-column--dots-ambient .three-column__dots--ambient {
    display: block;
  }
}
.three-column--spacing-major {
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
}
.three-column__glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 105rem;
  height: 46.8125rem;
  background-image: url("/images/glow-bg/app-extensions-glow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .three-column__glow {
    display: block;
  }
}
[data-theme=light] .three-column__glow {
  display: none;
}
.three-column__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.three-column__header {
  text-align: center;
  width: 100%;
  margin-bottom: var(--gap-subtitle-content);
}
@media (min-width: 1024px) {
  .three-column--spacing-major .three-column__header {
    margin-bottom: 3rem;
  }
}
.three-column__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .three-column__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.three-column__title-highlight {
  color: var(--color-primary);
  display: block;
}
.three-column__description {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  max-width: 48.125rem;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .three-column__description {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.three-column__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5rem;
  width: 100%;
  max-width: 77.5rem;
}
@media (min-width: 768px) {
  .three-column__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3.75rem 2.5rem;
  }
}
@media (min-width: 1024px) {
  .three-column__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .three-column__grid--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.three-column--cards {
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
}
.three-column--cards .three-column__grid {
  gap: 1.75rem;
}
@media (min-width: 768px) {
  .three-column--cards .three-column__grid {
    gap: 1.875rem;
  }
}
.three-column--cards .three-column__item {
  display: block;
  height: 100%;
  box-sizing: border-box;
  padding: 1.875rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
[data-theme=light] .three-column--cards .three-column__item {
  box-shadow: var(--shadow-elevation-sm-light);
}
.three-column--cards .three-column__body {
  min-width: 0;
}
.three-column--cards .three-column__item-title a {
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  transition: color var(--transition-base);
}
.three-column--cards .three-column__item-title a:hover, .three-column--cards .three-column__item-title a:focus {
  color: var(--color-primary);
}
.three-column--cards .three-column__item-title a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.three-column__item {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}
.three-column__icon-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--icon-badge-size);
  height: var(--icon-badge-size);
  min-width: var(--icon-badge-size);
  min-height: var(--icon-badge-size);
  border-radius: 50%;
  background-color: var(--color-primary);
  color: var(--color-icon-on-brand);
}
.three-column__icon-badge svg:not([width]) {
  width: var(--icon-badge-icon-fallback);
  height: var(--icon-badge-icon-fallback);
}
.three-column__icon {
  display: block;
  fill: currentColor;
}
.three-column__icon path {
  fill: currentColor;
}
.three-column__icon[fill=none] {
  fill: none;
  stroke: currentColor;
}
.three-column__icon[fill=none] path {
  fill: none;
}
.three-column__icon--dark {
  display: block;
}
.three-column__icon--light {
  display: none;
}
[data-theme=light] .three-column__icon--dark {
  display: none;
}
[data-theme=light] .three-column__icon--light {
  display: block;
}
img.three-column__icon {
  width: var(--icon-badge-icon-fallback);
  height: var(--icon-badge-icon-fallback);
  object-fit: contain;
}

.three-column__body {
  min-width: 0;
}
.three-column__body p {
  margin: 0;
}
.three-column__body ul, .three-column__body li {
  margin-left: 10px;
  padding: 0;
}
.three-column__item-title {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 0.75rem;
}
@media (min-width: 1024px) {
  .three-column__item-title {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.three-column__item-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .three-column__item-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

#newsletter-information .three-column__title {
  margin-bottom: 0;
}
#newsletter-information .three-column__item-text a {
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
#newsletter-information .three-column__item-text a:hover, #newsletter-information .three-column__item-text a:focus-visible {
  color: var(--color-primary);
}

@media (min-width: 1024px) {
  #vorteile-zusammenarbeit {
    padding-bottom: 5.625rem;
  }
}

.banner-with-image {
  position: relative;
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.banner-with-image__dots {
  position: absolute;
  top: 1.25rem;
  left: 51.75rem;
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/dotted-bg/banner-with-image.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .banner-with-image__dots {
    display: block;
  }
}
.banner-with-image__container {
  position: relative;
  z-index: 2;
  width: auto;
}
.banner-with-image__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 2.25rem 1.25rem;
}
@media (min-width: 768px) {
  .banner-with-image__card {
    padding: 3rem 3.75rem;
  }
}
@media (min-width: 1024px) {
  .banner-with-image__card {
    padding: 3.75rem;
  }
}
.banner-with-image__image {
  max-width: 100%;
  margin-bottom: var(--gap-subtitle-content);
  width: var(--banner-with-image-image-max-width, 11.5625rem);
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
  transition: filter var(--transition-base);
}
.banner-with-image__image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.banner-with-image__image--light {
  display: none;
}
[data-theme=light] .banner-with-image__image {
  filter: drop-shadow(var(--shadow-image-lg-drop-light));
}
[data-theme=light] .banner-with-image__image.banner-with-image__image--light {
  display: block;
}
[data-theme=light] .banner-with-image__image.banner-with-image__image--dark {
  display: none;
}
.banner-with-image__image-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: var(--gap-subtitle-content);
}
@media (min-width: 768px) {
  .banner-with-image__image-row {
    gap: 1.5rem;
  }
}
.banner-with-image__image-row-item {
  display: block;
  max-width: var(--banner-with-image-image-row-item-max-width, 100%);
}
.banner-with-image__image-row-media {
  display: block;
  width: 100%;
  height: auto;
}
.banner-with-image__image-row-media--light {
  display: none;
}
.banner-with-image__image-row-media--dark {
  display: block;
}
[data-theme=light] .banner-with-image__image-row-media--light {
  display: block;
}
[data-theme=light] .banner-with-image__image-row-media--dark {
  display: none;
}
.banner-with-image__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 var(--gap-title-subtitle);
  width: 100%;
}
@media (min-width: 1024px) {
  .banner-with-image__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
@media (min-width: 1024px) {
  .banner-with-image__title {
    max-width: 50rem;
    margin-inline: auto;
  }
}
.banner-with-image__title-highlight {
  color: var(--color-primary);
}
.banner-with-image__intro {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  width: 100%;
  margin: 0 0 var(--gap-title-subtitle);
}
@media (min-width: 1024px) {
  .banner-with-image__intro {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
@media (min-width: 1024px) {
  .banner-with-image__intro {
    max-width: 50.9375rem;
  }
}
.banner-with-image__content {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  width: 100%;
  margin: 0 0 var(--gap-title-subtitle);
}
@media (min-width: 1024px) {
  .banner-with-image__content {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
@media (min-width: 1024px) {
  .banner-with-image__content {
    max-width: 50.9375rem;
  }
}
.banner-with-image__content > :first-child {
  margin-top: 0;
}
.banner-with-image__content > :last-child {
  margin-bottom: 0;
}
.banner-with-image__content p {
  margin: 0 0 var(--space-md);
}
.banner-with-image__content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.banner-with-image__content li {
  position: relative;
  padding-left: calc(0.9375rem + var(--space-sm));
  text-align: left;
}
.banner-with-image__content li + li {
  margin-top: var(--space-sm);
}
.banner-with-image__content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.9375rem;
  height: 1.25rem;
  background-color: var(--color-icon-fill);
  -webkit-mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
  mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
}
[data-theme=light] .banner-with-image__content li::before {
  background-color: var(--color-primary);
}
@media (min-width: 1024px) {
  .banner-with-image__content li::before {
    height: var(--type-body-line-height);
  }
}
.banner-with-image--amex-platinum .banner-with-image__card {
  padding: 0.9375rem 1.25rem 2.25rem;
}
@media (min-width: 768px) {
  .banner-with-image--amex-platinum .banner-with-image__card {
    padding: 0.9375rem 3.75rem 3rem;
  }
}
@media (min-width: 1024px) {
  .banner-with-image--amex-platinum .banner-with-image__card {
    padding: 0.9375rem 3.75rem 3.75rem;
  }
}
.banner-with-image--amex-platinum .banner-with-image__image {
  margin-bottom: 0.5rem;
}
@media (min-width: 1024px) {
  .banner-with-image--amex-platinum .banner-with-image__title {
    max-width: 54.0625rem;
  }
}
.banner-with-image__store-downloads {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  list-style: none;
  margin: 0 0 var(--gap-subtitle-content);
  padding: 0;
}
.banner-with-image__store-download {
  margin: 0;
}
.banner-with-image__store-download-link {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 9.5625rem;
  padding: 0.9375rem;
  background-color: transparent;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  text-decoration: none;
  transition: border-color var(--transition-base);
}
.banner-with-image__store-download-link:hover, .banner-with-image__store-download-link:focus-visible {
  border-color: var(--color-primary);
}
.banner-with-image__store-download-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.banner-with-image__store-qr {
  display: block;
  width: 100%;
  height: auto;
  image-rendering: pixelated;
  filter: invert(1);
}
[data-theme=light] .banner-with-image__store-qr {
  filter: none;
}
.banner-with-image__store-badge {
  display: block;
  width: 100%;
  height: auto;
}

#mobile-app-download-banner {
  padding-top: var(--space-section-major);
}

.savings-calculator {
  --gradient-savings-calculator-card: linear-gradient(
    126.90372114897374deg,
    rgba(6, 6, 8, 1) 14%,
    rgba(8, 37, 64, 1) 32%,
    rgba(8, 37, 64, 1) 44%,
    rgba(6, 6, 8, 1) 77%
  );
  --shadow-savings-calculator-card: 0 0 3.75rem rgba(68, 164, 220, 0.8);
  position: relative;
  scroll-margin-top: var(--header-height);
  background-color: var(--color-bg-secondary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.savings-calculator[hidden] {
  display: none;
}
.savings-calculator__dots {
  position: absolute;
  top: -2.8125rem;
  left: 75.25rem;
  width: 88.75rem;
  height: 51.9375rem;
  background-image: url("/images/dotted-bg/savings-calculator.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .savings-calculator__dots {
    display: block;
  }
}
[data-theme=light] .savings-calculator__dots {
  opacity: 0.5;
}
.savings-calculator__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
}
@media (min-width: 768px) {
  .savings-calculator__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .savings-calculator__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.savings-calculator__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 53.125rem;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .savings-calculator__header {
    margin-bottom: 3rem;
  }
}
.savings-calculator__eyebrow {
  margin: 0 0 0.75rem;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-primary);
}
@media (min-width: 1024px) {
  .savings-calculator__eyebrow {
    font-size: 0.8125rem;
  }
}
.savings-calculator__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  margin: 0 0 1.25rem;
  color: var(--color-text-heading);
  text-align: center;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .savings-calculator__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.savings-calculator__title-highlight {
  color: var(--color-primary);
  display: block;
}
.savings-calculator__intro {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 400;
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 48.75rem;
  margin: 0;
}
@media (min-width: 768px) {
  .savings-calculator__intro {
    max-width: 50.9375rem;
    margin-bottom: 3.125rem;
  }
}
.savings-calculator__card-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
.savings-calculator__card {
  width: 100%;
  max-width: 100%;
  min-height: 23.9375rem;
  border-radius: var(--radius-banner);
  border: 1px solid var(--color-border-subtle);
  background-color: var(--color-surface-box-fill);
  background-image: var(--gradient-savings-calculator-card);
  box-shadow: var(--shadow-savings-calculator-card);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  position: relative;
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);
}
@media (min-width: 768px) {
  .savings-calculator__card {
    max-width: 50.9375rem;
    padding: 1.875rem 3rem;
  }
}
.savings-calculator__card--results {
  min-height: 80.6875rem;
  padding: 1.25rem;
  align-items: stretch;
  justify-content: flex-start;
  margin-bottom: 2.8125rem;
}
@media (min-width: 768px) {
  .savings-calculator__card--results {
    min-height: 55.9375rem;
    padding-left: 3.25rem;
    padding-right: 2.8125rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
[data-theme=light] .savings-calculator__card {
  background-color: var(--color-surface-box-fill);
  background-image: none;
  border: 1px solid var(--color-border-subtle);
  box-shadow: var(--shadow-elevation-sm-light);
}
.savings-calculator__teaser {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.savings-calculator__teaser.is-hidden {
  display: none;
}
.savings-calculator__card-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  margin: 0 0 2.25rem;
  color: var(--color-text-heading);
  text-align: center;
  max-width: 21.875rem;
  font-size: 1.5625rem;
}
@media (min-width: 1024px) {
  .savings-calculator__card-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.savings-calculator__card-highlight {
  color: var(--color-primary);
}
.savings-calculator__step-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.savings-calculator__step-container.is-hidden {
  display: none;
}
.savings-calculator__step-content {
  width: 100%;
}
.savings-calculator__step-content.is-entering-forward {
  animation: savings-calculator-step-in-forward 0.35s ease both;
}
.savings-calculator__step-content.is-entering-back {
  animation: savings-calculator-step-in-back 0.35s ease both;
}
@keyframes savings-calculator-step-in-forward {
  from {
    opacity: 0;
    transform: translateX(1.5rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes savings-calculator-step-in-back {
  from {
    opacity: 0;
    transform: translateX(-1.5rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .savings-calculator__step-content.is-entering-forward, .savings-calculator__step-content.is-entering-back {
    animation: none;
  }
}
.savings-calculator__top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0.9375rem;
}
.savings-calculator__back-btn {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--color-text-heading);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
}
.savings-calculator__back-btn:hover {
  color: var(--color-primary);
}
.savings-calculator__step-counter {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--color-text-heading);
  font-weight: 700;
}
.savings-calculator__divider {
  width: 100%;
  height: 1px;
  background-color: var(--color-border-subtle);
  margin-bottom: 1.25rem;
}
.savings-calculator__question {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
  text-align: left;
}
@media (min-width: 768px) {
  .savings-calculator__question {
    font-size: 1.5625rem;
    line-height: 2rem;
  }
}
.savings-calculator__presets {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
  width: 100%;
}
.savings-calculator__control {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  width: 100%;
}
@media (min-width: 768px) {
  .savings-calculator__control {
    flex-direction: row;
    align-items: center;
    gap: 1.25rem;
  }
}
.savings-calculator__input-wrapper {
  flex: 1;
  width: 100%;
}
.savings-calculator__next-btn {
  width: 100%;
}
@media (min-width: 768px) {
  .savings-calculator__next-btn {
    width: 8.4375rem;
    min-width: 8.4375rem;
  }
}
.savings-calculator__results {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.savings-calculator__results.is-hidden {
  display: none;
}
.savings-calculator__section-heading {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .savings-calculator__section-heading {
    font-size: 1.125rem;
    margin-top: 1.875rem;
  }
}
.savings-calculator__section-heading:first-child {
  margin-top: 0;
}
.savings-calculator__stat-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
  .savings-calculator__stat-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5625rem;
    margin-bottom: 2.5rem;
  }
}
.savings-calculator__stat-box {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 7.5rem;
  padding: 1.25rem;
  border-radius: 1.25rem;
  border: 1px solid var(--color-border-subtle);
  background-color: var(--color-bg-content);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.savings-calculator__stat-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--icon-badge-size-sm);
  height: var(--icon-badge-size-sm);
  min-width: var(--icon-badge-size-sm);
  min-height: var(--icon-badge-size-sm);
  border-radius: 50%;
  background-color: var(--color-primary);
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  color: #ffffff;
}
.savings-calculator__stat-avatar svg:not([width]) {
  width: var(--icon-badge-icon-fallback-sm);
  height: var(--icon-badge-icon-fallback-sm);
}
.savings-calculator__stat-avatar--alert {
  background-color: var(--color-text-stat-warning, #ff6a6a);
}
.savings-calculator__stat-avatar--accent {
  background-color: var(--color-primary, #44a4dc);
}
.savings-calculator__stat-label {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  color: var(--color-text-heading);
  margin-bottom: 0.625rem;
}
.savings-calculator__stat-value-wrapper {
  display: flex;
  align-items: baseline;
  gap: 0.625rem;
}
.savings-calculator__stat-value {
  font-family: var(--font-primary);
  font-size: 2.5rem;
  line-height: 3.125rem;
}
.savings-calculator__stat-value--alert {
  color: var(--color-text-stat-warning, #ff6a6a);
}
.savings-calculator__stat-value--accent {
  color: var(--color-primary, #44a4dc);
}
.savings-calculator__stat-subline {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  color: var(--color-text-heading);
}
.savings-calculator__package-card {
  box-sizing: border-box;
  width: 100%;
  border-radius: 1.25rem;
  border: 1px solid var(--color-border-subtle);
  background-color: var(--color-bg-content);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .savings-calculator__package-card {
    max-width: 45.9375rem;
    min-height: 19.6875rem;
    padding: 1.875rem;
  }
}
.savings-calculator__package-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
}
.savings-calculator__package-title {
  font-family: var(--font-primary);
  font-size: 1.5625rem;
  line-height: 2rem;
  font-weight: 700;
  color: var(--color-primary);
}
.savings-calculator__package-badge {
  height: 1.875rem;
  padding: 0.3125rem 0.625rem;
  border-radius: 0.3125rem;
  background-color: var(--color-surface-preset-btn);
  color: var(--color-text-preset-btn);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.savings-calculator__package-body {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .savings-calculator__package-body {
    flex-direction: row;
    justify-content: space-between;
  }
}
.savings-calculator__package-left {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.savings-calculator__package-price-box {
  margin-bottom: 1.25rem;
  text-align: right;
}
.savings-calculator__package-price {
  font-family: var(--font-primary);
  font-size: 2.5rem;
  line-height: 3.125rem;
  font-weight: 700;
  color: var(--color-primary);
}
.savings-calculator__package-price--custom {
  font-size: 2.125rem;
  line-height: 2.3125rem;
}
.savings-calculator__package-price-prefix {
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  vertical-align: middle;
  margin-right: 0.125rem;
}
.savings-calculator__package-price-subline {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  color: #ffffff;
  text-align: right;
}
.savings-calculator__package-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.savings-calculator__features-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.savings-calculator__feature-item {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--color-text-heading);
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}
.savings-calculator__feature-item svg {
  width: 1rem;
  height: 1rem;
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.savings-calculator__info-link {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.1875rem;
  color: var(--color-text-link);
  text-decoration: underline;
  align-self: center;
  margin-top: 0.9375rem;
  margin-left: auto;
}
.savings-calculator__info-link:hover {
  color: var(--color-primary);
}
.savings-calculator__footer-row {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  margin-top: 1.875rem;
}
@media (min-width: 768px) {
  .savings-calculator__footer-row {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.savings-calculator__reset-link {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  color: var(--color-text-link);
  text-decoration: underline;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.savings-calculator__reset-link:hover {
  color: var(--color-primary);
}
.savings-calculator__disclaimer {
  position: absolute;
  top: calc(100% + 0.9375rem);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 45.9375rem;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--color-text-muted, #90a1b9);
  text-align: center;
  pointer-events: none;
}

.centered-banner {
  --centered-banner-card-ring: 0 0 0 1px rgba(68, 164, 220, 0.35);
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
  padding-top: 3rem;
  padding-bottom: 4rem;
  background-color: var(--color-bg-primary);
  transition: background-color var(--transition-base);
}
@media (min-width: 768px) {
  .centered-banner {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .centered-banner {
    padding-top: 4.5rem;
    padding-bottom: 6rem;
  }
}
.centered-banner__glow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(61.25rem, 98vw);
  height: min(35rem, 75vh);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse at center, rgba(68, 164, 220, 0.45) 0%, rgba(68, 164, 220, 0.18) 40%, rgba(68, 164, 220, 0) 70%);
}
.centered-banner__bg {
  display: none;
  position: absolute;
  right: -12.5rem;
  bottom: -1.25rem;
  width: 35rem;
  height: 13.75rem;
  pointer-events: none;
  z-index: 0;
}
@media (min-width: 768px) {
  .centered-banner__bg {
    display: block;
    right: -10rem;
    bottom: 0;
    width: 45rem;
    height: 17.5rem;
  }
}
@media (min-width: 1280px) {
  .centered-banner__bg {
    right: -7.5rem;
    bottom: 0;
    width: 53.75rem;
    height: 20rem;
  }
}
.centered-banner__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  opacity: 0.35;
}
[data-theme=light] .centered-banner__bg-img {
  opacity: 0.5;
}
.centered-banner__container {
  position: relative;
  z-index: 1;
}
.centered-banner__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 53.125rem;
  margin: 0 auto 2rem;
}
@media (min-width: 1024px) {
  .centered-banner__header {
    margin-bottom: 3rem;
  }
}
.centered-banner__top-title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  margin: 0;
  color: var(--color-text-heading);
  text-align: center;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .centered-banner__top-title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.centered-banner__top-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin: 1.25rem auto 0;
  max-width: 48.75rem;
  color: var(--color-text-primary);
  text-align: center;
}
@media (min-width: 1024px) {
  .centered-banner__top-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
@media (min-width: 768px) {
  .centered-banner__top-text {
    margin-top: 1.5rem;
    max-width: 50.9375rem;
  }
}
.centered-banner__card {
  box-sizing: border-box;
  text-align: center;
  border-radius: 1.25rem;
  margin: 0 auto;
  padding: 2.75rem 1.5rem 2.5rem;
  position: relative;
  overflow: visible;
  background-color: var(--color-surface-box-fill);
  background-image: var(--gradient-banner-v2);
  box-shadow: var(--centered-banner-card-ring), var(--shadow-banner-v2-dark);
}
@media (min-width: 768px) {
  .centered-banner__card {
    padding: 3.5rem 3.5rem 3rem;
  }
}
@media (min-width: 1024px) {
  .centered-banner__card {
    padding: 4rem 5rem 3.5rem;
  }
}
[data-theme=light] .centered-banner__card {
  background-image: none;
  box-shadow: var(--shadow-banner-v2-light);
}
.centered-banner__eyebrow {
  display: inline-block;
  margin: 0 auto 1.25rem;
  padding: 0.3125rem 0.625rem;
  border-radius: var(--radius-btn);
  background-color: var(--color-surface-badge);
  color: var(--color-text-badge);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.centered-banner__title {
  margin: 0 auto;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.2;
  color: var(--color-text-heading);
}
@media (min-width: 768px) {
  .centered-banner__title {
    font-size: 2.25rem;
  }
}
@media (min-width: 1024px) {
  .centered-banner__title {
    font-size: 2.5rem;
  }
}
.centered-banner__card-heading {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  margin: 0 auto;
  color: var(--color-text-heading);
  text-align: center;
  max-width: 29.0625rem;
  font-size: 1.5625rem;
}
@media (min-width: 1024px) {
  .centered-banner__card-heading {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.centered-banner__card-highlight {
  color: var(--color-primary);
}
.centered-banner__title-highlight {
  color: var(--color-primary);
  display: block;
  margin-top: 0.25rem;
}
.centered-banner__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin: 1.25rem auto 0;
  max-width: 48.75rem;
  color: var(--color-text-primary);
  text-align: center;
}
@media (min-width: 1024px) {
  .centered-banner__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
@media (min-width: 768px) {
  .centered-banner__text {
    margin-top: 1.5rem;
    max-width: 50.9375rem;
  }
}
.centered-banner__cta-wrap {
  margin-top: 1.75rem;
}
@media (min-width: 768px) {
  .centered-banner__cta-wrap {
    margin-top: 2rem;
  }
}
.centered-banner__cta {
  max-width: 100%;
}
.centered-banner__cta--pending {
  cursor: default;
  pointer-events: none;
}

.comparison-boxes {
  position: relative;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.comparison-boxes__glow {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 105rem;
  height: 42.5rem;
  background-image: url("/images/glow-bg/comparison-boxes-glow.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .comparison-boxes__glow {
    display: block;
  }
}
[data-theme=light] .comparison-boxes__glow {
  display: none;
}
.comparison-boxes__dots {
  position: absolute;
  top: 1.875rem;
  left: -50.625rem;
  width: 88.75rem;
  height: 51.9375rem;
  background-image: url("/images/dotted-bg/comparison-boxes.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .comparison-boxes__dots {
    display: block;
  }
}
.comparison-boxes[hidden] {
  display: none;
}
.comparison-boxes__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.comparison-boxes__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-text-heading);
  margin: 0 0 1.875rem;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .comparison-boxes__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.comparison-boxes__title-highlight {
  color: var(--color-primary);
}
.comparison-boxes__subtitle {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  text-align: center;
  max-width: 43.75rem;
  margin: 0 0 2.5rem;
}
@media (min-width: 1024px) {
  .comparison-boxes__subtitle {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.comparison-boxes__tablist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem 2.5rem;
  width: 100%;
  margin: 1.25rem 0 2.5rem;
}
@media (min-width: 1024px) {
  .comparison-boxes__tablist {
    gap: 1rem 4.125rem;
    margin: 2.5rem 0 3.5rem;
  }
}
.comparison-boxes__tab {
  appearance: none;
  background: none;
  border: 0;
  padding: 0 0 0.5rem;
  border-bottom: 0.125rem solid transparent;
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-text-heading);
  cursor: pointer;
  transition: color var(--transition-base), border-color var(--transition-base);
}
@media (min-width: 1024px) {
  .comparison-boxes__tab {
    font-size: 1.25rem;
  }
}
.comparison-boxes__tab:hover:not([aria-selected=true]) {
  color: var(--color-primary);
}
.comparison-boxes__tab[aria-selected=true] {
  color: var(--color-primary);
  border-bottom-color: currentColor;
}
.comparison-boxes__tab:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.comparison-boxes__panel {
  width: 100%;
}
.comparison-boxes__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  width: 100%;
  max-width: 77.625rem;
  margin: 0 auto;
  border: 1px solid var(--color-border-subtle);
  border-radius: 1.5rem;
  background-color: var(--color-surface-box-fill);
  overflow: hidden;
}
@media (min-width: 768px) {
  .comparison-boxes__cards {
    gap: 2rem;
    border: none;
    border-radius: 0;
    background-color: transparent;
    overflow: visible;
  }
}
.comparison-boxes__card {
  --comparison-boxes-card-padding-inline: 0.75rem;
  padding: 1.25rem var(--comparison-boxes-card-padding-inline);
  display: flex;
  flex-direction: column;
  background-color: transparent;
  border: none;
  border-radius: 0;
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}
.comparison-boxes__card--positive {
  border-right: 1px solid var(--color-border-subtle);
}
@media (min-width: 768px) {
  .comparison-boxes__card {
    --comparison-boxes-card-padding-inline: 2.25rem;
    padding: 2.5rem var(--comparison-boxes-card-padding-inline);
    background-color: var(--color-surface-box-fill);
    border: 1px solid var(--color-border-subtle);
    border-radius: 1.5rem;
  }
}
.comparison-boxes__card-header {
  text-align: left;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .comparison-boxes__card-header {
    text-align: center;
    margin-bottom: 1.25rem;
  }
}
.comparison-boxes__card-title {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  font-weight: 700;
  margin: 0 0 0.375rem;
}
@media (min-width: 1024px) {
  .comparison-boxes__card-title {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.comparison-boxes__card-title--positive {
  color: var(--color-primary);
}
.comparison-boxes__card-title--negative {
  color: var(--color-text-highlight-alert);
}
@media (min-width: 768px) {
  .comparison-boxes__card-title {
    font-family: var(--font-primary);
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .comparison-boxes__card-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.comparison-boxes__card-subtitle {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .comparison-boxes__card-subtitle {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.comparison-boxes__card-divider {
  width: auto;
  height: 1px;
  background-color: var(--color-border-subtle);
  margin-bottom: 1rem;
  margin-inline: calc(var(--comparison-boxes-card-padding-inline) * -1);
}
@media (min-width: 768px) {
  .comparison-boxes__card-divider {
    margin-bottom: 1.75rem;
  }
}
.comparison-boxes__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.comparison-boxes__item {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding-bottom: 1rem;
  align-content: start;
}
@media (min-width: 768px) {
  .comparison-boxes__item {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.875rem;
    padding-bottom: 0;
  }
}
@supports (grid-template-rows: subgrid) {
  .comparison-boxes__cards {
    grid-template-rows: auto auto repeat(var(--comparison-boxes-rows, 0), auto);
  }
  @media (min-width: 768px) {
    .comparison-boxes__cards {
      grid-template-rows: none;
    }
  }
  .comparison-boxes__card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: 1/-1;
  }
  @media (min-width: 768px) {
    .comparison-boxes__card {
      display: flex;
      grid-row: auto;
    }
  }
  .comparison-boxes__list {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: 3/-1;
    gap: 0;
  }
  @media (min-width: 768px) {
    .comparison-boxes__list {
      display: flex;
      grid-row: auto;
      gap: 1rem;
    }
  }
}
.comparison-boxes__item-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .comparison-boxes__item-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.comparison-boxes__icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.comparison-boxes__icon {
  width: 1.5rem;
  height: 1.5rem;
  stroke-width: 4;
}
.comparison-boxes__icon--check {
  color: var(--color-primary);
  stroke: currentColor;
  fill: none;
}
.comparison-boxes__icon--cross {
  color: var(--color-text-highlight-alert);
  stroke: currentColor;
  fill: none;
}

.pricing-comparison-boxes {
  --color-pricing-comparison-negative-title: #ff6a6a;
  --color-pricing-comparison-negative-icon: #ff6a6a;
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
[data-theme=light] .pricing-comparison-boxes {
  background-color: #fcfcfc;
}
.pricing-comparison-boxes[hidden] {
  display: none;
}
.pricing-comparison-boxes__glow {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 105rem;
  height: 42.5rem;
  background-image: url("/images/glow-bg/comparison-boxes-glow.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .pricing-comparison-boxes__glow {
    display: block;
  }
}
[data-theme=light] .pricing-comparison-boxes__glow {
  display: none;
}
.pricing-comparison-boxes__dots {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .pricing-comparison-boxes__dots {
    display: block;
  }
}
.pricing-comparison-boxes__dots--left {
  top: 0;
  left: 0;
  width: min(32vw, 18.75rem);
  height: 100%;
  background-position: left top;
  opacity: 0.34;
}
@media (min-width: 1024px) {
  .pricing-comparison-boxes__dots--left {
    width: min(50vw, 50rem);
    opacity: 0.5;
  }
}
[data-theme=light] .pricing-comparison-boxes__dots--left {
  opacity: 0.5;
}
.pricing-comparison-boxes__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pricing-comparison-boxes__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-text-heading);
  margin: 0 0 1.5rem;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .pricing-comparison-boxes__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
@media (min-width: 1024px) {
  .pricing-comparison-boxes__title {
    margin-bottom: 3rem;
  }
}
.pricing-comparison-boxes__title-highlight {
  display: block;
  color: var(--color-primary);
}
.pricing-comparison-boxes__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  width: 100%;
  max-width: 77.625rem;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .pricing-comparison-boxes__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.875rem;
  }
}
.pricing-comparison-boxes__card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  padding: 2rem 1.5rem;
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
@media (min-width: 1024px) {
  .pricing-comparison-boxes__card {
    padding: 2.5rem;
  }
}
[data-theme=light] .pricing-comparison-boxes__card {
  background-color: #ffffff;
  border-color: #dde1ea;
  box-shadow: 0 0.0625rem 0.25rem rgba(6, 6, 8, 0.04);
}
.pricing-comparison-boxes__card-header {
  text-align: center;
  margin-bottom: 1.25rem;
}
.pricing-comparison-boxes__card-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.625rem;
  margin: 0 0 0.5rem;
}
@media (min-width: 1024px) {
  .pricing-comparison-boxes__card-title {
    font-size: 1.5625rem;
    line-height: 2rem;
  }
}
.pricing-comparison-boxes__card-title--positive {
  color: var(--color-primary);
}
.pricing-comparison-boxes__card-title--negative {
  color: var(--color-pricing-comparison-negative-title);
}
.pricing-comparison-boxes__card-subtitle {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: var(--color-text-heading);
  margin: 0;
}
[data-theme=light] .pricing-comparison-boxes__card-subtitle {
  color: #060608;
}
.pricing-comparison-boxes__card-divider {
  width: 100%;
  height: 1px;
  background-color: var(--color-border-subtle);
  margin-bottom: 1.75rem;
}
[data-theme=light] .pricing-comparison-boxes__card-divider {
  background-color: #dde1ea;
}
.pricing-comparison-boxes__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 1024px) {
  .pricing-comparison-boxes__list {
    gap: 1.125rem;
  }
}
.pricing-comparison-boxes__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.pricing-comparison-boxes__item-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3125rem;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .pricing-comparison-boxes__item-text {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
}
[data-theme=light] .pricing-comparison-boxes__item-text {
  color: #060608;
}
.pricing-comparison-boxes__icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
}
.pricing-comparison-boxes__icon-wrapper--negative {
  color: var(--color-pricing-comparison-negative-icon);
}
.pricing-comparison-boxes__icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.pricing-comparison-boxes__icon--check {
  color: var(--color-primary);
}
.pricing-comparison-boxes__icon--cross {
  color: var(--color-pricing-comparison-negative-icon);
}

.industries-selector {
  position: relative;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.industries-selector__glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 105rem;
  height: 38.6875rem;
  background-image: url("/images/glow-bg/industries-selector-glow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .industries-selector__glow {
    display: block;
  }
}
[data-theme=light] .industries-selector__glow {
  display: none;
}
.industries-selector__dots {
  position: absolute;
  top: 50%;
  right: 51.6875rem;
  transform: translateY(-50%);
  width: 124.25rem;
  height: 42.875rem;
  background-image: url("/images/dotted-bg/industries-selector.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.15;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .industries-selector__dots {
    display: block;
  }
}
.industries-selector__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.industries-selector__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-text-heading);
  margin: 0 0 var(--gap-title-subtitle);
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .industries-selector__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.industries-selector__title-highlight {
  color: var(--color-primary);
}
.industries-selector__subtitle {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  text-align: center;
  max-width: 48rem;
  margin: 0 0 var(--gap-subtitle-content);
}
@media (min-width: 1024px) {
  .industries-selector__subtitle {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.industries-selector__layout {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .industries-selector__layout {
    display: grid;
    grid-template-columns: 22.5rem 1fr;
    gap: 1.5625rem;
    align-items: start;
  }
}
@media (min-width: 1024px) {
  .industries-selector__layout {
    grid-template-columns: 26.25rem 1fr;
    gap: 2.5rem;
  }
}
.industries-selector__tabs-col {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 768px) {
  .industries-selector__tabs-col {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.industries-selector__tablist {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}
.industries-selector__tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.875rem;
  width: 100%;
  border-radius: 1.25rem;
  padding: 0.625rem 1rem 0.625rem 0.625rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  color: var(--color-text-heading);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  transition: background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base);
}
@media (min-width: 1024px) {
  .industries-selector__tab {
    font-size: 1.125rem;
  }
}
.industries-selector__tab:hover:not([aria-selected=true]) {
  border-color: var(--color-primary);
  background-color: rgba(68, 164, 220, 0.08);
}
.industries-selector__tab[aria-selected=true] {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #060608;
}
.industries-selector__tab[aria-selected=true] .industries-selector__tab-icon-wrap {
  background-color: #ffffff;
  color: #060608;
}
.industries-selector__tab[aria-selected=true] .industries-selector__tab-icon {
  fill: #060608;
  color: #060608;
}
.industries-selector__tab[aria-selected=true] .industries-selector__tab-chevron-wrap {
  color: #ffffff;
  transform: translateX(0.1875rem);
}
.industries-selector__tab-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--icon-badge-size-sm);
  height: var(--icon-badge-size-sm);
  min-width: var(--icon-badge-size-sm);
  min-height: var(--icon-badge-size-sm);
  border-radius: 50%;
  background-color: var(--color-primary);
  color: #060608;
  transition: background-color var(--transition-base), color var(--transition-base);
}
.industries-selector__tab-icon-wrap svg:not([width]) {
  width: var(--icon-badge-icon-fallback-sm);
  height: var(--icon-badge-icon-fallback-sm);
}
.industries-selector__tab-icon-wrap svg,
.industries-selector__tab-icon-wrap svg path {
  fill: currentColor;
}
.industries-selector__tab-icon {
  fill: currentColor;
  color: #060608;
  transition: fill var(--transition-base), color var(--transition-base);
}
.industries-selector__tab-icon path {
  fill: currentColor !important;
}
.industries-selector__tab-name {
  flex-grow: 1;
  margin-right: auto;
}
.industries-selector__tab-chevron-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #ffffff;
  transition: color var(--transition-base), transform var(--transition-base);
}
[data-theme=light] .industries-selector__tab-chevron-wrap {
  color: #060608;
}
.industries-selector__tab-chevron {
  width: 0.625rem;
  height: 1.0625rem;
  fill: currentColor;
  color: currentColor;
}
.industries-selector__global-cta-wrapper {
  margin-top: 1rem;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .industries-selector__global-cta-wrapper {
    margin-top: 1rem;
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.industries-selector__panels-col {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .industries-selector__panels-col {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
.industries-selector__panel {
  background-color: var(--color-surface-box-fill, #0A1628);
  border: 1px solid var(--color-border-subtle, rgba(255, 255, 255, 0.12));
  border-radius: var(--radius-box);
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  height: 100%;
}
.industries-selector__panel p {
  margin: 0;
}
@media (min-width: 1024px) {
  .industries-selector__panel {
    padding: 2.5rem 2.25rem;
  }
}
.industries-selector__panel[hidden] {
  display: none !important;
}
.industries-selector__panel-headline {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .industries-selector__panel-headline {
    font-size: 1.5rem;
  }
}
.industries-selector__panel-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .industries-selector__panel-text {
    font-size: 0.9375rem;
  }
}
.industries-selector__bullets {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.industries-selector__bullet-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.industries-selector__bullet-icon-wrap {
  flex-shrink: 0;
  margin-top: 0.125rem;
  color: var(--color-primary, #44A4DC);
}
.industries-selector__bullet-icon {
  width: 1rem;
  height: 1rem;
  stroke: currentColor;
  fill: none;
}
.industries-selector__bullet-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .industries-selector__bullet-text {
    font-size: 1rem;
  }
}
.industries-selector__panel-cta-wrapper {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.industries-selector__panel-cta {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text-heading, #ffffff);
  text-decoration: underline;
}
[data-theme=light] .industries-selector__panel-cta {
  color: var(--color-primary, #44A4DC);
}

.industry-feature-cards {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.industry-feature-cards__dots {
  position: absolute;
  inset: 0;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 3.75rem 0;
  pointer-events: none;
  z-index: 1;
}
@media (min-width: 768px) {
  .industry-feature-cards__dots {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .industry-feature-cards__dots {
    padding: 6.25rem 0;
  }
}
.industry-feature-cards__dots-cluster {
  display: block;
  flex: 0 0 auto;
  width: 32.5rem;
  height: 30.625rem;
  margin-left: -6.25rem;
  background-image: url("/images/faq-accordion/use-cases-dots.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  opacity: 0.35;
}
@media (min-width: 1024px) {
  .industry-feature-cards__dots-cluster {
    margin-left: -3.75rem;
    width: 35rem;
    height: 32.5rem;
  }
}
[data-theme=light] .industry-feature-cards__dots-cluster {
  opacity: 0.45;
}
.industry-feature-cards__container {
  position: relative;
  z-index: 2;
  width: auto;
}
.industry-feature-cards__list {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.industry-feature-cards__item {
  margin: 0;
}
.industry-feature-cards__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  box-shadow: var(--shadow-elevation-sm-dark);
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
[data-theme=light] .industry-feature-cards__card {
  box-shadow: var(--shadow-elevation-sm-light);
}
@media (min-width: 1024px) {
  .industry-feature-cards__card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    align-items: stretch;
    min-height: 17.5rem;
  }
}
.industry-feature-cards__visual {
  position: relative;
  width: 100%;
  min-height: 13.75rem;
  overflow: hidden;
}
.industry-feature-cards__visual picture {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
}
@media (min-width: 1024px) {
  .industry-feature-cards__visual {
    min-height: 100%;
  }
}
.industry-feature-cards__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 13.75rem;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 1024px) {
  .industry-feature-cards__image {
    position: absolute;
    inset: 0;
    min-height: 0;
  }
}
.industry-feature-cards__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1.875rem;
}
@media (min-width: 1024px) {
  .industry-feature-cards__content {
    justify-content: center;
    padding: 3.125rem;
  }
}
.industry-feature-cards__badge {
  flex-shrink: 0;
}
.industry-feature-cards__title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .industry-feature-cards__title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.industry-feature-cards__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
  opacity: 0.9;
}
@media (min-width: 1024px) {
  .industry-feature-cards__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.industry-feature-cards__link {
  color: var(--color-text-link);
  margin-top: 0.25rem;
}
@media (min-width: 1024px) {
  .industry-feature-cards__link {
    margin-top: 0.5rem;
  }
}

.industry-feature-cards + .testimonial-video {
  background-color: var(--color-surface-box-fill);
}
.industry-feature-cards + .testimonial-video .testimonial-video__container {
  position: relative;
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--width-content) + var(--space-h-desktop) * 2 + 1.5rem);
  border-radius: var(--radius-sm);
  padding: 1.875rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .industry-feature-cards + .testimonial-video .testimonial-video__container {
    max-width: calc(var(--width-content) + var(--space-h-desktop) * 2 + 2.5rem);
  }
}
@media (min-width: 1024px) {
  .industry-feature-cards + .testimonial-video .testimonial-video__container {
    padding: 3.125rem;
    max-width: calc(var(--width-content) + var(--space-h-desktop) * 2 + 3rem);
  }
}
.industry-feature-cards + .testimonial-video .testimonial-video__dots {
  left: auto;
  right: -7.5rem;
  top: 3.75rem;
  opacity: 0.25;
}

[data-theme=light] .statement-intro::before {
  display: none;
}

.testimonial-video {
  position: relative;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
[data-theme=light] .testimonial-video {
  background-color: var(--color-bg-secondary);
}
.testimonial-video--has-bg {
  background-color: var(--color-bg-secondary);
}
.testimonial-video__glow {
  position: absolute;
  top: 12rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 105.0625rem;
  height: 43.25rem;
  background-image: url("/images/glow-bg/testimonial-video-glow.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .testimonial-video__glow {
    display: block;
  }
}
[data-theme=light] .testimonial-video__glow {
  display: none;
}
.testimonial-video__dots {
  position: absolute;
  top: 1.875rem;
  left: -50.625rem;
  width: 88.75rem;
  height: 51.9375rem;
  background-image: url("/images/dotted-bg/testimonial-video.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .testimonial-video__dots {
    display: block;
  }
}
.testimonial-video__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.testimonial-video__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 3.75rem;
  width: 100%;
}
.testimonial-video__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-text-heading);
  margin: 0 0 2.5rem;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .testimonial-video__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.testimonial-video__title-highlight {
  color: var(--color-primary);
}
.testimonial-video__subtitle {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  text-align: center;
  max-width: 46.875rem;
  margin: 0;
}
@media (min-width: 1024px) {
  .testimonial-video__subtitle {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.testimonial-video__main {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  max-width: 77.5rem;
  margin: 0 auto 3rem;
}
@media (min-width: 1024px) {
  .testimonial-video__main {
    display: grid;
    grid-template-columns: minmax(0, 50.9375rem) 24.6875rem;
    gap: 1.5625rem;
    align-items: stretch;
  }
}
.testimonial-video__player {
  position: relative;
  width: 100%;
  aspect-ratio: 815/458;
  border-radius: var(--radius-box);
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
}
.testimonial-video__video-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: var(--radius-box);
  overflow: hidden;
}
.testimonial-video__iframe,
.testimonial-video iframe,
.testimonial-video video,
.testimonial-video img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0.625rem;
  object-fit: cover;
  z-index: 4;
}
.testimonial-video__card {
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  padding: 1.875rem;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .testimonial-video__card {
    max-width: 24.6875rem;
    height: 28.5625rem;
  }
}
.testimonial-video__card-company {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5625rem;
  min-height: 3.125rem;
  color: var(--color-text-heading);
  margin: 0 0 0.5rem;
}
.testimonial-video__card-title {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  min-height: 3.125rem;
  color: var(--color-text-primary);
  margin: 0 0 1.25rem;
}
.testimonial-video__card-benefits-label {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 0.75rem;
}
.testimonial-video__card-bullets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.testimonial-video__card-bullet-item {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}
.testimonial-video__card-bullet-icon-wrap {
  flex-shrink: 0;
  margin-top: 0.125rem;
  color: var(--color-primary, #44A4DC);
}
.testimonial-video__card-bullet-icon {
  width: 1rem;
  height: 1rem;
  stroke: currentColor;
  fill: none;
}
.testimonial-video__card-bullet-text {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--color-text-primary);
}
.testimonial-video__card-cta-wrapper {
  margin-top: auto;
  padding-top: 0.75rem;
}
.testimonial-video__selector {
  width: 100%;
  max-width: 77.5rem;
  margin: 0 auto;
}
.testimonial-video__selector-title {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 1rem;
}
.testimonial-video__thumbnails {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.9375rem;
}
@media (min-width: 1024px) {
  .testimonial-video__thumbnails {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5625rem;
  }
}
.testimonial-video__thumb-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: transparent;
  border: none;
  padding: 0;
  width: 100%;
  min-width: 0;
  border-radius: var(--radius-video-thumb);
  cursor: pointer;
  text-align: left;
  transition: opacity var(--transition-base);
}
@media (min-width: 1024px) {
  .testimonial-video__thumb-card {
    width: 11.5625rem;
  }
}
.testimonial-video__thumb-card:hover {
  opacity: 0.88;
}
.testimonial-video__thumb-card:hover .testimonial-video__thumb-name {
  color: var(--color-primary, #44A4DC);
}
.testimonial-video__thumb-card--active .testimonial-video__thumb-name {
  color: var(--color-primary, #44A4DC) !important;
}
.testimonial-video__thumb-img-wrap {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 185/104;
  border-radius: var(--radius-video-thumb);
  overflow: hidden;
  background-color: #060608;
}
.testimonial-video__thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-video-thumb);
}
.testimonial-video__thumb-name {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  color: var(--color-text-heading);
  line-height: 1.5625rem;
  height: 1.9375rem;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color var(--transition-base);
}
.testimonial-video__thumb-name--active {
  color: var(--color-primary, #44A4DC) !important;
}

.video-single {
  position: relative;
  overflow: hidden;
  scroll-margin-top: var(--header-height);
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.video-single--has-bg {
  background-color: var(--color-bg-secondary);
}
.video-single[hidden] {
  display: none;
}
.video-single__dots {
  position: absolute;
  top: 2.5rem;
  right: -12.5rem;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 30rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.3;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .video-single__dots {
    display: block;
    right: -6.25rem;
    width: 50rem;
  }
}
@media (min-width: 1024px) {
  .video-single__dots {
    top: 13rem;
    right: -7.5rem;
    width: 75rem;
    min-height: 40rem;
  }
}
[data-theme=light] .video-single__dots {
  opacity: 0.5;
}
.video-single__glow {
  position: absolute;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
  width: min(61.25rem, 98vw);
  height: min(35rem, 70vh);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  opacity: 0.3;
  background: radial-gradient(ellipse at center, rgba(68, 164, 220, 0.9) 0%, rgba(68, 164, 220, 0.35) 42%, rgba(68, 164, 220, 0) 72%);
}
[data-theme=light] .video-single__glow {
  display: none;
}
.video-single__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.video-single__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 3rem;
  width: 100%;
}
.video-single__eyebrow {
  margin: 0 0 0.75rem;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-primary);
}
@media (min-width: 1024px) {
  .video-single__eyebrow {
    font-size: 0.8125rem;
    margin-bottom: 1rem;
  }
}
.video-single__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .video-single__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.video-single__title-line {
  display: block;
}
.video-single__title-highlight {
  color: var(--color-primary);
  display: block;
}
.video-single__intro {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  text-align: center;
  max-width: 46.875rem;
  margin: 0;
}
@media (min-width: 1024px) {
  .video-single__intro {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.video-single__videos {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 3.75rem;
}
@media (min-width: 1024px) {
  .video-single__videos {
    gap: 6.25rem;
  }
}
.video-single__main {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  max-width: 77.5rem;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .video-single__main {
    display: grid;
    grid-template-columns: minmax(0, 50.9375rem) 24.6875rem;
    gap: 1.5625rem;
    align-items: stretch;
  }
}
.video-single__player {
  position: relative;
  width: 100%;
  aspect-ratio: 815/458;
  border-radius: var(--radius-box);
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  overflow: hidden;
  box-shadow: 0 0 2.8125rem rgba(68, 164, 220, 0.35);
  transition: box-shadow var(--transition-base);
}
[data-theme=light] .video-single__player {
  box-shadow: none;
}
.video-single__video-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.video-single__poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
  pointer-events: none;
}
.video-single__iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 4;
}
.video-single__card {
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  padding: 1.875rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .video-single__card {
    max-width: 24.6875rem;
    min-height: 28.5625rem;
  }
}
.video-single__card-image {
  width: 100%;
  height: auto;
  border-radius: var(--radius-box);
  overflow: hidden;
  margin: 0 0 1.25rem;
}
.video-single__card-image img {
  display: block;
  width: 100%;
  height: auto;
}
.video-single__card-image--boxed {
  padding: 1.25rem;
  background-color: var(--color-surface-logo-plate);
  width: 100%;
  text-align: center;
  border: 1px solid var(--color-border-subtle);
}
.video-single__card-image--boxed img {
  width: 9.375rem;
  margin: 0 auto;
}
.video-single__card-image--light {
  display: none;
}
[data-theme=light] .video-single__card-image.video-single__card-image--light {
  display: block;
}
[data-theme=light] .video-single__card-image.video-single__card-image--dark {
  display: none;
}
.video-single__customer {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5625rem;
  color: var(--color-text-heading);
  margin: 0 0 0.5rem;
}
.video-single__text {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  color: var(--color-text-primary);
  margin: 0 0 1.875rem;
}
.video-single__text > :first-child {
  margin-top: 0;
}
.video-single__text > :last-child {
  margin-bottom: 0;
}
.video-single__text p {
  margin: 0 0 1rem;
}
.video-single__text ul {
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}
.video-single__text li {
  position: relative;
  padding-left: calc(0.9375rem + var(--space-sm));
}
.video-single__text li + li {
  margin-top: var(--space-sm);
}
.video-single__text li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.9375rem;
  height: 1.25rem;
  background-color: var(--color-icon-fill);
  -webkit-mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
  mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
}
[data-theme=light] .video-single__text li::before {
  background-color: var(--color-primary);
}
@media (min-width: 1024px) {
  .video-single__text li::before {
    height: var(--type-body-line-height);
  }
}
.video-single__quote {
  font-family: var(--font-primary);
  font-size: var(--type-opening-size);
  line-height: var(--type-opening-line-height);
  font-weight: var(--type-opening-weight);
  font-style: italic;
  color: var(--color-text-primary);
  margin: 0 0 1.25rem;
}
.video-single__benefits-label {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--color-text-heading);
  margin: 0 0 1rem;
}
.video-single__benefits {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.video-single__benefit {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}
.video-single__benefit-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 0.125rem;
  color: var(--color-primary);
}
.video-single__benefit-icon {
  width: 1.125rem;
  height: 1.125rem;
  stroke: currentColor;
  fill: none;
}
.video-single__benefit-text {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--color-text-primary);
}
.video-single__divider {
  width: 100%;
  height: 0;
  border: 0;
  border-top: 1px solid var(--color-primary);
  opacity: 0.45;
  margin: 1.5rem 0 0;
}
.video-single__speaker {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  margin-top: 1.25rem;
}
.video-single__speaker-avatar-wrap {
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
}
.video-single__speaker-avatar-wrap picture {
  display: block;
  width: 100%;
  height: 100%;
}
.video-single__speaker-avatar {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-single__speaker-name {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5625rem;
  color: var(--color-text-heading);
  margin: 0;
}
.video-single__speaker-role {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  color: var(--color-text-primary);
  margin: 0.25rem 0 0;
}
.video-single__card--webinar {
  justify-content: flex-start;
}
.video-single__card--webinar .video-single__benefits {
  flex: 1;
}
.video-single__card--webinar .video-single__speaker {
  margin-top: auto;
  padding-top: 1.25rem;
}
.video-single__cta-wrapper {
  margin-top: 1.25rem;
  padding-top: 0;
}
.video-single__cta {
  font-size: 1rem;
  line-height: 1.5625rem;
  color: var(--color-text-link);
}
.video-single__cta--pending {
  cursor: default;
  pointer-events: none;
}
.video-single--promo .video-single__dots {
  right: auto;
  left: -12.5rem;
  background-position: left top;
}
@media (min-width: 768px) {
  .video-single--promo .video-single__dots {
    right: auto;
    left: -6.25rem;
  }
}
@media (min-width: 1024px) {
  .video-single--promo .video-single__dots {
    right: auto;
    left: -7.5rem;
  }
}
.video-single--promo .video-single__main {
  max-width: 50.9375rem;
  gap: 2.5rem;
}
@media (min-width: 1024px) {
  .video-single--promo .video-single__main {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.video-single--promo .video-single__player {
  width: 100%;
}
.video-single--promo .video-single__promo-cta-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}
.video-single--promo .video-single__promo-cta--pending {
  cursor: default;
  pointer-events: none;
}

#steuerberater-testimonial::before,
#candis-testimonial::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #steuerberater-testimonial::before,
[data-theme=light] #candis-testimonial::before {
  display: none;
}

#agenturen-product-video::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #agenturen-product-video::before {
  display: none;
}

#software-entwickler-product-video::before,
#developers-product-video::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #software-entwickler-product-video::before,
[data-theme=light] #developers-product-video::before {
  display: none;
}

#pricing-video-single {
  background-color: var(--color-bg-secondary);
}
[data-theme=light] #pricing-video-single {
  background-color: var(--color-bg-primary);
}
#pricing-video-single::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #pricing-video-single::before {
  display: none;
}

@media (min-width: 1024px) {
  #candis-testimonial {
    padding-bottom: 9.375rem;
  }
}

.video-centered {
  position: relative;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.video-centered__dots {
  position: absolute;
  top: 8.75rem;
  right: -40.6875rem;
  width: 89.375rem;
  height: 45.9375rem;
  background-image: url("/images/fraud-risk/normal_u4.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .video-centered__dots {
    display: block;
  }
}
.video-centered__glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 77.5rem;
  aspect-ratio: 1024/408;
  background-image: url("/images/glow-bg/mittelstand-amex-glow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.3;
  pointer-events: none;
  z-index: 0;
  display: none;
}
@media (min-width: 1024px) {
  .video-centered__glow {
    display: block;
  }
}
[data-theme=light] .video-centered__glow {
  display: none;
}
.video-centered__container {
  width: auto;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .video-centered__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .video-centered__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.video-centered__header {
  text-align: center;
  margin-bottom: var(--gap-subtitle-content);
  width: 100%;
}
.video-centered__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .video-centered__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.video-centered__title-highlight {
  color: var(--color-primary);
  display: block;
  margin-top: 0.25rem;
}
.video-centered__player {
  position: relative;
  width: 100%;
  max-width: 51.875rem;
  aspect-ratio: 16/9;
  border-radius: var(--radius-box);
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  overflow: hidden;
  box-shadow: 0 0 2.8125rem rgba(68, 164, 220, 0.35);
  transition: box-shadow var(--transition-base);
}
[data-theme=light] .video-centered__player {
  box-shadow: none;
}
.video-centered__video-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.video-centered__iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 4;
}
.video-centered__cta {
  margin-top: 2rem;
  width: 100%;
}
@media (min-width: 640px) {
  .video-centered__cta {
    width: auto;
  }
}

.social-proof-wall {
  position: relative;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.social-proof-wall__glow {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 105.0625rem;
  height: 50.3125rem;
  background-image: url("/images/glow-bg/social-proof-wall-glow.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  opacity: 0.3;
  z-index: 0;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .social-proof-wall__glow {
    display: block;
  }
}
[data-theme=light] .social-proof-wall__glow {
  display: none;
}
.social-proof-wall__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.social-proof-wall__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 3rem;
  width: 100%;
}
.social-proof-wall__title {
  font-family: var(--font-primary);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-heading, #ffffff);
  text-align: center;
  margin: 0;
}
@media (min-width: 1024px) {
  .social-proof-wall__title {
    font-size: 2.25rem;
  }
}
.social-proof-wall__title-highlight {
  color: var(--color-primary, #44A4DC);
}
.social-proof-wall__marquee-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  mask-image: linear-gradient(to right, transparent 0%, #000000 6%, #000000 94%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 6%, #000000 94%, transparent 100%);
}
@media (min-width: 1024px) {
  .social-proof-wall__marquee-wrap {
    gap: 1.5rem;
  }
}
.social-proof-wall__row {
  display: flex;
  width: 100%;
  user-select: none;
}
.social-proof-wall__track {
  display: flex;
  gap: 1.25rem;
  width: max-content;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  will-change: transform;
}
.social-proof-wall__row--1 .social-proof-wall__track {
  animation: marqueeLeft 80s linear infinite;
}
.social-proof-wall__row--2 {
  padding-left: calc(13.125rem / 2 + 0.625rem);
}
@media (min-width: 768px) {
  .social-proof-wall__row--2 {
    padding-left: calc(15.375rem / 2 + 0.625rem);
  }
}
.social-proof-wall__row--2 .social-proof-wall__track {
  animation: marqueeLeft 80s linear infinite;
}
.social-proof-wall__row--3 .social-proof-wall__track {
  animation: marqueeLeft 80s linear infinite;
}
.social-proof-wall__row .social-proof-wall__track:hover, .social-proof-wall__row .social-proof-wall__track:focus-within {
  animation-play-state: paused;
}
.social-proof-wall__card {
  position: relative;
  width: 13.125rem;
  min-width: 13.125rem;
  min-height: 10.625rem;
  height: 100%;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  box-sizing: border-box;
  transition: border-color var(--transition-base), transform var(--transition-base);
}
@media (min-width: 768px) {
  .social-proof-wall__card {
    width: 15.375rem;
    min-width: 15.375rem;
    min-height: 12.1875rem;
    padding: 1.25rem;
  }
}
.social-proof-wall__card:hover, .social-proof-wall__card:focus-within {
  z-index: var(--z-raised);
  transform: scale(var(--scale-hover-box));
}
@media (prefers-reduced-motion: reduce) {
  .social-proof-wall__card:hover, .social-proof-wall__card:focus-within {
    transform: none;
  }
}
.social-proof-wall__card:hover {
  border-color: var(--color-primary);
}
.social-proof-wall__card-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.social-proof-wall__card-source {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}
.social-proof-wall__card-logo {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  object-fit: contain;
}
.social-proof-wall__card-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.125rem;
}
.social-proof-wall__card-author {
  font-family: var(--font-primary);
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--color-text-heading);
  line-height: 1.3;
}
.social-proof-wall__card-stars {
  display: flex;
  gap: 0.125rem;
  color: var(--color-primary-btn-fill, #FAAA00);
  font-size: 0.8125rem;
  line-height: 1;
}
.social-proof-wall__star {
  display: inline-block;
}
.social-proof-wall__card-text {
  font-family: var(--font-primary);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: var(--color-text-heading);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@keyframes marqueeLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes marqueeRight {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .social-proof-wall__track {
    animation: none !important;
  }
}
.animated-features {
  position: relative;
  background-color: var(--color-bg-secondary);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-major);
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.animated-features__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.animated-features__dots {
  position: absolute;
  top: 1.875rem;
  width: 88.75rem;
  height: 51.9375rem;
  background-image: url("/images/dotted-bg/puzzle.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .animated-features__dots {
    display: block;
  }
}
.animated-features__dots--left {
  left: -50.625rem;
}
.animated-features__dots--right {
  left: auto;
  right: -50.625rem;
}
.animated-features__logo-slider-glow {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 25rem;
  background-image: var(--portal-trust-bg, url("/images/logo-slider/trust-bg.svg"));
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  pointer-events: none;
}
[data-theme=light] .animated-features__logo-slider-glow {
  display: none;
}
@media (min-width: 1024px) {
  .animated-features__logo-slider-glow {
    height: 30rem;
  }
}
.animated-features__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 2.5rem;
  width: 100%;
}
.animated-features__heading {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-text-heading);
  margin: 0 0 1rem;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .animated-features__heading {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.animated-features__title-highlight {
  color: var(--color-primary);
}
.animated-features__subtitle {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  text-align: center;
  max-width: 51.25rem;
  margin: 0;
}
@media (min-width: 1024px) {
  .animated-features__subtitle {
    font-size: 1rem;
  }
}
.animated-features__hero-visual {
  width: 100%;
  max-width: 50rem;
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
  border: 0.3125rem solid #fff;
  border-radius: var(--radius-box);
  line-height: 0;
  filter: drop-shadow(var(--shadow-image-md-drop-dark));
  transition: filter var(--transition-base);
}
[data-theme=light] .animated-features__hero-visual {
  filter: drop-shadow(var(--shadow-image-md-drop-light));
}
.animated-features__hero-card {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1988/1128;
  box-sizing: border-box;
  background-color: transparent;
  border-radius: calc(var(--radius-box) - 0.3125rem);
  border: 0.3125rem solid #060608;
  overflow: hidden;
  line-height: 0;
}
.animated-features__hero-card .animated-features__video-poster,
.animated-features__hero-card .animated-features__video {
  transform: scale(1.022);
  transform-origin: center center;
}
.animated-features__video-box {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1700/1180;
  background-color: transparent;
  border-radius: var(--radius-box);
  overflow: hidden;
  line-height: 0;
  filter: drop-shadow(var(--shadow-image-md-drop-dark));
  transition: filter var(--transition-base);
}
[data-theme=light] .animated-features__video-box {
  filter: drop-shadow(var(--shadow-image-md-drop-light));
}
.animated-features__video-poster {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
  pointer-events: none;
}
.animated-features__video-poster--light {
  display: none;
}
.animated-features__video-poster--dark {
  display: block;
}
[data-theme=light] .animated-features__video-poster--light {
  display: block;
}
[data-theme=light] .animated-features__video-poster--dark {
  display: none;
}
.animated-features__hero-card.is-playing .animated-features__video-poster, .animated-features__video-box.is-playing .animated-features__video-poster {
  display: none;
}
.animated-features__hero-card:has(video:playing) .animated-features__video-poster, .animated-features__video-box:has(video:playing) .animated-features__video-poster {
  display: none;
}
.animated-features__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  border-radius: 0;
  background-color: transparent;
}
.animated-features__video--light {
  display: none;
}
.animated-features__video--dark {
  display: block;
}
[data-theme=light] .animated-features__video.animated-features__video--light {
  display: block;
}
[data-theme=light] .animated-features__video.animated-features__video--dark {
  display: none;
}
.animated-features__rows {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 1024px) {
  .animated-features__rows {
    gap: 4rem;
  }
}
.animated-features__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .animated-features__row {
    flex-direction: row;
    gap: 4rem;
  }
  .animated-features__row--reverse {
    flex-direction: row-reverse;
  }
}
.animated-features__text {
  flex: 1;
  width: 100%;
}
.animated-features__title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--color-text-heading);
  margin: 0 0 1rem;
}
@media (min-width: 1024px) {
  .animated-features__title {
    font-size: 1.5rem;
  }
}
.animated-features__description {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .animated-features__description {
    font-size: 0.9375rem;
  }
}
.animated-features__visual {
  flex: 1;
  width: 100%;
}
.animated-features__pause-btn {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background-color: rgba(6, 6, 8, 0.65);
  border: none;
  cursor: pointer;
  color: var(--color-text-on-scrim);
  z-index: 5;
  transition: background-color var(--transition-quick), transform var(--transition-base);
}
.animated-features__pause-btn:hover, .animated-features__pause-btn:focus-within {
  transform: scale(var(--scale-hover-icon));
}
@media (prefers-reduced-motion: reduce) {
  .animated-features__pause-btn:hover, .animated-features__pause-btn:focus-within {
    transform: none;
  }
}
.animated-features__pause-btn:hover {
  background-color: rgba(6, 6, 8, 0.85);
}
.animated-features__pause-btn[aria-pressed=true] .animated-features__pause-icon--pause {
  display: none;
}
.animated-features__pause-btn[aria-pressed=true] .animated-features__pause-icon--play {
  display: block;
}
.animated-features__pause-btn[aria-pressed=false] .animated-features__pause-icon--pause {
  display: block;
}
.animated-features__pause-btn[aria-pressed=false] .animated-features__pause-icon--play {
  display: none;
}
.animated-features__pause-icon {
  width: 1rem;
  height: 1rem;
}

.amex-showcase {
  position: relative;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.amex-showcase__dots {
  position: absolute;
  top: 1.25rem;
  left: 77rem;
  width: 68.75rem;
  height: 40.25rem;
  background-image: url("/images/dotted-bg/amex-showcase.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .amex-showcase__dots {
    display: block;
  }
}
.amex-showcase__container {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  width: 100%;
}
.amex-showcase__card-box {
  width: 100%;
  background-color: var(--color-surface-box-fill, #0A1628);
  border: 1px solid var(--color-border-subtle, rgba(255, 255, 255, 0.12));
  border-radius: 1rem;
  padding: 2.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
@media (min-width: 1024px) {
  .amex-showcase__card-box {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 3rem;
    align-items: center;
    padding: 3.5rem 3rem;
  }
}
.amex-showcase__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.amex-showcase__title {
  font-family: var(--font-primary);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-heading, #ffffff);
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .amex-showcase__title {
    font-size: 2rem;
  }
}
.amex-showcase__title-highlight {
  color: var(--color-primary, #44A4DC);
  display: block;
  margin-top: 0.25rem;
}
.amex-showcase__description {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  margin: 0 0 1.5rem;
}
@media (min-width: 1024px) {
  .amex-showcase__description {
    font-size: 0.9375rem;
  }
}
.amex-showcase__offer-title {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-text-heading, #ffffff);
  margin: 0 0 0.5rem;
}
@media (min-width: 1024px) {
  .amex-showcase__offer-title {
    font-size: 1rem;
  }
}
.amex-showcase__offer-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  margin: 0 0 1.75rem;
}
@media (min-width: 1024px) {
  .amex-showcase__offer-text {
    font-size: 0.9375rem;
  }
}
.amex-showcase__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 640px) {
  .amex-showcase__actions {
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
  }
}
.amex-showcase__link {
  font-size: 1rem;
  line-height: 1.5625rem;
  color: var(--color-text-heading);
}
.amex-showcase__visual {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
.amex-showcase__image-frame {
  position: relative;
  width: 100%;
  border-radius: 0.75rem;
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
  transition: filter var(--transition-base);
}
[data-theme=light] .amex-showcase__image-frame {
  filter: drop-shadow(var(--shadow-image-lg-drop-light));
}
.amex-showcase__image-frame picture,
.amex-showcase__image-frame img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 0.75rem;
}
.amex-showcase__image {
  width: 100%;
}
.amex-showcase__image--light {
  display: none;
}
.amex-showcase__image--dark {
  display: block;
}
[data-theme=light] .amex-showcase__image--light {
  display: block;
}
[data-theme=light] .amex-showcase__image--dark {
  display: none;
}

.app-extensions {
  position: relative;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.app-extensions__glow {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 105rem;
  height: 46.8125rem;
  background-image: url("/images/glow-bg/app-extensions-glow.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .app-extensions__glow {
    display: block;
  }
}
[data-theme=light] .app-extensions__glow {
  display: none;
}
.app-extensions__dots {
  position: absolute;
  top: 4.375rem;
  left: -35.4375rem;
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/dotted-bg/app-extensions.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .app-extensions__dots {
    display: block;
  }
}
.app-extensions__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.app-extensions__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 3rem;
  width: 100%;
}
.app-extensions__title {
  font-family: var(--font-primary);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-heading, #ffffff);
  text-align: center;
  margin: 0;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .app-extensions__title {
    font-size: 2.25rem;
  }
}
.app-extensions__title-highlight {
  color: var(--color-primary, #44A4DC);
  display: block;
  margin-top: 0.25rem;
}
.app-extensions__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  width: 100%;
  max-width: 77.5rem;
}
@media (min-width: 768px) {
  .app-extensions__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.875rem;
  }
}
.app-extensions__box {
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 36.8125rem;
  min-width: 0;
  box-sizing: border-box;
}
.app-extensions__visual {
  margin-bottom: 3rem;
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .app-extensions__visual {
    margin-bottom: 1.25rem;
  }
}
.app-extensions__image-frame {
  position: relative;
  width: 100%;
  height: 16.75rem;
  border-radius: 0.625rem;
  background-color: var(--color-bg-secondary);
  border: none;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-extensions__image-frame picture,
.app-extensions__image-frame img {
  width: 23.25rem;
  max-width: 100%;
  height: 14.8125rem;
  max-height: 100%;
  display: block;
  object-fit: contain;
  filter: drop-shadow(var(--shadow-image-md-drop-dark));
  border-radius: 0.375rem;
  transition: filter var(--transition-base);
}
[data-theme=light] .app-extensions__image-frame picture,
[data-theme=light] .app-extensions__image-frame img {
  filter: drop-shadow(var(--shadow-image-md-drop-light));
}
.app-extensions__image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-extensions__image--light {
  display: none;
}
.app-extensions__image--dark {
  display: flex;
}
[data-theme=light] .app-extensions__image--light {
  display: flex;
}
[data-theme=light] .app-extensions__image--dark {
  display: none;
}
.app-extensions__box-title {
  font-family: var(--font-primary);
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 2rem;
  color: var(--color-text-heading);
  margin: 0 0 0.75rem;
}
.app-extensions__box-text {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--color-text-primary);
  margin: 0 0 1.25rem;
  flex: 1;
}
.app-extensions__box-cta-wrapper {
  margin-top: auto;
}
.security-showcase {
  position: relative;
  background-color: var(--color-bg-secondary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.security-showcase__dots {
  position: absolute;
  top: 1.25rem;
  left: 51.75rem;
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/dotted-bg/security-showcase.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .security-showcase__dots {
    display: block;
  }
}
.security-showcase__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.security-showcase__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: var(--gap-subtitle-content, 2.5rem);
  width: 100%;
}
.security-showcase__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .security-showcase__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.security-showcase__title-highlight {
  color: var(--color-primary);
  display: block;
  margin-top: 0.25rem;
}
.security-showcase__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  width: 100%;
  max-width: 77.5rem;
}
@media (min-width: 768px) {
  .security-showcase__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem;
  }
}
.security-showcase__box {
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  height: 100%;
  min-height: 20.25rem;
  box-sizing: border-box;
}
.security-showcase__icon-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--icon-badge-size);
  height: var(--icon-badge-size);
  min-width: var(--icon-badge-size);
  min-height: var(--icon-badge-size);
  border-radius: 50%;
  background-color: var(--color-primary);
  color: var(--color-bg-primary);
  margin-bottom: 1.5rem;
}
.security-showcase__icon-badge svg:not([width]) {
  width: var(--icon-badge-icon-fallback);
  height: var(--icon-badge-icon-fallback);
}
[data-theme=light] .security-showcase__icon-badge {
  color: var(--color-text-on-scrim);
}
.security-showcase__icon {
  display: block;
  color: inherit;
  fill: currentColor;
}
.security-showcase__icon path,
.security-showcase__icon g {
  fill: currentColor;
}
.security-showcase__box-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 0.75rem;
  text-align: left;
}
@media (min-width: 1024px) {
  .security-showcase__box-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.security-showcase__box-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
  text-align: left;
}
@media (min-width: 1024px) {
  .security-showcase__box-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

.feature-cards {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.feature-cards::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/images/security-measures/en_getmyinvoices_security-measures-bg.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: min(100%, 64rem) auto;
  opacity: 0.3;
  pointer-events: none;
  z-index: 0;
}
[data-theme=light] .feature-cards::before {
  display: none;
}
.feature-cards__container {
  position: relative;
  z-index: 1;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .feature-cards__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .feature-cards__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.feature-cards__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 1.5rem;
  width: 100%;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .feature-cards__header {
    margin-bottom: 3rem;
  }
}
.feature-cards__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .feature-cards__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.feature-cards__title-highlight {
  color: var(--color-primary);
  display: block;
  margin-top: 0.25rem;
}
.feature-cards__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  width: 100%;
  max-width: 77.5rem;
  align-items: stretch;
}
@media (min-width: 768px) {
  .feature-cards__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .feature-cards__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: start;
  }
}
.feature-cards__card {
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  padding: 1.5625rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  height: 100%;
  min-width: 0;
  box-sizing: border-box;
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=light] .feature-cards__card {
  box-shadow: var(--shadow-elevation-sm-light);
}
.feature-cards__icon-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--icon-badge-size);
  height: var(--icon-badge-size);
  min-width: var(--icon-badge-size);
  min-height: var(--icon-badge-size);
  border-radius: 50%;
  background-color: var(--color-primary);
  color: var(--color-bg-primary);
  margin-bottom: 1.5rem;
}
.feature-cards__icon-badge svg:not([width]) {
  width: var(--icon-badge-icon-fallback);
  height: var(--icon-badge-icon-fallback);
}
.feature-cards__icon {
  display: block;
  color: var(--color-bg-primary);
}
.feature-cards__card-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 0.75rem;
  text-align: left;
}
@media (min-width: 1024px) {
  .feature-cards__card-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.feature-cards__card-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
  text-align: left;
}
@media (min-width: 1024px) {
  .feature-cards__card-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

#mittelstand-feature-cards {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {
  #mittelstand-feature-cards {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
#mittelstand-feature-cards .feature-cards__icon-badge {
  box-shadow: none;
}

.workflow-benefits {
  position: relative;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.workflow-benefits__dots {
  position: absolute;
  top: 10.625rem;
  left: 51.75rem;
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/dotted-bg/three-boxes-left.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .workflow-benefits__dots {
    display: block;
  }
}
.workflow-benefits__glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 77.5rem;
  aspect-ratio: 1024/408;
  background-image: url("/images/glow-bg/mittelstand-amex-glow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.3;
  pointer-events: none;
  z-index: 0;
  display: none;
}
@media (min-width: 1024px) {
  .workflow-benefits__glow {
    display: block;
  }
}
[data-theme=light] .workflow-benefits__glow {
  display: none;
}
.workflow-benefits__container {
  position: relative;
  z-index: 2;
  width: auto;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .workflow-benefits__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .workflow-benefits__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.workflow-benefits__header {
  text-align: center;
  margin-bottom: var(--gap-subtitle-content);
  width: 100%;
}
.workflow-benefits__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .workflow-benefits__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.workflow-benefits__title-highlight {
  color: var(--color-primary);
  display: block;
  margin-top: 0.25rem;
}
.workflow-benefits__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  width: 100%;
  max-width: 77.5rem;
  align-items: stretch;
  margin-bottom: 1.75rem;
}
@media (min-width: 640px) {
  .workflow-benefits__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .workflow-benefits__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .workflow-benefits__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
.workflow-benefits__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  padding: 1.875rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=light] .workflow-benefits__box {
  box-shadow: var(--shadow-elevation-sm-light);
}
.workflow-benefits__icon-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--icon-badge-size);
  height: var(--icon-badge-size);
  min-width: var(--icon-badge-size);
  min-height: var(--icon-badge-size);
  border-radius: 50%;
  background-color: var(--color-primary);
  margin-bottom: 1.5rem;
  color: var(--color-icon-on-brand);
}
.workflow-benefits__icon-badge svg:not([width]) {
  width: var(--icon-badge-icon-fallback);
  height: var(--icon-badge-icon-fallback);
}
.workflow-benefits__icon-badge svg,
.workflow-benefits__icon-badge svg path {
  fill: currentColor;
}
.workflow-benefits__icon {
  display: block;
  flex-shrink: 0;
}
.workflow-benefits__box-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-heading);
  font-weight: 700;
  margin: 0;
  font-size: 1.125rem;
}
@media (min-width: 1024px) {
  .workflow-benefits__box-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.workflow-benefits__banner {
  box-sizing: border-box;
  width: 100%;
  max-width: 77.5rem;
  text-align: center;
  padding: 2.25rem 1.25rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: var(--shadow-banner-v2-dark);
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=light] .workflow-benefits__banner {
  box-shadow: var(--shadow-banner-v2-light);
}
@media (min-width: 768px) {
  .workflow-benefits__banner {
    padding: 3rem 3.75rem;
  }
}
.workflow-benefits__banner-text {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 1.5rem;
}
@media (min-width: 1024px) {
  .workflow-benefits__banner-text {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.workflow-benefits__banner-cta {
  width: 100%;
}
@media (min-width: 640px) {
  .workflow-benefits__banner-cta {
    width: auto;
  }
}

.blog-media-library-overview {
  position: relative;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.blog-media-library-overview__dots {
  position: absolute;
  top: 26.875rem;
  left: -40.6875rem;
  width: 89.375rem;
  height: 45.9375rem;
  background-image: url("/images/fraud-risk/normal_u4.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .blog-media-library-overview__dots {
    display: block;
  }
}
.blog-media-library-overview__container {
  position: relative;
  z-index: 2;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.blog-media-library-overview__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  text-align: center;
  max-width: 56.25rem;
  margin: 0;
}
@media (min-width: 1024px) {
  .blog-media-library-overview__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.blog-media-library-overview__title-highlight {
  color: var(--color-primary);
}
.blog-media-library-overview__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  text-align: center;
  max-width: 53.125rem;
  margin: 2.5rem 0 0;
}
@media (min-width: 1024px) {
  .blog-media-library-overview__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.blog-media-library-overview__layout {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  width: 100%;
  margin-top: 3.125rem;
}
@media (min-width: 1024px) {
  .blog-media-library-overview__layout {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 1.5625rem;
    row-gap: 1.875rem;
    align-items: stretch;
  }
}
.blog-media-library-overview__main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media (min-width: 1024px) {
  .blog-media-library-overview__main {
    grid-column: span 2;
  }
}
.blog-media-library-overview__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (min-width: 1024px) {
  .blog-media-library-overview__toolbar {
    grid-column: 1/-1;
  }
}
.blog-media-library-overview__tablist {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}
.blog-media-library-overview__tab {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-text-heading);
  text-decoration: none;
  transition: color var(--transition-base);
}
@media (min-width: 1024px) {
  .blog-media-library-overview__tab {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.blog-media-library-overview__tab:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.blog-media-library-overview__tab[aria-selected=true] {
  color: var(--color-primary);
  text-decoration: underline;
}
.blog-media-library-overview__search {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  transition: width var(--transition-base);
}
.blog-media-library-overview__search--expanded {
  width: 16.25rem;
}
.blog-media-library-overview__search-toggle {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-text-link);
}
.blog-media-library-overview__search-toggle:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.blog-media-library-overview__search-icon {
  display: block;
  width: 1.375rem;
  height: 1.375rem;
}
.blog-media-library-overview__search-input {
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 0 2.75rem 0 1.25rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: 3.125rem;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-base), visibility 0s linear 250ms;
}
@media (min-width: 1024px) {
  .blog-media-library-overview__search-input {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.blog-media-library-overview__search-input:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.blog-media-library-overview__search-input:focus-visible {
  border-radius: 3.125rem;
}
.blog-media-library-overview__search--expanded .blog-media-library-overview__search-input {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--transition-base), visibility 0s;
}
.blog-media-library-overview__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5625rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .blog-media-library-overview__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.blog-media-library-overview__item {
  display: flex;
}
.blog-media-library-overview__item[hidden] {
  display: none;
}
.blog-media-library-overview__card {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  overflow: hidden;
  transition: background-color var(--transition-base), border-color var(--transition-base), transform var(--transition-base);
}
.blog-media-library-overview__card:hover, .blog-media-library-overview__card:focus-within {
  z-index: var(--z-raised);
  transform: scale(var(--scale-hover-box));
}
@media (prefers-reduced-motion: reduce) {
  .blog-media-library-overview__card:hover, .blog-media-library-overview__card:focus-within {
    transform: none;
  }
}
.blog-media-library-overview__card-media {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 12.25rem;
  background-color: #fff;
  padding: 1.875rem;
  border-bottom: 1px solid var(--color-border-subtle);
}
.blog-media-library-overview__card-media picture {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
}
.blog-media-library-overview__card-logo {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.blog-media-library-overview__card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  padding: 1.5625rem 1.875rem 1.875rem;
}
.blog-media-library-overview__card-title {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .blog-media-library-overview__card-title {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.blog-media-library-overview__card-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0 0 1.5625rem;
}
@media (min-width: 1024px) {
  .blog-media-library-overview__card-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.blog-media-library-overview__card-link {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-top: auto;
  color: var(--color-text-link);
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .blog-media-library-overview__card-link {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.blog-media-library-overview__card-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.blog-media-library-overview__card:hover .blog-media-library-overview__card-link, .blog-media-library-overview__card:focus-within .blog-media-library-overview__card-link {
  color: var(--color-primary);
}
.blog-media-library-overview__empty {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 1.875rem 0 0;
}
@media (min-width: 1024px) {
  .blog-media-library-overview__empty {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.blog-media-library-overview__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin-top: 1.875rem;
}
.blog-media-library-overview__pagination {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.blog-media-library-overview__page-step {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .blog-media-library-overview__page-step {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.blog-media-library-overview__page-step:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.blog-media-library-overview__page-step:disabled {
  opacity: 0.4;
  cursor: default;
}
.blog-media-library-overview__pages {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-media-library-overview__page {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.5rem;
  background: none;
  border: 1px solid transparent;
  border-radius: var(--radius-form-field);
  cursor: pointer;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .blog-media-library-overview__page {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.blog-media-library-overview__page:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.blog-media-library-overview__page[aria-current=page] {
  border-color: var(--color-border-subtle);
  background-color: var(--color-surface-box-fill);
  font-weight: 700;
}
.blog-media-library-overview__results {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .blog-media-library-overview__results {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.blog-media-library-overview__aside {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 1.875rem;
  background-color: var(--color-surface-box-fill);
  box-shadow: var(--shadow-banner-v2-dark);
  background-image: linear-gradient(-193.125deg, #060608 1.49%, #082540 25.39%, #082540 42.46%, #060608 86.85%);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
@media (min-width: 1024px) {
  .blog-media-library-overview__aside {
    margin-bottom: 4.125rem;
  }
}
[data-theme=light] .blog-media-library-overview__aside {
  background-image: none;
  box-shadow: var(--shadow-banner-v2-light);
}
.blog-media-library-overview__aside-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  width: 100%;
}
.blog-media-library-overview__aside-panel[hidden] {
  display: none;
}
.blog-media-library-overview__aside-media {
  margin-bottom: 1.5625rem;
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
}
[data-theme=light] .blog-media-library-overview__aside-media {
  filter: drop-shadow(var(--shadow-image-lg-drop-light));
}
.blog-media-library-overview__aside-img {
  display: block;
  width: 9.375rem;
  height: auto;
  aspect-ratio: 290/328;
}
.blog-media-library-overview__aside-title {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .blog-media-library-overview__aside-title {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.blog-media-library-overview__aside-features {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  list-style: none;
  margin: 0 0 1.875rem;
  padding: 0;
}
.blog-media-library-overview__aside-feature {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .blog-media-library-overview__aside-feature {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.blog-media-library-overview__aside-check {
  display: flex;
  flex-shrink: 0;
  margin-top: 0.375rem;
  color: var(--color-primary);
}
.blog-media-library-overview__aside-check-icon {
  display: block;
  width: 0.9375rem;
  height: 0.8125rem;
}
.blog-media-library-overview__aside-link {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-link);
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .blog-media-library-overview__aside-link {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

@media (prefers-reduced-motion: reduce) {
  .blog-media-library-overview__search,
  .blog-media-library-overview__search-input,
  .blog-media-library-overview__card {
    transition: none;
  }
}
.blog-overview {
  background-color: var(--color-bg-primary);
}
.blog-overview .hero-centered__title {
  font-family: var(--font-primary);
  font-size: 2.375rem;
  line-height: 2.9375rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .blog-overview .hero-centered__title {
    font-size: var(--type-h1-size);
    line-height: var(--type-h1-line-height);
  }
}

.testimonials-overview,
.testimonial-story {
  background-color: var(--color-bg-primary);
}
.testimonials-overview .hero-centered__gradient-0-wrap,
.testimonials-overview .hero-centered__gradient-1-wrap,
.testimonial-story .hero-centered__gradient-0-wrap,
.testimonial-story .hero-centered__gradient-1-wrap {
  pointer-events: none;
}
.testimonials-overview .hero-centered__container,
.testimonial-story .hero-centered__container {
  position: relative;
  z-index: 2;
}
.testimonials-overview .hero-centered__title,
.testimonial-story .hero-centered__title {
  font-family: var(--font-primary);
  font-size: 2.375rem;
  line-height: 2.9375rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .testimonials-overview .hero-centered__title,
  .testimonial-story .hero-centered__title {
    font-size: var(--type-h1-size);
    line-height: var(--type-h1-line-height);
  }
}
.testimonials-overview .testimonial-related,
.testimonials-overview .testimonial-share,
.testimonials-overview .customer-review-overview,
.testimonials-overview .footer-banner-section,
.testimonials-overview .legal-notes,
.testimonial-story .testimonial-related,
.testimonial-story .testimonial-share,
.testimonial-story .customer-review-overview,
.testimonial-story .footer-banner-section,
.testimonial-story .legal-notes {
  position: relative;
  z-index: 2;
}
.testimonials-overview .hero-centered__title > span,
.testimonial-story .hero-centered__title > span {
  display: inline;
}
.testimonials-overview .footer-banner-section,
.testimonials-overview .legal-notes,
.testimonial-story .footer-banner-section,
.testimonial-story .legal-notes {
  background-color: transparent;
  text-align: left;
}
.testimonials-overview .customer-review-overview,
.testimonial-story .customer-review-overview {
  background-color: transparent;
}
.testimonials-overview .testimonial-review,
.testimonial-story .testimonial-review {
  border-top: none;
}

@media (min-width: 1024px) {
  .testimonial-story .testimonial-story__band.hero-centered {
    padding-top: calc(var(--header-height) + var(--top-bar-height) + 6.25rem);
  }
}

.testimonials-overview .testimonials-overview__band:not(:has(.hero-centered__video-box, .hero-centered__image-box)) > .hero-centered__container {
  padding-bottom: 9.375rem;
}
.testimonials-overview .testimonials-overview__band:not(:has(.hero-centered__video-box, .hero-centered__image-box)) > .hero-centered__container .hero-centered__checkmarks {
  margin-bottom: 0;
}
.testimonials-overview .testimonials-overview__band:not(:has(.hero-centered__video-box, .hero-centered__image-box)) > .information-box {
  padding-top: 0;
  padding-bottom: 9.375rem;
}
.testimonials-overview .information-box,
.testimonials-overview .footer-banner-simple,
.testimonials-overview .testimonials-grid,
.testimonials-overview .testimonial-share,
.testimonials-overview .faq-accordion {
  position: relative;
  z-index: 2;
  background-color: transparent;
}
.testimonials-overview .information-box {
  overflow: visible;
}
.testimonials-overview .information-box .information-box__dots--bottom {
  display: none;
}
.testimonials-overview .information-box .information-box__dots--right {
  top: 50%;
  right: -17.5rem;
  width: 88.75rem;
  height: 30.625rem;
  min-height: 0;
  transform: translateY(-50%);
  background-position: left center;
}
.testimonials-overview .information-box--align-left {
  text-align: left;
}
.testimonials-overview .testimonial-feature,
.testimonials-overview .testimonials-grid,
.testimonials-overview .testimonial-share,
.testimonials-overview .faq-accordion {
  text-align: left;
}

.testimonial-hero-media {
  width: 100%;
  margin-top: 3.75rem;
}
.testimonial-hero-media__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .testimonial-hero-media__grid {
    grid-template-columns: 50.9375rem 24.5625rem;
    gap: 1.6875rem;
    align-items: stretch;
    justify-content: center;
  }
}
.testimonial-hero-media__card {
  position: relative;
  display: flex;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  overflow: hidden;
  box-sizing: border-box;
  min-height: 17.5rem;
}
@media (min-width: 1024px) {
  .testimonial-hero-media__card {
    height: 27.3125rem;
    min-height: 27.3125rem;
  }
}
.testimonial-hero-media__card--landscape {
  background-color: var(--color-surface-box-fill);
}
@media (min-width: 1024px) {
  .testimonial-hero-media__card--landscape {
    width: 50.9375rem;
  }
}
.testimonial-hero-media__card--logo {
  background-color: var(--color-text-on-scrim);
  align-items: center;
  justify-content: center;
  padding: 2.5rem;
}
@media (min-width: 1024px) {
  .testimonial-hero-media__card--logo {
    width: 24.5625rem;
    padding: 3rem;
  }
}
.testimonial-hero-media__media, .testimonial-hero-media__player, .testimonial-hero-media__video-file {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.testimonial-hero-media__media {
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}
.testimonial-hero-media__media picture,
.testimonial-hero-media__media img,
.testimonial-hero-media__media .testimonial-hero-media__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonial-hero-media__media picture {
  position: absolute;
  inset: 0;
}
.testimonial-hero-media__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonial-hero-media__player.is-playing .testimonial-hero-media__video-wrap {
  display: none;
}
.testimonial-hero-media__video-wrap {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-secondary);
  background-size: cover;
  background-position: center;
}
.testimonial-hero-media__iframe, .testimonial-hero-media__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}
.testimonial-hero-media__arrow {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--color-overlay) 55%, transparent);
  color: var(--color-text-on-scrim);
  pointer-events: none;
}
.testimonial-hero-media__arrow-icon {
  width: 0.625rem;
  height: 1.0625rem;
}
.testimonial-hero-media__logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 13.75rem;
}
.testimonial-hero-media__logo-wrap picture,
.testimonial-hero-media__logo-wrap img,
.testimonial-hero-media__logo-wrap .testimonial-hero-media__logo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 10rem;
  object-fit: contain;
}

.testimonial-company {
  position: relative;
  width: 100%;
  margin-top: 8.875rem;
  text-align: center;
  overflow-x: clip;
  overflow-y: visible;
}
.testimonial-company__glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(61.25rem, 98vw);
  height: min(35rem, 70vh);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  display: none;
  background: radial-gradient(ellipse at center, color-mix(in srgb, var(--color-primary) 28%, transparent) 0%, color-mix(in srgb, var(--color-primary) 12%, transparent) 42%, transparent 72%);
}
@media (min-width: 1024px) {
  .testimonial-company__glow {
    display: block;
  }
}
[data-theme=light] .testimonial-company__glow {
  display: none;
}
.testimonial-company__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.testimonial-company__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 var(--gap-title-subtitle);
}
@media (min-width: 1024px) {
  .testimonial-company__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.testimonial-company__description {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0 0 3rem;
  max-width: 37.25rem;
}
@media (min-width: 1024px) {
  .testimonial-company__description {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.testimonial-company__facts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  width: 100%;
  max-width: 56.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .testimonial-company__facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
.testimonial-company__fact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}
.testimonial-company__fact-value {
  margin: 0;
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--color-primary);
}
@media (min-width: 1024px) {
  .testimonial-company__fact-value {
    font-size: 2.25rem;
  }
}
.testimonial-company__fact-label {
  margin: 0;
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--color-text-primary);
}

.testimonial-review {
  position: relative;
  width: 100%;
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid var(--color-border-subtle);
  overflow: visible;
}
.testimonial-review__dots {
  position: absolute;
  top: 50%;
  left: -35.4375rem;
  z-index: 0;
  display: none;
  width: 88.75rem;
  height: 30.625rem;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  opacity: 0.3;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .testimonial-review__dots {
    display: block;
  }
}
[data-theme=light] .testimonial-review__dots {
  opacity: 0.5;
}
.testimonial-review__card {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  padding: 1.25rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  box-shadow: var(--shadow-elevation-sm-dark);
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=light] .testimonial-review__card {
  box-shadow: var(--shadow-elevation-sm-light);
}
@media (min-width: 1024px) {
  .testimonial-review__card {
    display: grid;
    grid-template-columns: 18.75rem minmax(0, 1fr);
    gap: 6.25rem;
    align-items: center;
    padding: 1.75rem;
  }
}
.testimonial-review__visual {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 18.75rem;
  margin-inline: auto;
  box-sizing: border-box;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  overflow: hidden;
  background-color: var(--color-text-on-scrim);
}
@media (min-width: 1024px) {
  .testimonial-review__visual {
    margin-inline: 0;
  }
}
.testimonial-review__photo-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}
@media (min-width: 1024px) {
  .testimonial-review__photo-wrap {
    width: 18.75rem;
    height: 18.75rem;
    aspect-ratio: auto;
  }
}
.testimonial-review__photo-wrap picture,
.testimonial-review__photo-wrap img,
.testimonial-review__photo-wrap .testimonial-review__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonial-review__photo-wrap picture {
  position: absolute;
  inset: 0;
}
.testimonial-review__photo-wrap img {
  position: absolute;
  inset: 0;
}
.testimonial-review__logo-well {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 5rem;
  padding: 0 1.5rem;
  background-color: var(--color-text-on-scrim);
}
.testimonial-review__logo {
  display: block;
  width: auto;
  max-width: 7.5rem;
  max-height: 3.5rem;
  height: auto;
  object-fit: contain;
}
.testimonial-review__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  text-align: left;
}
@media (min-width: 1024px) {
  .testimonial-review__content {
    width: 35.5rem;
    max-width: 35.5rem;
  }
}
.testimonial-review__quote {
  margin: 0;
  width: 100%;
}
.testimonial-review__quote-text {
  font-family: var(--font-primary);
  font-size: var(--type-opening-size);
  line-height: var(--type-opening-line-height);
  font-weight: var(--type-opening-weight);
  font-style: italic;
  color: var(--color-text-primary);
  margin: 0;
  text-align: left;
}
.testimonial-review__caption {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 1.875rem 0 0;
  text-align: left;
  width: 100%;
}
@media (min-width: 1024px) {
  .testimonial-review__caption {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.testimonial-review__author {
  font-style: normal;
  font-weight: 500;
  color: var(--color-text-heading);
}
.testimonial-review__role {
  font-style: normal;
  color: var(--color-text-primary);
}

.testimonial-story-section {
  width: 100%;
  margin-top: 9.375rem;
  text-align: center;
}
.testimonial-story-section__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 2.5rem;
}
@media (min-width: 1024px) {
  .testimonial-story-section__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.testimonial-story-section__title-highlight {
  color: var(--color-primary);
  display: block;
}
.testimonial-story-section .single-box-rich {
  text-align: left;
}

.personal-review-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  text-align: left;
  transition: background-color var(--transition-base), border-color var(--transition-base), transform var(--transition-base);
}
.personal-review-card:hover, .personal-review-card:focus-within {
  z-index: var(--z-raised);
  transform: scale(var(--scale-hover-box));
}
@media (prefers-reduced-motion: reduce) {
  .personal-review-card:hover, .personal-review-card:focus-within {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .personal-review-card {
    transition: background-color var(--transition-base), border-color var(--transition-base);
  }
}
[data-theme=light] .personal-review-card {
  background-color: var(--color-bg-primary);
}
.personal-review-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  background-color: var(--color-bg-primary);
}
.personal-review-card__photo, .personal-review-card__media picture, .personal-review-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.personal-review-card__media picture {
  position: absolute;
  inset: 0;
}
.personal-review-card__media img {
  position: absolute;
  inset: 0;
}
.personal-review-card__logo-well {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4rem;
  padding: 0.75rem 1rem;
  box-sizing: border-box;
  background-color: var(--color-text-on-scrim);
  border-top: 1px solid var(--color-border-subtle);
  border-bottom: 1px solid var(--color-border-subtle);
}
.personal-review-card__logo, .personal-review-card__logo-well picture, .personal-review-card__logo-well img {
  display: block;
  max-width: 100%;
  max-height: 2.5rem;
  width: auto;
  height: auto;
  object-fit: contain;
}
.personal-review-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem;
  flex: 1;
  box-sizing: border-box;
}
[data-theme=light] .personal-review-card__body {
  background-color: var(--color-surface-box-fill);
}
.personal-review-card__name {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  margin: 0;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .personal-review-card__name {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.personal-review-card__teaser {
  margin: 0;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .personal-review-card__teaser {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.personal-review-card__link {
  margin-top: auto;
  align-self: flex-start;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
@media (min-width: 1024px) {
  .personal-review-card__link {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.personal-review-card__link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.personal-review-card__link:focus-visible {
  color: var(--color-primary);
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.personal-review-card:hover .personal-review-card__link, .personal-review-card:focus-within .personal-review-card__link {
  color: var(--color-primary);
}

.testimonial-related {
  position: relative;
  width: 100%;
  margin-top: 9.375rem;
  background-color: var(--color-bg-secondary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  box-sizing: border-box;
  transition: background-color var(--transition-base);
}
.testimonial-related__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.testimonial-related__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  text-align: center;
  margin: 0 0 2.5rem;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .testimonial-related__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.testimonial-related__title-highlight {
  color: var(--color-primary);
}
.testimonial-related__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
}
@media (min-width: 768px) {
  .testimonial-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .testimonial-related__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
.testimonial-related__item {
  min-width: 0;
  height: 100%;
}
.testimonial-related__cta-wrap {
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
}

.testimonial-share {
  position: relative;
  width: 100%;
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  overflow: visible;
  text-align: left;
}
.testimonial-share__container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.testimonial-share__layout {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  width: 100%;
  overflow: visible;
}
@media (min-width: 1024px) {
  .testimonial-share__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 4.125rem;
    align-items: center;
  }
}
.testimonial-share__visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: visible;
}
.testimonial-share__visual picture,
.testimonial-share__visual img {
  display: block;
  width: 100%;
  max-width: 25.1875rem;
  height: auto;
  aspect-ratio: 403/260;
  object-fit: contain;
}
.testimonial-share__visual img {
  filter: drop-shadow(var(--shadow-image-filter-dark));
}
.testimonial-share__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  overflow: visible;
}
.testimonial-share__content > *:not(.testimonial-share__text-glow) {
  position: relative;
  z-index: 1;
}
.testimonial-share__text-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  display: none;
  width: 105rem;
  max-width: none;
  height: 21.9375rem;
  transform: translate(-50%, -50%);
  background-image: url("/images/glow-bg/testimonial-share-text-glow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.3;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .testimonial-share__text-glow {
    display: block;
  }
}
[data-theme=light] .testimonial-share__text-glow {
  display: none;
}
.testimonial-share__eyebrow {
  display: inline-block;
  height: 1.875rem;
  margin: 0;
  padding: 0.3125rem 0.625rem;
  box-sizing: border-box;
  border-radius: var(--radius-badge);
  background-color: var(--color-surface-badge);
  color: var(--color-text-badge);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.testimonial-share__title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  margin: 0;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .testimonial-share__title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.testimonial-share__text {
  margin: 0;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
}

.testimonial-video-dialog {
  box-sizing: border-box;
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 1rem;
  border: 0;
  background-color: color-mix(in srgb, var(--color-overlay) 80%, transparent);
}
.testimonial-video-dialog[open] {
  display: grid;
  place-items: center;
}
.testimonial-video-dialog::backdrop {
  background-color: color-mix(in srgb, var(--color-overlay) 80%, transparent);
}
.testimonial-video-dialog__frame {
  width: min(100%, (100dvh - 2rem) * 16 / 9);
  aspect-ratio: 16/9;
}
.testimonial-video-dialog__iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.testimonial-video-dialog__title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.testimonial-video-dialog__close {
  position: absolute;
  top: 0.8125rem;
  right: 0.8125rem;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0.3125rem;
  border: 0;
  background: transparent;
  color: var(--color-text-on-scrim);
  cursor: pointer;
}
.testimonial-video-dialog__close:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.testimonial-video-dialog__close-icon {
  width: 100%;
  height: 100%;
}

.blog-featured {
  position: relative;
  z-index: var(--z-overlap);
  width: 100%;
  margin-top: 3.75rem;
}
.blog-featured__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .blog-featured__grid {
    grid-template-columns: 2fr 1fr;
    gap: 1.875rem;
    align-items: stretch;
  }
}
.blog-featured__card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  overflow: hidden;
  box-sizing: border-box;
  min-height: 20rem;
  transition: transform var(--transition-base);
}
@media (min-width: 1024px) {
  .blog-featured__card {
    min-height: 22.5rem;
  }
}
.blog-featured__card:hover, .blog-featured__card:focus-within {
  z-index: var(--z-raised);
  transform: scale(var(--scale-hover-box));
}
@media (prefers-reduced-motion: reduce) {
  .blog-featured__card:hover, .blog-featured__card:focus-within {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .blog-featured__card {
    transition: none;
  }
}
@media (min-width: 1024px) {
  .blog-featured__card--with-image {
    flex-direction: row;
  }
}
.blog-featured__card--text .blog-featured__body {
  flex: 1;
}
.blog-featured__body {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: var(--space-h-mobile);
  flex: 1;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .blog-featured__body {
    padding: 5.1875rem 3.125rem 3rem;
  }
}
@media (min-width: 1024px) {
  .blog-featured__card--with-image .blog-featured__body {
    flex: 1 1 50%;
    max-width: 50%;
  }
}
.blog-featured__category {
  align-self: flex-start;
  height: auto;
  padding: 0.3125rem 0.625rem;
  font-size: 0.875rem;
  line-height: normal;
}
[data-theme=light] .blog-featured__category {
  font-size: 0.875rem;
}
.blog-featured__title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  text-align: left;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .blog-featured__title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.blog-featured__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  margin-top: auto;
}
.blog-featured__cta {
  display: inline-block;
  width: auto;
  min-width: auto;
  cursor: pointer;
}
.blog-featured__cta::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.blog-featured__cta:hover, .blog-featured__cta:focus-visible {
  cursor: pointer;
}
.blog-featured__date {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-text-primary);
}
.blog-featured__media {
  position: relative;
  flex: 1 1 auto;
  min-height: 12.5rem;
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}
@media (min-width: 1024px) {
  .blog-featured__media {
    flex: 1 1 50%;
    max-width: 50%;
    min-height: 100%;
  }
}
.blog-featured__media picture,
.blog-featured__media img,
.blog-featured__media .blog-featured__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-featured__media picture {
  position: absolute;
  inset: 0;
}
.blog-featured__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-box);
  overflow: visible;
  box-sizing: border-box;
  height: 100%;
  text-align: left;
  transition: transform var(--transition-base);
}
.blog-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: inherit;
  pointer-events: none;
  transition: box-shadow var(--transition-base);
}
.blog-card:hover, .blog-card:focus-within {
  z-index: var(--z-raised);
  transform: scale(var(--scale-hover-box));
}
@media (prefers-reduced-motion: reduce) {
  .blog-card:hover, .blog-card:focus-within {
    transform: none;
  }
}
[data-theme=light] .blog-card:hover::before, [data-theme=light] .blog-card:focus-within::before {
  box-shadow: var(--shadow-elevation-sm-light);
}
@media (prefers-reduced-motion: reduce) {
  .blog-card {
    transition: none;
  }
}
.blog-card__media {
  position: relative;
  width: 100%;
  height: 12.4375rem;
  border-bottom: 1px solid var(--color-primary-dark);
  border-radius: var(--radius-box) var(--radius-box) 0 0;
  background-color: var(--color-bg-secondary);
  overflow: hidden;
  box-sizing: border-box;
}
[data-theme=light] .blog-card__media {
  border-bottom-color: var(--color-border-subtle);
}
.blog-card__media picture,
.blog-card__media img,
.blog-card__media .blog-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-card__media picture {
  position: absolute;
  inset: 0;
}
.blog-card__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.875rem;
  flex: 1;
  box-sizing: border-box;
}
.blog-card__title {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  text-align: left;
  margin: 0;
}
@media (min-width: 1024px) {
  .blog-card__title {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.blog-card__title-link {
  color: inherit;
  text-decoration: none;
}
.blog-card__title-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.blog-card__title-link:hover, .blog-card__title-link:focus, .blog-card__title-link:focus-visible {
  color: inherit;
  outline: none;
}
.blog-card__title-link:focus-visible {
  text-decoration: underline;
}
.blog-card__excerpt {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-text-primary);
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.blog-card__date {
  margin-top: auto;
  padding-top: 0.5rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-text-primary);
}

.blog-popular {
  position: relative;
  width: 100%;
  margin-top: 9.375rem;
  text-align: center;
}
.blog-popular__dots {
  position: absolute;
  top: 7.5rem;
  right: -7.5rem;
  z-index: 0;
  display: none;
  width: 32.5rem;
  height: 26.25rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.35;
  pointer-events: none;
}
@media (min-width: 768px) {
  .blog-popular__dots {
    display: block;
    top: 9.375rem;
    right: auto;
    left: calc(100% - 2.5rem);
    width: 45rem;
    height: 15.5rem;
  }
}
@media (min-width: 1024px) {
  .blog-popular__dots {
    top: 11.25rem;
    right: auto;
    left: calc(100% - 2.5rem);
    width: 88.75rem;
    height: 30.625rem;
  }
}
[data-theme=light] .blog-popular__dots {
  opacity: 0.45;
}
.blog-popular__header {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 3rem;
}
.blog-popular__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  text-align: center;
  margin: 0 0 1.875rem;
}
@media (min-width: 1024px) {
  .blog-popular__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.blog-popular__title-highlight {
  color: var(--color-primary);
}
.blog-popular__subtitle {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625rem;
  color: var(--color-text-heading);
  text-align: center;
  max-width: 37.8125rem;
  margin: 0;
}
.blog-popular__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  width: 100%;
  text-align: left;
}
@media (min-width: 768px) {
  .blog-popular__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .blog-popular__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem;
  }
}

.blog-all {
  width: 100%;
  margin-top: 9.375rem;
  text-align: center;
}
.blog-all__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 2.5rem;
}
.blog-all__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  text-align: center;
  margin: 0;
}
@media (min-width: 1024px) {
  .blog-all__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.blog-all__title-highlight {
  display: block;
  color: var(--color-primary);
}
.blog-all__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  width: 100%;
  text-align: left;
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .blog-all__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .blog-all__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem;
  }
}
.blog-all__item {
  position: relative;
  min-width: 0;
  overflow: visible;
}
.blog-all__item:hover, .blog-all__item:focus-within {
  z-index: 1;
}
.blog-all__empty {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin: 2.5rem 0 0;
  color: var(--color-text-primary);
  text-align: center;
}
@media (min-width: 1024px) {
  .blog-all__empty {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.blog-all__empty[hidden] {
  display: none;
}
.blog-all__item[hidden] {
  display: none !important;
}

.blog-control-panel {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 1rem;
  width: 100%;
  text-align: left;
}
@media (min-width: 768px) {
  .blog-control-panel {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
}
.blog-control-panel__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 768px) {
  .blog-control-panel__filters {
    width: auto;
  }
}
.blog-control-panel__filters-label {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-text-heading);
}
.blog-control-panel__category-wrap {
  position: relative;
}
.blog-control-panel__category {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  border: none;
  background: none;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-text-heading);
  cursor: pointer;
}
.blog-control-panel__category:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.blog-control-panel__category-icon {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  transition: transform var(--transition-base);
}
.blog-control-panel__category[aria-expanded=true] .blog-control-panel__category-icon {
  transform: rotate(180deg);
}
.blog-control-panel__category-list {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  z-index: 5;
  min-width: 13.75rem;
  max-height: 17.5rem;
  overflow-y: auto;
  margin: 0;
  padding: 0.5rem 0;
  list-style: none;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-card-soft);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.35);
}
.blog-control-panel__category-option {
  padding: 0.625rem 1rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-text-heading);
  cursor: pointer;
}
.blog-control-panel__category-option[aria-selected=true] {
  font-weight: 700;
  color: var(--color-primary);
}
.blog-control-panel__category-option:hover, .blog-control-panel__category-option:focus-visible {
  background-color: rgba(255, 255, 255, 0.06);
  outline: none;
}
.blog-control-panel__clear {
  padding: 0;
  border: none;
  background: none;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-primary);
  cursor: pointer;
  margin-left: auto;
}
.blog-control-panel__clear:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .blog-control-panel__clear {
    margin-left: 0;
  }
}
.blog-control-panel__clear[hidden] {
  display: none;
}
.blog-control-panel__search {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 2.5rem;
  transition: width var(--transition-base);
}
@media (min-width: 768px) {
  .blog-control-panel__search {
    width: 2.5rem;
  }
  .blog-control-panel__search--expanded {
    width: 16.25rem;
  }
}
.blog-control-panel__search-toggle {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-primary);
}
.blog-control-panel__search-toggle:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.blog-control-panel__search-icon {
  display: block;
  width: 1.375rem;
  height: 1.375rem;
}
.blog-control-panel__search-input {
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 0 2.75rem 0 1.25rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: 0.3125rem;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1024px) {
  .blog-control-panel__search-input {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.blog-control-panel__search-input:focus-visible {
  outline: none;
}
@media (min-width: 768px) {
  .blog-control-panel__search-input {
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition-base), visibility 0s linear 250ms;
  }
  .blog-control-panel__search--expanded .blog-control-panel__search-input {
    opacity: 1;
    visibility: visible;
    transition: opacity var(--transition-base), visibility 0s;
  }
}

.blog-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  margin-top: 3rem;
  text-align: left;
}
.blog-pagination[hidden] {
  display: none;
}
.blog-pagination__nav {
  display: flex;
  align-items: center;
  gap: 2.625rem;
}
.blog-pagination__step {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .blog-pagination__step {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.blog-pagination__step:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.blog-pagination__step:disabled {
  opacity: 0.4;
  cursor: default;
}
.blog-pagination__pages {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-pagination__page {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.8125rem;
  padding: 0.625rem 0.9375rem;
  background: none;
  border: 1px solid transparent;
  border-radius: var(--radius-card-soft);
  cursor: pointer;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .blog-pagination__page {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.blog-pagination__page:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.blog-pagination__page[aria-current=page] {
  border-color: var(--color-primary-dark);
  font-weight: 700;
}
[data-theme=light] .blog-pagination__page[aria-current=page] {
  border-color: var(--color-border-subtle);
}
.blog-pagination__ellipsis {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.8125rem;
  padding: 0.625rem 0.9375rem;
  color: var(--color-text-heading);
  user-select: none;
}
@media (min-width: 1024px) {
  .blog-pagination__ellipsis {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.blog-pagination__results {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .blog-pagination__results {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

.faq-accordion {
  position: relative;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  color: var(--color-text-primary);
  transition: background-color var(--transition-base);
}
.faq-accordion::before {
  content: "";
  position: absolute;
  top: 4.375rem;
  left: -46.875rem;
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/faq-accordion/use-cases-dots.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.3;
  z-index: 0;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .faq-accordion::before {
    display: block;
  }
}
.faq-accordion__container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: auto;
}
@media (min-width: 768px) {
  .faq-accordion__container {
    gap: 4rem;
  }
}
@media (min-width: 1024px) {
  .faq-accordion__container {
    flex-direction: row;
    gap: 4rem;
  }
}
.faq-accordion__lead {
  display: contents;
}
@media (min-width: 1024px) {
  .faq-accordion__lead {
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 28.125rem;
    position: sticky;
    padding-top: 0;
  }
}
.faq-accordion__header {
  width: 100%;
  padding-top: 0;
  order: 1;
}
@media (min-width: 1024px) {
  .faq-accordion__header {
    order: unset;
  }
}
.faq-accordion__heading {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .faq-accordion__heading {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
@media (min-width: 1024px) {
  .faq-accordion__heading {
    text-align: left;
  }
}
.faq-accordion__title-highlight {
  color: var(--color-primary);
  display: block;
  margin-top: 0.25rem;
}
.faq-accordion__intro {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  margin: 0;
  width: 100%;
  order: 3;
}
@media (min-width: 1024px) {
  .faq-accordion__intro {
    font-size: 1rem;
    margin-top: 1.25rem;
    order: unset;
  }
}
.faq-accordion__intro a {
  color: var(--color-text-link);
  text-decoration: underline;
  transition: color var(--transition-base);
  text-underline-offset: 0.125rem;
}
.faq-accordion__intro a:hover, .faq-accordion__intro a:focus {
  color: var(--color-primary);
}
.faq-accordion__intro a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.faq-accordion__description {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin-top: var(--gap-title-subtitle);
  width: 100%;
  order: 3;
}
@media (min-width: 1024px) {
  .faq-accordion__description {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
@media (min-width: 1024px) {
  .faq-accordion__description {
    margin-top: var(--gap-title-subtitle);
    order: unset;
  }
}
.faq-accordion__description p {
  margin: 0;
}
.faq-accordion__description p + p {
  margin-top: var(--gap-title-subtitle);
}
.faq-accordion__description a {
  color: var(--color-text-link);
  text-decoration: underline;
  transition: color var(--transition-base);
  text-underline-offset: 0.125rem;
}
.faq-accordion__description a:hover, .faq-accordion__description a:focus {
  color: var(--color-primary);
}
.faq-accordion__description a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.faq-accordion__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  order: 2;
}
@media (min-width: 1024px) {
  .faq-accordion__list {
    flex: 2;
    order: unset;
  }
}
.faq-accordion__item {
  border-bottom: 1px solid var(--color-border-subtle);
  transition: border-color var(--transition-base);
}
.faq-accordion__item:first-child .faq-accordion__button {
  padding-top: 0;
}
.faq-accordion__button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 0;
  background: none;
  border: none;
  color: var(--color-text-heading);
  cursor: pointer;
  text-align: left;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-size: 1rem;
  transition: color var(--transition-quick);
}
@media (min-width: 1024px) {
  .faq-accordion__button {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
@media (min-width: 1024px) {
  .faq-accordion__button {
    font-size: 1.125rem;
  }
}
.faq-accordion__button:hover, .faq-accordion__button:focus {
  color: var(--color-primary);
  outline: none;
}
.faq-accordion__button:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.faq-accordion__question-text {
  padding-right: 2rem;
  font-weight: 400;
  color: inherit;
  line-height: 1.4;
}
.faq-accordion__icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--color-primary);
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.faq-accordion__chevron {
  width: 1.25rem;
  height: 1.25rem;
  transition: transform var(--transition-accordion);
}
.faq-accordion__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--transition-accordion), visibility var(--transition-accordion);
  visibility: hidden;
}
.faq-accordion__content-inner {
  overflow-x: auto;
  overflow-y: hidden;
  min-width: 0;
}
.faq-accordion__content-inner p {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  padding-bottom: 1.5rem;
  margin: 0;
}
@media (min-width: 1024px) {
  .faq-accordion__content-inner p {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.faq-accordion__answer-html {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  padding-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .faq-accordion__answer-html {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.faq-accordion__answer-html p {
  margin: 0 0 1rem;
}
.faq-accordion__answer-html p:last-child {
  margin-bottom: 0;
}
.faq-accordion__content-inner a, .faq-accordion__answer-html a {
  color: var(--color-text-link);
  text-decoration: underline;
  transition: color var(--transition-base);
  text-underline-offset: 0.125rem;
}
.faq-accordion__content-inner a:hover, .faq-accordion__content-inner a:focus, .faq-accordion__answer-html a:hover, .faq-accordion__answer-html a:focus {
  color: var(--color-primary);
}
.faq-accordion__content-inner a:focus-visible, .faq-accordion__answer-html a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.faq-accordion__comparison-table {
  display: block;
  overflow-x: auto;
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.faq-accordion__comparison-table th,
.faq-accordion__comparison-table td {
  border: 1px solid var(--color-border-subtle);
  padding: 0.75rem 1rem;
  text-align: left;
  vertical-align: top;
}
.faq-accordion__comparison-table th {
  font-weight: 700;
  color: var(--color-text-heading);
  background-color: var(--color-surface-box-fill);
}
.faq-accordion__comparison-table td {
  color: var(--color-text-primary);
}
.faq-accordion__button[aria-expanded=true] {
  color: var(--color-primary);
}
.faq-accordion__button[aria-expanded=true] .faq-accordion__chevron {
  transform: rotate(90deg);
}
.faq-accordion__button[aria-expanded=true] + .faq-accordion__content {
  grid-template-rows: 1fr;
  visibility: visible;
}

#peppol-faq .faq-accordion__comparison-table th,
#peppol-faq .faq-accordion__comparison-table td {
  border: none;
  border-bottom: 1px solid var(--color-border-subtle);
  background-color: transparent;
  padding: 1rem 1rem 1rem 0;
  text-align: left;
  vertical-align: top;
}
#peppol-faq .faq-accordion__comparison-table th:last-child,
#peppol-faq .faq-accordion__comparison-table td:last-child {
  padding-right: 0;
}
#peppol-faq .faq-accordion__comparison-table thead th,
#peppol-faq .faq-accordion__comparison-table tbody th {
  font-weight: 700;
  color: var(--color-text-heading);
}
#peppol-faq .faq-accordion__comparison-table td {
  font-weight: 400;
  color: var(--color-text-primary);
}

.two-column {
  position: relative;
  width: 100%;
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
  transition: background-color var(--transition-base);
}
.two-column__block {
  position: relative;
  width: 100%;
}
.two-column__block--has-bg {
  background-color: var(--color-bg-secondary);
}
.two-column__glow {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 105rem;
  height: 34.375rem;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: block;
}
[data-theme=light] .two-column__glow {
  display: none;
}
.two-column__glow--left {
  background-image: url("/images/glow-bg/two-column-left-glow.svg");
}
.two-column__glow--right {
  background-image: url("/images/glow-bg/two-column-right-glow.svg");
}
.two-column__dots {
  position: absolute;
  top: 4.375rem;
  width: 88.75rem;
  height: 30.625rem;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .two-column__dots {
    display: block;
  }
}
.two-column__dots--left {
  left: -35.4375rem;
  background-image: url("/images/dotted-bg/two-column-left.png");
  opacity: 0.3;
}
.two-column__dots--right {
  left: 51.75rem;
  background-image: url("/images/dotted-bg/two-column-right.png");
  opacity: 0.4;
}
.two-column__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.two-column__layout {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: 100%;
}
@media (min-width: 768px) {
  .two-column__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 4rem;
    align-items: center;
  }
  .two-column__layout--reverse .two-column__visual {
    order: 2;
  }
  .two-column__layout--reverse .two-column__content {
    order: 1;
  }
}
.two-column__visual {
  position: relative;
  width: 100%;
}
.two-column__visual-box {
  border-radius: var(--radius-box, 1.25rem);
  background-color: var(--color-surface-box-fill, #0A1628);
  border: var(--border-width-box-outline, 1px) solid var(--color-border-subtle, rgba(255, 255, 255, 0.12));
  box-shadow: var(--shadow-elevation-sm-dark);
  overflow: hidden;
}
[data-theme=light] .two-column__visual-box {
  box-shadow: var(--shadow-elevation-sm-light);
}
.two-column__image-wrap.two-column__visual-box {
  padding: 2rem;
}
.two-column__image-wrap.two-column__visual-box.two-column__image-wrap--glow, .two-column__image-wrap.two-column__visual-box.two-column__image-wrap--glow-light {
  overflow: visible;
}
.two-column__video-box {
  position: relative;
  width: 100%;
  aspect-ratio: 16/10;
  border-radius: var(--radius-box, 1.25rem);
  border: 1px solid var(--color-border-subtle);
  background-color: var(--color-surface-box-fill);
  overflow: hidden;
}
.two-column__video-box--youtube {
  aspect-ratio: 16/9;
}
.two-column__video-box--iframe .two-column__iframe {
  z-index: 1;
}
.two-column__video-box .two-column__video-poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 0;
  pointer-events: none;
}
.two-column__video-box .two-column__video-poster--light {
  display: none;
}
.two-column__video-box .two-column__video-poster--dark {
  display: block;
}
[data-theme=light] .two-column__video-box .two-column__video-poster--light {
  display: block;
}
[data-theme=light] .two-column__video-box .two-column__video-poster--dark {
  display: none;
}
.two-column__video-box.is-playing .two-column__video-poster {
  display: none;
}
.two-column__video-box:has(video:playing) .two-column__video-poster {
  display: none;
}
.two-column__video-box--borderless {
  border: none;
}
.two-column__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 1;
  background-color: transparent;
}
.two-column__video--light {
  display: none;
}
.two-column__video--dark {
  display: block;
}
[data-theme=light] .two-column__video.two-column__video--light {
  display: block;
}
[data-theme=light] .two-column__video.two-column__video--dark {
  display: none;
}
.two-column__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: inherit;
  overflow: hidden;
}
.two-column__image-wrap {
  width: 100%;
  border-radius: var(--radius-box, 1.25rem);
  aspect-ratio: 16/10;
  max-width: min(100%, var(--two-column-image-max-width, 100%));
  margin-inline: auto;
}
.two-column__image-wrap--light {
  display: none;
}
.two-column__image-wrap--dark {
  display: block;
}
[data-theme=light] .two-column__image-wrap--light {
  display: block;
}
[data-theme=light] .two-column__image-wrap--dark {
  display: none;
}
.two-column__image-wrap--glow {
  overflow: visible;
}
.two-column__image-wrap--glow .two-column__image {
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
}
[data-theme=light] .two-column__image-wrap--glow .two-column__image {
  filter: none;
}
.two-column__image-wrap--glow-light {
  overflow: visible;
}
[data-theme=light] .two-column__image-wrap--glow-light .two-column__image {
  filter: drop-shadow(var(--shadow-elevation-sm-drop-light));
}
.two-column__image-wrap--tall {
  aspect-ratio: auto;
  --two-column-image-max-width: 21.875rem;
}
.two-column__image-wrap--photo {
  aspect-ratio: auto;
  overflow: hidden;
  border-radius: 1.5rem;
}
.two-column__image-wrap--photo picture,
.two-column__image-wrap--photo .two-column__image {
  display: block;
  width: 100%;
  height: auto;
}
.two-column__image-wrap--photo .two-column__image {
  object-fit: cover;
  border-radius: 1.5rem;
}
.two-column__image-wrap picture {
  display: block;
  width: 100%;
  height: 100%;
}
.two-column__image {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.two-column__image-wrap--tall .two-column__image, .two-column__image-wrap--tall picture {
  height: auto;
}
.two-column__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  width: 100%;
}
.two-column__eyebrow {
  display: inline-flex;
  margin-bottom: -0.3125rem;
}
.two-column__eyebrow-pill {
  display: inline-block;
  height: 1.875rem;
  padding: 0.3125rem 0.625rem;
  border-radius: var(--radius-badge);
  background-color: var(--color-surface-badge);
  color: var(--color-text-badge);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  box-sizing: border-box;
}
.two-column__title {
  font-family: var(--font-primary);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-heading);
  margin: 0 0 0rem;
}
@media (min-width: 1024px) {
  .two-column__title {
    font-size: 1.5625rem;
  }
}
.two-column__title-highlight {
  color: var(--color-primary, #44A4DC);
}
.two-column__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .two-column__text {
    font-size: 0.9375rem;
  }
}
.two-column__text a {
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  transition: color var(--transition-base);
}
.two-column__text a:hover, .two-column__text a:focus {
  color: var(--color-primary);
}
.two-column__text a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.two-column__markdown {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .two-column__markdown {
    font-size: 0.9375rem;
  }
}
.two-column__markdown > :first-child {
  margin-top: 0;
}
.two-column__markdown > :last-child {
  margin-bottom: 0;
}
.two-column__markdown p {
  margin: 0 0 1rem;
}
.two-column__markdown a {
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  transition: color var(--transition-base);
}
.two-column__markdown a:hover, .two-column__markdown a:focus {
  color: var(--color-primary);
}
.two-column__markdown a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.two-column__markdown ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.two-column__markdown li {
  position: relative;
  padding-left: calc(0.9375rem + var(--space-sm));
  text-align: left;
}
.two-column__markdown li + li {
  margin-top: var(--space-sm);
}
.two-column__markdown li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.9375rem;
  height: 1.25rem;
  background-color: var(--color-primary);
  -webkit-mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
  mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
}
.two-column__markdown ul ul {
  margin-top: var(--space-sm);
  padding-left: 1.5rem;
  list-style: disc outside;
}
.two-column__markdown ul ul li {
  padding-left: 0;
}
.two-column__markdown ul ul li::before {
  content: none;
}
.two-column__markdown ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: two-column-step;
}
.two-column__markdown ol li {
  counter-increment: two-column-step;
  padding-left: calc(0.9375rem + var(--space-sm));
}
.two-column__markdown ol li::before {
  content: counter(two-column-step) ".";
  width: auto;
  height: auto;
  background-color: transparent;
  -webkit-mask: none;
  mask: none;
  color: var(--color-primary);
  font-weight: 700;
}
.two-column__cta-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.two-column__cta {
  font-size: 1rem;
  line-height: 1.5625rem;
  color: var(--color-text-heading);
}

.timeline-steps {
  --timeline-steps-marker-size: 2.5rem;
  --timeline-steps-gap: 2rem;
  display: flex;
  flex-direction: column;
  gap: var(--timeline-steps-gap);
  width: 100%;
  max-width: 36.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  transition: background-color var(--transition-base);
}
.timeline-steps--boxed {
  padding: 1.5rem;
  background-color: var(--color-surface-box-fill);
  border: var(--border-width-box-outline) solid var(--color-border-subtle);
  border-radius: 1.25rem;
  box-shadow: var(--shadow-elevation-sm-dark);
}
[data-theme=light] .timeline-steps--boxed {
  box-shadow: var(--shadow-elevation-sm-light);
}
@media (min-width: 1024px) {
  .timeline-steps {
    --timeline-steps-marker-size: 3.75rem;
    --timeline-steps-gap: 3rem;
  }
  .timeline-steps.timeline-steps--boxed {
    padding: 2rem;
  }
}
.timeline-steps__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
}
@media (min-width: 1024px) {
  .timeline-steps__item {
    gap: 2rem;
  }
}
.timeline-steps__item:not(:last-child)::before {
  content: "";
  position: absolute;
  top: var(--timeline-steps-marker-size);
  left: calc(var(--timeline-steps-marker-size) / 2);
  width: var(--border-width-box-outline);
  height: calc(100% - var(--timeline-steps-marker-size) + var(--timeline-steps-gap));
  background-color: var(--color-border-subtle);
}
.timeline-steps__marker {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--timeline-steps-marker-size);
  height: var(--timeline-steps-marker-size);
  border-radius: var(--radius-full);
  background-color: var(--color-primary);
  color: var(--color-text-on-brand);
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 1024px) {
  .timeline-steps__marker {
    font-size: 1.875rem;
  }
}
.timeline-steps__body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}
.timeline-steps__title {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5625rem;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .timeline-steps__title {
    font-size: 1.125rem;
  }
}
.timeline-steps__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .timeline-steps__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
@media (min-width: 1024px) {
  .timeline-steps__text {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}
.timeline-steps__item--done .timeline-steps__title,
.timeline-steps__item--done .timeline-steps__text {
  color: var(--color-text-muted);
}

.centered-diagram {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  transition: background-color var(--transition-base);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
}
.centered-diagram__dots {
  position: absolute;
  top: 4.375rem;
  width: 88.75rem;
  height: 30.625rem;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .centered-diagram__dots {
    display: block;
  }
}
.centered-diagram__dots--left {
  left: -35.4375rem;
}
.centered-diagram__dots--right {
  left: 51.75rem;
}
.centered-diagram__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.centered-diagram__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  font-weight: 700;
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .centered-diagram__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
@media (min-width: 1024px) {
  .centered-diagram__title {
    margin-bottom: 1.5rem;
  }
}
.centered-diagram__title-highlight {
  display: block;
  color: var(--color-primary);
}
.centered-diagram__text {
  font-family: var(--font-primary);
  font-size: var(--type-opening-size);
  line-height: var(--type-opening-line-height);
  font-weight: var(--type-opening-weight);
  color: var(--color-text-primary);
  max-width: 56.25rem;
  margin: 0 0 2.5rem;
}
@media (min-width: 1024px) {
  .centered-diagram__text {
    margin-bottom: 3.75rem;
  }
}
.centered-diagram__visual {
  width: 100%;
}
.centered-diagram__image-wrap {
  width: 100%;
}
.centered-diagram__image-wrap--light {
  display: none;
}
.centered-diagram__image-wrap--dark {
  display: block;
}
[data-theme=light] .centered-diagram__image-wrap--light {
  display: block;
}
[data-theme=light] .centered-diagram__image-wrap--dark {
  display: none;
}
.centered-diagram__image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  filter: drop-shadow(var(--shadow-image-md-drop-dark));
}

.footer-banner-section {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  background-color: var(--color-bg-primary);
  transition: background-color var(--transition-base);
}
.footer-banner-section__glow {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(61.25rem, 98vw);
  height: min(35rem, 75vh);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse at center, rgba(68, 164, 220, 0.45) 0%, rgba(68, 164, 220, 0.18) 40%, rgba(68, 164, 220, 0) 70%);
}
.footer-banner-section__bg {
  display: none;
  position: absolute;
  right: -12.5rem;
  bottom: -1.25rem;
  width: 35rem;
  height: 13.75rem;
  pointer-events: none;
  z-index: 0;
}
@media (min-width: 768px) {
  .footer-banner-section__bg {
    display: block;
    right: -10rem;
    bottom: 0;
    width: 45rem;
    height: 17.5rem;
  }
}
@media (min-width: 1280px) {
  .footer-banner-section__bg {
    right: -7.5rem;
    bottom: 0;
    width: 53.75rem;
    height: 20rem;
  }
}
.footer-banner-section__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  opacity: 0.35;
}
[data-theme=light] .footer-banner-section__bg-img {
  opacity: 0.5;
}
.footer-banner-section__container {
  position: relative;
  z-index: 1;
  width: auto;
}

.footer-banner {
  box-sizing: border-box;
  text-align: center;
  border-radius: 1.25rem;
  margin: 0 auto;
  padding: 2.75rem 1.5rem 2.5rem;
  position: relative;
  overflow: visible;
  background-color: var(--color-surface-box-fill, #0a1018);
  box-shadow: 0 0 0 1px rgba(68, 164, 220, 0.35), 0 0 3rem rgba(68, 164, 220, 0.35), 0 0 6.25rem rgba(68, 164, 220, 0.2);
  background-image: linear-gradient(120.154deg, #060608 15%, #082540 32% 45%, #060608 76%);
}
@media (min-width: 768px) {
  .footer-banner {
    padding: 3.5rem 3.5rem 3rem;
  }
}
@media (min-width: 1024px) {
  .footer-banner {
    padding: 4rem 5rem 3.5rem;
  }
}
[data-theme=light] .footer-banner {
  background-color: #ffffff;
  background-image: none;
  box-shadow: 0 0 3.75rem #90a1b9;
}
.footer-banner__title {
  margin: 0 auto;
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.2;
  color: var(--color-text-heading, #ffffff);
}
@media (min-width: 768px) {
  .footer-banner__title {
    font-size: 2.25rem;
  }
}
@media (min-width: 1024px) {
  .footer-banner__title {
    font-size: 2.5rem;
  }
}
[data-theme=light] .footer-banner__title {
  color: #060608;
}
.footer-banner__title-highlight {
  color: var(--color-primary);
}
.footer-banner__description {
  max-width: 41.25rem;
  margin: 0.75rem auto 0;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5;
  color: var(--color-text-primary);
}
.footer-banner__features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.875rem 2rem;
  list-style: none;
  margin: 1.375rem 0 0;
  padding: 0;
}
@media (min-width: 768px) {
  .footer-banner__features {
    margin-top: 1.625rem;
    gap: 1rem 2.5rem;
    flex-wrap: nowrap;
  }
}
.footer-banner__feature {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.35;
  color: var(--color-text-heading, #ffffff);
  white-space: nowrap;
}
@media (min-width: 768px) {
  .footer-banner__feature {
    font-size: 1rem;
  }
}
[data-theme=light] .footer-banner__feature {
  color: #060608;
}
.footer-banner__check {
  display: inline-flex;
  flex-shrink: 0;
  width: 0.9375rem;
  height: 0.8125rem;
  color: var(--color-text-heading, #ffffff);
}
[data-theme=light] .footer-banner__check {
  color: var(--color-primary, #44a4dc);
}
.footer-banner__check svg {
  display: block;
  width: 0.9375rem;
  height: 0.8125rem;
}
.footer-banner__cta-wrap {
  margin-top: 1.75rem;
}
@media (min-width: 768px) {
  .footer-banner__cta-wrap {
    margin-top: 2rem;
  }
}
.footer-banner__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0.875rem 1.75rem;
  border-radius: 0.3125rem;
  background-color: var(--color-primary-btn-fill);
  color: var(--color-text-btn-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  max-width: 100%;
  box-shadow: none;
  transition: background-color var(--transition-base);
}
.footer-banner__cta:hover, .footer-banner__cta:focus-visible {
  background-color: var(--color-primary-btn-fill-hover);
  color: var(--color-text-btn-primary);
}
.footer-banner__cta--pending {
  cursor: default;
  pointer-events: none;
}
.footer-banner__badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 0.625rem;
  row-gap: 1.125rem;
  list-style: none;
  margin: 2.25rem 0 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .footer-banner__badges {
    column-gap: 0.5rem;
    row-gap: 1.5rem;
    margin-top: 2.75rem;
  }
}
.footer-banner__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 calc((100% - 1.875rem) / 4);
  width: calc((100% - 1.875rem) / 4);
  max-width: 4.375rem;
  aspect-ratio: 1;
  min-width: 0;
}
@media (min-width: 768px) {
  .footer-banner__badge {
    flex: 0 0 auto;
    width: 5.5rem;
    height: 5.5rem;
    max-width: none;
    aspect-ratio: auto;
  }
}
@media (min-width: 1024px) {
  .footer-banner__badge {
    width: 6rem;
    height: 6rem;
  }
}
.footer-banner__badge img,
.footer-banner__badge svg {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.footer-banner__badge-icon {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.footer-banner__badge-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.footer-banner__badge-img--light {
  display: block !important;
}
.footer-banner__badge-img--dark {
  display: none !important;
}
[data-theme=light] .footer-banner__badge-img--light {
  display: none !important;
}
[data-theme=light] .footer-banner__badge-img--dark {
  display: block !important;
}

@media (min-width: 1024px) {
  #candis-cta {
    padding-top: 9.375rem;
  }
}

.footer-banner-simple {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
  padding-top: 3rem;
  padding-bottom: 4rem;
  background-color: var(--color-bg-primary);
  transition: background-color var(--transition-base);
}
@media (min-width: 768px) {
  .footer-banner-simple {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .footer-banner-simple {
    padding-top: 4.5rem;
    padding-bottom: 6rem;
  }
}
.footer-banner-simple__dots {
  position: absolute;
  top: 4.375rem;
  left: 51.75rem;
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/dotted-bg/two-column-right.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 0;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .footer-banner-simple__dots {
    display: block;
  }
}
.footer-banner-simple__container {
  position: relative;
  z-index: 1;
  width: auto;
}
.footer-banner-simple__card {
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
  padding: 2.75rem 1.5rem 2.5rem;
  border-radius: 1.25rem;
  background-color: var(--color-surface-box-fill);
  background-image: var(--gradient-banner-v2);
  box-shadow: var(--shadow-banner-v2-dark);
  transition: background-color var(--transition-base), box-shadow var(--transition-base);
}
@media (min-width: 768px) {
  .footer-banner-simple__card {
    padding: 3.5rem 3.5rem 3rem;
  }
}
@media (min-width: 1024px) {
  .footer-banner-simple__card {
    padding: 4rem 5rem 3.5rem;
  }
}
[data-theme=light] .footer-banner-simple__card {
  background-image: none;
  box-shadow: var(--shadow-banner-v2-light);
}
.footer-banner-simple__title {
  margin: 0 auto;
  max-width: 38.75rem;
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--color-text-heading);
}
@media (min-width: 768px) {
  .footer-banner-simple__title {
    font-size: 2.25rem;
  }
}
@media (min-width: 1024px) {
  .footer-banner-simple__title {
    font-size: 2.5rem;
  }
}
.footer-banner-simple__title-highlight {
  display: block;
  color: var(--color-primary);
}
.footer-banner-simple__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  max-width: 41.25rem;
  margin: 1.25rem auto 0;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .footer-banner-simple__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
@media (min-width: 768px) {
  .footer-banner-simple__text {
    margin-top: 1.5rem;
  }
}
.footer-banner-simple__cta-wrap {
  margin-top: 1.75rem;
}
@media (min-width: 768px) {
  .footer-banner-simple__cta-wrap {
    margin-top: 2rem;
  }
}
.footer-banner-simple__cta {
  max-width: 100%;
}
.footer-banner-simple__cta--pending {
  cursor: default;
  pointer-events: none;
}

.legal-notes {
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  padding-top: var(--space-section-tight);
  padding-bottom: var(--space-section-tight);
  --section-spacing-value: var(--space-section-tight);
  --section-adjacency-keep-ratio: 0.5;
  background-color: var(--color-surface-box-fill, #0b111a);
  color: var(--color-text-heading, #ffffff);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
}
[data-theme=light] .legal-notes {
  background-color: #f7f7f7;
  color: #060608;
}
.legal-notes__title {
  margin: 0 0 1.125rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  color: inherit;
}
.legal-notes p {
  margin: 0 0 0.875rem;
}
.legal-notes p:last-child {
  margin-bottom: 0;
}
.legal-notes__items {
  margin-bottom: 0;
}
.legal-notes__item {
  display: flex;
  gap: 0.375rem;
  margin: 0 0 0.875rem;
}
.legal-notes__item:last-child {
  margin-bottom: 0;
}
.legal-notes__marker {
  flex: 0 0 auto;
  min-width: 2em;
  font-weight: 700;
}
.legal-notes__text {
  min-width: 0;
}
.legal-notes a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
.legal-notes a:hover {
  color: var(--color-primary, #44a4dc);
}

.pricing-category-tabs {
  --color-pricing-category-tab-active-border: #35618a;
  --color-pricing-category-tab-active-bg-light: #ffffff;
  --color-pricing-category-tab-inactive-bg: #060608;
  --color-pricing-category-tab-inactive-bg-light: #f9f9f9;
  position: relative;
  z-index: 99;
  margin-top: -3.9375rem;
  transition: background-color var(--transition-base);
}
.pricing-category-tabs__container {
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .pricing-category-tabs__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .pricing-category-tabs__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
@media (min-width: 1024px) {
  .pricing-category-tabs__container {
    margin-bottom: 0;
  }
}
.pricing-category-tabs__tablist {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0.625rem;
  width: 100%;
  max-width: 77.1875rem;
  margin: 0 auto;
  padding: 0.75rem;
  border: 1px solid var(--color-border-subtle);
  border-radius: 0.75rem;
  background-color: var(--color-bg-primary);
}
[data-theme=light] .pricing-category-tabs__tablist {
  background-color: var(--color-surface-box-fill);
}
@media (min-width: 1024px) {
  .pricing-category-tabs__tablist {
    justify-content: center;
    gap: 1rem;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    border-bottom: none;
    position: relative;
    z-index: 2;
  }
  [data-theme=light] .pricing-category-tabs__tablist {
    background-color: transparent;
  }
}
.pricing-category-tabs__tab {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.5rem;
  padding: 0.625rem 0.375rem;
  border-radius: 0.75rem;
  border: 1px solid transparent;
  background-color: var(--color-pricing-category-tab-inactive-bg);
  color: var(--color-text-heading);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.35;
  text-align: center;
  cursor: pointer;
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), color var(--transition-base);
}
.pricing-category-tabs__tab:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
[data-theme=light] .pricing-category-tabs__tab {
  background-color: var(--color-pricing-category-tab-inactive-bg-light);
  border-color: var(--color-border-subtle);
}
@media (min-width: 1024px) {
  .pricing-category-tabs__tab {
    flex: 0 1 auto;
    min-width: 0;
    position: relative;
    font-size: 1.0625rem;
    font-weight: 400;
    min-height: 4rem;
    padding: 1rem 1.5rem;
    border-radius: 1rem 1rem 0 0;
    border-top: 1px solid var(--color-pricing-category-tab-active-border);
    border-right: 1px solid var(--color-pricing-category-tab-active-border);
    border-bottom: 1px solid var(--color-pricing-category-tab-active-border);
    border-left: 1px solid var(--color-pricing-category-tab-active-border);
  }
  [data-theme=light] .pricing-category-tabs__tab {
    border-color: var(--color-border-subtle);
  }
}
.pricing-category-tabs__tab[aria-selected=true] {
  opacity: 1;
  background-color: var(--color-primary-dark);
  border-color: transparent;
}
[data-theme=light] .pricing-category-tabs__tab[aria-selected=true] {
  background-color: var(--color-pricing-category-tab-active-bg-light);
  border-color: transparent;
}
@media (min-width: 1024px) {
  .pricing-category-tabs__tab[aria-selected=true] {
    background-color: var(--color-bg-secondary);
    border-top: 1px solid var(--color-pricing-category-tab-active-border);
    border-right: 1px solid var(--color-pricing-category-tab-active-border);
    border-left: 1px solid var(--color-pricing-category-tab-active-border);
    border-bottom: none;
    z-index: 2;
    margin-bottom: -1px;
  }
  [data-theme=light] .pricing-category-tabs__tab[aria-selected=true] {
    background-color: var(--color-pricing-category-tab-active-bg-light);
    border-top-color: var(--color-border-subtle);
    border-right-color: var(--color-border-subtle);
    border-left-color: var(--color-border-subtle);
    border-bottom: none;
  }
}
.pricing-category-tabs__tab:not([aria-selected=true]) {
  opacity: 1;
}
@media (min-width: 1024px) {
  .pricing-category-tabs__tab:not([aria-selected=true]) {
    background-color: var(--color-pricing-category-tab-inactive-bg);
    border-top: 1px solid var(--color-pricing-category-tab-active-border);
    border-right: 1px solid var(--color-pricing-category-tab-active-border);
    border-left: 1px solid var(--color-pricing-category-tab-active-border);
    border-bottom: 1px solid var(--color-pricing-category-tab-active-border);
    z-index: 1;
    margin-bottom: -1px;
  }
  [data-theme=light] .pricing-category-tabs__tab:not([aria-selected=true]) {
    background-color: var(--color-pricing-category-tab-inactive-bg-light);
    border-color: var(--color-border-subtle);
  }
}
.pricing-category-tabs__tab:not([aria-selected=true]):hover {
  background-color: rgba(68, 164, 220, 0.4);
  color: #ffffff;
}
[data-theme=light] .pricing-category-tabs__tab:not([aria-selected=true]):hover {
  color: var(--color-text-heading);
}
[data-theme=light] .pricing-category-tabs__tab:not([aria-selected=true]):hover {
  background-color: var(--color-surface-box-fill);
}
.pricing-category-tabs__tab-label {
  display: block;
}
.pricing-category-tabs__panels {
  background-color: var(--color-bg-secondary);
  transition: background-color var(--transition-base);
}
[data-theme=light] .pricing-category-tabs__panels {
  background-color: var(--color-pricing-category-tab-active-bg-light);
}
@media (min-width: 1024px) {
  .pricing-category-tabs__panels {
    border-top: 1px solid var(--color-pricing-category-tab-active-border);
  }
  [data-theme=light] .pricing-category-tabs__panels {
    border-top-color: var(--color-border-subtle);
  }
}
.pricing-category-tabs__panel {
  width: 100%;
  scroll-margin-top: var(--header-height);
}
.pricing-category-tabs__panel[hidden] {
  display: none;
}
.pricing-category-tabs__panel .self-service-pricing,
.pricing-category-tabs__panel .kmu-pricing,
.pricing-category-tabs__panel .tax-pricing {
  background-color: var(--color-bg-secondary);
  transition: background-color var(--transition-base);
}
[data-theme=light] .pricing-category-tabs__panel .self-service-pricing,
[data-theme=light] .pricing-category-tabs__panel .kmu-pricing,
[data-theme=light] .pricing-category-tabs__panel .tax-pricing {
  background-color: var(--color-pricing-category-tab-active-bg-light);
}
.pricing-category-tabs__panel .self-service-pricing__corner {
  background-color: var(--color-bg-secondary);
}
[data-theme=light] .pricing-category-tabs__panel .self-service-pricing__corner {
  background-color: var(--color-pricing-category-tab-active-bg-light);
}
.pricing-category-tabs__panel .self-service-pricing__feature-label {
  background-color: var(--color-bg-secondary);
}
[data-theme=light] .pricing-category-tabs__panel .self-service-pricing__feature-label {
  background-color: var(--color-pricing-category-tab-active-bg-light);
}

.pricing-single-box-simple {
  position: relative;
  background-color: var(--color-bg-primary);
  background-image: linear-gradient(to bottom, var(--color-bg-secondary) 0%, var(--color-bg-secondary) 50%, var(--color-bg-primary) 50%, var(--color-bg-primary) 100%);
  padding-top: var(--space-section-tight);
  padding-bottom: var(--space-section-tight);
  --section-spacing-value: var(--space-section-tight);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
[data-theme=light] .pricing-single-box-simple {
  background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, var(--color-bg-primary) 50%, var(--color-bg-primary) 100%);
}
.pricing-single-box-simple[hidden] {
  display: none;
}
.pricing-single-box-simple__container {
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .pricing-single-box-simple__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .pricing-single-box-simple__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.pricing-single-box-simple__card {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 2.25rem 1.5rem;
  text-align: center;
  background-color: var(--color-surface-box-fill, #0a1628);
  border: 1px solid var(--color-border-subtle, rgba(255, 255, 255, 0.12));
  border-radius: 1rem;
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
@media (min-width: 768px) {
  .pricing-single-box-simple__card {
    padding: 2.75rem 2.5rem;
  }
}
@media (min-width: 1024px) {
  .pricing-single-box-simple__card {
    padding: 3.25rem 3.5rem;
  }
}
[data-theme=light] .pricing-single-box-simple__card {
  background-color: #ffffff;
  border-color: var(--color-border-subtle);
}
.pricing-single-box-simple__title {
  margin: 0;
  font-family: var(--font-primary);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.625rem;
  color: var(--color-text-heading, #ffffff);
}
@media (min-width: 1024px) {
  .pricing-single-box-simple__title {
    font-size: 1.5625rem;
    line-height: 1.3;
  }
}
[data-theme=light] .pricing-single-box-simple__title {
  color: #060608;
}
.pricing-single-box-simple__text {
  margin: 1.25rem auto 0;
  max-width: 43.75rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .pricing-single-box-simple__text {
    font-size: 0.9375rem;
    line-height: 1.65;
    margin-top: 1.5rem;
  }
}
[data-theme=light] .pricing-single-box-simple__text {
  color: #060608;
}
.pricing-single-box-simple__link {
  display: inline-block;
  margin-top: 1.5rem;
  text-align: center;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-heading, #ffffff);
}
@media (min-width: 1024px) {
  .pricing-single-box-simple__link {
    margin-top: 1.75rem;
    line-height: 1.5625rem;
  }
}
[data-theme=light] .pricing-single-box-simple__link {
  color: var(--color-primary);
}
.pricing-single-box-simple__link:hover, .pricing-single-box-simple__link:focus, .pricing-single-box-simple__link:focus-visible, .pricing-single-box-simple__link.btn--text-link:hover, .pricing-single-box-simple__link.btn--text-link:focus, .pricing-single-box-simple__link.btn--text-link:focus-visible {
  color: var(--color-text-heading);
}
[data-theme=light] .pricing-single-box-simple__link:hover, [data-theme=light] .pricing-single-box-simple__link:focus, [data-theme=light] .pricing-single-box-simple__link:focus-visible, [data-theme=light] .pricing-single-box-simple__link.btn--text-link:hover, [data-theme=light] .pricing-single-box-simple__link.btn--text-link:focus, [data-theme=light] .pricing-single-box-simple__link.btn--text-link:focus-visible {
  color: var(--color-primary);
}

.self-service-pricing {
  --color-pricing-included-icon: #ffffff;
  --color-pricing-included-bg: #a3c617;
  --color-pricing-excluded-icon: #ffffff;
  --color-pricing-excluded-bg: #c84521;
  --color-pricing-plan-nav-label-bg-light: #ebf0f5;
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-tight);
  padding-bottom: var(--space-section-tight);
  --section-spacing-value: var(--space-section-tight);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
[data-theme=light] .self-service-pricing {
  background-color: var(--color-bg-primary);
}
.self-service-pricing__dots {
  position: absolute;
  top: 2.5rem;
  right: -12.5rem;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 30rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.35;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .self-service-pricing__dots {
    display: block;
    right: -6.25rem;
    width: 50rem;
  }
}
@media (min-width: 1024px) {
  .self-service-pricing__dots {
    top: 7rem;
    right: -7.5rem;
    width: 90rem;
    min-height: 40rem;
  }
}
[data-theme=light] .self-service-pricing__dots {
  opacity: 0.5;
}
.self-service-pricing__container {
  position: relative;
  z-index: 2;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .self-service-pricing__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .self-service-pricing__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
@media (min-width: 1024px) {
  .self-service-pricing__container {
    gap: 1.25rem;
  }
}
.self-service-pricing__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.self-service-pricing__table-layout {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: 77.1875rem;
  min-width: 0;
}
@media (min-width: 1024px) {
  .self-service-pricing__table-layout {
    gap: 1.25rem;
  }
}
.self-service-pricing__scroll {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  background-color: transparent;
  order: -1;
}
.self-service-pricing__scroll:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
@media (min-width: 1024px) {
  .self-service-pricing__scroll {
    order: 0;
  }
}
.self-service-pricing__table-track {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: visible;
}
@media (min-width: 1024px) {
  .self-service-pricing__table-track {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.self-service-pricing__banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
  margin: 0 0 1rem;
  padding: 0.75rem 1.25rem;
  color: var(--color-text-heading);
  background-color: rgba(68, 164, 220, 0.12);
  border: 0px solid var(--color-border-subtle);
  border-radius: var(--radius-card-soft);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  font-weight: 500;
  font-size: 0.875rem;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .self-service-pricing__banner {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
[data-theme=light] .self-service-pricing__banner {
  background-color: #f9f9f9;
  border: 1px solid rgb(221, 225, 234);
}
@media (min-width: 768px) {
  .self-service-pricing__banner {
    padding: 0.625rem 1.5rem;
  }
}
@media (min-width: 1024px) {
  .self-service-pricing__banner {
    width: 77.3279352227%;
    min-width: calc(0.7732793522 * 77.1875rem);
    margin-left: 22.6720647773%;
    margin-bottom: 1.25rem;
    padding: 0.5rem 2rem;
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
}
.self-service-pricing__banner-arrow {
  flex-shrink: 0;
  width: auto;
  height: 0.7em;
  color: inherit;
}
.self-service-pricing__banner-text {
  text-align: center;
}
.self-service-pricing__table {
  display: none;
  width: 100%;
  min-width: 77.1875rem;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
@media (min-width: 1024px) {
  .self-service-pricing__table {
    display: table;
  }
}
.self-service-pricing__corner {
  width: 13.75rem;
  min-width: 13.75rem;
  position: sticky;
  left: 0;
  z-index: 3;
  background-color: var(--color-bg-primary);
  border: none;
}
[data-theme=light] .self-service-pricing__corner {
  background-color: var(--color-bg-primary);
}
@media (min-width: 1024px) {
  .self-service-pricing__corner {
    width: 17.5rem;
    min-width: 17.5rem;
  }
}
.self-service-pricing__head .self-service-pricing__corner {
  vertical-align: bottom;
  border-bottom: none;
}
.self-service-pricing__body > .self-service-pricing__row:first-child .self-service-pricing__feature-label {
  border-top: none;
}
.self-service-pricing__body > .self-service-pricing__row:first-child .self-service-pricing__cell-inner {
  border-top: none;
}
.self-service-pricing__plan-header {
  padding: 0 0.625rem;
  vertical-align: top;
  border: none;
  background-color: transparent;
}
.self-service-pricing__plan-header:nth-child(2) {
  padding-left: 0;
}
.self-service-pricing__plan-header:last-child {
  padding-right: 0;
}
.self-service-pricing__plan-header-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-bottom: none;
  border-top-left-radius: var(--radius-card-soft);
  border-top-right-radius: var(--radius-card-soft);
  transition: box-shadow var(--transition-base);
  position: relative;
  z-index: 1;
  margin-bottom: -0.0625rem;
}
.self-service-pricing__plan-header-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  padding: 0 0.3125rem 0.3125rem;
  text-align: center;
}
.self-service-pricing__popular-badge {
  display: block;
  width: 100%;
  margin-top: 0.3125rem;
  padding: 0.3125rem 0.625rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: var(--color-text-heading);
  text-align: center;
  border-radius: 0.3125rem;
  background-color: var(--color-surface-badge);
  border-bottom: 1px solid var(--color-border-subtle);
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .self-service-pricing__popular-badge {
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.self-service-pricing__plan-name {
  display: block;
  margin-top: 0.625rem;
  margin-bottom: 0.75rem;
  color: var(--color-text-heading);
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .self-service-pricing__plan-name {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
@media (min-width: 1024px) {
  .self-service-pricing__plan-name {
    margin-top: 1rem;
    margin-bottom: 1.5625rem;
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}
.self-service-pricing__plan-header:not(.self-service-pricing__plan-header--popular) .self-service-pricing__plan-header-body::before {
  content: "";
  display: block;
  width: 100%;
  flex-shrink: 0;
  height: 2.0625rem;
}
.self-service-pricing__plan-price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.25rem;
  margin-bottom: 0.375rem;
  font-family: var(--font-primary);
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .self-service-pricing__plan-price {
    gap: 0.375rem;
    margin-bottom: 0.5rem;
  }
}
.self-service-pricing__plan-price-prefix {
  font-size: 1.5625rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .self-service-pricing__plan-price-prefix {
    font-size: 1.5625rem;
    line-height: 1.875rem;
  }
}
.self-service-pricing__plan-price-amount, .self-service-pricing__plan-price-currency {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 1024px) {
  .self-service-pricing__plan-price-amount, .self-service-pricing__plan-price-currency {
    font-size: 2.5rem;
  }
}
.self-service-pricing__plan-suffix {
  display: block;
  margin-bottom: 2rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .self-service-pricing__plan-suffix {
    margin-bottom: 2rem;
  }
}
.self-service-pricing__cta-test.btn--primary {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 2.75rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .self-service-pricing__cta-test.btn--primary {
    height: 3rem;
    margin-bottom: 1.125rem;
    font-size: 1rem;
  }
}
.self-service-pricing__cta-savings {
  display: block;
  width: 100%;
  max-width: 6.875rem;
  margin-left: auto;
  margin-right: auto;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: var(--color-text-heading);
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
  overflow-wrap: break-word;
  transition: color var(--transition-fast);
}
.self-service-pricing__cta-savings:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
:lang(fr) .self-service-pricing__cta-savings, :lang(en) .self-service-pricing__cta-savings, :lang(es) .self-service-pricing__cta-savings, :lang(nl) .self-service-pricing__cta-savings {
  max-width: 10.625rem;
}
.self-service-pricing__cta-savings:hover, .self-service-pricing__cta-savings:focus {
  color: var(--color-text-heading);
}
.self-service-pricing__feature-label {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 13.75rem;
  min-width: 13.75rem;
  padding: 0;
  text-align: left;
  vertical-align: middle;
  overflow: visible;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--color-border-subtle);
}
[data-theme=light] .self-service-pricing__feature-label {
  background-color: var(--color-surface-box-fill);
}
@media (min-width: 1024px) {
  .self-service-pricing__feature-label {
    width: 17.5rem;
    min-width: 17.5rem;
  }
}
.self-service-pricing__feature-label--status .self-service-pricing__feature-label-inner, .self-service-pricing__feature-label--boxed .self-service-pricing__feature-label-inner {
  min-height: 2.75rem;
}
@media (min-width: 1024px) {
  .self-service-pricing__feature-label--status .self-service-pricing__feature-label-inner, .self-service-pricing__feature-label--boxed .self-service-pricing__feature-label-inner {
    min-height: 3rem;
  }
}
.self-service-pricing__feature-label:has(.self-service-pricing__tooltip-trigger[aria-expanded=true]) {
  z-index: calc(var(--z-tooltip) + 1);
}
.self-service-pricing__feature-label-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  min-height: 2.75rem;
  padding: 0.375rem 1rem 0.375rem 0;
}
@media (min-width: 1024px) {
  .self-service-pricing__feature-label-inner {
    min-height: 3rem;
    padding: 0.5rem 1.25rem 0.5rem 0;
    gap: 0.75rem;
  }
}
.self-service-pricing__feature-label-text {
  flex: 1;
  min-width: 0;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: var(--color-text-heading);
  overflow-wrap: break-word;
}
@media (min-width: 1024px) {
  .self-service-pricing__feature-label-text {
    font-size: 1rem;
    line-height: 1.35;
  }
}
.self-service-pricing__tooltip-trigger {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: #3c6e9e;
  cursor: pointer;
  transition: background-color var(--transition-fast);
}
.self-service-pricing__tooltip-trigger:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
[data-theme=light] .self-service-pricing__tooltip-trigger {
  background-color: #c4c8d3;
}
[data-theme=light] .self-service-pricing__tooltip-trigger:hover {
  background-color: var(--color-text-form-hint);
}
.self-service-pricing__tooltip-icon {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  object-fit: cover;
}
.self-service-pricing__tooltip {
  position: absolute;
  right: 0;
  top: auto;
  bottom: 100%;
  z-index: var(--z-tooltip);
  width: max-content;
  max-width: 17.5rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  padding: 0.625rem 0.75rem;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--color-text-heading);
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-subtle);
  border-radius: 0.5rem;
  box-shadow: var(--shadow-elevation-sm-dark);
  pointer-events: none;
}
[data-theme=light] .self-service-pricing__tooltip {
  box-shadow: var(--shadow-elevation-sm-light);
}
.self-service-pricing__tooltip::after {
  content: "";
  position: absolute;
  right: 0.3125rem;
  top: auto;
  bottom: -0.3125rem;
  width: 0.625rem;
  height: 0.625rem;
  background-color: var(--color-bg-primary);
  border-right: 1px solid var(--color-border-subtle);
  border-bottom: 1px solid var(--color-border-subtle);
  transform: rotate(45deg);
}
.self-service-pricing__tooltip:not([hidden]) {
  pointer-events: auto;
}
.self-service-pricing__tooltip[hidden] {
  display: none;
}
.self-service-pricing__row:last-child .self-service-pricing__feature-label,
.self-service-pricing__row:last-child .self-service-pricing__cell-inner {
  border-bottom: 1px solid var(--color-border-subtle);
}
.self-service-pricing__row:has(+ .self-service-pricing__row--section-gap) .self-service-pricing__feature-label {
  border-bottom: none;
}
.self-service-pricing__row:has(+ .self-service-pricing__row--section-gap) .self-service-pricing__cell-inner {
  border-bottom: 1px solid var(--color-border-subtle);
  border-bottom-left-radius: var(--radius-card-soft);
  border-bottom-right-radius: var(--radius-card-soft);
}
.self-service-pricing__row--boxed .self-service-pricing__feature-label {
  background-color: transparent;
  border-bottom: none;
}
.self-service-pricing__row--boxed .self-service-pricing__cell {
  height: 1px;
  vertical-align: top;
}
.self-service-pricing__row--boxed .self-service-pricing__cell-inner {
  height: 100%;
  box-sizing: border-box;
}
[data-theme=light] .self-service-pricing__row--boxed .self-service-pricing__feature-label {
  background-color: var(--color-bg-primary);
}
.self-service-pricing__row--section-gap .self-service-pricing__feature-label,
.self-service-pricing__row--section-gap .self-service-pricing__cell {
  padding-top: 1rem;
}
.self-service-pricing__row--section-gap.self-service-pricing__row--boxed .self-service-pricing__feature-label {
  border-bottom: 1px solid var(--color-border-subtle);
}
.self-service-pricing__row--section-gap.self-service-pricing__row--boxed .self-service-pricing__cell-inner {
  border-top: 1px solid var(--color-border-subtle);
  border-top-left-radius: var(--radius-card-soft);
  border-top-right-radius: var(--radius-card-soft);
}
.self-service-pricing__row--boxed + .self-service-pricing__row--boxed .self-service-pricing__feature-label,
.self-service-pricing__row--boxed + .self-service-pricing__row--boxed .self-service-pricing__cell {
  padding-top: 0;
}
.self-service-pricing__row--boxed:last-child .self-service-pricing__feature-label {
  border-bottom: none;
}
.self-service-pricing__row--boxed:last-child .self-service-pricing__cell-inner {
  border-bottom: 1px solid var(--color-border-subtle);
  border-bottom-left-radius: var(--radius-card-soft);
  border-bottom-right-radius: var(--radius-card-soft);
}
@media (min-width: 1024px) {
  .self-service-pricing__row .self-service-pricing__feature-label,
  .self-service-pricing__row .self-service-pricing__cell-inner {
    transition: background-color var(--transition-fast);
  }
  .self-service-pricing__row:hover .self-service-pricing__feature-label,
  .self-service-pricing__row:hover .self-service-pricing__cell-inner {
    background-color: rgba(68, 164, 220, 0.1);
  }
}
@media (min-width: 1024px) {
  [data-theme=light] .self-service-pricing__row:hover .self-service-pricing__feature-label,
  [data-theme=light] .self-service-pricing__row:hover .self-service-pricing__cell-inner {
    background-color: rgba(240, 240, 240, 0.5);
  }
}
.self-service-pricing__cell {
  padding: 0 0.625rem;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
  border: none;
}
.self-service-pricing__cell:nth-child(2) {
  padding-left: 0;
}
.self-service-pricing__cell:last-child {
  padding-right: 0;
}
.self-service-pricing__cell-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.375rem 0.625rem;
  background-color: var(--color-surface-box-fill);
  border-left: 1px solid var(--color-border-subtle);
  border-right: 1px solid var(--color-border-subtle);
  border-bottom: 1px solid var(--color-border-subtle);
}
@media (min-width: 1024px) {
  .self-service-pricing__cell-inner {
    min-height: 3rem;
    padding: 0.5rem 0.75rem;
  }
}
.self-service-pricing__cell-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: var(--color-text-heading);
  overflow-wrap: anywhere;
  text-align: center;
}
@media (min-width: 1024px) {
  .self-service-pricing__cell-text {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}
.self-service-pricing__cell-price {
  position: relative;
  z-index: 1;
  font-family: var(--font-primary);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: var(--color-text-heading);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  text-align: center;
  overflow-wrap: anywhere;
  transition: color var(--transition-fast);
}
.self-service-pricing__cell-price:hover, .self-service-pricing__cell-price:focus-visible {
  color: var(--color-primary);
}
@media (min-width: 1024px) {
  .self-service-pricing__cell-price {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.self-service-pricing__status-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0;
  background-color: transparent;
}
.self-service-pricing__status-box--price .self-service-pricing__cell-price {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
@media (min-width: 1024px) {
  .self-service-pricing__status-box--price .self-service-pricing__cell-price {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.self-service-pricing__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .self-service-pricing__icon-wrap {
    width: 1.75rem;
    height: 1.75rem;
  }
}
.self-service-pricing__icon-wrap--positive {
  background-color: var(--color-pricing-included-bg);
  color: var(--color-pricing-included-icon);
}
.self-service-pricing__icon-wrap--negative {
  background-color: var(--color-pricing-excluded-bg);
  color: var(--color-pricing-excluded-icon);
}
.self-service-pricing__icon {
  width: 0.75rem;
  height: 0.75rem;
}
@media (min-width: 1024px) {
  .self-service-pricing__icon {
    width: 0.8125rem;
    height: 0.8125rem;
  }
}
.self-service-pricing__icon--check {
  stroke-width: 3;
}
.self-service-pricing__vat-note {
  width: 100%;
  max-width: 77.1875rem;
  margin: 0.75rem 0 0;
  text-align: center;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .self-service-pricing__vat-note {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.self-service-pricing__plan-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  max-width: 19.875rem;
  height: 3.0625rem;
  margin: 0 auto 1rem;
}
@media (min-width: 1024px) {
  .self-service-pricing__plan-nav {
    display: none;
  }
}
.self-service-pricing__plan-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 3.125rem;
  height: 3.125rem;
  padding: 0;
  border: 1px solid var(--color-border-subtle);
  border-radius: 50%;
  background-color: #ffffff;
  color: var(--color-primary);
  cursor: pointer;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);
}
.self-service-pricing__plan-nav-btn:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
[data-theme=light] .self-service-pricing__plan-nav-btn {
  background-color: var(--color-surface-box-fill);
}
.self-service-pricing__plan-nav-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.self-service-pricing__plan-nav-btn:not(:disabled):hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.self-service-pricing__plan-nav-icon {
  width: 2rem;
  height: 2rem;
}
.self-service-pricing__plan-nav-icon--prev {
  transform: rotate(180deg);
}
.self-service-pricing__plan-nav-label {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 0.625rem 1rem;
  border: 1px solid var(--color-border-subtle);
  border-radius: 1.5rem;
  background-color: var(--color-surface-box-fill);
  color: var(--color-text-heading);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
}
[data-theme=light] .self-service-pricing__plan-nav-label {
  background-color: var(--color-pricing-plan-nav-label-bg-light);
}
.self-service-pricing__carousel {
  width: 100%;
  margin-bottom: 1rem;
}
.self-service-pricing__carousel:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
@media (min-width: 1024px) {
  .self-service-pricing__carousel {
    display: none;
  }
}
.self-service-pricing__carousel-track {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.self-service-pricing__carousel-track::-webkit-scrollbar {
  display: none;
}
.self-service-pricing__mobile-card {
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  scroll-snap-align: center;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-card-soft);
  background-color: var(--color-surface-box-fill);
  box-shadow: var(--shadow-elevation-sm-dark);
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=light] .self-service-pricing__mobile-card {
  box-shadow: var(--shadow-elevation-sm-light);
}
.self-service-pricing__mobile-card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.75rem 1.5rem 1.5rem;
  text-align: center;
}
.self-service-pricing__mobile-card-title {
  margin: 0 0 1rem;
  font-size: 1.5625rem;
  line-height: 2rem;
  font-weight: 700;
  color: var(--color-text-heading);
}
.self-service-pricing__mobile-card:not(.self-service-pricing__mobile-card--popular) .self-service-pricing__mobile-card-title {
  margin-top: 0;
}
.self-service-pricing__mobile-card--popular .self-service-pricing__mobile-card-title {
  margin-top: 0.5rem;
}
.self-service-pricing__mobile-card-price-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 1.25rem;
}
.self-service-pricing__mobile-card-price-wrap .self-service-pricing__plan-suffix {
  margin-bottom: 0;
  margin-top: 0.25rem;
}
.self-service-pricing__mobile-card .self-service-pricing__cta-test.btn--primary {
  width: 100%;
  max-width: 17.5rem;
  margin-bottom: 1.25rem;
}
.self-service-pricing__mobile-package {
  width: 100%;
  margin-top: 0;
}
.self-service-pricing__mobile-package-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  width: 100%;
  margin: 0;
  padding: 0.25rem 0;
  border: none;
  background: none;
  color: var(--color-text-heading);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  cursor: pointer;
  transition: color var(--transition-fast);
}
.self-service-pricing__mobile-package-trigger:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.self-service-pricing__mobile-package-trigger[aria-expanded=true] .self-service-pricing__mobile-package-chevron {
  transform: rotate(180deg);
}
.self-service-pricing__mobile-package-trigger[aria-expanded=true] + .self-service-pricing__mobile-package-panel {
  grid-template-rows: 1fr;
  visibility: visible;
}
.self-service-pricing__mobile-package-label {
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
.self-service-pricing__mobile-package-chevron {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
  transition: transform var(--transition-accordion);
}
.self-service-pricing__mobile-package-panel {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  width: 100%;
  text-align: left;
  transition: grid-template-rows var(--transition-accordion), visibility var(--transition-accordion);
}
.self-service-pricing__mobile-package-panel-inner {
  overflow: hidden;
}
.self-service-pricing__mobile-feature-list {
  margin: 1rem auto 0;
  padding: 0;
  list-style: none;
  width: 100%;
  max-width: 18.75rem;
}
.self-service-pricing__mobile-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.375rem 0;
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--color-text-heading);
  text-align: left;
}
.self-service-pricing__mobile-feature-icon {
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.125rem;
  color: var(--color-primary);
}
.self-service-pricing__mobile-feature-text {
  flex: 1;
  min-width: 0;
  font-weight: 400;
}
.self-service-pricing__mobile-savings-link {
  display: inline-block;
  width: 100%;
  max-width: 77.1875rem;
  margin-top: 0.75rem;
  text-align: center;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--color-text-heading);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
  transition: color var(--transition-fast);
}
.self-service-pricing__mobile-savings-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.self-service-pricing__mobile-savings-link:hover, .self-service-pricing__mobile-savings-link:focus {
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .self-service-pricing__mobile-savings-link {
    display: none;
  }
}

.kmu-pricing {
  --color-kmu-included-label-bg: #3c4f63;
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-tight);
  padding-bottom: var(--space-section-tight);
  --section-spacing-value: var(--space-section-tight);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
[data-theme=light] .kmu-pricing {
  --color-kmu-included-label-bg: #ebf0f5;
  --color-kmu-plan-nav-label-bg-light: #ebf0f5;
}
.kmu-pricing__dots {
  position: absolute;
  top: 2.5rem;
  right: -12.5rem;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 30rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.35;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .kmu-pricing__dots {
    display: block;
    right: -6.25rem;
    width: 50rem;
  }
}
@media (min-width: 1024px) {
  .kmu-pricing__dots {
    top: 7rem;
    right: -7.5rem;
    width: 90rem;
    min-height: 40rem;
  }
}
[data-theme=light] .kmu-pricing__dots {
  opacity: 0.5;
}
.kmu-pricing__container {
  position: relative;
  z-index: 2;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 768px) {
  .kmu-pricing__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .kmu-pricing__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
@media (min-width: 1024px) {
  .kmu-pricing__container {
    gap: 1.25rem;
  }
}
.kmu-pricing__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.kmu-pricing__banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  max-width: 77.1875rem;
  margin: 0;
  padding: 0.75rem 1.25rem;
  color: var(--color-text-heading);
  background-color: rgba(68, 164, 220, 0.12);
  border: 0px solid var(--color-border-subtle);
  border-radius: var(--radius-card-soft);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  font-weight: 500;
  font-size: 0.875rem;
}
@media (min-width: 1024px) {
  .kmu-pricing__banner {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
[data-theme=light] .kmu-pricing__banner {
  background-color: #f9f9f9;
  border: 1px solid rgb(221, 225, 234);
}
@media (min-width: 768px) {
  .kmu-pricing__banner {
    padding: 0.625rem 1.5rem;
  }
}
@media (min-width: 1024px) {
  .kmu-pricing__banner {
    padding: 0.5rem 2rem;
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
}
.kmu-pricing__banner-arrow {
  flex-shrink: 0;
  width: auto;
  height: 0.7em;
  color: inherit;
}
.kmu-pricing__banner-text {
  text-align: center;
}
.kmu-pricing__cards {
  display: none;
  grid-template-columns: 1fr;
  gap: 1rem;
  width: 100%;
  max-width: 77.1875rem;
  margin: 0;
}
@media (min-width: 1024px) {
  .kmu-pricing__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: stretch;
  }
}
.kmu-pricing__card-wrap {
  display: flex;
  min-width: 0;
}
.kmu-pricing__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-card-soft);
  background-color: var(--color-surface-box-fill);
  overflow: hidden;
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
.kmu-pricing__card-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2rem 1.5rem 1.75rem;
  background-color: var(--color-surface-box-fill);
  transition: background-color var(--transition-base);
}
@media (min-width: 1024px) {
  .kmu-pricing__card-top {
    padding: 3rem 2.5rem 2.25rem;
  }
}
.kmu-pricing__card-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 1rem;
  color: var(--color-text-heading);
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .kmu-pricing__card-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
@media (min-width: 1024px) {
  .kmu-pricing__card-title {
    margin-bottom: 1.25rem;
    font-size: 1.5625rem;
    line-height: 2rem;
  }
}
.kmu-pricing__card-title-line {
  display: block;
}
.kmu-pricing__card-description {
  margin: 0 0 1.5rem;
  max-width: 21.25rem;
  min-height: 3.75rem;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .kmu-pricing__card-description {
    max-width: 25rem;
    min-height: 4.125rem;
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: 1.75rem;
  }
}
.kmu-pricing__card-price-wrap {
  min-height: 4.5rem;
  margin: 0 0 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}
@media (min-width: 1024px) {
  .kmu-pricing__card-price-wrap {
    min-height: 5.5rem;
    margin-bottom: 2rem;
    gap: 0.5rem;
  }
}
.kmu-pricing__card-price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0;
  font-family: var(--font-primary);
  color: var(--color-text-heading);
}
.kmu-pricing__card-price--on-request {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 1024px) {
  .kmu-pricing__card-price--on-request {
    font-size: 2.5rem;
  }
}
.kmu-pricing__card-price-prefix {
  margin-right: 0.25rem;
  font-size: 1.5625rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .kmu-pricing__card-price-prefix {
    margin-right: 0.375rem;
    font-size: 1.5625rem;
    line-height: 1.375rem;
  }
}
.kmu-pricing__card-price-amount, .kmu-pricing__card-price-currency {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 1024px) {
  .kmu-pricing__card-price-amount, .kmu-pricing__card-price-currency {
    font-size: 2.5rem;
  }
}
.kmu-pricing__card-price-suffix {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .kmu-pricing__card-price-suffix {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.kmu-pricing__card-cta.btn--primary {
  width: auto;
  min-width: 12.0625rem;
  max-width: none;
  height: 2.75rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .kmu-pricing__card-cta.btn--primary {
    height: 3rem;
    margin-bottom: 1.125rem;
    font-size: 1rem;
  }
}
.kmu-pricing__card-savings-link {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--color-text-heading);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
  transition: color var(--transition-fast);
}
.kmu-pricing__card-savings-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.kmu-pricing__card-savings-link:hover, .kmu-pricing__card-savings-link:focus {
  color: var(--color-text-heading);
}
.kmu-pricing__card-panels {
  display: flex;
  flex-direction: column;
  background-color: var(--color-surface-box-fill);
}
@media (min-width: 1024px) {
  .kmu-pricing__card-panels {
    gap: 0rem;
  }
}
.kmu-pricing__card-features-panel {
  padding: 1.25rem 1.875rem;
  border-top: 1px solid var(--color-border-subtle);
  border-bottom: 1px solid var(--color-border-subtle);
}
.kmu-pricing__card-included-panel {
  padding: 1.25rem 1.875rem;
  border-bottom: 1px solid var(--color-border-subtle);
}
@media (min-width: 1024px) {
  .kmu-pricing__card-included-panel {
    padding: 1.5rem 3.25rem;
  }
}
.kmu-pricing__card-features-panel {
  background-color: rgba(68, 164, 220, 0.0980392157);
}
[data-theme=light] .kmu-pricing__card-features-panel {
  background-color: rgba(221, 225, 234, 0.0980392157);
}
.kmu-pricing__card-included-panel {
  background-color: var(--color-surface-box-fill);
  border-bottom: none;
}
[data-theme=light] .kmu-pricing__card-included-panel {
  background-color: var(--color-surface-box-fill);
}
.kmu-pricing__features-heading {
  margin: 0 0 1rem;
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .kmu-pricing__features-heading {
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin-bottom: 1.25rem;
  }
}
.kmu-pricing__features-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 1024px) {
  .kmu-pricing__features-list {
    gap: 0.3125rem;
  }
}
.kmu-pricing__features-list--secondary {
  margin-top: 1rem;
  gap: 0.5rem;
}
@media (min-width: 1024px) {
  .kmu-pricing__features-list--secondary {
    margin-top: 1.25rem;
    gap: 0.625rem;
  }
}
.kmu-pricing__features-item {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}
.kmu-pricing__features-bullet {
  flex-shrink: 0;
  width: 0.25rem;
  height: 0.25rem;
  margin-top: 0.5625rem;
  border-radius: 50%;
  background-color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .kmu-pricing__features-bullet {
    width: 0.3125rem;
    height: 0.3125rem;
    margin-top: 0.625rem;
  }
}
.kmu-pricing__features-text {
  flex: 1;
  min-width: 0;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .kmu-pricing__features-text {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.kmu-pricing__features-text--emphasized {
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
.kmu-pricing__features-link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  transition: color var(--transition-fast);
}
.kmu-pricing__features-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.kmu-pricing__features-link:hover, .kmu-pricing__features-link:focus {
  color: inherit;
}
.kmu-pricing__features-check-icon {
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.125rem;
  color: var(--color-primary);
}
.kmu-pricing__features-list--checkmark {
  gap: 0.375rem;
}
.kmu-pricing__features-list--checkmark.kmu-pricing__features-list--secondary {
  margin-top: 0.375rem;
}
.kmu-pricing__included {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.kmu-pricing__included-heading {
  margin: 0 0 1rem;
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .kmu-pricing__included-heading {
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin-bottom: 1.25rem;
  }
}
.kmu-pricing__included-group:not(:last-child) {
  margin-bottom: 1rem;
}
.kmu-pricing__included-group-heading {
  display: inline-block;
  margin: 0 0 0.625rem;
  padding: 0.25rem 0.625rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: var(--color-text-heading);
  background-color: var(--color-primary-dark);
  border-radius: 0.25rem;
}
[data-theme=light] .kmu-pricing__included-group-heading {
  background-color: var(--color-kmu-included-label-bg);
}
@media (min-width: 1024px) {
  .kmu-pricing__included-group-heading {
    padding: 0.3125rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.kmu-pricing__accordion {
  display: flex;
  flex-direction: column;
}
.kmu-pricing__accordion-item {
  display: flex;
  flex-direction: column;
}
.kmu-pricing__accordion-trigger {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  padding: 0.625rem 0;
  border: none;
  background: none;
  color: var(--color-text-heading);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  cursor: pointer;
  transition: color var(--transition-fast);
}
.kmu-pricing__accordion-trigger:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
@media (min-width: 1024px) {
  .kmu-pricing__accordion-trigger {
    font-size: 1rem;
    line-height: 1.375rem;
    padding: 0.75rem 0;
  }
}
.kmu-pricing__accordion-trigger[aria-expanded=true] .kmu-pricing__accordion-marker {
  transform: rotate(90deg);
}
.kmu-pricing__accordion-trigger[aria-expanded=true] .kmu-pricing__accordion-title {
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
.kmu-pricing__accordion-trigger[aria-expanded=true] + .kmu-pricing__accordion-panel {
  grid-template-rows: 1fr;
  visibility: visible;
}
.kmu-pricing__accordion-marker {
  flex-shrink: 0;
  width: 0.75rem;
  font-family: var(--font-primary);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--color-text-heading);
  text-align: center;
  transition: transform var(--transition-accordion);
  transform-origin: center center;
}
@media (min-width: 1024px) {
  .kmu-pricing__accordion-marker {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
.kmu-pricing__accordion-title {
  flex: 1;
  min-width: 0;
  color: inherit;
}
.kmu-pricing__accordion-panel {
  display: grid;
  grid-template-rows: 0fr;
  min-height: 0;
  visibility: hidden;
  transition: grid-template-rows var(--transition-accordion), visibility var(--transition-accordion);
}
.kmu-pricing__accordion-panel-inner {
  min-height: 0;
  overflow: hidden;
}
.kmu-pricing__accordion-panel-inner p {
  margin: 0 0 0.625rem;
  padding: 0 0 0.125rem 1.25rem;
  font-family: var(--font-primary);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .kmu-pricing__accordion-panel-inner p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-bottom: 0.75rem;
  }
}
.kmu-pricing__accordion-panel-link-wrap {
  margin-top: -0.25rem;
}
.kmu-pricing__accordion-panel-link {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
  transition: color var(--transition-fast);
}
.kmu-pricing__accordion-panel-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.kmu-pricing__accordion-panel-link:hover {
  color: var(--color-text-heading);
}
.kmu-pricing__vat-note {
  width: 100%;
  max-width: 77.1875rem;
  margin: 0;
  text-align: center;
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--color-text-primary);
  opacity: 0.85;
}
@media (min-width: 1024px) {
  .kmu-pricing__vat-note {
    font-size: 1rem;
  }
}
.kmu-pricing__mobile-savings-link {
  display: block;
  width: 100%;
  margin-top: 1rem;
  text-align: center;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--color-text-heading);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
.kmu-pricing__mobile-savings-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.kmu-pricing__mobile-savings-link:hover, .kmu-pricing__mobile-savings-link:focus {
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .kmu-pricing__mobile-savings-link {
    display: none;
  }
}
.kmu-pricing__plan-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  max-width: 19.875rem;
  height: 3.0625rem;
  margin: 0 auto 1rem;
}
@media (min-width: 1024px) {
  .kmu-pricing__plan-nav {
    display: none;
  }
}
.kmu-pricing__plan-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 3.125rem;
  height: 3.125rem;
  padding: 0;
  border: 1px solid var(--color-border-subtle);
  border-radius: 50%;
  background-color: #ffffff;
  color: var(--color-primary);
  cursor: pointer;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);
}
.kmu-pricing__plan-nav-btn:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
[data-theme=light] .kmu-pricing__plan-nav-btn {
  background-color: var(--color-surface-box-fill);
}
.kmu-pricing__plan-nav-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.kmu-pricing__plan-nav-btn:not(:disabled):hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.kmu-pricing__plan-nav-icon {
  width: 2rem;
  height: 2rem;
}
.kmu-pricing__plan-nav-icon--prev {
  transform: rotate(180deg);
}
.kmu-pricing__plan-nav-label {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 0.625rem 1rem;
  border: 1px solid var(--color-border-subtle);
  border-radius: 1.5rem;
  background-color: var(--color-surface-box-fill);
  color: var(--color-text-heading);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
}
[data-theme=light] .kmu-pricing__plan-nav-label {
  background-color: var(--color-kmu-plan-nav-label-bg-light);
}
.kmu-pricing__carousel {
  width: 100%;
  margin-bottom: 1rem;
}
.kmu-pricing__carousel:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
@media (min-width: 1024px) {
  .kmu-pricing__carousel {
    display: none;
  }
}
.kmu-pricing__carousel-track {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
@media (prefers-reduced-motion: reduce) {
  .kmu-pricing__carousel-track {
    scroll-behavior: auto;
  }
}
.kmu-pricing__carousel-track::-webkit-scrollbar {
  display: none;
}
.kmu-pricing__mobile-card {
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  scroll-snap-align: center;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-card-soft);
  background-color: var(--color-surface-box-fill);
  box-shadow: var(--shadow-elevation-sm-dark);
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=light] .kmu-pricing__mobile-card {
  box-shadow: var(--shadow-elevation-sm-light);
}
.kmu-pricing__mobile-card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.75rem 1.5rem 1.5rem;
  text-align: center;
}
.kmu-pricing__mobile-card-title {
  margin: 0 0 1rem;
  font-size: 1.5625rem;
  line-height: 2rem;
  font-weight: 700;
  color: var(--color-text-heading);
}
.kmu-pricing__mobile-card-price-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 1.25rem;
}
.kmu-pricing__mobile-card-cta.btn--primary {
  width: 100%;
  max-width: 17.5rem;
  margin-bottom: 1.25rem;
}
.kmu-pricing__mobile-package {
  width: 100%;
  margin-top: 0;
}
.kmu-pricing__mobile-package-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  width: 100%;
  margin: 0;
  padding: 0.25rem 0;
  border: none;
  background: none;
  color: var(--color-text-heading);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  cursor: pointer;
  transition: color var(--transition-fast);
}
.kmu-pricing__mobile-package-trigger:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.kmu-pricing__mobile-package-trigger[aria-expanded=true] .kmu-pricing__mobile-package-chevron {
  transform: rotate(180deg);
}
.kmu-pricing__mobile-package-trigger[aria-expanded=true] + .kmu-pricing__mobile-package-panel {
  grid-template-rows: 1fr;
  visibility: visible;
}
.kmu-pricing__mobile-package-trigger[aria-expanded=true] + .kmu-pricing__mobile-package-panel .kmu-pricing__mobile-package-panel-inner {
  overflow: visible;
}
.kmu-pricing__mobile-package-label {
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
.kmu-pricing__mobile-package-chevron {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
  transition: transform var(--transition-accordion);
}
.kmu-pricing__mobile-package-panel {
  display: grid;
  grid-template-rows: 0fr;
  min-height: 0;
  visibility: hidden;
  width: 100%;
  text-align: left;
  transition: grid-template-rows var(--transition-accordion), visibility var(--transition-accordion);
}
.kmu-pricing__mobile-package-panel-inner {
  min-height: 0;
  overflow: hidden;
}
.kmu-pricing__mobile-package-panel-inner .kmu-pricing__features-list {
  margin-top: 1rem;
  width: 100%;
  max-width: 18.75rem;
  margin-left: auto;
  margin-right: auto;
}
.kmu-pricing__mobile-package-panel-inner .kmu-pricing__features-text {
  font-size: 1rem;
  line-height: 1.375rem;
}
.kmu-pricing__mobile-included {
  width: 100%;
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--color-border-subtle);
}
.kmu-pricing__mobile-included .kmu-pricing__included-heading {
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 0.75rem;
}
.kmu-pricing__mobile-included .kmu-pricing__included-group-heading {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.kmu-pricing__mobile-included .kmu-pricing__accordion-trigger {
  font-size: 1rem;
  line-height: 1.375rem;
}
.kmu-pricing__mobile-included .kmu-pricing__accordion-panel-inner p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.pricing-single-box-extended {
  position: relative;
  overflow: hidden;
  scroll-margin-top: var(--header-height);
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.pricing-single-box-extended[hidden] {
  display: none;
}
.pricing-single-box-extended__dots {
  position: absolute;
  top: 2.5rem;
  right: -12.5rem;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 20rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.35;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .pricing-single-box-extended__dots {
    display: block;
    right: -6.25rem;
    width: 50rem;
  }
}
@media (min-width: 1024px) {
  .pricing-single-box-extended__dots {
    top: 5rem;
    right: -7.5rem;
    width: 75rem;
    min-height: 30rem;
  }
}
[data-theme=light] .pricing-single-box-extended__dots {
  opacity: 0.5;
}
.pricing-single-box-extended__container {
  position: relative;
  z-index: 2;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .pricing-single-box-extended__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .pricing-single-box-extended__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.pricing-single-box-extended__card-box {
  width: 100%;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: 1rem;
  padding: 2.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
@media (min-width: 1024px) {
  .pricing-single-box-extended__card-box {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 3rem;
    align-items: center;
    padding: 3.5rem 3rem;
  }
}
.pricing-single-box-extended__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.pricing-single-box-extended__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .pricing-single-box-extended__title {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
  }
}
.pricing-single-box-extended__title-highlight {
  color: var(--color-primary);
}
.pricing-single-box-extended__intro {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  margin: 0 0 1.75rem;
}
@media (min-width: 1024px) {
  .pricing-single-box-extended__intro {
    margin-bottom: 2rem;
  }
}
.pricing-single-box-extended__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
.pricing-single-box-extended__cta {
  font-size: 1rem;
  min-width: 0;
}
@media (min-width: 640px) {
  .pricing-single-box-extended__cta {
    min-width: 12.0625rem;
  }
}
.pricing-single-box-extended__cta--pending {
  cursor: default;
  pointer-events: none;
}
.pricing-single-box-extended__visual {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  order: -1;
}
@media (min-width: 1024px) {
  .pricing-single-box-extended__visual {
    order: unset;
  }
}
.pricing-single-box-extended__image-frame {
  position: relative;
  width: 100%;
  max-width: 32.5rem;
  line-height: 0;
}
.pricing-single-box-extended__image {
  width: 100%;
  filter: drop-shadow(0 0 3.125rem rgba(68, 164, 220, 0.3));
  transition: filter var(--transition-base);
}
[data-theme=light] .pricing-single-box-extended__image {
  filter: drop-shadow(0 0 0.1rem #d0d7e1);
}
.pricing-single-box-extended__image--light {
  display: none;
}
.pricing-single-box-extended__image--dark {
  display: block;
}
[data-theme=light] .pricing-single-box-extended__image--light {
  display: block;
}
[data-theme=light] .pricing-single-box-extended__image--dark {
  display: none;
}
.pricing-single-box-extended__image-el {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  object-position: center;
  border-radius: 0.75rem;
}

.tax-pricing {
  --color-tax-included-label-bg: #3c4f63;
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-tight);
  padding-bottom: var(--space-section-tight);
  --section-spacing-value: var(--space-section-tight);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
[data-theme=light] .tax-pricing {
  --color-tax-included-label-bg: #ebf0f5;
}
.tax-pricing__dots {
  position: absolute;
  top: 2.5rem;
  right: -12.5rem;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 30rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.35;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .tax-pricing__dots {
    display: block;
    right: -6.25rem;
    width: 50rem;
  }
}
@media (min-width: 1024px) {
  .tax-pricing__dots {
    top: 7rem;
    right: -7.5rem;
    width: 90rem;
    min-height: 40rem;
  }
}
[data-theme=light] .tax-pricing__dots {
  opacity: 0.5;
}
.tax-pricing__container {
  position: relative;
  z-index: 2;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 768px) {
  .tax-pricing__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .tax-pricing__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
@media (min-width: 1024px) {
  .tax-pricing__container {
    gap: 1.25rem;
  }
}
.tax-pricing__banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  max-width: 77.1875rem;
  margin: 0;
  padding: 0.75rem 1.25rem;
  color: var(--color-text-heading);
  background-color: rgba(68, 164, 220, 0.12);
  border: 0px solid var(--color-border-subtle);
  border-radius: var(--radius-card-soft);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  font-weight: 500;
  font-size: 0.875rem;
}
@media (min-width: 1024px) {
  .tax-pricing__banner {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
[data-theme=light] .tax-pricing__banner {
  background-color: #f9f9f9;
  border: 1px solid rgb(221, 225, 234);
}
@media (min-width: 768px) {
  .tax-pricing__banner {
    padding: 0.625rem 1.5rem;
  }
}
@media (min-width: 1024px) {
  .tax-pricing__banner {
    padding: 0.5rem 2rem;
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
}
.tax-pricing__banner-arrow {
  flex-shrink: 0;
  width: auto;
  height: 0.7em;
  color: inherit;
}
.tax-pricing__banner-text {
  text-align: center;
}
.tax-pricing__card {
  width: 100%;
  max-width: 77.1875rem;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-card-soft);
  background-color: var(--color-surface-box-fill);
  overflow: hidden;
  transition: background-color var(--transition-base), border-color var(--transition-base);
}
.tax-pricing__card-body {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 1024px) {
  .tax-pricing__card-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
  }
}
.tax-pricing__card-primary, .tax-pricing__card-aside {
  padding: 1.75rem 1.25rem 2rem;
  background-color: var(--color-surface-box-fill);
  transition: background-color var(--transition-base);
}
@media (min-width: 1024px) {
  .tax-pricing__card-primary, .tax-pricing__card-aside {
    padding: 2.5rem 2.25rem 2.75rem;
  }
}
.tax-pricing__card-aside {
  border-top: 1px solid var(--color-border-subtle);
}
@media (min-width: 1024px) {
  .tax-pricing__card-aside {
    border-top: none;
    border-left: 1px solid var(--color-border-subtle);
  }
}
.tax-pricing__card-aside .tax-pricing__included {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.tax-pricing__card-title {
  margin: 0 0 1.25rem;
  color: var(--color-text-heading);
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  font-size: 1.5625rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .tax-pricing__card-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
@media (min-width: 1024px) {
  .tax-pricing__card-title {
    margin-bottom: 1.5rem;
    font-size: 1.5625rem;
    line-height: 2rem;
    text-align: left;
  }
}
.tax-pricing__card-cta.btn--primary {
  width: auto;
  min-width: stretch;
  max-width: none;
  height: 2.75rem;
  margin: auto;
  margin-bottom: 1.75rem;
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .tax-pricing__card-cta.btn--primary {
    height: 3rem;
    margin-bottom: 2rem;
    min-width: 12.0625rem;
    font-size: 0.875rem;
  }
}
.tax-pricing__features-heading {
  margin: 0 0 1rem;
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .tax-pricing__features-heading {
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin-bottom: 1.25rem;
  }
}
.tax-pricing__features-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 1024px) {
  .tax-pricing__features-list {
    gap: 0.625rem;
  }
}
.tax-pricing__features-item {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}
.tax-pricing__features-icon-wrap {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.0625rem;
  color: var(--color-primary);
}
.tax-pricing__features-icon {
  width: 0.875rem;
  height: 0.875rem;
  stroke-width: 3;
}
.tax-pricing__features-text {
  flex: 1;
  min-width: 0;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .tax-pricing__features-text {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.tax-pricing__features-text--emphasized {
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
.tax-pricing__included-heading {
  margin: 0 0 1rem;
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .tax-pricing__included-heading {
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin-bottom: 1.25rem;
  }
}
.tax-pricing__included-group:not(:last-child) {
  margin-bottom: 1rem;
}
.tax-pricing__included-group-heading {
  display: inline-block;
  margin: 0 0 0.625rem;
  padding: 0.25rem 0.625rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.125rem;
  color: var(--color-text-heading);
  background-color: var(--color-primary-dark);
  border-radius: 0.25rem;
}
[data-theme=light] .tax-pricing__included-group-heading {
  background-color: var(--color-tax-included-label-bg);
}
@media (min-width: 1024px) {
  .tax-pricing__included-group-heading {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0.3125rem 0.75rem;
  }
}
.tax-pricing__accordion {
  display: flex;
  flex-direction: column;
}
.tax-pricing__accordion-item {
  border-bottom: none;
}
.tax-pricing__accordion-trigger {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  padding: 0.625rem 0;
  border: none;
  background: none;
  color: var(--color-text-heading);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  cursor: pointer;
  transition: color var(--transition-fast);
}
.tax-pricing__accordion-trigger:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
@media (min-width: 1024px) {
  .tax-pricing__accordion-trigger {
    font-size: 1rem;
    line-height: 1.375rem;
    padding: 0.75rem 0;
  }
}
.tax-pricing__accordion-trigger[aria-expanded=true] .tax-pricing__accordion-marker {
  transform: rotate(90deg);
}
.tax-pricing__accordion-trigger[aria-expanded=true] .tax-pricing__accordion-title {
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
.tax-pricing__accordion-trigger[aria-expanded=true] + .tax-pricing__accordion-panel {
  grid-template-rows: 1fr;
  visibility: visible;
}
.tax-pricing__accordion-marker {
  flex-shrink: 0;
  width: 0.75rem;
  font-family: var(--font-primary);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--color-text-heading);
  text-align: center;
  transition: transform var(--transition-accordion);
  transform-origin: center center;
}
@media (min-width: 1024px) {
  .tax-pricing__accordion-marker {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
.tax-pricing__accordion-title {
  flex: 1;
  min-width: 0;
  color: inherit;
}
.tax-pricing__accordion-panel {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows var(--transition-accordion), visibility var(--transition-accordion);
}
.tax-pricing__accordion-panel-inner {
  overflow: hidden;
}
.tax-pricing__accordion-panel-inner p {
  margin: 0 0 0.625rem;
  padding: 0 0 0.125rem 1.25rem;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .tax-pricing__accordion-panel-inner p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-bottom: 0.75rem;
  }
}
.tax-pricing__accordion-panel-link-wrap {
  margin-top: -0.25rem;
}
.tax-pricing__accordion-panel-link {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
.tax-pricing__accordion-panel-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.tax-pricing__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  max-width: 77.1875rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .tax-pricing__footer {
    gap: 1rem;
  }
}
.tax-pricing__footer-text {
  margin: 0;
  max-width: 45rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .tax-pricing__footer-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.tax-pricing__footer-link {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
.tax-pricing__footer-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.tax-pricing__footer-link:hover, .tax-pricing__footer-link:focus {
  color: var(--color-text-heading);
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .tax-pricing__footer-link {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.customer-review-overview {
  --customer-review-star-width: 1.125rem;
  --customer-review-star-height: 0.875rem;
  --customer-review-star-strip-width: 5.6875rem;
  --customer-review-trustpilot-icon-bg: #707070;
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
@media (min-width: 1024px) {
  .customer-review-overview {
    --customer-review-star-width: 1.5rem;
    --customer-review-star-height: 1.1875rem;
    --customer-review-star-strip-width: 7.625rem;
  }
}
.customer-review-overview__dots {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: min(32vw, 18.75rem);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  opacity: 0.34;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 768px) {
  .customer-review-overview__dots {
    display: block;
  }
}
@media (min-width: 1024px) {
  .customer-review-overview__dots {
    top: 1.25rem;
    bottom: auto;
    left: -40.6875rem;
    width: 89.375rem;
    height: 45.9375rem;
    background-position: left top;
    opacity: 0.5;
  }
}
[data-theme=light] .customer-review-overview__dots {
  opacity: 0.5;
}
@media (min-width: 1024px) {
  [data-theme=light] .customer-review-overview__dots {
    opacity: 0.5;
  }
}
.customer-review-overview__container {
  position: relative;
  z-index: 2;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .customer-review-overview__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .customer-review-overview__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.customer-review-overview__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 53.125rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .customer-review-overview__header {
    margin-bottom: 3rem;
  }
}
.customer-review-overview__title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  margin: 0;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .customer-review-overview__title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.customer-review-overview__title-highlight {
  color: var(--color-primary);
}
.customer-review-overview__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  width: 100%;
  max-width: 77.1875rem;
  align-items: stretch;
}
@media (min-width: 768px) {
  .customer-review-overview__cards {
    gap: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .customer-review-overview__cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: start;
  }
}
.customer-review-overview__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.875rem;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-banner);
  background-color: var(--color-surface-box-fill);
  height: 100%;
  min-width: 0;
  transition: background-color var(--transition-base), border-color var(--transition-base), transform var(--transition-base);
}
.customer-review-overview__card:hover, .customer-review-overview__card:focus-within {
  z-index: var(--z-raised);
  transform: scale(var(--scale-hover-box));
}
@media (prefers-reduced-motion: reduce) {
  .customer-review-overview__card:hover, .customer-review-overview__card:focus-within {
    transform: none;
  }
}
@media (min-width: 768px) {
  .customer-review-overview__card {
    padding: 1.125rem;
  }
}
[data-theme=light] .customer-review-overview__card {
  background-color: var(--color-surface-box-fill);
  border-color: var(--color-border-subtle);
}
.customer-review-overview__card--text {
  align-items: flex-start;
  justify-content: center;
  text-align: left;
}
.customer-review-overview__card-logo-wrap {
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .customer-review-overview__card-logo-wrap {
    min-height: 2.75rem;
    margin-bottom: 0.5rem;
  }
}
.customer-review-overview__card-logo {
  width: auto;
  max-width: 6rem;
  height: auto;
  max-height: 2.75rem;
  object-fit: contain;
  object-position: left top;
}
@media (min-width: 1024px) {
  .customer-review-overview__card-logo {
    max-width: 7.5rem;
    max-height: 3.25rem;
  }
}
.customer-review-overview__card-logo--light {
  display: none;
}
.customer-review-overview__card-logo--dark {
  display: block;
}
[data-theme=light] .customer-review-overview__card-logo--light {
  display: block;
}
[data-theme=light] .customer-review-overview__card-logo--dark {
  display: none;
}
.customer-review-overview__card-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-bottom: 0.375rem;
  width: 100%;
}
@media (min-width: 768px) {
  .customer-review-overview__card-rating {
    flex-wrap: nowrap;
    gap: 0.625rem;
    margin-bottom: 0.375rem;
  }
}
.customer-review-overview__stars {
  display: inline-flex;
  align-items: center;
  gap: 0.1875rem;
  flex-shrink: 0;
}
.customer-review-overview__star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--customer-review-star-width);
  height: var(--customer-review-star-height);
  flex-shrink: 0;
}
.customer-review-overview__star--empty {
  opacity: 0.35;
}
.customer-review-overview__star--partial {
  position: relative;
  width: var(--customer-review-star-width);
  height: var(--customer-review-star-height);
}
.customer-review-overview__star--sprite {
  background-image: var(--star-sprite-url);
  background-repeat: no-repeat;
  background-size: var(--customer-review-star-strip-width) var(--customer-review-star-height);
  background-position: calc(var(--star-index) * var(--customer-review-star-width) * -1) 0;
}
.customer-review-overview__star-sprite {
  display: block;
  width: var(--customer-review-star-width);
  height: var(--customer-review-star-height);
  background-image: var(--star-sprite-url);
  background-repeat: no-repeat;
  background-size: var(--customer-review-star-strip-width) var(--customer-review-star-height);
  background-position: calc(var(--star-index) * var(--customer-review-star-width) * -1) 0;
}
.customer-review-overview__star-partial-track {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.35;
}
.customer-review-overview__star-partial-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--star-fill, 50%);
  height: 100%;
  overflow: hidden;
}
.customer-review-overview__star-partial-fill .customer-review-overview__star-icon {
  max-width: none;
}
.customer-review-overview__star-icon {
  display: block;
  width: var(--customer-review-star-width);
  height: var(--customer-review-star-height);
}
.customer-review-overview__star-icon--filled {
  display: block;
}
.customer-review-overview__star-icon--light {
  display: none;
}
.customer-review-overview__star-icon--dark {
  display: block;
}
[data-theme=light] .customer-review-overview__star-icon--light {
  display: block;
}
[data-theme=light] .customer-review-overview__star-icon--dark {
  display: none;
}
.customer-review-overview__rating-value {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: var(--color-text-heading);
}
.customer-review-overview__card-count {
  margin: 0;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-primary);
}
[data-theme=light] .customer-review-overview__card-count {
  opacity: 0.85;
}
.customer-review-overview__card-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: 0.75rem;
  flex-shrink: 0;
}
.customer-review-overview__card-icon {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  color: var(--color-text-on-scrim);
}
.customer-review-overview__card-icon circle {
  fill: var(--customer-review-trustpilot-icon-bg);
}
.customer-review-overview__card-text {
  margin: 0;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--color-text-primary);
}

.customer-review-box {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
@media (min-width: 1024px) {
  .customer-review-box {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
.customer-review-box__dots {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: min(32vw, 18.75rem);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 768px) {
  .customer-review-box__dots {
    display: block;
  }
}
@media (min-width: 1024px) {
  .customer-review-box__dots {
    width: min(50vw, 50rem);
  }
}
[data-theme=light] .customer-review-box__dots {
  opacity: 0.5;
}
.customer-review-box__container {
  position: relative;
  z-index: 2;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .customer-review-box__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .customer-review-box__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.customer-review-box__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 53.125rem;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .customer-review-box__header {
    margin-bottom: 3rem;
  }
}
.customer-review-box__eyebrow {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .customer-review-box__eyebrow {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
@media (min-width: 1024px) {
  .customer-review-box__eyebrow {
    margin-bottom: 0.75rem;
  }
}
.customer-review-box__title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  margin: 0;
  color: var(--color-primary);
}
@media (min-width: 1024px) {
  .customer-review-box__title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.customer-review-box__title-line {
  display: block;
}
.customer-review-box__title-highlight {
  color: var(--color-primary);
}
.customer-review-box__card {
  width: 100%;
  max-width: 77.5rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  box-shadow: var(--shadow-image-md-dark);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=light] .customer-review-box__card {
  box-shadow: var(--shadow-banner-v2-light);
}
@media (min-width: 1024px) {
  .customer-review-box__card {
    display: grid;
    grid-template-columns: minmax(0, 32.1875rem) minmax(0, 1fr);
    align-items: stretch;
  }
}
.customer-review-box__visual {
  position: relative;
  width: 100%;
  line-height: 0;
  order: -1;
}
@media (min-width: 1024px) {
  .customer-review-box__visual {
    order: unset;
  }
}
.customer-review-box__image-wrap {
  width: 100%;
}
.customer-review-box__image-wrap--light {
  display: none;
}
.customer-review-box__image-wrap--dark {
  display: block;
}
[data-theme=light] .customer-review-box__image-wrap--light {
  display: block;
}
[data-theme=light] .customer-review-box__image-wrap--dark {
  display: none;
}
.customer-review-box__image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}
.customer-review-box__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.875rem 1.5rem 2.25rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .customer-review-box__content {
    padding: 3rem 3rem 3rem 1.5625rem;
    justify-content: center;
  }
}
.customer-review-box__quote {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .customer-review-box__quote {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.customer-review-box__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .customer-review-box__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.customer-review-box__benefits-label {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 1rem;
}
@media (min-width: 1024px) {
  .customer-review-box__benefits-label {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.customer-review-box__benefits {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  width: 100%;
}
.customer-review-box__benefit {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}
.customer-review-box__benefit-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 0.125rem;
  color: var(--color-primary);
}
.customer-review-box__benefit-icon {
  width: 1.125rem;
  height: 1.125rem;
  stroke: currentColor;
  fill: none;
}
.customer-review-box__benefit-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .customer-review-box__benefit-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

#e-commerce-customer-review .customer-review-box__header {
  margin-bottom: 2.5rem;
  padding-inline: 1rem;
}
@media (min-width: 1024px) {
  #e-commerce-customer-review .customer-review-box__header {
    margin-bottom: 3rem;
    padding-inline: 0;
  }
}
#e-commerce-customer-review .customer-review-box__eyebrow {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
@media (min-width: 1024px) {
  #e-commerce-customer-review .customer-review-box__eyebrow {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
@media (min-width: 1024px) {
  #e-commerce-customer-review .customer-review-box__eyebrow {
    margin-bottom: 1rem;
  }
}
#e-commerce-customer-review .customer-review-box__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  #e-commerce-customer-review .customer-review-box__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
#e-commerce-customer-review .customer-review-box__card {
  max-width: 62.5rem;
}
@media (min-width: 1024px) {
  #e-commerce-customer-review .customer-review-box__card {
    grid-template-columns: minmax(0, 24rem) minmax(0, 1fr);
    align-items: center;
  }
}
#e-commerce-customer-review .customer-review-box__visual {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  padding: 1.25rem 1rem;
}
@media (min-width: 1024px) {
  #e-commerce-customer-review .customer-review-box__visual {
    align-self: center;
    padding: 1.5rem 1.25rem 1.5rem 1.75rem;
  }
}
#e-commerce-customer-review .customer-review-box__image-wrap {
  width: 100%;
  max-width: 22.8125rem;
  margin: 0 auto;
  background-color: transparent;
}
@media (min-width: 1024px) {
  #e-commerce-customer-review .customer-review-box__image-wrap {
    max-width: 21rem;
  }
}
#e-commerce-customer-review .customer-review-box__image-wrap picture {
  display: block;
  width: 100%;
}
#e-commerce-customer-review .customer-review-box__image {
  width: 100%;
  height: auto;
}
#e-commerce-customer-review .customer-review-box__content {
  padding: 2rem 1.5rem 2.25rem;
}
@media (min-width: 1024px) {
  #e-commerce-customer-review .customer-review-box__content {
    padding: 0rem 2.5rem 0rem 2rem;
  }
}

#agenturen-customer-review::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #agenturen-customer-review::before {
  display: none;
}
#agenturen-customer-review .customer-review-box__header {
  margin-bottom: 2.5rem;
  padding-inline: 1rem;
}
@media (min-width: 1024px) {
  #agenturen-customer-review .customer-review-box__header {
    margin-bottom: 3rem;
    padding-inline: 0;
  }
}
#agenturen-customer-review .customer-review-box__eyebrow {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  #agenturen-customer-review .customer-review-box__eyebrow {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
#agenturen-customer-review .customer-review-box__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  #agenturen-customer-review .customer-review-box__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
#agenturen-customer-review .customer-review-box__card {
  max-width: 64rem;
  border: 1px solid var(--color-border-subtle);
  box-shadow: none;
}
[data-theme=light] #agenturen-customer-review .customer-review-box__card {
  box-shadow: none;
}
@media (min-width: 1024px) {
  #agenturen-customer-review .customer-review-box__card {
    grid-template-columns: minmax(0, 25.1875rem) minmax(0, 1fr);
    align-items: center;
  }
}
#agenturen-customer-review .customer-review-box__visual {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  padding: 1.25rem 1rem;
}
@media (min-width: 1024px) {
  #agenturen-customer-review .customer-review-box__visual {
    align-self: center;
    padding: 1.5rem 1.25rem 1.5rem 1.75rem;
  }
}
#agenturen-customer-review .customer-review-box__image-wrap {
  width: 100%;
  max-width: 22.1875rem;
  margin: 0 auto;
  background-color: transparent;
}
#agenturen-customer-review .customer-review-box__image-wrap picture {
  display: block;
  width: 100%;
}
#agenturen-customer-review .customer-review-box__image {
  width: 100%;
  height: auto;
}
#agenturen-customer-review .customer-review-box__content {
  padding: 2rem 1.5rem 2.25rem;
}
@media (min-width: 1024px) {
  #agenturen-customer-review .customer-review-box__content {
    padding: 2.5rem 2.5rem 2.5rem 2rem;
  }
}

#freelancer-customer-review::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #freelancer-customer-review::before {
  display: none;
}
#freelancer-customer-review .customer-review-box__header {
  margin-bottom: 2.5rem;
  padding-inline: 1rem;
}
@media (min-width: 1024px) {
  #freelancer-customer-review .customer-review-box__header {
    margin-bottom: 3rem;
    padding-inline: 0;
  }
}
#freelancer-customer-review .customer-review-box__eyebrow {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  #freelancer-customer-review .customer-review-box__eyebrow {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
#freelancer-customer-review .customer-review-box__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  #freelancer-customer-review .customer-review-box__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
#freelancer-customer-review .customer-review-box__title-line {
  display: block;
}
#freelancer-customer-review .customer-review-box__card {
  max-width: 64rem;
  border: 1px solid var(--color-border-subtle);
  box-shadow: none;
}
[data-theme=light] #freelancer-customer-review .customer-review-box__card {
  box-shadow: none;
}
@media (min-width: 1024px) {
  #freelancer-customer-review .customer-review-box__card {
    grid-template-columns: minmax(0, 25.1875rem) minmax(0, 1fr);
    align-items: center;
  }
}
#freelancer-customer-review .customer-review-box__visual {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  padding: 1.25rem 1rem;
}
@media (min-width: 1024px) {
  #freelancer-customer-review .customer-review-box__visual {
    align-self: center;
    padding: 1.5rem 1.25rem 1.5rem 1.75rem;
  }
}
#freelancer-customer-review .customer-review-box__image-wrap {
  width: 100%;
  max-width: 22.1875rem;
  margin: 0 auto;
  background-color: transparent;
}
#freelancer-customer-review .customer-review-box__image-wrap picture {
  display: block;
  width: 100%;
}
#freelancer-customer-review .customer-review-box__image {
  width: 100%;
  height: auto;
}
#freelancer-customer-review .customer-review-box__content {
  padding: 2rem 1.5rem 2.25rem;
}
@media (min-width: 1024px) {
  #freelancer-customer-review .customer-review-box__content {
    padding: 3rem 3rem 3rem 2rem;
  }
}
#freelancer-customer-review .customer-review-box__quote {
  font-family: var(--font-primary);
  font-size: var(--type-opening-size);
  line-height: var(--type-opening-line-height);
  font-weight: var(--type-opening-weight);
  font-style: italic;
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  #freelancer-customer-review .customer-review-box__quote {
    margin-bottom: 1.75rem;
  }
}
#freelancer-customer-review .customer-review-box__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
@media (min-width: 1024px) {
  #freelancer-customer-review .customer-review-box__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

#e-commerce-customer-review::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #e-commerce-customer-review::before {
  display: none;
}
#e-commerce-customer-review .customer-review-box__card {
  box-shadow: none;
}
[data-theme=light] #e-commerce-customer-review .customer-review-box__card {
  box-shadow: none;
}

.customer-review-extended {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.customer-review-extended__dots {
  position: absolute;
  top: 4.375rem;
  left: 51.75rem;
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/dotted-bg/two-column-right.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .customer-review-extended__dots {
    display: block;
  }
}
.customer-review-extended__container {
  position: relative;
  z-index: 2;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .customer-review-extended__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .customer-review-extended__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.customer-review-extended__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 53.125rem;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .customer-review-extended__header {
    margin-bottom: 3rem;
  }
}
.customer-review-extended__eyebrow {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 0.5rem;
}
@media (min-width: 1024px) {
  .customer-review-extended__eyebrow {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
@media (min-width: 1024px) {
  .customer-review-extended__eyebrow {
    margin-bottom: 0.75rem;
  }
}
.customer-review-extended__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .customer-review-extended__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.customer-review-extended__title-highlight {
  color: var(--color-primary);
}
.customer-review-extended__card {
  box-sizing: border-box;
  width: 100%;
  max-width: 64.0625rem;
  padding: 1.25rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  box-shadow: var(--shadow-elevation-sm-dark);
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=light] .customer-review-extended__card {
  box-shadow: var(--shadow-elevation-sm-light);
}
@media (min-width: 1024px) {
  .customer-review-extended__card {
    display: grid;
    grid-template-columns: minmax(0, 21.875rem) minmax(0, 1fr);
    gap: 3rem;
    align-items: center;
  }
}
.customer-review-extended__visual {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 21.875rem;
  margin-inline: auto;
}
.customer-review-extended__image-wrap {
  width: 100%;
}
.customer-review-extended__image-wrap--dark {
  display: block;
}
.customer-review-extended__image-wrap--light {
  display: none;
}
[data-theme=light] .customer-review-extended__image-wrap--dark {
  display: none;
}
[data-theme=light] .customer-review-extended__image-wrap--light {
  display: block;
}
.customer-review-extended__image {
  width: 100%;
  height: auto;
}
.customer-review-extended__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .customer-review-extended__content {
    padding-right: 1.25rem;
  }
}
.customer-review-extended__quote {
  margin: 0;
}
.customer-review-extended__quote-text {
  font-family: var(--font-primary);
  font-size: var(--type-opening-size);
  line-height: var(--type-opening-line-height);
  font-weight: var(--type-opening-weight);
  font-style: italic;
  color: var(--color-text-primary);
  margin: 0;
}
.customer-review-extended__caption {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 1.25rem 0 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .customer-review-extended__caption {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.customer-review-extended__author {
  font-style: normal;
  font-weight: 500;
  color: var(--color-text-heading);
}
.customer-review-extended__role {
  color: var(--color-text-muted);
}

.testimonial-feature {
  position: relative;
  overflow: hidden;
  scroll-margin-top: var(--header-height);
  background-color: var(--color-bg-secondary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.testimonial-feature__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.testimonial-feature__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 3rem;
  width: 100%;
}
.testimonial-feature__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .testimonial-feature__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.testimonial-feature__title-highlight {
  display: block;
  color: var(--color-primary);
}
.testimonial-feature__intro {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  text-align: center;
  max-width: 46.875rem;
  margin: 0;
}
@media (min-width: 1024px) {
  .testimonial-feature__intro {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.testimonial-feature__rows {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 3.75rem;
}
@media (min-width: 1024px) {
  .testimonial-feature__rows {
    gap: 6.25rem;
  }
}
.testimonial-feature__row {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  max-width: 77.5rem;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .testimonial-feature__row {
    display: grid;
    grid-template-columns: minmax(0, 50.9375rem) 24.6875rem;
    gap: 1.5625rem;
    align-items: stretch;
  }
}
.testimonial-feature__dots {
  position: absolute;
  top: 50%;
  z-index: 0;
  display: none;
  width: 88.75rem;
  height: 30.625rem;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  opacity: 0.4;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .testimonial-feature__dots {
    display: block;
  }
}
[data-theme=light] .testimonial-feature__dots {
  opacity: 0.5;
}
.testimonial-feature__dots--right {
  left: auto;
  right: -17.5rem;
  height: 30.625rem;
  background-position: left center;
}
.testimonial-feature__dots--left {
  left: -26.25rem;
  height: 30.625rem;
  background-position: right center;
}
.testimonial-feature__media {
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: var(--radius-box);
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  overflow: hidden;
  box-shadow: 0 0 2.8125rem rgba(68, 164, 220, 0.35);
  transition: box-shadow var(--transition-base);
}
[data-theme=light] .testimonial-feature__media {
  box-shadow: none;
}
.testimonial-feature__media-image {
  display: block;
  width: 100%;
}
.testimonial-feature__media-image--light {
  display: none;
}
[data-theme=light] .testimonial-feature__media-image.testimonial-feature__media-image--light {
  display: block;
}
[data-theme=light] .testimonial-feature__media-image.testimonial-feature__media-image--dark {
  display: none;
}
.testimonial-feature__media-image picture,
.testimonial-feature__media-image img {
  display: block;
  width: 100%;
  height: auto;
}
.testimonial-feature__card {
  position: relative;
  z-index: 1;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  padding: 1.875rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .testimonial-feature__card {
    max-width: 24.6875rem;
    min-height: 27.375rem;
  }
}
.testimonial-feature__logo-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 20.8125rem;
  height: 5rem;
  margin: 0 0 1.25rem;
  box-sizing: border-box;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  background-color: var(--color-surface-media-well);
  overflow: hidden;
  flex-shrink: 0;
}
.testimonial-feature__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.testimonial-feature__logo--light {
  display: none;
}
[data-theme=light] .testimonial-feature__logo.testimonial-feature__logo--light {
  display: flex;
}
[data-theme=light] .testimonial-feature__logo.testimonial-feature__logo--dark {
  display: none;
}
.testimonial-feature__logo picture,
.testimonial-feature__logo img {
  display: block;
  width: auto;
  height: 3rem;
  max-width: 17.5rem;
  object-fit: contain;
}
.testimonial-feature__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 0;
  width: 100%;
}
.testimonial-feature__quote {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  color: var(--color-text-primary);
  margin: 0 0 1.25rem;
}
.testimonial-feature__attribution {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  color: var(--color-text-primary);
  margin: 0 0 1.25rem;
}
.testimonial-feature__cta-wrapper {
  margin: 0;
}
.testimonial-feature__cta {
  display: inline-block;
}

.testimonials-grid {
  position: relative;
  overflow: hidden;
  scroll-margin-top: var(--header-height);
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.testimonials-grid__dots {
  position: absolute;
  top: 2.5rem;
  left: -12.5rem;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 30rem;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  opacity: 0.3;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .testimonials-grid__dots {
    display: block;
    left: -6.25rem;
    width: 50rem;
  }
}
@media (min-width: 1024px) {
  .testimonials-grid__dots {
    top: 5rem;
    left: -7.5rem;
    width: 75rem;
    min-height: 40rem;
  }
}
[data-theme=light] .testimonials-grid__dots {
  opacity: 0.5;
}
.testimonials-grid__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.testimonials-grid__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .testimonials-grid__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.testimonials-grid__title-highlight {
  display: block;
  color: var(--color-primary);
}
.testimonials-grid__intro {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  text-align: center;
  max-width: 46.875rem;
  margin: 0 0 2.5rem;
}
@media (min-width: 1024px) {
  .testimonials-grid__intro {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.testimonials-grid__controls {
  width: 100%;
  margin-bottom: 2rem;
}
.testimonials-grid__controls .blog-control-panel__search {
  display: none;
}
.testimonials-grid__category-list {
  min-width: 16.25rem;
}
.testimonials-grid__category-option {
  padding: 0;
}
.testimonials-grid__category-label {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  padding: 0.625rem 1rem;
  cursor: pointer;
  box-sizing: border-box;
}
.testimonials-grid__category-checkbox {
  width: 1rem;
  height: 1rem;
  margin: 0;
  flex-shrink: 0;
  accent-color: var(--color-primary);
}
.testimonials-grid__category-text {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-text-heading);
}
.testimonials-grid__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
}
@media (min-width: 768px) {
  .testimonials-grid__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .testimonials-grid__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
.testimonials-grid__item {
  min-width: 0;
  height: 100%;
}
.testimonials-grid__item[hidden] {
  display: none;
}
.testimonials-grid__pagination {
  width: 100%;
  margin-top: 2.5rem;
}

.pricing-features {
  --pricing-features-check-bg: #aac800;
  --pricing-features-check-color: #ffffff;
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
[data-theme=light] .pricing-features {
  background-color: var(--color-bg-primary);
}
.pricing-features__dots {
  position: absolute;
  top: 2.5rem;
  left: -12.5rem;
  width: 37.5rem;
  height: 30.625rem;
  background-image: url("/images/faq-accordion/use-cases-dots.png");
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.3;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .pricing-features__dots {
    display: block;
    left: -7.5rem;
    width: 50rem;
  }
}
@media (min-width: 1024px) {
  .pricing-features__dots {
    top: 11.25rem;
    left: -12.5rem;
    width: 51rem;
    height: 34rem;
    background-position: right;
  }
}
[data-theme=light] .pricing-features__dots {
  opacity: 0.5;
}
.pricing-features__container {
  position: relative;
  z-index: 2;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--color-bg-secondary);
}
@media (min-width: 768px) {
  .pricing-features__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .pricing-features__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
[data-theme=light] .pricing-features__container {
  background-color: var(--color-bg-primary);
}
.pricing-features__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 53.125rem;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .pricing-features__header {
    margin-bottom: 3rem;
  }
}
.pricing-features__eyebrow {
  margin: 0 0 0.75rem;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-primary);
}
@media (min-width: 1024px) {
  .pricing-features__eyebrow {
    font-size: 0.8125rem;
  }
}
.pricing-features__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  margin: 0;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .pricing-features__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.pricing-features__title-highlight {
  color: var(--color-primary);
  display: block;
  margin-top: 0.25rem;
}
@media (min-width: 768px) {
  .pricing-features__title-highlight {
    display: block;
    margin-top: 0;
  }
}
.pricing-features__matrix {
  width: 100%;
  max-width: 77.1875rem;
}
.pricing-features__category-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  height: 3.0625rem;
  margin: 0 auto 1rem;
}
@media (min-width: 1024px) {
  .pricing-features__category-nav {
    display: none;
  }
}
.pricing-features__category-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 3.125rem;
  height: 3.125rem;
  padding: 0;
  border: 1px solid var(--color-border-subtle);
  border-radius: 50%;
  background-color: #ffffff;
  color: var(--color-primary);
  cursor: pointer;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);
}
.pricing-features__category-nav-btn:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
[data-theme=light] .pricing-features__category-nav-btn {
  background-color: var(--color-surface-box-fill);
}
.pricing-features__category-nav-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.pricing-features__category-nav-btn:not(:disabled):hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.pricing-features__category-nav-icon {
  width: 2rem;
  height: 2rem;
}
.pricing-features__category-nav-icon--prev {
  transform: rotate(180deg);
}
.pricing-features__category-nav-label {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 0.625rem 1rem;
  border: 1px solid var(--color-border-subtle);
  border-radius: 1.5rem;
  background-color: rgba(16, 23, 31, 0.9960784314);
  color: var(--color-text-heading);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
}
[data-theme=light] .pricing-features__category-nav-label {
  background-color: rgba(249, 249, 249, 0.9960784314);
}
.pricing-features__carousel {
  width: 100%;
  overflow: hidden;
  transition: height var(--transition-base);
}
@media (prefers-reduced-motion: reduce) {
  .pricing-features__carousel {
    transition: none;
  }
}
@media (min-width: 1024px) {
  .pricing-features__carousel {
    position: relative;
    overflow: visible;
    height: auto !important;
    transition: none;
  }
}
@media (min-width: 1024px) {
  .pricing-features__matrix:has(.pricing-features__toggle[aria-expanded=false]) .pricing-features__carousel::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4.5rem;
    pointer-events: none;
    z-index: 3;
    background-image: linear-gradient(180deg, transparent 0%, var(--color-bg-secondary) 100%);
  }
  [data-theme=light] .pricing-features .pricing-features__matrix:has(.pricing-features__toggle[aria-expanded=false]) .pricing-features__carousel::after {
    background-image: linear-gradient(180deg, transparent 0%, var(--color-bg-primary) 100%);
  }
}
.pricing-features__carousel-track {
  display: flex;
  align-items: flex-start;
  width: 100%;
  transition: transform var(--transition-base);
}
@media (prefers-reduced-motion: reduce) {
  .pricing-features__carousel-track {
    transition: none;
  }
}
@media (min-width: 1024px) {
  .pricing-features__carousel-track {
    flex-direction: column;
    gap: 2.5rem;
    transform: none !important;
    transition: none;
  }
}
.pricing-features__category-panel {
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .pricing-features__category-panel {
    flex: none;
  }
}
.pricing-features__category-panel[hidden] {
  display: none !important;
}
.pricing-features__category {
  width: 100%;
}
.pricing-features__category-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  margin: 0 0 1rem;
  color: var(--color-text-heading);
  display: none;
}
@media (min-width: 1024px) {
  .pricing-features__category-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
@media (min-width: 1024px) {
  .pricing-features__category-title {
    display: block;
    margin-bottom: 1.25rem;
  }
}
.pricing-features__list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.pricing-features__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 5rem;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 0;
  z-index: 1;
  position: relative;
  border-bottom: 1px solid var(--color-border-subtle);
  transition: border-color var(--transition-base);
}
@media (min-width: 768px) {
  .pricing-features__item {
    grid-template-columns: minmax(0, 1fr) 7rem;
    gap: 1rem;
    padding: 0.5rem 0;
  }
}
@media (min-width: 1024px) {
  .pricing-features__item {
    grid-template-columns: minmax(0, 1fr) 7rem;
    padding: 0.5rem 0;
  }
}
.pricing-features__item:last-child {
  border-bottom: none;
}
.pricing-features__label {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .pricing-features__label {
    font-size: 1rem;
    line-height: 1.7;
  }
}
.pricing-features__status {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: 0.25rem 0;
  transition: border-color var(--transition-base);
}
.pricing-features__list::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 5rem;
  border: 1px solid var(--color-surface-badge);
  border-radius: var(--radius-card-soft);
  pointer-events: none;
  background: rgba(16, 23, 31, 0.9960784314);
  transition: border-color var(--transition-base);
}
@media (min-width: 768px) {
  .pricing-features__list::before {
    width: 7rem;
  }
}
@media (min-width: 1024px) {
  .pricing-features__list::before {
    width: 7rem;
  }
}
[data-theme=light] .pricing-features__list::before {
  background: rgba(249, 249, 249, 0.9960784314);
}
.pricing-features__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 50%;
  background-color: var(--pricing-features-check-bg);
  color: var(--pricing-features-check-color);
  flex-shrink: 0;
}
.pricing-features__icon {
  width: 0.875rem;
  height: 0.875rem;
}
.pricing-features__icon--check {
  stroke-width: 3;
}
.pricing-features__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.pricing-features__actions {
  display: none;
  justify-content: center;
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  .pricing-features__actions {
    display: flex;
    margin-top: 2.5rem;
  }
}
.pricing-features__toggle.btn--secondary-white {
  color: var(--color-text-btn-primary);
  background-color: var(--color-primary-btn-fill);
  padding: 0.75rem 1.125rem;
  min-width: auto;
  border: none;
}
.pricing-features__toggle.btn--secondary-white:hover, .pricing-features__toggle.btn--secondary-white:focus-visible {
  background-color: var(--color-primary-btn-fill-hover);
  opacity: 0.8;
}

.service-promise {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
[data-theme=light] .service-promise {
  background-color: rgb(252, 252, 252);
}
.service-promise::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/images/pricing/service-promise/en_getmyinvoices_service-promise-bg-gradient.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: min(100%, 105rem) auto;
  opacity: 0.3;
  pointer-events: none;
  z-index: 0;
}
[data-theme=light] .service-promise::before {
  display: none;
}
.service-promise__dots {
  position: absolute;
  top: 2.5rem;
  right: -12.5rem;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 30rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.35;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .service-promise__dots {
    display: block;
    right: -6.25rem;
    width: 50rem;
  }
}
@media (min-width: 1024px) {
  .service-promise__dots {
    top: 13rem;
    right: -7.5rem;
    width: 75rem;
    min-height: 40rem;
  }
}
[data-theme=light] .service-promise__dots {
  opacity: 0.5;
}
.service-promise__container {
  position: relative;
  z-index: 2;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .service-promise__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .service-promise__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.service-promise__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 53.125rem;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .service-promise__header {
    margin-bottom: 3rem;
  }
}
.service-promise__eyebrow {
  margin: 0 0 0.75rem;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-primary);
}
@media (min-width: 1024px) {
  .service-promise__eyebrow {
    font-size: 0.8125rem;
  }
}
.service-promise__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  margin: 0 0 1.25rem;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .service-promise__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.service-promise__title-highlight {
  color: var(--color-primary);
  display: block;
}
.service-promise__intro {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  text-align: center;
  max-width: 48.75rem;
  margin: 0;
}
@media (min-width: 1024px) {
  .service-promise__intro {
    font-size: 1rem;
  }
}
.service-promise__subheading {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  margin: 1.5rem 0 0;
  color: var(--color-text-heading);
  font-weight: 700;
  text-align: center;
  font-size: 1.5625rem;
  width: 100%;
  max-width: 48.75rem;
}
@media (min-width: 1024px) {
  .service-promise__subheading {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
@media (min-width: 1024px) {
  .service-promise__subheading {
    margin-top: 2rem;
    font-size: 1.5625rem;
  }
}
.service-promise__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .service-promise__cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}
.service-promise__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2.25rem 1.75rem;
  border: 1px solid var(--color-border-subtle);
  border-radius: 1rem;
  background-color: var(--color-surface-box-fill);
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
.service-promise__icon-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--icon-badge-size);
  height: var(--icon-badge-size);
  min-width: var(--icon-badge-size);
  min-height: var(--icon-badge-size);
  border-radius: 50%;
  background-color: var(--color-primary);
  margin-bottom: 1.5rem;
}
.service-promise__icon-badge svg:not([width]) {
  width: var(--icon-badge-icon-fallback);
  height: var(--icon-badge-icon-fallback);
}
.service-promise__icon {
  width: var(--icon-badge-icon-fallback);
  height: var(--icon-badge-icon-fallback);
  object-fit: contain;
}
.service-promise__icon--light {
  display: block;
}
.service-promise__icon--dark {
  display: none;
}
[data-theme=light] .service-promise__icon--light {
  display: none;
}
[data-theme=light] .service-promise__icon--dark {
  display: block;
}
.service-promise__card-title {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.35;
  color: var(--color-text-heading);
  margin: 0;
  width: 15rem;
}
@media (min-width: 1024px) {
  .service-promise__card-title {
    font-size: 1.125rem;
  }
}

.priority-care {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.priority-care[hidden] {
  display: none;
}
.priority-care__dots {
  position: absolute;
  top: 2.5rem;
  right: -12.5rem;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 30rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.35;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .priority-care__dots {
    display: block;
    right: -6.25rem;
    width: 50rem;
  }
}
@media (min-width: 1024px) {
  .priority-care__dots {
    top: 16.25rem;
    right: -7.5rem;
    width: 75rem;
    min-height: 40rem;
  }
}
[data-theme=light] .priority-care__dots {
  opacity: 0.5;
}
.priority-care__container {
  position: relative;
  z-index: 2;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .priority-care__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .priority-care__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.priority-care__eyebrow {
  margin: 0 0 1.5rem;
  font-family: var(--font-primary);
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .priority-care__eyebrow {
    font-size: 1.5625rem;
    margin-bottom: 2rem;
  }
}
.priority-care__card-box {
  width: 100%;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: 1rem;
  padding: 0 1.5rem 2.25rem;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
@media (min-width: 1024px) {
  .priority-care__card-box {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 3rem;
    align-items: end;
    padding: 3.5rem 3rem;
  }
}
.priority-care__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.priority-care__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .priority-care__title {
    font-size: 2.5rem;
  }
}
.priority-care__title-highlight {
  color: var(--color-primary);
  display: block;
}
.priority-care__intro {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  margin: 0 0 1.5rem;
}
@media (min-width: 1024px) {
  .priority-care__intro {
    font-size: 1rem;
    margin-bottom: 1.75rem;
  }
}
.priority-care__benefits-label {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--color-text-heading);
  margin: 0 0 1rem;
}
@media (min-width: 1024px) {
  .priority-care__benefits-label {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.priority-care__benefits {
  list-style: none;
  padding: 0;
  margin: 0 0 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .priority-care__benefits {
    gap: 1.25rem;
    margin-bottom: 2rem;
  }
}
.priority-care__benefit {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}
.priority-care__benefit-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 0.125rem;
  color: var(--color-primary);
}
.priority-care__benefit-icon {
  width: 1.125rem;
  height: 1.125rem;
  stroke: currentColor;
  fill: none;
}
.priority-care__benefit-body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.priority-care__benefit-title {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .priority-care__benefit-title {
    font-size: 1rem;
  }
}
.priority-care__benefit-text {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.55;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .priority-care__benefit-text {
    font-size: 1rem;
  }
}
.priority-care__cta-wrapper {
  width: 100%;
}
.priority-care__cta {
  font-size: 1rem;
}
.priority-care__cta--pending {
  cursor: default;
  pointer-events: none;
}
.priority-care__visual {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  order: -1;
}
@media (min-width: 1024px) {
  .priority-care__visual {
    order: unset;
  }
}
.priority-care__image-frame {
  position: relative;
  width: 100%;
  max-width: 26.25rem;
  line-height: 0;
}
.priority-care__image {
  width: 100%;
}
.priority-care__image--light {
  display: none;
}
.priority-care__image--dark {
  display: block;
}
[data-theme=light] .priority-care__image--light {
  display: block;
}
[data-theme=light] .priority-care__image--dark {
  display: none;
}
.priority-care__image-el {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  object-position: bottom center;
}

.workflow-module {
  position: relative;
  overflow: hidden;
  scroll-margin-top: var(--header-height);
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.workflow-module[hidden] {
  display: none;
}
.workflow-module__dots {
  position: absolute;
  top: 2.5rem;
  right: -12.5rem;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 30rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.35;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .workflow-module__dots {
    display: block;
    right: -6.25rem;
    width: 50rem;
  }
}
@media (min-width: 1024px) {
  .workflow-module__dots {
    top: 7.5rem;
    right: -7.5rem;
    width: 75rem;
    min-height: 40rem;
  }
}
[data-theme=light] .workflow-module__dots {
  opacity: 0.5;
}
.workflow-module__container {
  position: relative;
  z-index: 2;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .workflow-module__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .workflow-module__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.workflow-module__card-box {
  width: 100%;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: 1rem;
  padding: 2.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
@media (min-width: 1024px) {
  .workflow-module__card-box {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 3rem;
    align-items: center;
    padding: 3.5rem 3rem;
  }
}
.workflow-module__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.workflow-module__eyebrow {
  margin: 0 0 0.75rem;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-primary);
}
@media (min-width: 1024px) {
  .workflow-module__eyebrow {
    font-size: 0.8125rem;
    margin-bottom: 1rem;
  }
}
.workflow-module__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .workflow-module__title {
    font-size: 2.5rem;
  }
}
.workflow-module__title-line {
  display: block;
}
.workflow-module__title-highlight {
  color: var(--color-primary);
  display: block;
}
.workflow-module__intro {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  margin: 0 0 1.5rem;
}
@media (min-width: 1024px) {
  .workflow-module__intro {
    font-size: 1rem;
    margin-bottom: 1.75rem;
  }
}
.workflow-module__benefits-label {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--color-text-heading);
  margin: 0 0 1rem;
}
@media (min-width: 1024px) {
  .workflow-module__benefits-label {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
  }
}
.workflow-module__benefits {
  list-style: none;
  padding: 0;
  margin: 0 0 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .workflow-module__benefits {
    gap: 0.9375rem;
    margin-bottom: 2rem;
  }
}
.workflow-module__benefit {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}
.workflow-module__benefit-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 0.125rem;
  color: var(--color-primary);
}
.workflow-module__benefit-icon {
  width: 1.125rem;
  height: 1.125rem;
  stroke: currentColor;
  fill: none;
}
.workflow-module__benefit-text {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .workflow-module__benefit-text {
    font-size: 1rem;
  }
}
.workflow-module__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1rem;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 640px) {
  .workflow-module__actions {
    gap: 1.5rem;
  }
}
.workflow-module__cta {
  font-size: 1rem;
  min-width: 0;
}
@media (min-width: 640px) {
  .workflow-module__cta {
    min-width: 12.0625rem;
  }
}
.workflow-module__cta--pending {
  cursor: default;
  pointer-events: none;
}
.workflow-module__link {
  font-size: 1rem;
  line-height: 1.5625rem;
  color: var(--color-text-link);
}
.workflow-module__visual {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  order: -1;
}
@media (min-width: 1024px) {
  .workflow-module__visual {
    order: unset;
  }
}
.workflow-module__image-frame {
  position: relative;
  width: 100%;
  max-width: 32.5rem;
  line-height: 0;
  border-radius: 0.75rem;
  overflow: hidden;
  transition: box-shadow var(--transition-base);
}
.workflow-module__image {
  width: 100%;
}
.workflow-module__image--light {
  display: none;
}
.workflow-module__image--dark {
  display: block;
}
[data-theme=light] .workflow-module__image--light {
  display: block;
}
[data-theme=light] .workflow-module__image--dark {
  display: none;
}
[data-theme=light] .workflow-module__image-frame--single-theme .workflow-module__image--dark {
  display: block;
}
.workflow-module__image-el {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  object-position: center;
}

.security-measures {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.security-measures::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/images/security-measures/en_getmyinvoices_security-measures-bg.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: min(140%, 100rem) 32.5rem;
  opacity: 0.3;
  pointer-events: none;
  z-index: 0;
}
[data-theme=light] .security-measures::before {
  display: none;
}
.security-measures__container {
  position: relative;
  z-index: 1;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .security-measures__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .security-measures__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.security-measures__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 53.125rem;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .security-measures__header {
    margin-bottom: 3rem;
  }
}
.security-measures__eyebrow {
  margin: 0 0 0.75rem;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-primary);
}
@media (min-width: 1024px) {
  .security-measures__eyebrow {
    font-size: 0.8125rem;
  }
}
.security-measures__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  margin: 0;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .security-measures__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.security-measures__title-highlight {
  color: var(--color-primary);
  display: block;
}
.security-measures__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  width: 100%;
}
@media (min-width: 768px) {
  .security-measures__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .security-measures__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.security-measures__item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  text-align: left;
}
.security-measures__icon-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--icon-badge-size);
  height: var(--icon-badge-size);
  min-width: var(--icon-badge-size);
  min-height: var(--icon-badge-size);
  border-radius: 50%;
  background-color: var(--color-primary);
}
.security-measures__icon-badge svg:not([width]) {
  width: var(--icon-badge-icon-fallback);
  height: var(--icon-badge-icon-fallback);
}
.security-measures__icon {
  width: var(--icon-badge-icon-fallback);
  height: var(--icon-badge-icon-fallback);
  object-fit: contain;
}
.security-measures__icon--light {
  display: block;
}
.security-measures__icon--dark {
  display: none;
}
[data-theme=light] .security-measures__icon--light {
  display: none;
}
[data-theme=light] .security-measures__icon--dark {
  display: block;
}
.security-measures__item-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}
.security-measures__item-title {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .security-measures__item-title {
    font-size: 1.125rem;
  }
}
.security-measures__item-text {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .security-measures__item-text {
    font-size: 1rem;
  }
}

.solution-portal-connections {
  position: relative;
  overflow: hidden;
  scroll-margin-top: var(--header-height);
  background-color: var(--color-bg-secondary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.solution-portal-connections__dots {
  position: absolute;
  top: 2.5rem;
  right: -12.5rem;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 30rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.35;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .solution-portal-connections__dots {
    display: block;
    right: -6.25rem;
    width: 50rem;
  }
}
@media (min-width: 1024px) {
  .solution-portal-connections__dots {
    top: 7.5rem;
    right: -7.5rem;
    width: 75rem;
    min-height: 40rem;
  }
}
[data-theme=light] .solution-portal-connections__dots {
  opacity: 0.5;
}
.solution-portal-connections__glow {
  display: none;
}
.solution-portal-connections__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.solution-portal-connections__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 2.5rem;
  width: 100%;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .solution-portal-connections__header {
    margin-bottom: 3rem;
  }
}
.solution-portal-connections__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .solution-portal-connections__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.solution-portal-connections__title-highlight {
  color: var(--color-primary);
  display: block;
}
.solution-portal-connections__intro {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  text-align: center;
  max-width: 50.9375rem;
  margin: 0;
}
.solution-portal-connections__search-wrap {
  position: relative;
  z-index: var(--z-dropdown);
  width: 100%;
  max-width: 33.75rem;
  margin-bottom: 3rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .solution-portal-connections__search-wrap {
    margin-bottom: 3.5rem;
  }
}
.solution-portal-connections__search-heading {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.625rem;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .solution-portal-connections__search-heading {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 1.5rem;
  }
}
.solution-portal-connections__search {
  width: 100%;
}
.solution-portal-connections__search-field {
  position: relative;
  width: 100%;
}
.solution-portal-connections__search-input {
  box-sizing: border-box;
  width: 100%;
  height: 3.25rem;
  padding: 0.875rem 3.25rem 0.875rem 1.25rem;
  border-radius: var(--radius-form-field);
  border: 1px solid var(--color-border-subtle);
  background-color: var(--color-surface-box-fill);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-text-primary);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.solution-portal-connections__search-input::placeholder {
  color: var(--color-text-form-hint);
}
.solution-portal-connections__search-input:hover {
  border-color: var(--color-primary);
}
.solution-portal-connections__search-input:focus {
  border-color: var(--color-primary);
  outline: none;
  box-shadow: 0 0 0 1px var(--color-primary);
}
[data-theme=light] .solution-portal-connections__search-input {
  background-color: var(--color-bg-primary);
  box-shadow: var(--shadow-elevation-sm-light);
}
.solution-portal-connections__search-icon-wrap {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  pointer-events: none;
}
.solution-portal-connections__search-icon {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}
.solution-portal-connections__search-results {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  right: 0;
  z-index: var(--z-dropdown);
  list-style: none;
  margin: 0;
  padding: 0.5rem 0;
  border-radius: var(--radius-form-field);
  border: 1px solid var(--color-border-subtle);
  background-color: var(--color-surface-box-fill);
  box-shadow: var(--shadow-elevation-sm-dark);
  max-height: 17.5rem;
  overflow-y: auto;
}
[data-theme=light] .solution-portal-connections__search-results {
  box-shadow: var(--shadow-elevation-sm-light);
}
.solution-portal-connections__search-results[hidden] {
  display: none;
}
.solution-portal-connections__search-result {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--color-text-primary);
  cursor: pointer;
  text-decoration: none;
  transition: background-color var(--transition-fast);
}
.solution-portal-connections__search-result:hover, .solution-portal-connections__search-result:focus-visible, .solution-portal-connections__search-result--active {
  background-color: var(--color-surface-badge);
  outline: none;
}
.solution-portal-connections__search-result-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  width: 3rem;
  height: 3rem;
  padding: 0.375rem;
  border: 1px solid var(--color-border-subtle);
  border-radius: 0.25rem;
  background-color: #ffffff;
  overflow: hidden;
}
.solution-portal-connections__search-result-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.solution-portal-connections__search-result-name {
  flex: 1;
  min-width: 0;
  text-align: left;
}
.solution-portal-connections__portals {
  width: 100%;
  max-width: 77.5rem;
  text-align: center;
}
.solution-portal-connections__portals-label {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.625rem;
  color: var(--color-text-heading);
  margin: 0 0 1.5rem;
}
@media (min-width: 1024px) {
  .solution-portal-connections__portals-label {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 2rem;
  }
}
.solution-portal-connections__portals-slider {
  width: 100%;
}
.solution-portal-connections__portals-marquee-wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
  mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}
.solution-portal-connections__portals-marquee {
  display: flex;
  align-items: stretch;
  width: max-content;
  animation: solution-portal-marquee 40s linear infinite;
}
.solution-portal-connections__portals-marquee:hover {
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  .solution-portal-connections__portals-marquee {
    animation: none;
    width: 100%;
    justify-content: center;
  }
}
.solution-portal-connections__portals-track {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-right: 1rem;
  display: flex;
  gap: 1rem;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .solution-portal-connections__portals-track {
    gap: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .solution-portal-connections__portals-track {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding-right: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .solution-portal-connections__portals-track[aria-hidden=true] {
    display: none;
  }
}
.solution-portal-connections__portal-item {
  flex: 0 0 auto;
  width: 10rem;
}
@media (min-width: 768px) {
  .solution-portal-connections__portal-item {
    width: 11.25rem;
  }
}
.solution-portal-connections__portal-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--radius-box);
  border: 1px solid var(--color-border-subtle);
  background-color: #ffffff;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: none;
  transition: border-color var(--transition-base), transform var(--transition-base);
}
.solution-portal-connections__portal-card:hover, .solution-portal-connections__portal-card:focus-within {
  z-index: var(--z-raised);
  transform: scale(var(--scale-hover-box));
}
@media (prefers-reduced-motion: reduce) {
  .solution-portal-connections__portal-card:hover, .solution-portal-connections__portal-card:focus-within {
    transform: none;
  }
}
.solution-portal-connections__portal-card:hover, .solution-portal-connections__portal-card:focus-visible {
  border-color: var(--color-primary);
  outline: none;
}
.solution-portal-connections__portal-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 7.5rem;
  padding: 1.25rem;
  box-sizing: border-box;
  background-color: #ffffff;
}
.solution-portal-connections__portal-logo {
  display: block;
  width: auto;
  max-width: 7.5rem;
  height: auto;
  max-height: 4rem;
  object-fit: contain;
}
.solution-portal-connections__portal-name {
  display: block;
  width: 100%;
  padding: 0.75rem 0.5rem;
  box-sizing: border-box;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: #060608;
  text-align: center;
  background-color: #f5f5f5;
}

@keyframes solution-portal-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
#mittelstand-portal-connections {
  --solution-portal-logo-label-bg: #f4f6fb;
}
#mittelstand-portal-connections .solution-portal-connections__portal-name {
  background-color: var(--solution-portal-logo-label-bg);
}

#mittelstand-portal-connections .solution-portal-connections__glow,
#agenturen-portal-connections .solution-portal-connections__glow {
  display: block;
  position: absolute;
  left: 50%;
  top: 42%;
  transform: translate(-50%, -50%);
  width: min(75rem, 98%);
  height: min(45rem, 95%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  opacity: 0.6;
  background: radial-gradient(ellipse at center, rgba(68, 164, 220, 0.55) 0%, rgba(68, 164, 220, 0.28) 32%, rgba(68, 164, 220, 0.1) 52%, rgba(68, 164, 220, 0) 72%);
}
[data-theme=light] #mittelstand-portal-connections .solution-portal-connections__glow,
[data-theme=light] #agenturen-portal-connections .solution-portal-connections__glow {
  display: none;
}

#agenturen-portal-connections .solution-portal-connections__dots {
  top: 21rem;
  right: -5rem;
  width: 32.5rem;
  height: 26.25rem;
  min-height: 0;
  opacity: 0.35;
}
@media (min-width: 768px) {
  #agenturen-portal-connections .solution-portal-connections__dots {
    top: 21rem;
    right: -3.75rem;
    width: 45rem;
    height: 32.5rem;
  }
}
@media (min-width: 1024px) {
  #agenturen-portal-connections .solution-portal-connections__dots {
    top: 21rem;
    right: -2.5rem;
    width: 56.25rem;
    height: 35rem;
  }
}
[data-theme=light] #agenturen-portal-connections .solution-portal-connections__dots {
  opacity: 0.5;
}

.solution-portal-page {
  position: relative;
  overflow: visible;
  background-color: var(--color-surface-highlight-blue);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.solution-portal-page.solution-portal-connections {
  background-color: var(--color-surface-highlight-blue);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
}
.solution-portal-page__container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.solution-portal-page__panel {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
  background-color: var(--color-surface-highlight-blue);
}
.solution-portal-page__panel > :not(.solution-portal-page__dots):not(.solution-portal-page__glow):not(.solution-portal-page__inner) {
  position: relative;
  z-index: 1;
}
.solution-portal-page__panel > .solution-portal-page__inner {
  position: relative;
  z-index: 2;
}
.solution-portal-page__dots {
  position: absolute;
  top: 7.5rem;
  right: -5rem;
  width: 32.5rem;
  height: 26.25rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
  display: none;
}
@media (min-width: 768px) {
  .solution-portal-page__dots {
    display: block;
    top: 9.375rem;
    right: -3.75rem;
    width: 45rem;
    height: 32.5rem;
  }
}
@media (min-width: 1024px) {
  .solution-portal-page__dots {
    top: 11.25rem;
    right: -2.5rem;
    width: 56.25rem;
    height: 35rem;
  }
}
[data-theme=light] .solution-portal-page__dots {
  opacity: 0.5;
}
.solution-portal-page__glow {
  position: absolute;
  left: 50%;
  top: 42%;
  transform: translate(-50%, -50%);
  width: min(75rem, 98%);
  height: min(45rem, 95%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  opacity: 0.3;
  background: radial-gradient(ellipse at center, rgba(68, 164, 220, 0.55) 0%, rgba(68, 164, 220, 0.28) 32%, rgba(68, 164, 220, 0.1) 52%, rgba(68, 164, 220, 0) 72%);
}
[data-theme=light] .solution-portal-page__glow {
  display: none;
}
.solution-portal-page__inner {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: calc(var(--width-content) + var(--space-h-desktop) * 2);
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  text-align: center;
}
@media (min-width: 768px) {
  .solution-portal-page__inner {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .solution-portal-page__inner {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.solution-portal-page__header {
  margin-bottom: 2.5rem;
  width: 100%;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .solution-portal-page__header {
    margin-bottom: 3rem;
  }
}
.solution-portal-page__title {
  margin-bottom: 1.5rem;
}
.solution-portal-page__search-wrap {
  width: 100%;
  max-width: 33.75rem;
  margin-bottom: 3rem;
}
@media (min-width: 1024px) {
  .solution-portal-page__search-wrap {
    margin-bottom: 3.5rem;
  }
}
.solution-portal-page__search-input {
  height: 3.5rem;
  border-color: rgba(68, 164, 220, 0.45);
  background-color: var(--color-bg-primary);
  box-shadow: none;
}
.solution-portal-page__search-input:hover, .solution-portal-page__search-input:focus {
  border-color: var(--color-primary);
  box-shadow: none;
}
[data-theme=light] .solution-portal-page__search-input {
  background-color: var(--color-bg-primary);
  border-color: var(--color-border-form);
  box-shadow: none;
}
.solution-portal-page__portals-label {
  width: 100%;
  margin-bottom: 1.75rem;
}
@media (min-width: 1024px) {
  .solution-portal-page__portals-label {
    margin-bottom: 2.25rem;
  }
}
.solution-portal-page__portals {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(var(--width-content) + var(--space-h-desktop) * 2);
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 3.75rem;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
}
@media (min-width: 768px) {
  .solution-portal-page__portals {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .solution-portal-page__portals {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
@media (min-width: 1024px) {
  .solution-portal-page__portals {
    padding-bottom: 5rem;
  }
}
.solution-portal-page__portals-slider {
  width: 100%;
}
.solution-portal-page__portals-marquee-wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
  mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}
.solution-portal-page__portals-marquee {
  display: flex;
  align-items: flex-start;
  width: max-content;
  animation: solution-portal-page-marquee 40s linear infinite;
}
.solution-portal-page__portals-marquee:hover {
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  .solution-portal-page__portals-marquee {
    animation: none;
    width: 100%;
    justify-content: center;
  }
}
.solution-portal-page__portals-track {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 1.25rem;
  padding-right: 1.25rem;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .solution-portal-page__portals-track {
    gap: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .solution-portal-page__portals-track {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding-right: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .solution-portal-page__portals-track[aria-hidden=true] {
    display: none;
  }
}
.solution-portal-page__portal-item {
  flex: 0 0 auto;
  width: 9.25rem;
}
@media (min-width: 768px) {
  .solution-portal-page__portal-item {
    width: 10.25rem;
  }
}
.solution-portal-page__portal-card {
  position: relative;
  display: block;
  height: 100%;
  text-decoration: none;
  color: inherit;
  transition: transform var(--transition-base);
}
.solution-portal-page__portal-card:hover, .solution-portal-page__portal-card:focus-within {
  z-index: var(--z-raised);
  transform: scale(var(--scale-hover-box));
}
@media (prefers-reduced-motion: reduce) {
  .solution-portal-page__portal-card:hover, .solution-portal-page__portal-card:focus-within {
    transform: none;
  }
}
.solution-portal-page__portal-card:hover, .solution-portal-page__portal-card:focus-visible {
  outline: none;
}
.solution-portal-page__portal-tile {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  background-color: #ffffff;
  overflow: hidden;
  box-shadow: none;
  transition: border-color var(--transition-fast);
}
.solution-portal-page__portal-card:hover .solution-portal-page__portal-tile, .solution-portal-page__portal-card:focus-visible .solution-portal-page__portal-tile {
  box-shadow: none;
  border-color: var(--color-primary);
}
.solution-portal-page__portal-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 7.5rem;
  padding: 1.25rem;
  box-sizing: border-box;
  background-color: #ffffff;
}
.solution-portal-page__portal-logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 4rem;
  object-fit: contain;
}
.solution-portal-page__portal-name {
  display: block;
  width: 100%;
  padding: 0.75rem 0.5rem;
  box-sizing: border-box;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: #060608;
  text-align: center;
  background-color: var(--color-surface-logo-caption);
}

@keyframes solution-portal-page-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.whitepaper-download {
  position: relative;
  overflow: hidden;
  scroll-margin-top: var(--header-height);
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.whitepaper-download__dots {
  position: absolute;
  top: 2.5rem;
  right: -12.5rem;
  width: 37.5rem;
  height: calc(100% - 2.5rem);
  min-height: 30rem;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.35;
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .whitepaper-download__dots {
    display: block;
    top: 18rem;
    right: -7.5rem;
    width: 75rem;
    min-height: 40rem;
  }
}
[data-theme=light] .whitepaper-download__dots {
  opacity: 0.5;
}
.whitepaper-download__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.whitepaper-download__header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 2.5rem;
  width: 100%;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .whitepaper-download__header {
    margin-bottom: 3rem;
  }
}
.whitepaper-download__header > * {
  position: relative;
  z-index: 1;
}
.whitepaper-download__header-glow {
  position: absolute;
  inset: auto;
  left: 50%;
  top: 30%;
  z-index: 0;
  width: 70%;
  height: 30%;
  transform: translate(-50%, -50%);
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] .whitepaper-download__header-glow {
  display: none;
}
.whitepaper-download__eyebrow {
  display: inline-block;
  margin: 0 auto 1.25rem;
  padding: 0.3125rem 0.625rem;
  border-radius: var(--radius-btn);
  background-color: var(--color-surface-badge);
  color: var(--color-text-badge);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.whitepaper-download__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  .whitepaper-download__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.whitepaper-download__title-line {
  display: block;
}
.whitepaper-download__title-highlight {
  color: var(--color-primary);
  display: block;
  margin-top: 0.25rem;
}
.whitepaper-download__intro {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  text-align: center;
  max-width: 50.9375rem;
  margin: 0;
}
.whitepaper-download__card {
  box-sizing: border-box;
  width: 100%;
  max-width: 64rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: 1.25rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  box-shadow: none;
}
@media (min-width: 768px) {
  .whitepaper-download__card {
    padding: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .whitepaper-download__card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 3rem;
    align-items: center;
    padding: 1.25rem;
  }
}
[data-theme=light] .whitepaper-download__card {
  background-color: var(--color-bg-primary);
  box-shadow: none;
}
.whitepaper-download__visual {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  order: -1;
  overflow: visible;
}
@media (min-width: 1024px) {
  .whitepaper-download__visual {
    order: unset;
  }
}
.whitepaper-download__image-frame {
  position: relative;
  width: 100%;
  max-width: 22.5rem;
  line-height: 0;
  overflow: visible;
}
@media (min-width: 1024px) {
  .whitepaper-download__image-frame {
    max-width: 25rem;
  }
}
.whitepaper-download__image {
  position: relative;
  z-index: 1;
  width: 100%;
}
.whitepaper-download__image--light {
  display: none;
}
.whitepaper-download__image--dark {
  display: block;
}
[data-theme=light] .whitepaper-download__image--light {
  display: block;
}
[data-theme=light] .whitepaper-download__image--dark {
  display: none;
}
.whitepaper-download__image-frame--single-theme .whitepaper-download__image--dark {
  display: block;
}
[data-theme=light] .whitepaper-download__image-frame--single-theme .whitepaper-download__image--dark {
  display: block;
}
.whitepaper-download__image-el {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.whitepaper-download__form-wrap {
  width: 100%;
  min-width: 0;
}
.whitepaper-download__form-intro {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--color-text-primary);
  margin: 0 0 1.5rem;
  text-align: left;
}
.whitepaper-download__form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}
.whitepaper-download__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.whitepaper-download__label {
  margin: 0;
}
.whitepaper-download__input {
  width: 100%;
  background-color: transparent;
}
.whitepaper-download__consent {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.whitepaper-download__checkbox {
  margin-top: 0.125rem;
  margin-left: 0;
}
.whitepaper-download__consent-label {
  display: block;
  margin: 0;
  flex: 1;
  min-width: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  cursor: pointer;
}
.whitepaper-download__consent-link {
  display: inline;
  color: var(--color-text-link);
  text-decoration: underline;
  transition: color var(--transition-fast);
}
.whitepaper-download__consent-link:hover, .whitepaper-download__consent-link:focus-visible {
  color: var(--color-primary);
}
.whitepaper-download__submit-wrap {
  width: 100%;
}
.whitepaper-download__submit {
  width: 100%;
  min-width: 0;
  font-size: 1rem;
}
.whitepaper-download__submit--pending {
  cursor: default;
  pointer-events: none;
}
.whitepaper-download__required-note {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.whitepaper-download__honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.whitepaper-download__turnstile {
  min-height: 0;
}
.whitepaper-download__status {
  margin: 0;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.5;
}
.whitepaper-download__status--success {
  color: var(--color-text-primary);
}
.whitepaper-download__status--error {
  color: var(--color-text-primary);
}
.whitepaper-download__form.is-success .whitepaper-download__field,
.whitepaper-download__form.is-success .whitepaper-download__consent,
.whitepaper-download__form.is-success .whitepaper-download__submit-wrap,
.whitepaper-download__form.is-success .whitepaper-download__required-note,
.whitepaper-download__form.is-success .whitepaper-download__turnstile {
  display: none;
}

.form-contact-card {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.form-contact-card__dots {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 88.75rem;
  height: 30.625rem;
  background-image: url("/images/dotted-bg/two-column-right.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: 0;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .form-contact-card__dots {
    display: block;
  }
}
.form-contact-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] .form-contact-card::before {
  display: none;
}
.form-contact-card__container {
  position: relative;
  z-index: 1;
}
.form-contact-card__header {
  max-width: 47.5rem;
  margin: 0 auto;
  text-align: center;
}
.form-contact-card__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .form-contact-card__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.form-contact-card__title-highlight {
  color: var(--color-primary);
}
.form-contact-card__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-top: 1rem;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .form-contact-card__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.form-contact-card__panels {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-top: 2.5rem;
}
@media (min-width: 1024px) {
  .form-contact-card__panels {
    grid-template-columns: minmax(0, 4fr) minmax(0, 2fr);
    gap: 2rem;
    margin-top: 3rem;
  }
}
.form-contact-card__form-panel, .form-contact-card__info-panel {
  padding: 1.75rem 1.25rem;
}
@media (min-width: 768px) {
  .form-contact-card__form-panel, .form-contact-card__info-panel {
    padding: 2.25rem 2rem;
  }
}
.form-contact-card__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
@media (min-width: 640px) {
  .form-contact-card__row {
    grid-template-columns: 1fr 1fr;
  }
}
.form-contact-card__field {
  margin-top: 1.25rem;
}
.form-contact-card__row > .form-contact-card__field {
  margin-top: 0;
}
.form-contact-card__field:first-child {
  margin-top: 0;
}
.form-contact-card__input {
  background-color: transparent;
}
.form-contact-card__textarea {
  height: auto;
  min-height: 7.5rem;
  resize: vertical;
}
.form-contact-card__consent {
  display: flex;
  margin-top: 1.25rem;
}
.form-contact-card__checkbox {
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.1875rem;
}
.form-contact-card__consent-label {
  margin-left: 0.5rem;
}
.form-contact-card__submit-wrap {
  margin-top: 1.5rem;
}
.form-contact-card__required-note {
  margin-top: 0.75rem;
  margin-bottom: 0;
}
.form-contact-card__info-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin-top: 0;
  margin-bottom: 1.25rem;
}
@media (min-width: 1024px) {
  .form-contact-card__info-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.form-contact-card__address {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-style: normal;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .form-contact-card__address {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.form-contact-card__company-name {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--color-text-heading);
}
.form-contact-card__contact-lines {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-top: 1.25rem;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .form-contact-card__contact-lines {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.form-contact-card__link {
  color: var(--color-text-link);
  text-decoration: underline;
}
.form-contact-card__link:hover, .form-contact-card__link:focus-visible {
  color: var(--color-primary);
}
.form-contact-card__hours {
  margin-top: 1.5rem;
}
.form-contact-card__hours-title {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin-bottom: 0rem;
}
@media (min-width: 1024px) {
  .form-contact-card__hours-title {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.form-contact-card__hours-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-top: 0.25rem;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .form-contact-card__hours-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

.newsletter-signup {
  position: relative;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.newsletter-signup__container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.newsletter-signup__header {
  max-width: 47.5rem;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.newsletter-signup__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .newsletter-signup__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.newsletter-signup__intro {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin: 1rem 0 0;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .newsletter-signup__intro {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.newsletter-signup__card-wrap {
  position: relative;
  width: 100%;
  max-width: 50.9375rem;
  margin-top: 2.5rem;
  z-index: 1;
}
@media (min-width: 768px) {
  .newsletter-signup__card-wrap {
    margin-top: 3rem;
  }
}
.newsletter-signup__glow {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 56.25rem;
  height: 40rem;
  transform: translate(-50%, -50%);
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(68, 164, 220, 0.55) 0%, rgba(68, 164, 220, 0.28) 35%, rgba(68, 164, 220, 0) 72%);
}
[data-theme=light] .newsletter-signup__glow {
  display: none;
}
.newsletter-signup__card {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 1.75rem 1.25rem;
}
@media (min-width: 768px) {
  .newsletter-signup__card {
    padding: 2.25rem 2rem;
  }
}
.newsletter-signup__form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.newsletter-signup__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
@media (min-width: 640px) {
  .newsletter-signup__row {
    grid-template-columns: 1fr 1fr;
  }
}
.newsletter-signup__field {
  margin-top: 1.25rem;
}
.newsletter-signup__row > .newsletter-signup__field {
  margin-top: 0;
}
.newsletter-signup__field:first-child {
  margin-top: 0;
}
.newsletter-signup__label {
  margin-bottom: 0.5rem;
}
.newsletter-signup__select-wrap {
  position: relative;
}
.newsletter-signup__select-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.875rem;
  width: 0.75rem;
  height: 0.75rem;
  transform: translateY(-50%);
  background-color: var(--color-text-form-hint);
  mask: url("/icons/ui/chevron-down.svg") center/contain no-repeat;
  -webkit-mask: url("/icons/ui/chevron-down.svg") center/contain no-repeat;
  pointer-events: none;
}
.newsletter-signup__input, .newsletter-signup__select {
  width: 100%;
}
[data-theme=light] .newsletter-signup .form-input,
[data-theme=light] .newsletter-signup .form-select {
  background-color: #FFFFFF;
}
.newsletter-signup__select:not(:has(option[value=""]:checked)) {
  color: var(--color-text-primary);
}
.newsletter-signup__consent {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 1.25rem;
}
.newsletter-signup__checkbox {
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.1875rem;
}
.newsletter-signup__consent-label {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
}
.newsletter-signup__consent-label a,
.newsletter-signup__consent-label .newsletter-signup__consent-link {
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
.newsletter-signup__consent-label a:hover, .newsletter-signup__consent-label a:focus,
.newsletter-signup__consent-label .newsletter-signup__consent-link:hover,
.newsletter-signup__consent-label .newsletter-signup__consent-link:focus {
  color: var(--color-primary);
}
.newsletter-signup__consent-label a:focus-visible,
.newsletter-signup__consent-label .newsletter-signup__consent-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.newsletter-signup__submit-wrap {
  margin-top: 1.5rem;
}
.newsletter-signup__submit {
  width: 100%;
}
.newsletter-signup__submit--pending {
  opacity: 0.55;
  cursor: not-allowed;
}
.newsletter-signup__required-note {
  margin: 1rem 0 0;
}

dialog.sales-contact-dialog,
dialog.sales-contact-dialog:modal {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-text-primary);
  overflow: auto;
  z-index: var(--z-modal);
  transform: none;
  opacity: 0;
  transition: opacity var(--transition-base);
}
@media (prefers-reduced-motion: reduce) {
  dialog.sales-contact-dialog,
  dialog.sales-contact-dialog:modal {
    transition: none;
  }
}

dialog.sales-contact-dialog.is-open,
dialog.sales-contact-dialog:modal.is-open {
  opacity: 1;
}

.sales-contact-dialog::backdrop {
  background-color: rgba(6, 6, 8, 0.72);
  opacity: 0;
  transition: opacity var(--transition-base);
}
@media (prefers-reduced-motion: reduce) {
  .sales-contact-dialog::backdrop {
    transition: none;
  }
}
.sales-contact-dialog.is-open::backdrop {
  opacity: 1;
}
.sales-contact-dialog__shell {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: none;
  height: 100vh;
  min-height: 25rem;
  margin: 0;
  padding-top: 6.875rem;
  padding-right: 1rem;
  padding-bottom: 8.125rem;
  padding-left: 1rem;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}
@media (min-width: 768px) {
  .sales-contact-dialog__shell {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
.sales-contact-dialog__close {
  position: absolute;
  top: 2rem;
  right: 1rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: var(--color-surface-media-well);
  color: var(--color-text-btn-primary);
  cursor: pointer;
  transition: background-color var(--transition-base);
}
@media (min-width: 768px) {
  .sales-contact-dialog__close {
    right: 3rem;
  }
}
.sales-contact-dialog__close:hover, .sales-contact-dialog__close:focus-visible {
  background-color: var(--color-primary-btn-fill);
  outline: none;
}
.sales-contact-dialog__close:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.sales-contact-dialog__close-icon {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}
.sales-contact-dialog__glow {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  height: min(26.25rem, 55%);
  pointer-events: none;
  background: linear-gradient(to top, rgba(68, 164, 220, 0.35) 0%, rgba(68, 164, 220, 0.12) 45%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] .sales-contact-dialog__glow {
  display: none;
}
.sales-contact-dialog__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  max-width: 50.9375rem;
  min-height: 0;
  margin: 0 auto;
}
.sales-contact-dialog[data-step="2-calendly"] .sales-contact-dialog__inner {
  max-width: 65rem;
}
.sales-contact-dialog__header {
  flex-shrink: 0;
  text-align: center;
  margin-bottom: 2rem;
}
.sales-contact-dialog__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .sales-contact-dialog__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.sales-contact-dialog__title-highlight {
  color: var(--color-primary);
}
.sales-contact-dialog__eyebrow {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin: 1rem 0 0;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .sales-contact-dialog__eyebrow {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.sales-contact-dialog__eyebrow[hidden] {
  display: block;
  visibility: hidden;
  pointer-events: none;
}
.sales-contact-dialog__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
}
.sales-contact-dialog__panel {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: auto;
}
.sales-contact-dialog__panel[hidden] {
  display: flex;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
}
.sales-contact-dialog__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
@media (min-width: 640px) {
  .sales-contact-dialog__row {
    grid-template-columns: 1fr 1fr;
  }
}
.sales-contact-dialog__field {
  margin-top: 1.25rem;
}
.sales-contact-dialog__row > .sales-contact-dialog__field {
  margin-top: 0;
}
.sales-contact-dialog__panel > .sales-contact-dialog__field:first-child {
  margin-top: 0;
}
.sales-contact-dialog__label {
  margin-bottom: 0.5rem;
}
.sales-contact-dialog__select-wrap {
  position: relative;
}
.sales-contact-dialog__select-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.875rem;
  width: 0.75rem;
  height: 0.75rem;
  transform: translateY(-50%);
  background-color: var(--color-text-form-hint);
  mask: url("/icons/ui/chevron-down.svg") center/contain no-repeat;
  -webkit-mask: url("/icons/ui/chevron-down.svg") center/contain no-repeat;
  pointer-events: none;
}
.sales-contact-dialog__textarea {
  height: auto;
  min-height: 10rem;
  resize: vertical;
}
.sales-contact-dialog__calendly {
  --sales-contact-calendly-natural-height: 43.75rem;
  --sales-contact-calendly-scale: 1;
  position: relative;
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  margin-top: 0;
  overflow: hidden;
  border-radius: var(--radius-box);
  border: 1px solid var(--color-border-subtle);
  background-color: var(--color-surface-box-fill);
}
.sales-contact-dialog__calendly .calendly-inline-widget {
  box-sizing: border-box;
  width: 100%;
  min-width: 20rem;
  height: var(--sales-contact-calendly-natural-height);
}
.sales-contact-dialog__calendly .calendly-inline-widget iframe {
  width: 100%;
  height: 100%;
}
.sales-contact-dialog__calendly-stage {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: calc(100% / var(--sales-contact-calendly-scale));
  height: var(--sales-contact-calendly-natural-height);
  transform: scale(var(--sales-contact-calendly-scale));
  transform-origin: top left;
}
.sales-contact-dialog__calendly-loading {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1.5rem;
  background-color: var(--color-surface-box-fill);
  color: var(--color-text-primary);
  text-align: center;
}
.sales-contact-dialog__calendly-loading[hidden] {
  display: none;
}
.sales-contact-dialog__calendly-spinner {
  display: block;
  width: 2rem;
  height: 2rem;
  border: 0.1875rem solid var(--color-border-subtle);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: sales-contact-calendly-spin 0.8s linear infinite;
}
.sales-contact-dialog__calendly-loading-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .sales-contact-dialog__calendly-loading-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
@keyframes sales-contact-calendly-spin {
  to {
    transform: rotate(360deg);
  }
}
.sales-contact-dialog__consent {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 1.25rem;
}
.sales-contact-dialog__checkbox {
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.1875rem;
}
.sales-contact-dialog__consent-label a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
.sales-contact-dialog__consent-label a:hover, .sales-contact-dialog__consent-label a:focus {
  color: var(--color-primary);
}
.sales-contact-dialog__consent-label a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.sales-contact-dialog__submit-wrap {
  margin-top: 1.5rem;
}
.sales-contact-dialog__submit {
  width: 100%;
}
.sales-contact-dialog__actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  flex-shrink: 0;
  margin-top: 1.5rem;
}
@media (min-width: 640px) {
  .sales-contact-dialog__actions {
    grid-template-columns: 1fr 1fr;
  }
}
.sales-contact-dialog__actions--single {
  grid-template-columns: 1fr;
}
.sales-contact-dialog__actions .btn {
  width: 100%;
  min-width: 0;
  justify-content: center;
}
.sales-contact-dialog__required-note {
  flex-shrink: 0;
  margin: 1rem 0 0;
}
.sales-contact-dialog__thanks {
  text-align: center;
  padding: 1.5rem 0;
}
.sales-contact-dialog__thanks-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 0.75rem;
}
@media (min-width: 1024px) {
  .sales-contact-dialog__thanks-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
.sales-contact-dialog__thanks-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .sales-contact-dialog__thanks-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

.industries-overview {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.industries-overview__glow {
  position: absolute;
  inset: 0;
  background-image: url("/images/security-measures/en_getmyinvoices_security-measures-bg.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: min(160%, 137.5rem) auto;
  opacity: 0.3;
  pointer-events: none;
  z-index: 0;
}
[data-theme=light] .industries-overview__glow {
  display: none;
}
.industries-overview__container {
  position: relative;
  z-index: 1;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .industries-overview__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .industries-overview__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.industries-overview__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 53.125rem;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .industries-overview__header {
    margin-bottom: 3rem;
  }
}
.industries-overview__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  margin: 0;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .industries-overview__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.industries-overview__title-highlight {
  color: var(--color-primary);
  display: block;
}
.industries-overview__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  width: 100%;
  max-width: 77.5rem;
}
@media (min-width: 768px) {
  .industries-overview__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .industries-overview__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.industries-overview__item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  text-align: left;
  min-width: 0;
}
.industries-overview__icon-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--icon-badge-size);
  height: var(--icon-badge-size);
  min-width: var(--icon-badge-size);
  min-height: var(--icon-badge-size);
  border-radius: 50%;
  background-color: var(--color-primary);
}
.industries-overview__icon-badge svg:not([width]) {
  width: var(--icon-badge-icon-fallback);
  height: var(--icon-badge-icon-fallback);
}
.industries-overview__icon {
  object-fit: contain;
}
.industries-overview__icon--dark {
  display: none;
}
.industries-overview__icon--light {
  display: block;
}
[data-theme=light] .industries-overview__icon--dark {
  display: block;
}
[data-theme=light] .industries-overview__icon--light {
  display: none;
}
.industries-overview__item-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}
.industries-overview__item-title {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--color-text-heading);
  margin: 0;
}
.industries-overview__item-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .industries-overview__item-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.industries-overview__item-link {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-text-heading);
  text-decoration: underline;
  margin-top: 0.25rem;
  align-self: flex-start;
}
.industries-overview__item-link:hover, .industries-overview__item-link:focus-visible {
  color: var(--color-primary);
}
[data-theme=light] .industries-overview__item-link {
  color: var(--color-primary);
}

#mittelstand-industries-overview {
  padding-top: 4rem;
}
@media (min-width: 1024px) {
  #mittelstand-industries-overview {
    padding-top: 4rem;
  }
}

.newsletter-form__stack {
  align-items: center;
}

.newsletter-form__card {
  width: 100%;
  max-width: 50.9375rem;
  margin: 0 auto;
  padding: 1.875rem;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
}

.newsletter-form__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.newsletter-form__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-md) var(--space-md);
}
@media (min-width: 768px) {
  .newsletter-form__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-md) var(--space-md);
  }
}

.newsletter-form__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .newsletter-form__field--full {
    grid-column: span 2;
  }
}
.newsletter-form__field .form-input,
.newsletter-form__field .form-select {
  background-color: var(--color-surface-box-fill);
}

.newsletter-form__select-wrapper {
  position: relative;
  width: 100%;
}
.newsletter-form__select-wrapper .form-select {
  width: 100%;
  appearance: none;
  cursor: pointer;
}

.newsletter-form__select-arrow {
  position: absolute;
  top: 50%;
  right: 0.9375rem;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--color-text-form-hint);
}

.newsletter-form__consent {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
}

.newsletter-form__checkbox {
  margin-top: 0.125rem;
}

.newsletter-form__link {
  color: var(--color-text-link);
  text-decoration: underline;
}
.newsletter-form__link:hover {
  text-decoration: none;
}

.newsletter-form__submit-wrap {
  width: 100%;
}

.newsletter-form__note {
  margin: 0;
  color: var(--color-text-form-hint);
  font-size: 0.875rem;
}

.media-library-overview {
  /* =====================================================
      TOOLBAR (Mobile First)
  ===================================================== */
  /* =====================================================
      SEARCH
  ===================================================== */
  /* =====================================================
      TABLET ≥768px
  ===================================================== */
  /* =====================================================
      DESKTOP ≥992px
  ===================================================== */
}
.media-library-overview__dots {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.5;
}
.media-library-overview__dots--left {
  top: 30rem;
  left: -75rem;
  width: 88.75rem;
  height: 30.625rem;
}
@media (min-width: 768px) {
  .media-library-overview__dots--left {
    left: -35.4375rem;
  }
}
.media-library-overview__dots--right {
  top: 6.25rem;
  left: 76.75rem;
  width: 88.75rem;
  height: 51.9375rem;
  background-position: center;
}
.media-library-overview__toolbar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.25rem;
}
.media-library-overview__filters {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.media-library-overview__filters-label {
  font-weight: 700;
  color: var(--color-text-primary);
  white-space: nowrap;
}
.media-library-overview__filter-dropdown {
  position: relative;
  width: 100%;
}
.media-library-overview__filter-dropdown.active .media-library-overview__filter-menu {
  display: block;
}
.media-library-overview__filter-toggle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: 0;
  color: var(--color-text-primary);
  cursor: pointer;
  padding: 0;
}
.media-library-overview__filter-menu {
  position: static;
  width: 100%;
  margin-top: 0.75rem;
  padding: 0.8125rem;
  display: none;
  z-index: 20;
  background: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: 0.625rem;
}
.media-library-overview__filter-option {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.3125rem 0;
  color: var(--color-text-primary);
  cursor: pointer;
}
.media-library-overview__filter-option input {
  appearance: none;
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  margin: 0;
  background: #fff;
  border: 1px solid var(--color-border-subtle);
  border-radius: 5px;
  cursor: pointer;
}
.media-library-overview__filter-option input:checked {
  background: #fff;
  border-color: #44A4DC;
}
.media-library-overview__filter-option input:checked::after {
  content: "";
  display: block;
  width: 0.3125rem;
  height: 0.625rem;
  margin: 0.125rem auto 0;
  border: solid #44A4DC;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.media-library-overview__filter-icon-white {
  display: block;
}
.media-library-overview__filter-icon-black {
  display: none;
}
[data-theme=light] .media-library-overview__filter-icon-white {
  display: none;
}
[data-theme=light] .media-library-overview__filter-icon-black {
  display: block;
}
.media-library-overview__clear-filter {
  align-self: flex-start;
  background: none;
  border: 0;
  color: var(--color-primary);
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  padding: 0;
}
.media-library-overview__video-search {
  position: relative;
  width: 100%;
  height: 44px;
  transition: width var(--transition-base);
}
.media-library-overview__video-search--expanded {
  width: 100%;
}
.media-library-overview__video-search-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  z-index: 2;
  color: var(--color-text-link);
}
.media-library-overview__video-search-toggle:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.media-library-overview__video-search-icon {
  width: 22px;
  height: 22px;
}
.media-library-overview__video-search-input {
  width: 100%;
  height: 44px;
  box-sizing: border-box;
  padding: 15px 50px 15px 15px;
  background: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: 5px;
  font-family: "Rubik", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #90a1b9;
  appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-base), visibility var(--transition-base), border-color var(--transition-quick);
}
.media-library-overview__video-search-input::placeholder {
  color: #90a1b9;
}
.media-library-overview__video-search-input:hover {
  border-color: #3c6e9d;
}
.media-library-overview__video-search-input:focus, .media-library-overview__video-search-input:focus-visible {
  outline: none;
  border: 2px solid #44a4dc;
}
.media-library-overview__video-search--expanded .media-library-overview__video-search-input {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  .media-library-overview__toolbar {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 1.5rem;
  }
  .media-library-overview__filters {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
  }
  .media-library-overview__filter-dropdown {
    width: auto;
  }
  .media-library-overview__filter-toggle {
    width: auto;
    justify-content: flex-start;
  }
  .media-library-overview__filter-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 18rem;
    max-width: calc(100vw - 2rem);
    margin-top: 0;
  }
  .media-library-overview__video-search {
    width: 100%;
  }
  .media-library-overview__video-search--expanded {
    width: 345px;
  }
}
@media (min-width: 992px) {
  .media-library-overview__toolbar {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
  }
  .media-library-overview__filters {
    width: auto;
    justify-content: flex-start;
    gap: 3.75rem;
  }
  .media-library-overview__filter-menu {
    width: 20.1875rem;
  }
  .media-library-overview__video-search {
    width: 40px;
  }
  .media-library-overview__video-search--expanded {
    width: 345px;
  }
}

.media-library-videos,
.media-library-overview {
  position: relative;
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  overflow: hidden;
}
.media-library-videos__container,
.media-library-overview__container {
  position: relative;
  z-index: 2;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.media-library-videos__title,
.media-library-overview__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  text-align: center;
  max-width: 56.25rem;
  margin: 0;
}
@media (min-width: 1024px) {
  .media-library-videos__title,
  .media-library-overview__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.media-library-videos__title span,
.media-library-overview__title span {
  color: var(--color-primary);
}
.media-library-videos__text,
.media-library-overview__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  text-align: center;
  max-width: 46.125rem;
  margin: 1.875rem 0 0;
}
@media (min-width: 1024px) {
  .media-library-videos__text,
  .media-library-overview__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.media-library-videos__tablist,
.media-library-overview__tablist {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}
.media-library-videos__item,
.media-library-overview__item {
  display: flex;
  height: 100%;
}
.media-library-videos__item[hidden],
.media-library-overview__item[hidden] {
  display: none;
}
.media-library-videos__card-link-wrapper,
.media-library-overview__card-link-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
  transition: transform var(--transition-base);
}
.media-library-videos__card-link-wrapper:hover, .media-library-videos__card-link-wrapper:focus-within,
.media-library-overview__card-link-wrapper:hover,
.media-library-overview__card-link-wrapper:focus-within {
  z-index: var(--z-raised);
  transform: scale(var(--scale-hover-box));
}
@media (prefers-reduced-motion: reduce) {
  .media-library-videos__card-link-wrapper:hover, .media-library-videos__card-link-wrapper:focus-within,
  .media-library-overview__card-link-wrapper:hover,
  .media-library-overview__card-link-wrapper:focus-within {
    transform: none;
  }
}
.media-library-videos__card,
.media-library-overview__card {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  overflow: visible;
}
[data-theme=light] .media-library-videos__card,
[data-theme=light] .media-library-overview__card {
  box-shadow: var(--shadow-elevation-sm-light);
}
.media-library-videos__card-media,
.media-library-overview__card-media {
  position: relative;
  overflow: visible;
}
.media-library-videos__card-media img,
.media-library-overview__card-media img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  border-top-left-radius: var(--radius-box);
  border-top-right-radius: var(--radius-box);
  transform: none;
}
.media-library-videos__card-body,
.media-library-overview__card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  padding: 2.8125rem 1.875rem 1.875rem;
  position: relative;
  z-index: 1;
}
.media-library-videos__card-title,
.media-library-overview__card-title {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  min-height: 5rem;
}
@media (min-width: 1024px) {
  .media-library-videos__card-title,
  .media-library-overview__card-title {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.media-library-videos__card-text,
.media-library-overview__card-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0 0 0.25rem;
}
@media (min-width: 1024px) {
  .media-library-videos__card-text,
  .media-library-overview__card-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.media-library-videos__card-text time,
.media-library-overview__card-text time {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
.media-library-videos__card-link,
.media-library-overview__card-link {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-top: auto;
  color: var(--color-text-link);
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .media-library-videos__card-link,
  .media-library-overview__card-link {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.media-library-videos__grid,
.media-library-overview__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5625rem;
  align-items: stretch;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .media-library-videos__grid,
  .media-library-overview__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .media-library-videos__grid,
  .media-library-overview__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.media-library-videos__layout,
.media-library-overview__layout {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  width: 100%;
  margin-top: 3.125rem;
}
@media (min-width: 1024px) {
  .media-library-videos__layout,
  .media-library-overview__layout {
    display: grid;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    row-gap: 1.875rem;
    align-items: stretch;
  }
}
.media-library-videos__main,
.media-library-overview__main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media (min-width: 1024px) {
  .media-library-videos__main,
  .media-library-overview__main {
    grid-column: 1/-1;
  }
}
.media-library-videos__toolbar,
.media-library-overview__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (min-width: 1024px) {
  .media-library-videos__toolbar,
  .media-library-overview__toolbar {
    grid-column: 1/-1;
  }
}
.media-library-videos__empty,
.media-library-overview__empty {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 1.875rem 0 0;
  text-align: center;
  width: 100%;
}
@media (min-width: 1024px) {
  .media-library-videos__empty,
  .media-library-overview__empty {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.media-library-videos__footer,
.media-library-overview__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin-top: 1.875rem;
}
.media-library-videos__pagination,
.media-library-overview__pagination {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.media-library-videos__page-step,
.media-library-overview__page-step {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .media-library-videos__page-step,
  .media-library-overview__page-step {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.media-library-videos__page-step:focus-visible,
.media-library-overview__page-step:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.media-library-videos__page-step:disabled,
.media-library-overview__page-step:disabled {
  opacity: 0.4;
  cursor: default;
}
.media-library-videos__pages,
.media-library-overview__pages {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.media-library-videos__page,
.media-library-overview__page {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.5rem;
  background: none;
  border: 1px solid transparent;
  border-radius: var(--radius-form-field);
  cursor: pointer;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .media-library-videos__page,
  .media-library-overview__page {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.media-library-videos__page:focus-visible,
.media-library-overview__page:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.media-library-videos__page[aria-current=page],
.media-library-overview__page[aria-current=page] {
  border-color: var(--color-border-subtle);
  background-color: var(--color-surface-box-fill);
  font-weight: 700;
}
.media-library-videos__results,
.media-library-overview__results {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
  .media-library-videos__results,
  .media-library-overview__results {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.media-library-videos__tab,
.media-library-overview__tab {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-text-heading);
  text-decoration: none;
  transition: color var(--transition-base);
}
@media (min-width: 1024px) {
  .media-library-videos__tab,
  .media-library-overview__tab {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.media-library-videos__tab:focus-visible,
.media-library-overview__tab:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.media-library-videos__tab[aria-selected=true],
.media-library-overview__tab[aria-selected=true] {
  color: var(--color-text-link);
  text-decoration: underline;
}

@media (prefers-reduced-motion: reduce) {
  .media-library-videos__card-link-wrapper {
    transition: none;
  }
}
.trust-facts {
  position: relative;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.trust-facts__container {
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
@media (min-width: 768px) {
  .trust-facts__container {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .trust-facts__container {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.trust-facts__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  width: 100%;
  max-width: 77.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
@media (min-width: 768px) {
  .trust-facts__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .trust-facts--cols-4 .trust-facts__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .trust-facts--cols-4 .trust-facts__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.trust-facts__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}
.trust-facts__value {
  margin: 0;
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--color-primary);
}
@media (min-width: 1024px) {
  .trust-facts__value {
    font-size: 2.25rem;
  }
}
.trust-facts__text {
  margin: 0;
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  .trust-facts__text {
    font-size: 1.125rem;
  }
}

.favorite-blog-posts {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  transition: background-color var(--transition-base);
}
.favorite-blog-posts__glow {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  width: min(61.25rem, 98vw);
  height: min(35rem, 70vh);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse at center, rgba(68, 164, 220, 0.4) 0%, rgba(68, 164, 220, 0.16) 42%, rgba(68, 164, 220, 0) 72%);
}
[data-theme=light] .favorite-blog-posts__glow {
  display: none;
}
.favorite-blog-posts__dots {
  position: absolute;
  top: 7.5rem;
  right: -7.5rem;
  width: 32.5rem;
  height: 26.25rem;
  background-image: url("/images/faq-accordion/use-cases-dots.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
  display: none;
}
@media (min-width: 768px) {
  .favorite-blog-posts__dots {
    display: block;
    top: 9.375rem;
    right: -5rem;
    width: 45rem;
    height: 32.5rem;
  }
}
@media (min-width: 1024px) {
  .favorite-blog-posts__dots {
    top: 11.25rem;
    right: -2.5rem;
    width: 56.25rem;
    height: 35rem;
  }
}
[data-theme=light] .favorite-blog-posts__dots {
  opacity: 0.45;
}
.favorite-blog-posts__container {
  position: relative;
  z-index: 1;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.favorite-blog-posts__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 53.125rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .favorite-blog-posts__header {
    margin-bottom: 3.125rem;
  }
}
.favorite-blog-posts__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .favorite-blog-posts__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.favorite-blog-posts__title-highlight {
  color: var(--color-primary);
  display: block;
}
.favorite-blog-posts__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 2.5rem 0 0;
}
@media (min-width: 1024px) {
  .favorite-blog-posts__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.favorite-blog-posts__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5625rem;
  width: 100%;
  max-width: 77.1875rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .favorite-blog-posts__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .favorite-blog-posts__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.favorite-blog-posts__item {
  display: flex;
  min-width: 0;
  position: relative;
  overflow: visible;
}
.favorite-blog-posts__item:hover, .favorite-blog-posts__item:focus-within {
  z-index: 1;
}
.favorite-blog-posts__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.favorite-blog-posts__card-link {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  text-decoration: none;
  color: inherit;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  overflow: hidden;
  transform: scale(1);
  transform-origin: center center;
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
}
[data-theme=light] .favorite-blog-posts__card-link {
  box-shadow: var(--shadow-elevation-sm-light);
}
.favorite-blog-posts__card-link:hover, .favorite-blog-posts__card-link:focus-within {
  z-index: var(--z-raised);
  transform: scale(var(--scale-hover-box));
}
@media (prefers-reduced-motion: reduce) {
  .favorite-blog-posts__card-link:hover, .favorite-blog-posts__card-link:focus-within {
    transform: none;
  }
}
.favorite-blog-posts__card-link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .favorite-blog-posts__card-link {
    transform: none;
    transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
  }
}
.favorite-blog-posts__card-media {
  position: relative;
  width: 100%;
  aspect-ratio: 436/219;
  overflow: hidden;
  background-color: var(--color-surface-highlight-blue);
}
[data-theme=light] .favorite-blog-posts__card-media {
  background-color: var(--color-surface-highlight-blue);
}
.favorite-blog-posts__card-media picture,
.favorite-blog-posts__card-media img {
  display: block;
  width: 100%;
  height: 100%;
}
.favorite-blog-posts__card-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.favorite-blog-posts__card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  padding: 1.5625rem 1.875rem 1.875rem;
}
.favorite-blog-posts__card-title {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .favorite-blog-posts__card-title {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
.favorite-blog-posts__card-text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--color-text-primary);
  margin: 0 0 1.5625rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .favorite-blog-posts__card-text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.favorite-blog-posts__card-date {
  font-family: var(--font-primary);
  font-size: var(--type-footer-size);
  line-height: var(--type-footer-line-height);
  font-weight: var(--type-footer-weight);
  color: var(--color-text-heading);
  margin-top: auto;
}

.amex-selection {
  --amex-primary: var(--color-primary);
  --amex-bg: var(--color-bg-primary);
  --amex-panel-bg: var(--color-surface-box-fill);
  --amex-bg-mid: #082540;
  --amex-card-bg: #0b1522;
  --amex-card-border: #1f3b58;
  --amex-ent-card-bg: var(--amex-card-bg);
  --amex-ent-card-border: var(--amex-card-border);
  --amex-ent-bottom-bg: var(--color-bg-secondary);
  --amex-savings-bg: #223c54;
  --amex-savings-border: transparent;
  --amex-savings-text: rgba(255, 255, 255, 0.85);
  --amex-price-ok: #6eb52a;
  --amex-price-err: #d9381e;
  --amex-badge-bg: var(--color-primary-dark);
  --amex-badge-text: var(--color-text-on-scrim);
  --amex-benefits-bg: transparent;
  --amex-icon-glyph: var(--color-text-on-scrim);
  --amex-cta-bg: var(--color-primary-btn-fill);
  --amex-cta-bg-hover: var(--color-primary-btn-fill-hover);
  --amex-cta-text: #1e1e1e;
  --amex-cta-shadow: 0 0 0.625rem 0 rgba(30, 30, 30, 0.3);
  --amex-glow: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(68, 164, 220, 0.28) 0%, rgba(68, 164, 220, 0) 70%);
  --amex-tab-bg: var(--color-bg-content);
  --amex-tab-active-gradient: linear-gradient(180deg, #54b0e8 0%, #35a1e3 100%);
  --amex-features-gradient: linear-gradient(-230deg, var(--color-bg-primary) 13%, var(--amex-bg-mid) 31%, var(--amex-bg-mid) 44%, var(--color-bg-primary) 78%);
  --amex-features-shadow: var(--shadow-banner-v2-dark);
  --amex-card-header-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
  --amex-text-soft: rgba(255, 255, 255, 0.85);
  --amex-text-softer: rgba(255, 255, 255, 0.9);
  --amex-text-faint: rgba(255, 255, 255, 0.7);
  --amex-tooltip-bg: var(--color-border-subtle);
  --amex-tooltip-price-bg: var(--color-border-subtle);
  --amex-tooltip-price-hover: #3b6b9c;
  --amex-size-tabs-border: var(--color-primary-dark);
  --amex-size-tab-bg: var(--amex-bg);
  --amex-size-tab-border: var(--color-primary-dark);
  --amex-size-tab-color: var(--color-text-heading);
  --amex-size-tab-active-bg: rgba(68, 164, 220, 0.18);
  --amex-size-tab-active-color: var(--color-text-heading);
  --amex-size-tab-hover-bg: rgba(255, 255, 255, 0.08);
  --amex-size-tab-hover-color: var(--color-text-heading);
  --amex-size-panels-bg: var(--color-bg-secondary);
  --amex-service-label-bg: var(--color-primary-dark);
  --amex-service-label-text: var(--color-text-on-scrim);
  --amex-services-bg: transparent;
  --amex-accordion-icon: var(--color-text-on-scrim);
  --amex-accordion-body: rgba(255, 255, 255, 0.8);
  --amex-ent-period-text: var(--color-text-heading);
  --amex-radius-tab: 1.5rem;
  --amex-radius-panel: 1.25rem;
  --amex-radius-features: 1rem;
  --amex-radius-card: 0.75rem;
  --amex-radius-badge: 0.375rem;
  position: relative;
  width: 100%;
  background-color: var(--amex-bg);
  padding: 4.5rem 0 5rem;
}
[data-theme=light] .amex-selection {
  --amex-card-bg: var(--color-bg-primary);
  --amex-card-border: #e2e8f0;
  --amex-ent-card-bg: var(--color-bg-primary);
  --amex-ent-card-border: #e1e7ec;
  --amex-ent-bottom-bg: rgba(221, 225, 234, 0.1);
  --amex-savings-bg: #f8fafc;
  --amex-savings-border: #e2e8f0;
  --amex-savings-text: #0b1623;
  --amex-features-shadow: var(--shadow-banner-v2-light);
  --amex-card-header-bg: var(--color-bg-primary);
  --amex-text-soft: #475569;
  --amex-text-softer: #334155;
  --amex-text-faint: #64748b;
  --amex-tooltip-bg: #c4c8d3;
  --amex-tooltip-price-bg: #cbd5e1;
  --amex-tooltip-price-hover: #94a3b8;
  --amex-size-tabs-border: #d8e2ec;
  --amex-size-tab-bg: #f8fafc;
  --amex-size-tab-border: #d8e2ec;
  --amex-size-tab-color: #475569;
  --amex-size-tab-active-bg: var(--color-bg-primary);
  --amex-size-tab-active-color: #0b1623;
  --amex-size-tab-hover-bg: #f1f5f9;
  --amex-size-tab-hover-color: #0b1623;
  --amex-size-panels-bg: transparent;
  --amex-badge-bg: #dce4ec;
  --amex-badge-text: #0b1623;
  --amex-benefits-bg: #f7f7f7;
  --amex-tab-bg: var(--color-bg-primary);
  --amex-service-label-bg: #dde1ea;
  --amex-service-label-text: #1e1e1e;
  --amex-services-bg: rgba(221, 225, 234, 0.08);
  --amex-accordion-icon: var(--color-primary);
  --amex-accordion-body: #475569;
  --amex-ent-period-text: var(--color-text-primary);
}
.amex-selection::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--amex-glow);
  pointer-events: none;
}
.amex-selection__dots {
  position: absolute;
  top: 1.875rem;
  left: -50.625rem;
  width: 88.75rem;
  height: 51.9375rem;
  background-image: url("/images/dotted-bg/amex-selection.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .amex-selection__dots {
    display: block;
  }
}
.amex-selection > .container {
  position: relative;
  z-index: 1;
}
.amex-selection__heading {
  text-align: center;
  margin-bottom: 3rem;
}
.amex-selection__heading h2 {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: clamp(1.75rem, 3.5vw, 3rem);
  line-height: 1.15;
  color: var(--color-text-heading);
  margin: 0;
}
.amex-selection__heading-highlight {
  color: var(--amex-primary);
}
.amex-selection__tabs-wrap {
  position: relative;
  padding-bottom: 2.4375rem;
}
.amex-selection__tabs {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .amex-selection__tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: normal;
  }
}
@media (min-width: 1024px) {
  .amex-selection__tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-items: center;
  }
}
.amex-selection__tab {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 25.4375rem;
  min-height: 23rem;
  padding: 1.125rem 1.125rem 1.375rem;
  border: 0.0625rem solid var(--color-border-subtle);
  border-radius: var(--amex-radius-tab);
  background: var(--amex-tab-bg);
  cursor: pointer;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}
.amex-selection__tab:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .amex-selection__tab {
    max-width: none;
  }
  .amex-selection__tab:last-child {
    grid-column: 1/-1;
    max-width: 25.4375rem;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .amex-selection__tab {
    max-width: 25.4375rem;
  }
  .amex-selection__tab:last-child {
    grid-column: auto;
    margin: 0;
  }
}
.amex-selection__tab:hover:not(.is-active) {
  border-color: var(--amex-primary);
  box-shadow: inset 0 0 0 0.125rem var(--amex-primary);
}
.amex-selection__tab.is-active {
  position: relative;
  background: var(--amex-tab-active-gradient);
  border: none;
  box-shadow: none;
}
.amex-selection__tab.is-active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1.5rem;
  width: 3.1875rem;
  height: 1.5625rem;
  transform: translateX(-50%);
  background-image: url("/images/amex/normal_u1356.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .amex-selection__tab.is-active::after {
    display: block;
  }
}
.amex-selection__tab.is-active .amex-selection__tab-label {
  color: var(--color-text-heading);
}
.amex-selection__tab-img-wrap {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 15.625rem;
  border: 0;
  border-radius: 1.125rem;
  background: transparent;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}
.amex-selection__tab-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  box-shadow: none;
}
.amex-selection__tab-img--dark {
  display: block;
}
.amex-selection__tab-img--light {
  display: none;
}
[data-theme=light] .amex-selection__tab-img--dark {
  display: none;
}
[data-theme=light] .amex-selection__tab-img--light {
  display: block;
}
.amex-selection__tab-label {
  font-family: var(--font-primary);
  font-size: clamp(1.25rem, 1.8vw, 1.5625rem);
  font-weight: 500;
  color: var(--color-text-heading);
  line-height: 1.2;
  text-align: center;
  transition: color var(--transition-base);
  width: 100%;
  margin-top: 0.5rem;
}
.amex-selection__tab--other .amex-selection__tab-label {
  font-size: clamp(1.25rem, 1.8vw, 1.5625rem);
  line-height: 1.1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.amex-selection__panel {
  display: none;
  border-radius: var(--amex-radius-panel);
  border: 0.0625rem solid var(--color-border-subtle);
  background-color: var(--amex-panel-bg);
  padding: 1.5rem 1.25rem 1.75rem;
}
@media (min-width: 768px) {
  .amex-selection__panel {
    padding: 2.5rem 1.5rem 0;
  }
}
@media (min-width: 1024px) {
  .amex-selection__panel {
    padding: 3.75rem 0 0;
  }
}
.amex-selection__panel.is-active {
  display: block;
}
.amex-selection__panel-title {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 1.5625rem;
  line-height: 1.45;
  color: var(--color-text-heading);
  text-align: center;
  margin: 0 0 3rem;
}
.amex-selection__panel-body {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: start;
  padding-bottom: 3.75rem;
}
.amex-selection__features {
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  border-radius: var(--amex-radius-features);
  border: 0.0625rem solid var(--color-border-subtle);
  background-image: var(--amex-features-gradient);
  box-shadow: var(--amex-features-shadow);
  padding: 0;
}
@media (min-width: 1024px) {
  .amex-selection__features {
    grid-template-columns: 1fr minmax(0, 22.5rem);
  }
}
.amex-selection__features-main {
  min-width: 0;
  padding: 2rem 0 2rem 2rem;
}
.amex-selection__features-title {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--color-text-heading);
  margin: 0 0 1.25rem;
}
.amex-selection__feature-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.amex-selection__feature-list::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0.0625rem;
  background: var(--color-border-subtle);
  right: 4.125rem;
}
.amex-selection__feature-row {
  display: grid;
  grid-template-columns: 1fr 1.0625rem 4.125rem;
  align-items: center;
  padding: 0.625rem 0;
  border-bottom: 0.0625rem solid var(--color-border-subtle);
}
.amex-selection__feature-row:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  .amex-selection__feature-row {
    column-gap: 1.125rem;
  }
}
.amex-selection__feature-label {
  font-family: var(--font-primary);
  font-size: 1rem;
  color: var(--color-text-heading);
  grid-column: 1;
  overflow-wrap: anywhere;
}
.amex-selection__feature-tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  grid-column: 2;
  position: relative;
}
.amex-selection__tooltip-btn {
  position: relative;
  width: 1.0625rem;
  height: 1.0625rem;
  flex-shrink: 0;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--amex-tooltip-bg);
  border: none;
  padding: 0;
  cursor: pointer;
  line-height: 0;
}
.amex-selection__tooltip-btn:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .amex-selection__tooltip-btn {
    display: flex;
  }
}
.amex-selection__tooltip-btn svg {
  width: 0.4375rem;
  height: 0.6875rem;
}
.amex-selection__tooltip-btn path {
  fill: var(--amex-icon-glyph);
}
.amex-selection__tooltip-btn::after {
  content: attr(aria-label);
  position: absolute;
  bottom: calc(100% + 0.75rem);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 20rem;
  padding: 1rem;
  background-color: var(--amex-card-bg);
  border: 0.0625rem solid var(--amex-card-border);
  border-radius: 0.75rem;
  box-shadow: 0 4px 0.75rem rgba(0, 0, 0, 0.25);
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-text-heading);
  text-align: left;
  white-space: normal;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-quick), visibility var(--transition-quick);
  z-index: 10;
}
.amex-selection__tooltip-btn::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 0.375rem);
  left: 50%;
  transform: translateX(-50%);
  border: 0.375rem solid transparent;
  border-top-color: var(--amex-card-bg);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-quick), visibility var(--transition-quick);
  z-index: 11;
}
.amex-selection__tooltip-btn:hover::after, .amex-selection__tooltip-btn:hover::before, .amex-selection__tooltip-btn.tooltip-visible::after, .amex-selection__tooltip-btn.tooltip-visible::before {
  opacity: 1;
  visibility: visible;
}
.amex-selection__tooltip-btn.tooltip-flip::after {
  bottom: auto;
  top: calc(100% + 0.75rem);
}
.amex-selection__tooltip-btn.tooltip-flip::before {
  bottom: auto;
  top: calc(100% + 0.375rem);
  border-top-color: transparent;
  border-bottom-color: var(--amex-card-bg);
}
.amex-selection__feature-value {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text-heading);
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column: 3;
}
.amex-selection__checkmark {
  display: block;
}
.amex-selection__checkmark path {
  stroke: var(--color-text-heading);
}
.amex-selection__benefits {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-self: stretch;
  justify-content: center;
  padding: 3rem;
  background-color: var(--amex-benefits-bg);
  border-top: 0.0625rem solid var(--color-border-subtle);
}
@media (min-width: 1024px) {
  .amex-selection__benefits {
    border-top: none;
  }
}
.amex-selection__benefits-bg-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  height: auto;
  opacity: 0.3;
  pointer-events: none;
}
.amex-selection__benefits-bg-icon stop[offset="0"] {
  stop-color: var(--color-primary);
}
.amex-selection__benefits-bg-icon stop[offset="1"] {
  stop-color: var(--color-primary);
  stop-opacity: 0;
}
.amex-selection__benefits-title {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--color-text-heading);
  margin: 0;
}
.amex-selection__benefits-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.amex-selection__benefit {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  color: var(--color-text-heading);
  line-height: 1.5;
}
.amex-selection__benefit-icon {
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.amex-selection__benefit-icon path {
  stroke: var(--color-primary);
}
.amex-selection__cta {
  display: inline-block;
  align-self: flex-start;
  max-width: 12.5rem;
  padding: 0.8125rem 0.9375rem;
  margin-top: 1.5rem;
  border-radius: var(--radius-btn);
  background-color: var(--amex-cta-bg);
  box-shadow: var(--amex-cta-shadow);
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 0.9375rem;
  color: var(--amex-cta-text);
  text-decoration: none;
  text-align: center;
  transition: background-color var(--transition-base);
}
.amex-selection__cta:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.amex-selection__cta:hover {
  background-color: var(--amex-cta-bg-hover);
  color: var(--amex-cta-text);
}
[data-theme=light] .amex-selection__features {
  background-image: none;
  background-color: var(--color-surface-box-fill);
}
[data-theme=light] .amex-selection__benefits-bg-icon {
  display: none;
}
[data-theme=light] .amex-selection__benefit-icon {
  opacity: 0.9;
}
[data-theme=light] .amex-selection__tooltip-btn::after {
  background-color: var(--color-bg-primary);
  border-color: var(--amex-card-border);
  color: var(--color-text-heading);
}
[data-theme=light] .amex-selection__tooltip-btn::before {
  border-top-color: var(--color-bg-primary);
}
[data-theme=light] .amex-selection__tooltip-btn.tooltip-flip::before {
  border-top-color: transparent;
  border-bottom-color: var(--color-bg-primary);
}

.amex-pricing {
  padding: 0.5rem 0 0;
}
.amex-pricing__title {
  font-family: var(--font-primary);
  font-size: 1.5625rem;
  color: var(--color-text-heading);
  text-align: center;
  margin: 0 0 1rem;
  font-weight: 700;
  line-height: 1.28;
}
.amex-pricing__advantage {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625;
  color: var(--color-text-heading);
}
.amex-pricing__advantage svg path {
  stroke: var(--color-primary);
}
.amex-pricing__size-tabs {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
  border-bottom: 0.0625rem solid var(--amex-size-tabs-border);
  margin-top: 2.75rem;
}
.amex-pricing__size-tab {
  padding: 0.625rem 0.5rem;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--amex-size-tab-color);
  background: var(--amex-size-tab-bg);
  border: 0.0625rem solid var(--amex-size-tab-border);
  cursor: pointer;
  transition: background var(--transition-base), color var(--transition-base);
  border-radius: 0.625rem 0.625rem 0 0;
  border-bottom: none;
}
.amex-pricing__size-tab:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .amex-pricing__size-tab {
    padding: 0.625rem 1.5rem;
    font-size: 1.125rem;
  }
}
.amex-pricing__size-tab.is-active {
  background: var(--amex-size-panels-bg);
  color: var(--amex-size-tab-active-color);
  font-weight: 700;
  border-bottom: 0.0625rem solid var(--amex-size-panels-bg);
  margin-bottom: -0.0625rem;
}
.amex-pricing__size-tab:hover:not(.is-active) {
  background: var(--amex-size-tab-hover-bg);
  color: var(--amex-size-tab-hover-color);
}
.amex-pricing__size-panels {
  position: relative;
  background-color: var(--amex-size-panels-bg);
  padding: 1.25rem 0 0;
  border-radius: 0 0 var(--amex-radius-panel) var(--amex-radius-panel);
}
.amex-pricing__savings-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  margin: 0 0 1rem 0;
  border-radius: var(--amex-radius-badge);
  border: 0.0625rem solid var(--amex-savings-border);
  background: var(--amex-savings-bg);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3889;
  color: var(--amex-savings-text);
}
.amex-pricing__size-panel {
  padding: 0 0.5rem;
}
.amex-pricing__size-panel:not(.is-active) {
  display: none;
}
.amex-pricing__table-wrapper {
  position: relative;
  width: 100%;
}
.amex-pricing__main-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}
.amex-pricing__col-header-spacer {
  display: none;
}
.amex-pricing__plans-grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.amex-pricing__labels-col {
  display: none;
}
.amex-pricing__plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid var(--amex-card-border);
  border-radius: var(--amex-radius-card);
  background: var(--amex-card-bg);
  overflow: hidden;
  margin-top: 0;
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}
.amex-pricing__badge {
  position: absolute;
  top: 0.3125rem;
  left: 50%;
  width: 95%;
  transform: translateX(-50%);
  background: var(--amex-badge-bg, var(--color-border-subtle));
  color: var(--amex-badge-text, var(--color-text-on-scrim));
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.1875rem 0.625rem;
  border-radius: var(--amex-radius-badge);
  white-space: nowrap;
  text-align: center;
}
.amex-pricing__card-header {
  padding: 1.25rem 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--amex-card-header-bg);
  min-height: 0;
  box-sizing: border-box;
}
.amex-pricing__logo-badge {
  margin-bottom: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.amex-pricing__plan-name {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 1.25rem 0 0.75rem;
  line-height: 1.3333;
  overflow-wrap: break-word;
}
.amex-pricing__plan-price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.amex-pricing__price-prefix {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text-heading);
}
.amex-pricing__price-amount {
  font-family: var(--font-primary);
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--color-text-heading);
  line-height: 1;
}
.amex-pricing__price-period {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  color: var(--color-text-heading);
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.amex-pricing__discount {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-text-heading);
  margin-bottom: 0.875rem;
}
.amex-pricing__plan-cta {
  width: 100%;
  padding: 0.625rem 0.75rem;
  border-radius: var(--amex-radius-badge);
  background: var(--amex-cta-bg);
  color: var(--amex-cta-text);
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 0.875rem;
  text-align: center;
  text-decoration: none;
  transition: background-color var(--transition-base);
  margin-top: auto;
  box-sizing: border-box;
}
.amex-pricing__plan-cta:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.amex-pricing__plan-cta:hover {
  background: var(--amex-cta-bg-hover);
  color: var(--amex-cta-text);
}
.amex-pricing__card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: 0;
}
.amex-pricing__row-label {
  position: relative;
  height: 3rem;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-text-heading);
  border-bottom: 0.0625rem solid var(--amex-card-border);
  box-sizing: border-box;
}
.amex-pricing__row-label::after {
  content: "";
  position: absolute;
  bottom: -0.0625rem;
  right: -1.0625rem;
  width: 1.0625rem;
  height: 0.0625rem;
  background-color: var(--amex-card-border);
  pointer-events: none;
  z-index: 2;
}
.amex-pricing__row-label:last-child {
  border-bottom: none;
}
.amex-pricing__row-label:last-child::after {
  display: none;
}
.amex-pricing__cell {
  position: relative;
  height: auto;
  min-height: 2.75rem;
  padding: 0.625rem 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom: 0.0625rem solid var(--amex-card-border);
  text-align: left;
  box-sizing: border-box;
}
.amex-pricing__cell::before {
  content: attr(data-label);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--amex-text-faint);
  flex: 1;
  text-align: left;
}
.amex-pricing__cell::after {
  display: none;
}
.amex-pricing__cell:last-child {
  border-bottom: none;
}
.amex-pricing__cell:last-child::after {
  display: none;
}
.amex-pricing__plans-grid .amex-pricing__plan-card:last-child .amex-pricing__cell::after, .amex-pricing__bottom-plans-grid .amex-pricing__bottom-plan-card:last-child .amex-pricing__cell::after {
  display: none;
}
.amex-pricing__val-text {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text-heading);
}
.amex-pricing__val-price {
  font-family: var(--font-primary);
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--color-text-heading);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
.amex-pricing__icon-check {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  background-color: var(--amex-price-ok);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.amex-pricing__icon-check path {
  stroke: var(--amex-icon-glyph);
}
.amex-pricing__icon-cross {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  background-color: var(--amex-price-err);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.amex-pricing__icon-cross path {
  stroke: var(--amex-icon-glyph);
}
.amex-pricing__tooltip-btn {
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  background-color: var(--amex-tooltip-price-bg);
  border: none;
  padding: 0;
  margin-left: 0.375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color var(--transition-base);
}
.amex-pricing__tooltip-btn:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.amex-pricing__tooltip-btn:hover {
  background-color: var(--amex-tooltip-price-hover);
}
.amex-pricing__tooltip-btn svg text {
  fill: var(--amex-icon-glyph);
  font-family: var(--font-primary);
  font-size: 0.5625rem;
  font-weight: 700;
}
.amex-pricing__tooltip-btn::after {
  content: attr(aria-label);
  position: absolute;
  bottom: calc(100% + 0.75rem);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 20rem;
  padding: 1rem;
  background-color: var(--amex-card-bg);
  border: 0.0625rem solid var(--amex-card-border);
  border-radius: 0.75rem;
  box-shadow: 0 4px 0.75rem rgba(0, 0, 0, 0.25);
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-text-heading);
  text-align: left;
  white-space: normal;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-quick), visibility var(--transition-quick);
  z-index: 10;
}
.amex-pricing__tooltip-btn::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 0.375rem);
  left: 50%;
  transform: translateX(-50%);
  border: 0.375rem solid transparent;
  border-top-color: var(--amex-card-bg);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-quick), visibility var(--transition-quick);
  z-index: 11;
}
.amex-pricing__tooltip-btn:hover::after, .amex-pricing__tooltip-btn:hover::before, .amex-pricing__tooltip-btn.tooltip-visible::after, .amex-pricing__tooltip-btn.tooltip-visible::before {
  opacity: 1;
  visibility: visible;
}
.amex-pricing__tooltip-btn.tooltip-flip::after {
  bottom: auto;
  top: calc(100% + 0.75rem);
}
.amex-pricing__tooltip-btn.tooltip-flip::before {
  bottom: auto;
  top: calc(100% + 0.375rem);
  border-top-color: transparent;
  border-bottom-color: var(--amex-card-bg);
}
.amex-pricing__bottom-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
.amex-pricing__bottom-plans-grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.amex-pricing__bottom-plan-card {
  border: 0.0625rem solid var(--amex-card-border);
  border-radius: var(--amex-radius-card);
  background: var(--amex-card-bg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.amex-pricing__bottom-labels-col {
  display: none;
}
.amex-pricing__footnote, .amex-pricing__footnotes {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  color: var(--amex-text-faint);
  text-align: center;
  padding: 1.875rem 0 3.75rem 0;
  margin: 0;
}
.amex-pricing__footnotes p {
  margin: 0;
}
[data-theme=light] .amex-pricing__size-panels {
  background-color: transparent;
}
[data-theme=light] .amex-pricing__card-header {
  background: var(--amex-card-header-bg);
  border-bottom-color: var(--amex-card-border);
}
[data-theme=light] .amex-pricing__price-period {
  color: var(--amex-text-faint);
}
[data-theme=light] .amex-pricing__discount {
  color: var(--amex-text-softer);
}
[data-theme=light] .amex-pricing__size-tab:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
[data-theme=light] .amex-pricing__size-tab.is-active {
  border-bottom: 0.0625rem solid white;
  margin-bottom: -0.0625rem;
}
[data-theme=light] .amex-pricing__tooltip-btn::after {
  background-color: var(--color-bg-primary);
  border-color: var(--amex-card-border);
  color: var(--color-text-heading);
}
[data-theme=light] .amex-pricing__tooltip-btn::before {
  border-top-color: var(--color-bg-primary);
}
[data-theme=light] .amex-pricing__tooltip-btn.tooltip-flip::before {
  border-top-color: transparent;
  border-bottom-color: var(--color-bg-primary);
}
@media (min-width: 1280px) {
  .amex-pricing__table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .amex-pricing__main-section, .amex-pricing__bottom-section {
    display: grid;
    grid-template-columns: 12.5rem 1fr;
    gap: 0 1rem;
    min-width: 56.25rem;
  }
  .amex-pricing__main-section {
    grid-template-rows: auto 1fr;
  }
  .amex-pricing__bottom-section {
    margin-top: 1rem;
  }
  .amex-pricing__col-header-spacer {
    display: block;
    grid-column: 1;
    grid-row: 1;
    min-height: 15.6875rem;
  }
  .amex-pricing__plans-grid, .amex-pricing__bottom-plans-grid {
    display: grid;
    grid-template-columns: repeat(var(--plan-count, 4), minmax(0, 1fr));
    gap: 0 1rem;
  }
  .amex-pricing__plans-grid {
    grid-column: 2;
    grid-row: 1/-1;
    align-items: stretch;
  }
  .amex-pricing__bottom-plans-grid {
    grid-column: 2;
    grid-row: 1;
  }
  .amex-pricing__labels-col, .amex-pricing__bottom-labels-col {
    display: flex;
    flex-direction: column;
  }
  .amex-pricing__labels-col {
    grid-column: 1;
    grid-row: 2;
    justify-content: flex-end;
    padding-bottom: 0.0625rem;
  }
  .amex-pricing__bottom-labels-col {
    grid-column: 1;
    grid-row: 1;
    justify-content: flex-start;
    padding-top: 0.0625rem;
  }
  .amex-pricing__plan-card {
    margin-top: 1.75rem;
  }
  .amex-pricing__card-header {
    min-height: 13.875rem;
  }
  .amex-pricing__cell {
    height: 3rem;
    padding: 0 0.5rem;
    justify-content: center;
    text-align: center;
  }
  .amex-pricing__cell::before {
    display: none;
  }
  .amex-pricing__cell::after {
    content: "";
    position: absolute;
    bottom: -0.0625rem;
    right: -1.0625rem;
    width: 1.0625rem;
    height: 0.0625rem;
    background-color: var(--amex-card-border);
    pointer-events: none;
    z-index: 2;
    display: block;
  }
  .amex-pricing__cell:last-child::after {
    display: none;
  }
  .amex-pricing__savings-banner {
    font-size: 1.125rem;
    padding: 0.625rem 1.25rem;
    margin: 0 1.25rem 1.5rem 1.5rem;
  }
  .amex-pricing__size-panel {
    padding: 0 1.25rem;
  }
  .amex-pricing__plan-name {
    font-size: 1.5625rem;
    line-height: 1.28;
    margin: 1.875rem 0 1.25rem;
  }
  .amex-pricing__price-prefix {
    font-size: 1.5rem;
  }
  .amex-pricing__price-amount {
    font-size: 2.375rem;
  }
  .amex-pricing__price-period {
    font-size: 1rem;
  }
  .amex-pricing__discount {
    font-size: 1rem;
  }
}

.amex-pricing {
  /* Pill label — "Individuelles Onboarding:", "Premium Services:" */
}
.amex-pricing__enterprise-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  padding: 0 0.875rem 1.125rem;
}
@media (min-width: 768px) {
  .amex-pricing__enterprise-grid {
    padding: 1.5rem 0.625rem 2.5rem 0.625rem;
  }
}
@media (min-width: 1024px) {
  .amex-pricing__enterprise-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1.25rem;
  }
}
@supports (grid-template-rows: subgrid) {
  @media (min-width: 1024px) {
    .amex-pricing__enterprise-grid {
      grid-template-rows: auto 1fr auto;
      row-gap: 0;
    }
  }
}
.amex-pricing__enterprise-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 0.0625rem solid var(--amex-ent-card-border);
  border-radius: var(--amex-radius-card);
  background: var(--amex-ent-card-bg);
}
@supports (grid-template-rows: subgrid) {
  @media (min-width: 1024px) {
    .amex-pricing__enterprise-card {
      display: grid;
      grid-template-rows: subgrid;
      grid-row: 1/-1;
    }
  }
}
.amex-pricing__enterprise-card-top {
  padding: 1.75rem 1.125rem 1.5rem;
  background: var(--amex-ent-card-bg);
  border-bottom: 0.0625rem solid var(--amex-ent-card-border);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .amex-pricing__enterprise-card-top {
    padding: 1.75rem 1.5rem 1.5rem;
  }
}
.amex-pricing__enterprise-card-name {
  font-family: var(--font-primary);
  font-size: 1.5625rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--color-text-heading);
  margin-bottom: 1.125rem;
}
.amex-pricing__enterprise-card-tagline {
  min-height: 3.75rem;
  margin: 0 0 1.25rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--amex-text-soft);
}
.amex-pricing__enterprise-card-tagline strong {
  font-weight: 700;
  color: var(--color-text-heading);
}
.amex-pricing__enterprise-card-tagline u {
  text-decoration: underline;
}
.amex-pricing__enterprise-price-block {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 0.25rem;
  min-height: 3.375rem;
  margin-bottom: 1.125rem;
}
.amex-pricing__enterprise-price-prefix {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text-heading);
}
.amex-pricing__enterprise-price-amount {
  font-family: var(--font-primary);
  font-size: 2.375rem;
  line-height: 1;
  font-weight: 800;
  color: var(--color-text-heading);
}
.amex-pricing__enterprise-price-period {
  width: 100%;
  font-family: var(--font-primary);
  font-size: 1rem;
  color: var(--amex-ent-period-text);
  margin-top: 0.125rem;
}
.amex-pricing__enterprise-price-on-request {
  font-family: var(--font-primary);
  font-size: 2.125rem;
  line-height: 1.2;
  font-weight: 800;
  color: var(--color-text-heading);
  margin: auto 0;
}
.amex-pricing__enterprise-book-btn {
  display: inline-block;
  align-self: center;
  padding: 0.625rem 1.5rem;
  border-radius: var(--amex-radius-badge);
  background: var(--amex-cta-bg);
  color: var(--amex-cta-text);
  font-family: var(--font-primary);
  font-size: 0.8125rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: background-color var(--transition-base);
}
.amex-pricing__enterprise-book-btn:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.amex-pricing__enterprise-book-btn:hover {
  background: var(--amex-cta-bg-hover);
  color: var(--amex-cta-text);
}
.amex-pricing__enterprise-card-bottom {
  flex: 1;
  padding: 1.5rem 1.125rem 1.25rem;
  background: var(--amex-ent-bottom-bg);
}
@media (min-width: 768px) {
  .amex-pricing__enterprise-card-bottom {
    padding: 1.5rem 1.5rem 1.25rem;
  }
}
.amex-pricing__enterprise-includes-title {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin-bottom: 0.875rem;
}
.amex-pricing__enterprise-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.amex-pricing__enterprise-list li {
  position: relative;
  margin: 0;
  padding: 0.1875rem 0 0.1875rem 1.125rem;
  border-bottom: none;
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.45;
  color: var(--amex-text-softer);
}
.amex-pricing__enterprise-list li::before {
  content: "•";
  position: absolute;
  left: 0.125rem;
  top: -0.1875rem;
  color: var(--color-text-heading);
  font-size: 1.5rem;
  font-weight: 700;
}
.amex-pricing__enterprise-list li strong {
  font-weight: 700;
  color: var(--color-text-heading);
}
.amex-pricing__enterprise-list .ent-list-spacer {
  display: block;
  height: 0.875rem;
}
.amex-pricing__enterprise-list li:has(.ent-list-spacer) {
  padding: 0;
}
.amex-pricing__enterprise-list li:has(.ent-list-spacer)::before {
  display: none;
}
.amex-pricing__enterprise-services-title {
  padding: 1.125rem 1.125rem 0.3125rem;
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-text-heading);
}
@media (min-width: 768px) {
  .amex-pricing__enterprise-services-title {
    padding-left: 0;
    padding-right: 0;
  }
}
.amex-pricing__enterprise-services {
  padding: 0 1.25rem 1.5rem;
  border-top: 0.0625rem solid var(--amex-ent-card-border);
  background: var(--amex-services-bg);
}
.amex-pricing__enterprise-service-group {
  margin-top: 1.25rem;
}
.amex-pricing__enterprise-service-group-label {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  color: var(--amex-service-label-text);
  background-color: var(--amex-service-label-bg);
  padding: 0.125rem 0.5rem;
  border-radius: 0.1875rem;
  margin: 0 0 0.625rem;
  letter-spacing: 0;
  /* Plain heading variant — no pill (e.g. "Ihr persönlicher Portalwächter:") */
}
.amex-pricing__enterprise-service-group-label--heading {
  background-color: transparent;
  color: var(--color-text-heading);
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0;
  border-radius: 0;
  margin-top: 0.5rem;
}
.amex-pricing__enterprise-accordions {
  display: flex;
  flex-direction: column;
}
.amex-pricing__enterprise-accordion {
  border: none;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}
.amex-pricing__enterprise-accordion[open] .amex-pricing__enterprise-accordion__enterprise-accordion-icon {
  transform: rotate(90deg);
}
.amex-pricing__enterprise-accordion-summary {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3125rem 0;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-text-heading);
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.amex-pricing__enterprise-accordion-summary:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.amex-pricing__enterprise-accordion-summary::-webkit-details-marker {
  display: none;
}
.amex-pricing__enterprise-accordion-icon {
  flex-shrink: 0;
  color: var(--amex-accordion-icon);
  opacity: 0.7;
  transition: transform var(--transition-base);
}
[data-theme=light] .amex-pricing__enterprise-accordion-icon {
  opacity: 1;
}
.amex-pricing__enterprise-accordion-body {
  padding: 0.125rem 0 0.625rem 1.25rem;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--amex-accordion-body);
}

.amex-tooltip-ruler {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: max-content;
  max-width: 20rem;
  padding: 1rem;
  background-color: var(--amex-card-bg);
  border: 0.0625rem solid var(--amex-card-border);
  border-radius: 0.75rem;
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-text-heading);
  text-align: left;
  white-space: normal;
  pointer-events: none;
  visibility: hidden;
}

.form-contact-card--priority-care {
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  --section-adjacency-keep-ratio: 1;
  position: relative;
  width: 100%;
  padding-top: 5rem;
  padding-right: 1.5rem;
  padding-bottom: 5rem;
  padding-left: 1.5rem;
  box-sizing: border-box;
  background-color: var(--color-bg-secondary);
  color: var(--color-text-primary);
  transition: background-color var(--transition-base);
}
.form-contact-card--priority-care > *:not(.form-contact-card__glow) {
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  .form-contact-card--priority-care {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem;
  }
}
.form-contact-card--priority-care[hidden] {
  display: none;
}
.form-contact-card--priority-care .form-contact-card__glow {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 105rem;
  height: 46.8125rem;
  background-image: url("/images/glow-bg/app-extensions-glow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .form-contact-card--priority-care .form-contact-card__glow {
    display: block;
  }
}
[data-theme=light] .form-contact-card--priority-care .form-contact-card__glow {
  display: none;
}
.form-contact-card--priority-care .form-contact-card__inner {
  width: 100%;
  padding-left: var(--space-h-mobile);
  padding-right: var(--space-h-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .form-contact-card--priority-care .form-contact-card__inner {
    padding-left: var(--space-h-tablet);
    padding-right: var(--space-h-tablet);
  }
}
@media (min-width: 1024px) {
  .form-contact-card--priority-care .form-contact-card__inner {
    padding-left: var(--space-h-desktop);
    padding-right: var(--space-h-desktop);
  }
}
.form-contact-card--priority-care .form-contact-card__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  width: 100%;
  max-width: 50.9375rem;
  margin: 0 auto 1.5rem;
  text-align: center;
  color: var(--color-text-heading);
  transition: color var(--transition-base);
}
@media (min-width: 1024px) {
  .form-contact-card--priority-care .form-contact-card__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.form-contact-card--priority-care .form-contact-card__title span {
  color: var(--color-primary);
}
@media (min-width: 1024px) {
  .form-contact-card--priority-care .form-contact-card__title {
    margin-bottom: 2rem;
  }
}
.form-contact-card--priority-care .form-contact-card__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  width: 100%;
  max-width: 50.9375rem;
  margin: 0 auto 2rem;
  box-sizing: border-box;
  text-align: center;
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}
@media (min-width: 1024px) {
  .form-contact-card--priority-care .form-contact-card__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
@media (min-width: 1024px) {
  .form-contact-card--priority-care .form-contact-card__text {
    margin-bottom: 2.5rem;
  }
}
.form-contact-card--priority-care .form-contact-card__form-panel {
  width: 100%;
  max-width: 50.9375rem;
  margin: 0 auto;
  padding: 1.5rem;
  box-sizing: border-box;
  background-color: var(--color-surface-box-fill);
  border: var(--border-width-box-outline) solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  box-shadow: var(--shadow-elevation-sm-dark);
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
@media (min-width: 768px) {
  .form-contact-card--priority-care .form-contact-card__form-panel {
    padding: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .form-contact-card--priority-care .form-contact-card__form-panel {
    padding: 2rem;
  }
}
[data-theme=light] .form-contact-card--priority-care .form-contact-card__form-panel {
  box-shadow: var(--shadow-elevation-sm-light);
}
.form-contact-card--priority-care .form-contact-card__form-title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  width: 100%;
  margin: 0 0 1.5rem;
  color: var(--color-text-heading);
  transition: color var(--transition-base);
}
@media (min-width: 1024px) {
  .form-contact-card--priority-care .form-contact-card__form-title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
@media (min-width: 1024px) {
  .form-contact-card--priority-care .form-contact-card__form-title {
    margin-bottom: 2rem;
  }
}
.form-contact-card--priority-care .form-contact-card__customer-type {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  margin: 0 0 1.75rem;
  padding: 0;
  border: 0;
}
@media (min-width: 768px) {
  .form-contact-card--priority-care .form-contact-card__customer-type {
    gap: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .form-contact-card--priority-care .form-contact-card__customer-type {
    gap: 3rem;
    margin-bottom: 2rem;
  }
}
.form-contact-card--priority-care .form-contact-card__radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.4;
  color: var(--color-text-primary);
  cursor: pointer;
}
.form-contact-card--priority-care .form-contact-card__radio input {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 1.3125rem;
  height: 1.3125rem;
  flex: 0 0 1.3125rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
}
.form-contact-card--priority-care .form-contact-card__radio input::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.3125rem;
  height: 1.3125rem;
  box-sizing: border-box;
  border: 1px solid var(--color-border-subtle);
  border-radius: 50%;
  background-color: var(--color-surface-media-well);
  transform: translate(-50%, -50%);
}
.form-contact-card--priority-care .form-contact-card__radio input:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.8125rem;
  height: 0.8125rem;
  box-sizing: border-box;
  margin: 0;
  border-radius: 50%;
  background-color: var(--color-primary);
  transform: translate(-50%, -50%);
}
.form-contact-card--priority-care .form-contact-card__fields {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 1.25rem;
  row-gap: 1.25rem;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .form-contact-card--priority-care .form-contact-card__fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.form-contact-card--priority-care .form-contact-card__field {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  margin: 0;
}
.form-contact-card--priority-care .form-contact-card__field label {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  width: 100%;
  margin: 0 0 0.5rem;
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}
@media (min-width: 1024px) {
  .form-contact-card--priority-care .form-contact-card__field label {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.form-contact-card--priority-care .form-contact-card__field input {
  font-family: var(--font-primary);
  font-size: var(--type-menu-size);
  line-height: var(--type-menu-line-height);
  font-weight: var(--type-menu-weight);
  width: 100%;
  max-width: 100%;
  height: 2.75rem;
  min-height: 2.75rem;
  padding: 0.625rem 1rem;
  box-sizing: border-box;
  border: var(--border-width-box-outline) solid var(--color-border-subtle);
  border-radius: 0.25rem;
  background-color: transparent;
  color: var(--color-text-form-hint);
  outline: none;
  transition: border-color var(--transition-base), background-color var(--transition-base), color var(--transition-base);
}
@media (min-width: 768px) {
  .form-contact-card--priority-care .form-contact-card__field input {
    max-width: 23rem;
  }
}
.form-contact-card--priority-care .form-contact-card__field--message {
  width: 100%;
  grid-column: 1/-1;
  margin-top: 0.25rem;
}
.form-contact-card--priority-care .form-contact-card__field textarea {
  font-family: var(--font-primary);
  font-size: var(--type-menu-size);
  line-height: var(--type-menu-line-height);
  font-weight: var(--type-menu-weight);
  width: 100%;
  max-width: 47.25rem;
  min-height: 9.75rem;
  padding: 0.75rem 1rem;
  box-sizing: border-box;
  border: var(--border-width-box-outline) solid var(--color-border-subtle);
  border-radius: 0.25rem;
  background-color: transparent;
  color: var(--color-text-primary);
  outline: none;
  resize: vertical;
  transition: border-color var(--transition-base), background-color var(--transition-base), color var(--transition-base);
}
.form-contact-card--priority-care .form-contact-card__field input::placeholder,
.form-contact-card--priority-care .form-contact-card__field textarea::placeholder {
  color: var(--colo-text-form-hint);
  opacity: 0.7;
}
.form-contact-card--priority-care .form-contact-card__field input:focus,
.form-contact-card--priority-care .form-contact-card__field textarea:focus {
  border: 2px solid var(--color-primary);
}
.form-contact-card--priority-care .form-contact-card__account-id {
  display: none;
  width: 100%;
  margin-top: 0.75rem;
}
.form-contact-card--priority-care .form-contact-card__account-id.is-visible {
  display: flex;
  flex-direction: column;
}
.form-contact-card--priority-care .form-contact-card__account-id input {
  width: 100%;
  max-width: 47.25rem;
}
.form-contact-card--priority-care .form-contact-card__consent {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
  margin-top: 1.5rem;
  color: var(--color-text-primary);
  cursor: pointer;
  transition: color var(--transition-base);
}
@media (min-width: 1024px) {
  .form-contact-card--priority-care .form-contact-card__consent {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.form-contact-card--priority-care .form-contact-card__consent a {
  text-decoration: underline;
  color: var(--color-text-primary);
}
.form-contact-card--priority-care .form-contact-card__submit-wrap {
  width: 100%;
  margin-top: 1.5rem;
}
.form-contact-card--priority-care .form-contact-card__submit {
  display: block;
  width: 100%;
}
.form-contact-card--priority-care .form-contact-card__submit--pending {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
}
.form-contact-card--priority-care .form-contact-card__required-note {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  width: 100%;
  margin: 0.5rem 0 0;
  color: var(--color-text-form-hint);
}
@media (min-width: 1024px) {
  .form-contact-card--priority-care .form-contact-card__required-note {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}

.priority-care-fit {
  position: relative;
  background-color: var(--color-bg-primary);
  padding-top: var(--space-section-default);
  padding-bottom: var(--space-section-default);
  --section-spacing-value: var(--space-section-default);
  --section-adjacency-keep-ratio: 0.5;
  --section-adjacency-keep-ratio: 1;
}
.priority-care-fit__container {
  position: relative;
  z-index: 2;
  width: auto;
  max-width: 77.1875rem;
  margin: 0 auto;
  padding-left: var(--space-h);
  padding-right: var(--space-h);
}
.priority-care-fit__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  max-width: 43.75rem;
  margin: 0 auto 2.375rem;
  text-align: center;
  color: var(--color-text-heading);
}
@media (min-width: 1024px) {
  .priority-care-fit__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.priority-care-fit__title span {
  color: var(--color-primary);
}
.priority-care-fit__content {
  display: grid;
  grid-template-columns: 345px minmax(0, 1fr);
  gap: 1.25rem;
  width: 100%;
  align-items: stretch;
}
.priority-care-fit__intro {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 12.375rem;
  box-sizing: border-box;
  padding: 1.875rem;
  border: var(--border-width-box-outline) solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  background-color: var(--color-surface-box-fill);
  color: var(--color-text-heading);
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
  text-align: center;
  box-shadow: var(--shadow-elevation-sm-dark);
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
@media (min-width: 1024px) {
  .priority-care-fit__intro {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}
[data-theme=light] .priority-care-fit__intro {
  box-shadow: var(--shadow-elevation-sm-light);
}
.priority-care-fit__items {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 12.375rem;
  box-sizing: border-box;
  padding: 1.75rem 1.875rem;
  border: var(--border-width-box-outline) solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  background-color: var(--color-surface-box-fill);
  box-shadow: var(--shadow-elevation-sm-dark);
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
[data-theme=light] .priority-care-fit__items {
  box-shadow: var(--shadow-elevation-sm-light);
}
.priority-care-fit__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-left: 1.5625rem;
  margin: 0;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  line-height: 1.45;
}
@media (min-width: 1024px) {
  .priority-care-fit__item {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
.priority-care-fit__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.9375rem;
  height: 1.25rem;
  background-color: var(--color-primary);
  -webkit-mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
  mask: url("/icons/ui/check-bold.svg") no-repeat center/0.9375rem 0.8125rem;
}
[data-theme=light] .priority-care-fit__item::before {
  background-color: var(--color-primary);
}
.priority-care-fit__item:not(:last-child) {
  margin-bottom: 0.625rem;
}
.priority-care-fit__item-text {
  flex: 1;
  min-width: 0;
}
@media (max-width: 900px) {
  .priority-care-fit__content {
    grid-template-columns: 1fr;
  }
  .priority-care-fit__intro, .priority-care-fit__items {
    min-height: auto;
  }
  .priority-care-fit__intro {
    padding: 1.75rem;
  }
}
@media (max-width: 767px) {
  .priority-care-fit__container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .priority-care-fit__title {
    margin-bottom: 1.75rem;
  }
  .priority-care-fit__content {
    gap: 1rem;
  }
  .priority-care-fit__intro {
    padding: 1.5rem;
  }
  .priority-care-fit__items {
    padding: 1.375rem 1.25rem;
  }
  .priority-care-fit__item {
    padding-left: 1.4375rem;
  }
  .priority-care-fit__item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.pricing-table {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
}
.pricing-table__container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.pricing-table__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  margin: 0 0 2.5rem;
  color: var(--color-text-heading);
  font-weight: 700;
  text-align: center;
  line-height: 1.1;
}
@media (min-width: 1024px) {
  .pricing-table__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
.pricing-table__title > span {
  color: var(--color-text-highlight);
}
.pricing-table__title-highlight {
  color: var(--color-text-highlight);
}
.pricing-table__card {
  width: 100%;
  max-width: 61.875rem;
  padding: 1.5rem;
  box-sizing: border-box;
  background-color: var(--color-surface-box-fill);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
}
.pricing-table__table-wrapper {
  width: 100%;
  overflow-x: auto;
  padding-bottom: 0.125rem;
}
.pricing-table__table {
  width: 100%;
  min-width: 43.75rem;
  border-collapse: collapse;
  color: var(--color-text-heading);
  font-size: 1rem;
  line-height: 1.35;
}
.pricing-table__table th,
.pricing-table__table td {
  padding: 0.875rem 1.125rem;
  text-align: left;
  vertical-align: middle;
}
.pricing-table__table thead th {
  padding-top: 0.375rem;
  padding-bottom: 1.125rem;
  color: var(--color-text-heading);
  font-weight: 400;
  border-bottom: 1px solid var(--color-border-subtle);
}
.pricing-table__table tbody tr {
  border-bottom: 1px solid var(--color-border-subtle);
}
.pricing-table__table tbody tr:last-child {
  border-bottom: 0;
}
.pricing-table__table tbody tr:hover {
  background-color: rgba(68, 164, 220, 0.2);
}
[data-theme=light] .pricing-table__table tbody tr:hover {
  background-color: rgba(241, 241, 241, 0.99);
}
.pricing-table__table tbody th {
  font-weight: 700;
}
.pricing-table__table tbody td {
  font-weight: 400;
}
.pricing-table__table tbody td:nth-child(2) {
  font-weight: 700;
}
.pricing-table__table th:first-child,
.pricing-table__table td:first-child {
  width: 40%;
}
.pricing-table__table th:nth-child(2),
.pricing-table__table td:nth-child(2) {
  width: 22%;
}
.pricing-table__table th:nth-child(3),
.pricing-table__table td:nth-child(3) {
  width: 18%;
}
.pricing-table__table th:nth-child(4),
.pricing-table__table td:nth-child(4) {
  width: 20%;
}
.pricing-table__row--highlight {
  background-color: rgba(68, 164, 220, 0.4);
}
[data-theme=light] .pricing-table__row--highlight {
  background-color: rgba(241, 241, 241, 0.4);
}
.pricing-table__package-name {
  display: inline-block;
}
.pricing-table__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  margin-left: 0.75rem;
  padding: 0.1875rem 0.5625rem;
  background-color: var(--color-border-subtle);
  border-radius: 0.25rem;
  color: var(--color-text-heading);
  font-size: 0.8125rem;
  font-weight: 700;
  white-space: nowrap;
}
.pricing-table__badge-icon {
  font-size: 0.75rem;
  line-height: 1;
}
.pricing-table__info-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-top: 1.25rem;
}
.pricing-table__info-box {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 4.75rem;
  padding: 0.875rem 1.5rem;
  box-sizing: border-box;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-box);
}
.pricing-table__info-icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: var(--color-border-subtle);
  color: var(--color-text-heading);
  font-size: 1.25rem;
  font-weight: 700;
  font-family: Georgia, serif;
}
.pricing-table__info-content {
  min-width: 0;
}
.pricing-table__info-title {
  margin: 0 0 0.125rem;
  color: var(--color-text-heading);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
}
.pricing-table__info-text {
  margin: 0;
  color: var(--color-text-primary);
  font-size: 1rem;
  line-height: 1.4;
}
.pricing-table__info-text a {
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
.pricing-table__info-text a:hover, .pricing-table__info-text a:focus {
  color: var(--color-text-primary);
}
[data-theme=light] .pricing-table__info-text a:hover, [data-theme=light] .pricing-table__info-text a:focus {
  color: var(--color-text-link);
}
.pricing-table__footnote {
  margin: 1.375rem 0 0;
  color: var(--color-text-primary);
  font-size: 1rem;
  line-height: 1.4;
  text-align: center;
}
@media (min-width: 640px) {
  .pricing-table__card {
    padding: 1.5rem;
  }
  .pricing-table__title {
    margin-bottom: 2.25rem;
  }
}
@media (min-width: 768px) {
  .pricing-table__title {
    margin-bottom: 2.5rem;
  }
  .pricing-table__card {
    padding: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .pricing-table__card {
    max-width: 61.875rem;
    padding: 1.5rem;
  }
  .pricing-table__table th,
  .pricing-table__table td {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
}
@media (max-width: 767px) {
  .pricing-table__title {
    margin-bottom: 1.75rem;
  }
  .pricing-table__card {
    padding: 0.875rem;
  }
  .pricing-table__table {
    min-width: 42.5rem;
    font-size: 0.875rem;
  }
  .pricing-table__table th,
  .pricing-table__table td {
    padding: 0.75rem 0.625rem;
  }
  .pricing-table__badge {
    margin-left: 0.375rem;
    padding: 0.1875rem 0.375rem;
    font-size: 0.6875rem;
  }
  .pricing-table__info-box {
    align-items: flex-start;
    padding: 0.875rem 1rem;
  }
  .pricing-table__info-icon {
    width: 1.875rem;
    height: 1.875rem;
  }
  .pricing-table__info-title, .pricing-table__info-text {
    font-size: 0.875rem;
  }
  .pricing-table__footnote {
    font-size: 0.875rem;
  }
}

.shell--system {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}

.is-system-page .system-main {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.is-system-page .hero-left {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .is-system-page .hero-left {
    min-height: 54.375rem;
    text-align: left;
  }
}
.is-system-page .hero-left__dots {
  display: none;
}
@media (min-width: 1024px) {
  .is-system-page .hero-left__dots {
    display: block;
  }
}
@media (min-width: 1024px) {
  .is-system-page .hero-left__gradient-0-wrap,
  .is-system-page .hero-left__gradient-0-inner {
    height: 54.375rem;
  }
}
@media (min-width: 1024px) {
  .is-system-page .hero-left__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 26.25rem);
    gap: 4.125rem;
    align-items: center;
  }
}
.is-system-page .hero-left__title-line {
  display: inline;
}
.is-system-page .hero-left__content {
  max-width: 44.375rem;
  width: 100%;
  align-items: center;
}
@media (min-width: 1024px) {
  .is-system-page .hero-left__content {
    align-items: flex-start;
  }
}
.is-system-page .hero-left__visual {
  max-width: 26.25rem;
  margin-inline: auto;
}
@media (min-width: 1024px) {
  .is-system-page .hero-left__visual {
    width: 26.25rem;
    margin-inline: 0;
  }
}
.is-system-page .hero-left__image {
  width: 100%;
  max-width: 26.25rem;
}

.footer--system {
  background-color: var(--color-bg-primary);
  transition: background-color var(--transition-base);
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  .footer--system {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.footer--system__container {
  padding-top: 0;
  padding-bottom: 0;
}
.footer--system__bottom {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 1rem;
}
@media (min-width: 768px) {
  .footer--system__bottom {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
  }
}
.footer--system__copyright {
  margin: 0;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.1875rem;
}
.footer--system__legal-nav {
  flex-shrink: 0;
}
.footer--system__legal-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer--system__legal-link {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.1875rem;
  text-decoration: none;
  transition: color var(--transition-base);
}
.footer--system__legal-link:hover, .footer--system__legal-link:focus-visible {
  color: var(--color-primary);
}

.legal-page {
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
  transition: background-color var(--transition-base);
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  padding-top: calc(5rem + var(--header-height));
}
@media (min-width: 1024px) {
  .legal-page {
    padding-top: var(--space-section-major);
    padding-bottom: var(--space-section-major);
    --section-spacing-value: var(--space-section-major);
    --section-adjacency-keep-ratio: 0.5;
    padding-top: calc(7.5rem + var(--header-height) + 2.5rem);
  }
}
.legal-page__header {
  margin-bottom: 3.75rem;
}
.legal-page__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-text-heading);
  margin: 0;
}
@media (min-width: 1024px) {
  .legal-page__title {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }
}
.legal-page__body {
  background-color: var(--color-surface-text-box);
  border: var(--border-width-box-outline) solid var(--color-border-subtle);
  border-radius: var(--radius-box);
  padding: 1.25rem;
  width: 100%;
}
@media (min-width: 768px) {
  .legal-page__body {
    padding: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .legal-page__body {
    padding: 3.75rem;
  }
}
.legal-page__prose {
  color: var(--color-text-primary);
}
.legal-page__prose h2 {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 1.5rem 0 0.25rem 0;
}
.legal-page__prose h2:first-child {
  margin-top: 0;
}
.legal-page__prose h3 {
  font-family: var(--font-primary);
  font-size: 1.125rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 1.875rem 0 0.625rem 0;
}
.legal-page__prose h3:first-child {
  margin-top: 0;
}
.legal-page__prose h4 {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  color: var(--color-text-heading);
  margin: 1.875rem 0 0.625rem 0;
}
.legal-page__prose h4:first-child {
  margin-top: 0;
}
.legal-page__prose p {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 400;
  margin: 0 0 0.625rem 0;
}
.legal-page__prose p:last-child {
  margin-bottom: 0;
}
.legal-page__prose strong, .legal-page__prose b {
  font-weight: 700;
}
.legal-page__prose a {
  color: var(--color-text-link);
  text-decoration: underline;
  transition: color var(--transition-fast);
}
.legal-page__prose a:hover, .legal-page__prose a:focus-visible {
  color: var(--color-primary-dark);
}
.legal-page__prose a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.legal-page__prose ul, .legal-page__prose ol {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 400;
  margin: 0 0 0.625rem 0;
  padding-left: 1.5rem;
}
.legal-page__prose ul {
  list-style-type: disc;
}
.legal-page__prose ul ul {
  padding-left: 1.5rem;
}
.legal-page__prose ol {
  list-style-type: decimal;
  padding-left: 2rem;
}
.legal-page__prose ol ol {
  padding-left: 2rem;
}
.legal-page__prose li {
  margin-bottom: 0.625rem;
}
.legal-page__prose li:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #fraud-risk-hero ~ section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  #fraud-risk-hero {
    padding-bottom: 2.5rem;
  }
}
#fraud-risk-hero .hero-centered__cta-group {
  margin-bottom: 0;
}

#mittelstand-logo-slider {
  background-color: transparent;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  #mittelstand-logo-slider {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
#mittelstand-logo-slider .logo-slider__title {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  #mittelstand-logo-slider .logo-slider__title {
    margin-bottom: 1.75rem;
  }
}

#sparrechner-logo-slider {
  padding-top: var(--space-section-default);
}

#rechnungen-automatisch-herunterladen-hero + #security-summary {
  background-color: var(--color-bg-primary);
}

@media (min-width: 1024px) {
  #automatischer-rechnungsexport-hero ~ #fraud-summary {
    padding-bottom: 9.375rem;
  }
}

#fraud-role-comparison + #fraud-summary {
  padding-top: 0;
}

#was-sind-kanzleilizenzen:has(+ #flow-methode) {
  padding-bottom: 1.875rem;
}

#audit-process + #fraud-assistant-scope {
  padding-bottom: 0;
}

#api-funktionen:has(+ #api-vorteile),
#mobile-app-funktionen:has(+ #partner-api-vorteile) {
  padding-bottom: 0;
}

#mobile-app-funktionen:has(+ #belege-scannen-hochladen) {
  padding-bottom: 2.5rem;
}
#mobile-app-funktionen:has(+ #belege-scannen-hochladen) .statement-intro__title:last-child {
  margin-bottom: 0;
}

#desktop-app-funktionen {
  padding-bottom: 2.5rem;
}

#smarte-apps-intro:has(+ #smarte-apps-desktop) {
  padding-bottom: 0;
}

#coaching-help .statement-intro__text {
  margin-bottom: 0.625rem;
}
#coaching-help .statement-intro__text:first-of-type {
  font-weight: 700;
}
#coaching-help .statement-intro__lead-out {
  font-weight: 400;
}

@media (min-width: 1024px) {
  #partner-api-vorteile {
    padding-bottom: 5.625rem;
  }
}

#ueber-uns-mission .two-column__title,
#ueber-uns-what-we-do .two-column__title {
  font-size: 1.5625rem;
}
@media (min-width: 1024px) {
  #ueber-uns-mission .two-column__title,
  #ueber-uns-what-we-do .two-column__title {
    font-size: 1.5625rem;
  }
}

#ueber-uns-key-facts:has(+ #ueber-uns-mission) {
  padding-bottom: 3.75rem;
}
@media (min-width: 1024px) {
  #ueber-uns-key-facts:has(+ #ueber-uns-mission) {
    padding-bottom: 8.75rem;
  }
}

#ueber-uns-mission {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
[data-theme=light] #ueber-uns-mission .two-column__glow--left {
  display: none;
}

#candis-vorteile .two-column__video-box {
  border-width: 1px;
}

#candis-vorteile .two-column__glow {
  height: 100%;
  background-size: 100% 100%;
}

#candis-vorteile .two-column__dots--right {
  left: 75rem;
  top: 0;
}

@media (min-width: 1024px) {
  #desktop-app-funktionen ~ .two-column .two-column__title {
    font-size: 1.5625rem;
  }
}

@media (min-width: 1024px) {
  #workflow-benefits ~ .two-column {
    padding-top: 8.125rem;
    padding-bottom: 8.125rem;
  }
}

@media (min-width: 1024px) {
  #rechnungen-exportieren,
  #rechnungen-exportieren ~ .two-column {
    padding-top: 8.125rem;
    padding-bottom: 8.125rem;
  }
}

#peppol-reasons .three-boxes-left__icon {
  fill: none;
  stroke: currentColor;
}
#peppol-reasons .three-boxes-left__icon-badge--brand svg,
#peppol-reasons .three-boxes-left__icon-badge--brand :is(path, circle, rect, line, polyline) {
  fill: none;
  stroke: currentColor;
}

#e-rechnung-obligation-timeline {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
#e-rechnung-obligation-timeline::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #e-rechnung-obligation-timeline::before {
  display: none;
}
[data-theme=light] #e-rechnung-obligation-timeline .three-boxes-left__box {
  box-shadow: none;
}
#e-rechnung-obligation-timeline .three-boxes-left__source {
  color: var(--color-text-menu-footer);
  margin-bottom: 0;
}

#e-rechnung-formats {
  overflow-x: clip;
  overflow-y: visible;
}
#e-rechnung-formats::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 24%;
  height: 50rem;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #e-rechnung-formats::before {
  display: none;
}
[data-theme=light] #e-rechnung-formats .three-boxes-left__box {
  box-shadow: none;
}

#e-rechnung-intake-channels {
  overflow: visible;
  isolation: isolate;
}
#e-rechnung-intake-channels::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 15%;
  height: 75rem;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #e-rechnung-intake-channels::before {
  display: none;
}
[data-theme=light] #e-rechnung-intake-channels .three-boxes-left__box {
  box-shadow: none;
}

#e-rechnung-summary,
#peppol-summary,
#ueber-uns-key-facts {
  overflow: visible;
  z-index: var(--z-overlap);
}
#e-rechnung-summary .information-box__inner,
#peppol-summary .information-box__inner,
#ueber-uns-key-facts .information-box__inner {
  box-shadow: none;
}
[data-theme=light] #e-rechnung-summary .information-box__inner,
[data-theme=light] #peppol-summary .information-box__inner,
[data-theme=light] #ueber-uns-key-facts .information-box__inner {
  box-shadow: none;
}

#peppol-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__title > span {
  white-space: normal;
  overflow-wrap: break-word;
}

#peppol-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #peppol-summary) {
  padding-bottom: 26rem;
}
#peppol-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #peppol-summary)::after {
  display: block;
  height: 10rem;
  background-image: linear-gradient(180deg, transparent 0%, var(--color-bg-primary) 100%);
  z-index: 1;
}
@media (min-width: 1024px) {
  #peppol-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #peppol-summary) {
    padding-bottom: 26rem;
  }
}
#peppol-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #peppol-summary) .hero-centered__dots--right {
  height: 74.9375rem;
}
#peppol-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #peppol-summary) + #peppol-summary {
  background-color: transparent;
  margin-top: -30rem;
}
@media (min-width: 1024px) {
  #peppol-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #peppol-summary) + #peppol-summary {
    margin-top: -26.25rem;
  }
}
#peppol-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #peppol-summary) + #peppol-summary .information-box__dots {
  display: none;
}

#e-rechnung-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__title > span {
  white-space: normal;
  overflow-wrap: break-word;
}

#e-rechnung-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #e-rechnung-summary),
#industries-hub-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #industries-hub-summary) {
  padding-bottom: 26rem;
}
#e-rechnung-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #e-rechnung-summary)::after,
#industries-hub-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #industries-hub-summary)::after {
  display: block;
  height: 10rem;
  background-image: linear-gradient(180deg, transparent 0%, var(--color-bg-primary) 100%);
  z-index: 1;
}
@media (min-width: 1024px) {
  #e-rechnung-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #e-rechnung-summary),
  #industries-hub-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #industries-hub-summary) {
    padding-bottom: 26rem;
  }
}
#e-rechnung-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #e-rechnung-summary) .hero-centered__dots--right,
#industries-hub-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #industries-hub-summary) .hero-centered__dots--right {
  height: 74.9375rem;
}
#e-rechnung-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #e-rechnung-summary) + #e-rechnung-summary,
#e-rechnung-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #e-rechnung-summary) + #industries-hub-summary,
#industries-hub-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #industries-hub-summary) + #e-rechnung-summary,
#industries-hub-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #industries-hub-summary) + #industries-hub-summary {
  background-color: transparent;
  margin-top: -30rem;
}
@media (min-width: 1024px) {
  #e-rechnung-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #e-rechnung-summary) + #e-rechnung-summary,
  #e-rechnung-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #e-rechnung-summary) + #industries-hub-summary,
  #industries-hub-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #industries-hub-summary) + #e-rechnung-summary,
  #industries-hub-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #industries-hub-summary) + #industries-hub-summary {
    margin-top: -26.25rem;
  }
}
#e-rechnung-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #e-rechnung-summary) + #e-rechnung-summary .information-box__dots,
#e-rechnung-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #e-rechnung-summary) + #industries-hub-summary .information-box__dots,
#industries-hub-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #industries-hub-summary) + #e-rechnung-summary .information-box__dots,
#industries-hub-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #industries-hub-summary) + #industries-hub-summary .information-box__dots {
  display: none;
}

@media (min-width: 1024px) {
  #ueber-uns-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__title .hero-centered__title-highlight {
    white-space: nowrap;
  }
}

#ueber-uns-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__title > span {
  white-space: normal;
  overflow-wrap: break-word;
}

#ueber-uns-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #ueber-uns-key-facts) {
  padding-bottom: 36rem;
}
#ueber-uns-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #ueber-uns-key-facts)::after {
  display: block;
  height: 10rem;
  background-image: linear-gradient(180deg, transparent 0%, var(--color-bg-primary) 100%);
  z-index: 1;
}
@media (min-width: 1024px) {
  #ueber-uns-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #ueber-uns-key-facts) {
    padding-bottom: 36rem;
  }
}
#ueber-uns-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #ueber-uns-key-facts) .hero-centered__dots--right {
  height: 74.9375rem;
}
#ueber-uns-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #ueber-uns-key-facts) + #ueber-uns-key-facts {
  background-color: transparent;
  margin-top: -37.5rem;
  padding-top: 2rem;
}
@media (min-width: 1024px) {
  #ueber-uns-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #ueber-uns-key-facts) + #ueber-uns-key-facts {
    margin-top: -30rem;
    padding-top: 2.5rem;
  }
}
#ueber-uns-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)):has(+ #ueber-uns-key-facts) + #ueber-uns-key-facts .information-box__dots {
  display: none;
}

#kontakt-hero .hero-centered__desc {
  max-width: 50.9375rem;
}

#kontakt-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) {
  padding-bottom: 9.375rem;
}
#kontakt-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) .hero-centered__cta-group {
  margin-bottom: 0;
}
#kontakt-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) + .three-boxes-left-rich {
  padding-top: 0;
}

#automatischer-rechnungsexport-hero .hero-centered__cta-group {
  margin-bottom: 0;
}

#kanzleilizenzen-hero.hero-centered:not(:has(.hero-centered__video-box, .hero-centered__image-box)) {
  padding-bottom: 3rem;
}

#fraud-risk-hero .hero-centered__title > span {
  display: inline;
}

#rechnungen-automatisch-herunterladen-hero .hero-centered__video-box {
  filter: none;
}
#rechnungen-automatisch-herunterladen-hero .hero-centered__video-box.hero-centered__video-box--boxed {
  box-shadow: none;
}

#rechnungen-automatisch-herunterladen-hero .hero-centered__cta-group {
  margin-bottom: 0;
}

#desktop-app-hero .hero-centered__poster,
#desktop-app-hero .hero-centered__iframe {
  border-radius: inherit;
}
#desktop-app-hero .hero-centered__cta-group {
  margin-bottom: 0;
}

#e-rechnung-trust-facts,
#peppol-trust-facts-top {
  overflow: visible;
  background-color: transparent;
  z-index: 1;
}
#e-rechnung-trust-facts .trust-facts__glow,
#peppol-trust-facts-top .trust-facts__glow {
  position: absolute;
  top: -3%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 118.75rem;
  height: 25rem;
  background-image: url("/images/e-rechnung/en_getmyinvoices_trust-facts-glow.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
}
[data-theme=light] #e-rechnung-trust-facts .trust-facts__glow,
[data-theme=light] #peppol-trust-facts-top .trust-facts__glow {
  display: none;
}
#e-rechnung-trust-facts .trust-facts__container,
#peppol-trust-facts-top .trust-facts__container {
  position: relative;
  z-index: 2;
}

#e-rechnung-summary:has(+ #e-rechnung-trust-facts) {
  padding-bottom: 0;
}

#e-rechnung-summary + #e-rechnung-trust-facts {
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
}

#peppol-summary:has(+ #peppol-trust-facts-top) {
  padding-bottom: 0;
}

#peppol-summary + #peppol-trust-facts-top {
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
}

#steuerberater-vorteile::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #steuerberater-vorteile::before {
  display: none;
}

#mobile-app-vorteile .three-boxes-left__box-title {
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
@media (min-width: 1024px) {
  #mobile-app-vorteile .three-boxes-left__box-title {
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
}

#api-funktionen + #api-vorteile,
#mobile-app-funktionen + #partner-api-vorteile {
  background-color: transparent;
}

#api-vorteile .three-boxes-left__title,
#partner-api-vorteile .three-boxes-left__title {
  font-family: var(--font-primary);
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
  #api-vorteile .three-boxes-left__title,
  #partner-api-vorteile .three-boxes-left__title {
    font-size: var(--type-h3-size);
    line-height: var(--type-h3-line-height);
  }
}

#mobile-app-funktionen + #partner-api-vorteile {
  overflow: visible;
}
#mobile-app-funktionen + #partner-api-vorteile .three-boxes-left__dots--left {
  top: -15rem;
}

#mobile-app-funktionen:has(+ #partner-api-vorteile) .statement-intro__container {
  z-index: 2;
}

#partner-api-vorteile .three-boxes-left__grid--cols-2 {
  gap: 1.75rem;
}
@media (min-width: 768px) {
  #partner-api-vorteile .three-boxes-left__grid--cols-2 {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  #partner-api-vorteile .three-boxes-left__grid--cols-2 {
    gap: 1.875rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  #candis-gruende {
    padding-bottom: 9.375rem;
  }
}

#api-vorteile {
  overflow-x: clip;
  overflow-y: visible;
}

@media (min-width: 1024px) {
  #desktop-app-funktionen ~ .two-column {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem;
  }
}

#coaching-hero .hero-left__cta-group,
#software-entwickler-hero .hero-left__cta-group,
#developers-hero .hero-left__cta-group {
  margin-bottom: 0.625rem;
}
@media (min-width: 1024px) {
  #coaching-hero .hero-left__cta-group,
  #software-entwickler-hero .hero-left__cta-group,
  #developers-hero .hero-left__cta-group {
    margin-bottom: 0.625rem;
  }
}

#coaching-hero .hero-left__image {
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(var(--shadow-image-md-drop-dark));
}
[data-theme=light] #coaching-hero .hero-left__image {
  filter: drop-shadow(var(--shadow-image-md-drop-light));
}

#software-entwickler-hero .hero-left__image,
#developers-hero .hero-left__image {
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(var(--shadow-image-md-drop-dark));
}

#agenturen-hero .hero-left__image {
  box-shadow: none;
}

#freelancer-hero .hero-left__image {
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
}
[data-theme=light] #freelancer-hero .hero-left__image {
  filter: drop-shadow(var(--shadow-image-lg-drop-light));
}

#consulting-hero .hero-left__image {
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
}
[data-theme=light] #consulting-hero .hero-left__image {
  filter: drop-shadow(var(--shadow-image-lg-drop-light));
}

#mittelstand-hero .hero-left__image {
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(var(--shadow-image-lg-drop-dark));
}
@media (min-width: 1024px) {
  #mittelstand-hero .hero-left__image {
    transform: none;
  }
}
[data-theme=light] #mittelstand-hero .hero-left__image {
  filter: drop-shadow(var(--shadow-image-lg-drop-light));
}

#agenturen-hero:has(+ .information-box),
#consulting-hero:has(+ .information-box),
#pflegedienste-hero:has(+ .information-box),
#care-services-hero:has(+ .information-box),
#coaching-hero:has(+ .information-box),
#e-commerce-hero:has(+ .information-box),
#mittelstand-hero:has(+ .information-box),
#freelancer-hero:has(+ .information-box),
#software-entwickler-hero:has(+ .information-box),
#developers-hero:has(+ .information-box),
#steuerberater-hero:has(+ .information-box) {
  padding-bottom: 36rem;
}
@media (min-width: 1024px) {
  #agenturen-hero:has(+ .information-box),
  #consulting-hero:has(+ .information-box),
  #pflegedienste-hero:has(+ .information-box),
  #care-services-hero:has(+ .information-box),
  #coaching-hero:has(+ .information-box),
  #e-commerce-hero:has(+ .information-box),
  #mittelstand-hero:has(+ .information-box),
  #freelancer-hero:has(+ .information-box),
  #software-entwickler-hero:has(+ .information-box),
  #developers-hero:has(+ .information-box),
  #steuerberater-hero:has(+ .information-box) {
    padding-bottom: 36rem;
  }
}
#agenturen-hero:has(+ .information-box)::after,
#consulting-hero:has(+ .information-box)::after,
#pflegedienste-hero:has(+ .information-box)::after,
#care-services-hero:has(+ .information-box)::after,
#coaching-hero:has(+ .information-box)::after,
#e-commerce-hero:has(+ .information-box)::after,
#mittelstand-hero:has(+ .information-box)::after,
#freelancer-hero:has(+ .information-box)::after,
#software-entwickler-hero:has(+ .information-box)::after,
#developers-hero:has(+ .information-box)::after,
#steuerberater-hero:has(+ .information-box)::after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10rem;
  background-image: linear-gradient(180deg, transparent 0%, var(--color-bg-primary) 100%);
  z-index: 1;
}
#agenturen-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
#consulting-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
#pflegedienste-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
#care-services-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
#coaching-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
#e-commerce-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
#mittelstand-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
#freelancer-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
#software-entwickler-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
#developers-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
#steuerberater-hero:has(+ .information-box) .hero-left__gradient-1-wrap {
  height: 126.4375rem;
}
[data-theme=light] #agenturen-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
[data-theme=light] #consulting-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
[data-theme=light] #pflegedienste-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
[data-theme=light] #care-services-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
[data-theme=light] #coaching-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
[data-theme=light] #e-commerce-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
[data-theme=light] #mittelstand-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
[data-theme=light] #freelancer-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
[data-theme=light] #software-entwickler-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
[data-theme=light] #developers-hero:has(+ .information-box) .hero-left__gradient-1-wrap,
[data-theme=light] #steuerberater-hero:has(+ .information-box) .hero-left__gradient-1-wrap {
  top: 0;
  height: 95.1875rem;
}
#agenturen-hero:has(+ .information-box) .hero-left__dots--right,
#consulting-hero:has(+ .information-box) .hero-left__dots--right,
#pflegedienste-hero:has(+ .information-box) .hero-left__dots--right,
#care-services-hero:has(+ .information-box) .hero-left__dots--right,
#coaching-hero:has(+ .information-box) .hero-left__dots--right,
#e-commerce-hero:has(+ .information-box) .hero-left__dots--right,
#mittelstand-hero:has(+ .information-box) .hero-left__dots--right,
#freelancer-hero:has(+ .information-box) .hero-left__dots--right,
#software-entwickler-hero:has(+ .information-box) .hero-left__dots--right,
#developers-hero:has(+ .information-box) .hero-left__dots--right,
#steuerberater-hero:has(+ .information-box) .hero-left__dots--right {
  height: 87.5rem;
}
#agenturen-hero:has(+ .information-box) + .information-box,
#consulting-hero:has(+ .information-box) + .information-box,
#pflegedienste-hero:has(+ .information-box) + .information-box,
#care-services-hero:has(+ .information-box) + .information-box,
#coaching-hero:has(+ .information-box) + .information-box,
#e-commerce-hero:has(+ .information-box) + .information-box,
#mittelstand-hero:has(+ .information-box) + .information-box,
#freelancer-hero:has(+ .information-box) + .information-box,
#software-entwickler-hero:has(+ .information-box) + .information-box,
#developers-hero:has(+ .information-box) + .information-box,
#steuerberater-hero:has(+ .information-box) + .information-box {
  background-color: transparent;
  margin-top: -30rem;
  padding-top: 0;
}
@media (min-width: 1024px) {
  #agenturen-hero:has(+ .information-box) + .information-box,
  #consulting-hero:has(+ .information-box) + .information-box,
  #pflegedienste-hero:has(+ .information-box) + .information-box,
  #care-services-hero:has(+ .information-box) + .information-box,
  #coaching-hero:has(+ .information-box) + .information-box,
  #e-commerce-hero:has(+ .information-box) + .information-box,
  #mittelstand-hero:has(+ .information-box) + .information-box,
  #freelancer-hero:has(+ .information-box) + .information-box,
  #software-entwickler-hero:has(+ .information-box) + .information-box,
  #developers-hero:has(+ .information-box) + .information-box,
  #steuerberater-hero:has(+ .information-box) + .information-box {
    margin-top: -26.25rem;
    padding-top: 0;
  }
}
#agenturen-hero:has(+ .information-box) + .information-box .information-box__dots,
#consulting-hero:has(+ .information-box) + .information-box .information-box__dots,
#pflegedienste-hero:has(+ .information-box) + .information-box .information-box__dots,
#care-services-hero:has(+ .information-box) + .information-box .information-box__dots,
#coaching-hero:has(+ .information-box) + .information-box .information-box__dots,
#e-commerce-hero:has(+ .information-box) + .information-box .information-box__dots,
#mittelstand-hero:has(+ .information-box) + .information-box .information-box__dots,
#freelancer-hero:has(+ .information-box) + .information-box .information-box__dots,
#software-entwickler-hero:has(+ .information-box) + .information-box .information-box__dots,
#developers-hero:has(+ .information-box) + .information-box .information-box__dots,
#steuerberater-hero:has(+ .information-box) + .information-box .information-box__dots {
  display: none;
}

#freelancer-work-savings {
  padding-top: var(--space-section-major);
  padding-bottom: var(--space-section-major);
  --section-spacing-value: var(--space-section-major);
  --section-adjacency-keep-ratio: 0.5;
  overflow-x: clip;
  overflow-y: visible;
}

@media (min-width: 1024px) {
  #pflegedienste-hero .hero-left__layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.25rem;
  }
}

#sicherheit-hero .hero-left__layout {
  gap: 2rem;
}

#api-hero .hero-left__layout {
  gap: 2rem;
}

#software-entwickler-customer-review .customer-review-box__header,
#developers-customer-review .customer-review-box__header {
  margin-bottom: 2.5rem;
  padding-inline: 1rem;
}
@media (min-width: 1024px) {
  #software-entwickler-customer-review .customer-review-box__header,
  #developers-customer-review .customer-review-box__header {
    margin-bottom: 3rem;
    padding-inline: 0;
  }
}
#software-entwickler-customer-review .customer-review-box__eyebrow,
#developers-customer-review .customer-review-box__eyebrow {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
@media (min-width: 1024px) {
  #software-entwickler-customer-review .customer-review-box__eyebrow,
  #developers-customer-review .customer-review-box__eyebrow {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
@media (min-width: 1024px) {
  #software-entwickler-customer-review .customer-review-box__eyebrow,
  #developers-customer-review .customer-review-box__eyebrow {
    margin-bottom: 1rem;
  }
}
#software-entwickler-customer-review .customer-review-box__title,
#developers-customer-review .customer-review-box__title {
  font-family: var(--font-primary);
  font-size: 1.75rem;
  line-height: 2.0625rem;
  font-weight: 700;
  max-width: 53.125rem;
}
@media (min-width: 1024px) {
  #software-entwickler-customer-review .customer-review-box__title,
  #developers-customer-review .customer-review-box__title {
    font-size: var(--type-h2-size);
    line-height: var(--type-h2-line-height);
  }
}
#software-entwickler-customer-review .customer-review-box__card,
#developers-customer-review .customer-review-box__card {
  max-width: 62.5rem;
}
@media (min-width: 1024px) {
  #software-entwickler-customer-review .customer-review-box__card,
  #developers-customer-review .customer-review-box__card {
    grid-template-columns: minmax(0, 24rem) minmax(0, 1fr);
    align-items: center;
  }
}
#software-entwickler-customer-review .customer-review-box__visual,
#developers-customer-review .customer-review-box__visual {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  padding: 1.25rem 1rem;
}
@media (min-width: 1024px) {
  #software-entwickler-customer-review .customer-review-box__visual,
  #developers-customer-review .customer-review-box__visual {
    align-self: center;
    padding: 1.5rem 1.25rem 1.5rem 1.75rem;
  }
}
#software-entwickler-customer-review .customer-review-box__image-wrap,
#developers-customer-review .customer-review-box__image-wrap {
  width: 100%;
  max-width: 22.8125rem;
  margin: 0 auto;
  background-color: transparent;
}
@media (min-width: 1024px) {
  #software-entwickler-customer-review .customer-review-box__image-wrap,
  #developers-customer-review .customer-review-box__image-wrap {
    max-width: 21rem;
  }
}
#software-entwickler-customer-review .customer-review-box__image-wrap picture,
#developers-customer-review .customer-review-box__image-wrap picture {
  display: block;
  width: 100%;
}
#software-entwickler-customer-review .customer-review-box__image,
#developers-customer-review .customer-review-box__image {
  width: 100%;
  height: auto;
}
#software-entwickler-customer-review .customer-review-box__content,
#developers-customer-review .customer-review-box__content {
  padding: 2rem 1.5rem 2.25rem;
}
@media (min-width: 1024px) {
  #software-entwickler-customer-review .customer-review-box__content,
  #developers-customer-review .customer-review-box__content {
    padding: 0rem 2.5rem 0rem 2rem;
  }
}

#software-entwickler-customer-review .customer-review-box__quote,
#developers-customer-review .customer-review-box__quote {
  font-family: var(--font-primary);
  font-size: var(--type-opening-size);
  line-height: var(--type-opening-line-height);
  font-weight: var(--type-opening-weight);
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  #software-entwickler-customer-review .customer-review-box__quote,
  #developers-customer-review .customer-review-box__quote {
    margin-bottom: 1.75rem;
  }
}
#software-entwickler-customer-review .customer-review-box__text,
#developers-customer-review .customer-review-box__text {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
@media (min-width: 1024px) {
  #software-entwickler-customer-review .customer-review-box__text,
  #developers-customer-review .customer-review-box__text {
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
  }
}
#software-entwickler-customer-review .customer-review-box__benefits-label,
#developers-customer-review .customer-review-box__benefits-label {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5625rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 1024px) {
  #software-entwickler-customer-review .customer-review-box__benefits-label,
  #developers-customer-review .customer-review-box__benefits-label {
    font-size: var(--type-h4-size);
    line-height: var(--type-h4-line-height);
  }
}
@media (min-width: 1024px) {
  #software-entwickler-customer-review .customer-review-box__benefits-label,
  #developers-customer-review .customer-review-box__benefits-label {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}
#software-entwickler-customer-review .customer-review-box__benefit-text,
#developers-customer-review .customer-review-box__benefit-text {
  font-family: var(--font-primary);
  font-size: var(--type-opening-size);
  line-height: var(--type-opening-line-height);
  font-weight: var(--type-opening-weight);
}

#software-entwickler-customer-review::before,
#developers-customer-review::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.3;
  pointer-events: none;
  background-image: radial-gradient(45.8531238582% 45.6488499891% at 50.4201680672% 50.7941396454%, #44a4dc 0%, rgba(68, 164, 220, 0) 100%);
}
[data-theme=light] #software-entwickler-customer-review::before,
[data-theme=light] #developers-customer-review::before {
  display: none;
}
#software-entwickler-customer-review .customer-review-box__eyebrow,
#developers-customer-review .customer-review-box__eyebrow {
  margin-bottom: 0;
}
#software-entwickler-customer-review .customer-review-box__title-line,
#developers-customer-review .customer-review-box__title-line {
  display: block;
}
#software-entwickler-customer-review .customer-review-box__card,
#developers-customer-review .customer-review-box__card {
  max-width: 64rem;
  border: 1px solid var(--color-border-subtle);
  box-shadow: none;
}
[data-theme=light] #software-entwickler-customer-review .customer-review-box__card,
[data-theme=light] #developers-customer-review .customer-review-box__card {
  box-shadow: none;
}
@media (min-width: 1024px) {
  #software-entwickler-customer-review .customer-review-box__card,
  #developers-customer-review .customer-review-box__card {
    grid-template-columns: minmax(0, 22.8125rem) minmax(0, 1fr);
  }
}
@media (min-width: 1024px) {
  #software-entwickler-customer-review .customer-review-box__image-wrap,
  #developers-customer-review .customer-review-box__image-wrap {
    max-width: 22.8125rem;
  }
}

section#software-entwickler-faq {
  padding-bottom: 0px;
}

#preise #comparison-boxes .comparison-boxes__card-subtitle {
  max-width: 65%;
  display: inline-block;
}

#preise-hero:has(+ #pricing-category-tabs) {
  overflow: hidden;
  padding-bottom: 13rem;
}
#preise-hero:has(+ #pricing-category-tabs) .hero-centered__title--no-subline {
  margin-bottom: 0;
}

#mittelstand-hero ~ .two-column .two-column__video-box.two-column__visual-box {
  box-shadow: none;
}

#priority-care-solution {
  padding-bottom: 2rem;
}
[data-theme=light] #priority-care-solution .centered-banner__glow {
  display: none;
}

#priority-care-faq {
  padding-top: 9rem;
}

#coaching-faq,
#pflegedienste-faq {
  padding-top: 3.75rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  #coaching-faq,
  #pflegedienste-faq {
    padding-top: 6.25rem;
    padding-bottom: 2.5rem;
  }
}

#coaching-industries-overview,
#pflegedienste-industries-overview {
  padding-top: 3.75rem;
}
@media (min-width: 1024px) {
  #coaching-industries-overview,
  #pflegedienste-industries-overview {
    padding-top: 5rem;
  }
}

#priority-care-hero .hero-centered__stack {
  padding-top: 1.5625rem;
}

#priority-care-boxes {
  padding-top: 9.375rem;
}

#priority-care-benefits {
  padding-bottom: 6.25rem;
}

#webinare-mediathek-hero .hero-centered__stack {
  max-width: none;
}
#webinare-mediathek-hero .hero-centered__visual {
  max-width: none;
}

@media (min-width: 1024px) {
  #amex .logo-slider__container--embedded {
    padding-top: var(--space-section-default);
  }
}

#amex .hero-centered__stack {
  max-width: none;
}

#amex .hero-centered__visual {
  max-width: none;
  gap: 3rem;
}

#amex .hero-centered__video-box,
#amex .hero-centered__image-box {
  max-width: none;
  aspect-ratio: 815/209;
}

#rechnungsaustausch-integrationen {
  background-color: transparent;
}

#rechnungsaustausch-information-box .information-box__inner {
  text-align: start;
}