*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html:focus-within { scroll-behavior: smooth; }
body { min-height: 100vh; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
@media (prefers-reduced-motion: reduce) {
  html:focus-within { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

:root,
html[data-theme="dark"],
body.dark-theme {
  --color-bg: #090a0f;
  --color-bg-elevated: #0f1118;
  --color-surface: #131622;
  --color-surface-soft: #181c2a;
  --color-surface-strong: #1e2333;

  --color-text: #f5f7fb;
  --color-text-muted: #a7adbb;
  --color-text-soft: #7f8798;

  --color-ink-strong: #111521;
  --color-ink: #2a3040;
  --color-ink-soft: #5f687b;
  --color-surface-light: #f5f3f7;
  --color-surface-light-strong: #ffffff;
  --color-border-light: rgba(20, 26, 40, 0.12);

  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.14);

  --color-accent: #8200cd;
  --color-accent-hover: #9800ef;
  --color-accent-soft: rgba(130, 0, 205, 0.14);
  --color-accent-ring: rgba(130, 0, 205, 0.32);

  --color-success: #1fbf75;
  --color-success-soft: rgba(31, 191, 117, 0.16);
  --color-warning: #e7a83a;
  --color-warning-soft: rgba(231, 168, 58, 0.16);
  --color-danger: #d84f68;
  --color-danger-soft: rgba(216, 79, 104, 0.16);
  --color-overlay: rgba(6, 8, 14, 0.72);

  --bg-image-theme-dark: url("/assets/content/img/bg-dark-lossless-r63.webp");
  --bg-image-theme-dark-mobile: url("/assets/content/img/bg-dark-mobil-lossless-r63.webp");
  --bg-image-theme-light: url("/assets/content/img/bg-2.webp");
  --bg-image-theme-light-mobile: url("/assets/content/img/bg-mobil.webp");

  --bg-hero-image-dark: var(--bg-image-theme-dark);
  --bg-hero-image-dark-mobile: var(--bg-image-theme-dark-mobile);
  --bg-hero-image-light: var(--bg-image-theme-light);
  --bg-hero-image-light-mobile: var(--bg-image-theme-light-mobile);

  --bg-about-image-dark: var(--bg-image-theme-dark);
  --bg-about-image-light: var(--bg-image-theme-light);

  --bg-services-image-dark: var(--bg-image-theme-dark);
  --bg-services-image-light: var(--bg-image-theme-light);

  --bg-overview-image-dark: var(--bg-image-theme-dark);
  --bg-overview-image-light: var(--bg-image-theme-light);


  --bg-pricing-image-dark: var(--bg-image-theme-dark);
  --bg-pricing-image-light: var(--bg-image-theme-light);
  --bg-upgrades-image-dark: var(--bg-image-theme-dark);
  --bg-upgrades-image-light: var(--bg-image-theme-light);
  --bg-contact-image-dark: var(--bg-image-theme-dark);
  --bg-contact-image-light: var(--bg-image-theme-light);
  --bg-faq-image-dark: var(--bg-image-theme-dark);
  --bg-faq-image-light: var(--bg-image-theme-light);

  --bg-divider-wave: url("/assets/content/img/hg.png");
  --bg-divider-header: url("/assets/content/img/header-grafik.png");

  --theme-page-canvas:
    radial-gradient(circle at top, rgba(130, 0, 205, 0.16), transparent 34%),
    linear-gradient(180deg, #090a0f 0%, #0d111a 45%, #090a0f 100%);
  --theme-page-bg: #090a0f;
  --theme-page-text: #f5f7fb;
  --theme-page-text-muted: #a7adbb;
  --theme-page-heading: #f5f7fb;
  --theme-kicker: #d6b4ff;
  --theme-kicker-strong: #ead8ff;

  --theme-surface-1: rgba(19, 22, 34, 0.88);
  --theme-surface-2: rgba(24, 28, 42, 0.9);
  --theme-surface-3: rgba(255, 255, 255, 0.045);
  --theme-surface-soft: rgba(255, 255, 255, 0.03);
  --theme-surface-contrast: rgba(255, 255, 255, 0.96);
  --theme-surface-contrast-soft: rgba(247, 245, 248, 0.92);
  --theme-border-soft: rgba(255, 255, 255, 0.08);
  --theme-border-strong: rgba(255, 255, 255, 0.14);
  --theme-border-contrast: rgba(17, 21, 33, 0.08);
  --theme-shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.18);
  --theme-shadow-medium: 0 22px 44px rgba(0, 0, 0, 0.26);
  --theme-shadow-strong: 0 28px 54px rgba(0, 0, 0, 0.3);

  --theme-elevated-card-bg: rgba(19, 22, 34, 0.88);
  --theme-elevated-card-border: rgba(255, 255, 255, 0.08);
  --theme-elevated-card-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
  --theme-list-bullet: #b664ff;
  --theme-link-soft: #dfc5ff;
  --theme-icon-accent: #d7b1ff;

  --button-secondary-bg: rgba(255, 255, 255, 0.045);
  --button-secondary-border: rgba(255, 255, 255, 0.12);
  --button-secondary-text: var(--color-text);
  --button-ghost-border: rgba(255, 255, 255, 0.14);

  --button-height: 3rem;
  --button-height-sm: 2.625rem;
  --button-height-lg: 3.5rem;
  --button-padding-x: var(--space-20);
  --button-padding-y: var(--space-12);
  --button-padding-sm-x: var(--space-16);
  --button-padding-lg-x: var(--space-24);
  --button-gap: var(--space-8);
  --button-radius: var(--radius-pill);
  --button-font-size: var(--font-size-body-sm);
  --button-font-size-sm: var(--font-size-caption);
  --button-font-size-lg: var(--font-size-body);
  --button-font-weight: var(--font-weight-semibold);

  --button-primary-text: #ffffff;
  --button-primary-border: rgba(255, 255, 255, 0.18);
  --button-primary-bg: linear-gradient(180deg, #c679ff 0%, #a846ff 34%, #8200cd 72%, #6500a1 100%);
  --button-primary-bg-hover: linear-gradient(180deg, #cf84ff 0%, #b254ff 34%, #8d10de 72%, #7000b0 100%);
  --button-primary-inner: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.02) 48%, rgba(0, 0, 0, 0.12) 100%);
  --button-primary-sheen: linear-gradient(115deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.18) 34%, rgba(255, 255, 255, 0.04) 48%, rgba(255, 255, 255, 0) 68%);
  --button-primary-shadow: 0 16px 34px rgba(130, 0, 205, 0.24), 0 6px 16px rgba(130, 0, 205, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  --button-primary-shadow-hover: 0 20px 40px rgba(130, 0, 205, 0.28), 0 8px 18px rgba(130, 0, 205, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  --button-primary-shadow-active: 0 10px 20px rgba(130, 0, 205, 0.18), 0 4px 10px rgba(130, 0, 205, 0.10), inset 0 2px 8px rgba(0, 0, 0, 0.18);
  --button-primary-ring: 0 0 0 1px rgba(255, 255, 255, 0.22);
  --button-primary-glow: 0 0 0 1px rgba(255, 255, 255, 0.22), 0 0 22px rgba(168, 70, 255, 0.12);
  --button-primary-focus: 0 0 0 3px rgba(130, 0, 205, 0.20), 0 0 0 6px rgba(130, 0, 205, 0.08);

  --header-bg: linear-gradient(180deg, rgba(6, 8, 14, 0.9), rgba(10, 12, 20, 0.72));
  --header-border: rgba(255, 255, 255, 0.08);
  --header-line: linear-gradient(90deg, transparent 0%, rgba(186, 131, 255, 0.72) 50%, transparent 100%);
  --header-text: #f5f7fb;
  --header-pill-bg: rgba(255, 255, 255, 0.045);
  --header-pill-border: rgba(255, 255, 255, 0.12);
  --header-icon: #d7b1ff;
  --header-shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
  --nav-backdrop-bg: rgba(2, 4, 8, 0.68);
  --menu-bar-color: #ffffff;

  --hero-bg-color: linear-gradient(180deg, rgba(4, 6, 12, 0.98) 0%, rgba(7, 10, 18, 0.96) 100%);
  --hero-bg-image-active: var(--bg-hero-image-dark);
  --hero-bg-image-mobile-active: var(--bg-hero-image-dark-mobile);
  --hero-bg-primary-overlay: linear-gradient(180deg, rgba(6, 8, 14, 0.82) 0%, rgba(6, 8, 14, 0.44) 50%, rgba(244, 241, 246, 0.18) 100%);
  --hero-bg-secondary-overlay: radial-gradient(circle at 18% 22%, rgba(128, 0, 194, 0.28), transparent 26%), radial-gradient(circle at 82% 18%, rgba(82, 124, 255, 0.16), transparent 24%), radial-gradient(circle at 50% 100%, rgba(247, 244, 250, 0.08), transparent 24%);
  --hero-bottom-fade: linear-gradient(180deg, rgba(248, 245, 250, 0) 0%, rgba(248, 245, 250, 0.18) 100%);
  --hero-fg: #f5f7fb;
  --hero-lead: rgba(232, 236, 244, 0.86);
  --hero-muted: rgba(215, 221, 233, 0.78);
  --hero-kicker: rgba(240, 224, 255, 0.88);
  --hero-trust-bg: linear-gradient(180deg, rgba(19, 22, 34, 0.8) 0%, rgba(11, 14, 24, 0.88) 100%);
  --hero-trust-border: rgba(255, 255, 255, 0.08);
  --hero-trust-title: #ffffff;
  --hero-trust-text: rgba(222, 227, 236, 0.78);
  --hero-panel-bg: linear-gradient(180deg, rgba(16, 19, 31, 0.74) 0%, rgba(11, 14, 24, 0.84) 100%);
  --hero-panel-border: rgba(255, 255, 255, 0.08);
  --hero-panel-shadow: 0 28px 70px rgba(0, 0, 0, 0.3);
  --hero-stage-border: rgba(255, 255, 255, 0.06);
  --hero-stage-glow: rgba(130, 0, 205, 0.24);
  --hero-badge-bg: rgba(255, 255, 255, 0.08);
  --hero-badge-border: rgba(255, 255, 255, 0.08);
  --hero-badge-text: #f5f7fb;
  --hero-copy-kicker: #d6b4ff;
  --hero-copy-text: rgba(227, 232, 241, 0.78);
  --hero-stat-bg: rgba(255, 255, 255, 0.045);
  --hero-stat-border: rgba(255, 255, 255, 0.08);
  --hero-stat-label: rgba(214, 220, 229, 0.72);
  --hero-stat-value: #ffffff;

  --trustbar-bg: linear-gradient(180deg, #f3f1f4 0%, #f7f5f8 100%);
  --trustbar-overlay: radial-gradient(circle at 82% 12%, rgba(130, 0, 205, 0.06), transparent 22%);
  --trustbar-heading: #111521;
  --trustbar-text: #2a3040;
  --trustbar-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 245, 248, 0.92));
  --trustbar-card-border: rgba(17, 21, 33, 0.08);
  --trustbar-card-shadow: 0 14px 34px rgba(21, 26, 39, 0.1);

  --about-bg: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(9, 13, 22, 0.96) 100%);
  --about-bg-image-active: var(--bg-about-image-dark);
  --about-overlay: linear-gradient(180deg, rgba(7, 10, 18, 0.88) 0%, rgba(9, 13, 22, 0.92) 100%), radial-gradient(circle at 20% 18%, rgba(130, 0, 205, 0.18), transparent 22%), radial-gradient(circle at 86% 14%, rgba(67, 113, 255, 0.14), transparent 26%);
  --about-heading: #f5f7fb;
  --about-text: rgba(228, 232, 240, 0.78);
  --about-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(18, 24, 40, 0.52) 100%);
  --about-card-border: rgba(255, 255, 255, 0.1);
  --about-card-shadow: 0 16px 36px rgba(0, 0, 0, 0.18);
  --about-photo-bg: linear-gradient(180deg, rgba(18, 23, 38, 0.74) 0%, rgba(11, 15, 25, 0.84) 100%);
  --about-photo-border: rgba(255, 255, 255, 0.08);
  --about-photo-shadow: 0 30px 66px rgba(0, 0, 0, 0.28);
  --about-icon-bg: linear-gradient(180deg, rgba(130, 0, 205, 0.28) 0%, rgba(130, 0, 205, 0.12) 100%);
  --about-icon-color: #f5ebff;

  --services-bg: linear-gradient(180deg, #6f0db4 0%, #8617cf 48%, #5c0897 100%);
  --services-bg-image-active: none;
  --services-overlay: radial-gradient(circle at 18% 15%, rgba(255, 255, 255, 0.1), transparent 24%), radial-gradient(circle at 82% 24%, rgba(34, 10, 65, 0.26), transparent 26%), linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.008) 14%, rgba(255, 255, 255, 0) 22%);
  --services-heading: #f5f7fb;
  --services-text: rgba(225, 229, 238, 0.78);
  --services-card-bg: linear-gradient(180deg, rgba(36, 12, 66, 0.82) 0%, rgba(24, 8, 46, 0.92) 100%);
  --services-card-border: rgba(255, 255, 255, 0.14);
  --services-card-shadow: 0 22px 44px rgba(0, 0, 0, 0.26);
  --services-card-shadow-hover: 0 28px 54px rgba(0, 0, 0, 0.3);
  --services-card-hover-border: rgba(238, 212, 255, 0.42);
  --services-link-bg: rgba(255, 255, 255, 0.06);
  --services-link-border: rgba(255, 255, 255, 0.15);
  --services-link-text: #fff3ff;
  --services-link-hover-bg: rgba(255, 255, 255, 0.14);
  --services-link-hover-border: rgba(255, 255, 255, 0.22);

  --overview-bg: linear-gradient(180deg, #7b05c0 0%, #8f12dc 48%, #6e00b3 100%);
  --overview-bg-image-active: var(--bg-overview-image-dark);
  --overview-overlay: linear-gradient(180deg, rgba(65, 0, 106, 0.1) 0%, rgba(38, 0, 66, 0.18) 100%), radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.12), transparent 22%), radial-gradient(circle at 82% 76%, rgba(33, 4, 58, 0.26), transparent 28%);
  --overview-heading: #ffffff;
  --overview-text: rgba(250, 244, 255, 0.88);
  --overview-card-bg: linear-gradient(180deg, rgba(43, 11, 78, 0.62) 0%, rgba(22, 8, 43, 0.86) 100%);
  --overview-card-border: rgba(255, 255, 255, 0.16);
  --overview-card-shadow: 0 20px 40px rgba(40, 0, 63, 0.28);
  --overview-card-accent-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(85, 13, 140, 0.82) 100%), linear-gradient(180deg, rgba(128, 41, 201, 0.84) 0%, rgba(69, 9, 116, 0.92) 100%);
  --overview-card-soft-bg: linear-gradient(180deg, rgba(70, 24, 119, 0.42) 0%, rgba(29, 10, 55, 0.82) 100%);
  --signature-divider-glow: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(130,0,205,0.7) 50%, rgba(255,255,255,0) 100%);
--results-bg: linear-gradient(180deg, rgba(7, 10, 18, 0.98) 0%, rgba(9, 13, 22, 0.96) 100%);
--results-bg-image-active: var(--bg-results-image-dark);
--results-overlay: linear-gradient(180deg, rgba(7, 10, 18, 0.88) 0%, rgba(9, 13, 22, 0.82) 100%), radial-gradient(circle at 14% 14%, rgba(130, 0, 205, 0.18), transparent 22%), radial-gradient(circle at 86% 16%, rgba(83, 127, 255, 0.12), transparent 22%);
--results-bottom-fade: linear-gradient(180deg, rgba(8, 11, 20, 0) 0%, rgba(10, 13, 22, 0.72) 100%);
--results-heading: #f5f7fb;
--results-text: rgba(226, 231, 239, 0.82);
--results-chip-bg: rgba(255, 255, 255, 0.055);
--results-chip-border: rgba(255, 255, 255, 0.1);
--results-chip-text: rgba(243, 236, 255, 0.94);
--results-showcase-bg: linear-gradient(180deg, rgba(17, 21, 34, 0.84) 0%, rgba(10, 13, 22, 0.92) 100%);
--results-showcase-border: rgba(255, 255, 255, 0.1);
--results-showcase-shadow: 0 28px 60px rgba(0, 0, 0, 0.24);
--results-media-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.065) 0%, rgba(17, 21, 33, 0.18) 100%);
--results-media-frame: rgba(255, 255, 255, 0.08);
--results-media-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(10, 13, 22, 0.14) 100%);
--results-floating-bg: linear-gradient(180deg, rgba(11, 14, 24, 0.96) 0%, rgba(6, 8, 14, 0.96) 100%);
--results-floating-border: rgba(255, 255, 255, 0.08);
--results-floating-shadow: 0 22px 48px rgba(0, 0, 0, 0.24);
--results-floating-text: rgba(231, 236, 243, 0.82);
--results-floating-heading: #ffffff;
--results-highlight-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(17, 21, 34, 0.34) 100%);
--results-highlight-border: rgba(255, 255, 255, 0.08);
--results-highlight-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
--results-highlight-kicker: #d6b4ff;

  --pricing-bg: linear-gradient(180deg, rgba(5, 8, 16, 0.98) 0%, rgba(8, 11, 20, 0.96) 100%);
  --pricing-bg-image-active: var(--bg-pricing-image-dark);
  --pricing-overlay: linear-gradient(180deg, rgba(6, 8, 14, 0.82) 0%, rgba(6, 8, 14, 0.72) 36%, rgba(6, 8, 14, 0.86) 100%), radial-gradient(circle at 18% 18%, rgba(130, 0, 205, 0.18), transparent 22%), radial-gradient(circle at 82% 22%, rgba(87, 124, 255, 0.12), transparent 26%);
  --pricing-heading: #f5f7fb;
  --pricing-text: rgba(228, 232, 240, 0.8);
  --pricing-note-bg: linear-gradient(180deg, rgba(16, 19, 33, 0.82) 0%, rgba(11, 14, 26, 0.9) 100%);
  --pricing-note-border: rgba(255, 255, 255, 0.1);
  --pricing-note-shadow: 0 22px 44px rgba(0, 0, 0, 0.22);

  --upgrades-bg: linear-gradient(180deg, rgba(5, 8, 16, 0.98) 0%, rgba(7, 10, 18, 0.96) 100%);
  --upgrades-bg-image-active: var(--bg-upgrades-image-dark);
  --upgrades-overlay: linear-gradient(180deg, rgba(5, 8, 16, 0.84) 0%, rgba(5, 8, 16, 0.72) 38%, rgba(5, 8, 16, 0.88) 100%), radial-gradient(circle at 20% 20%, rgba(130, 0, 205, 0.18), transparent 22%), radial-gradient(circle at 82% 18%, rgba(82, 124, 255, 0.12), transparent 24%);
  --upgrades-heading: #f5f7fb;
  --upgrades-text: rgba(226, 231, 239, 0.8);
  --upgrades-note-bg: linear-gradient(180deg, rgba(16, 19, 33, 0.82) 0%, rgba(11, 14, 26, 0.9) 100%);
  --upgrades-note-border: rgba(255, 255, 255, 0.1);
  --upgrades-note-shadow: 0 22px 44px rgba(0, 0, 0, 0.22);

--contact-bg: linear-gradient(180deg, rgba(6, 9, 18, 0.98) 0%, rgba(8, 11, 21, 0.96) 100%);
--contact-overlay: radial-gradient(circle at 16% 18%, rgba(130, 0, 205, 0.18), transparent 24%), radial-gradient(circle at 84% 16%, rgba(83, 127, 255, 0.12), transparent 24%), linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0) 18%);
--contact-bottom-fade: linear-gradient(180deg, rgba(6, 9, 18, 0) 0%, rgba(8, 11, 21, 0.72) 100%);
--contact-card-glow: radial-gradient(circle at 18% 16%, rgba(130, 0, 205, 0.15), transparent 24%), radial-gradient(circle at 88% 12%, rgba(83, 127, 255, 0.08), transparent 20%);
--contact-kicker: #ead8ff;
--contact-heading: #f5f7fb;
--contact-text: rgba(226, 231, 239, 0.8);
--contact-panel-bg: linear-gradient(180deg, rgba(17, 21, 34, 0.88) 0%, rgba(10, 13, 22, 0.94) 100%);
--contact-panel-border: rgba(255, 255, 255, 0.1);
--contact-panel-shadow: 0 28px 58px rgba(0, 0, 0, 0.26);
--contact-subcard-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(17, 21, 34, 0.32) 100%);
--contact-subcard-border: rgba(255, 255, 255, 0.08);
--contact-step-badge-bg: linear-gradient(180deg, rgba(161, 38, 255, 0.94) 0%, rgba(130, 0, 205, 0.92) 100%);
--contact-step-badge-shadow: 0 16px 32px rgba(130, 0, 205, 0.24);
--contact-input-bg: rgba(255, 255, 255, 0.055);
--contact-input-border: rgba(255, 255, 255, 0.1);
--contact-input-focus: rgba(196, 150, 255, 0.52);
--contact-input-focus-bg: rgba(255, 255, 255, 0.075);
--contact-placeholder: rgba(218, 224, 234, 0.62);
--contact-note-bg: rgba(255, 255, 255, 0.045);
--contact-note-border: rgba(255, 255, 255, 0.08);

--faq-bg: linear-gradient(180deg, rgba(8, 11, 20, 0.98) 0%, rgba(11, 14, 24, 0.96) 100%);
--faq-overlay: radial-gradient(circle at 14% 14%, rgba(130, 0, 205, 0.16), transparent 24%), radial-gradient(circle at 86% 16%, rgba(83, 127, 255, 0.1), transparent 22%);

  --subpage-page-bg: linear-gradient(180deg, #070a12 0%, #0b0f19 48%, #070a12 100%);
  --subpage-page-text: #f5f7fb;
  --subpage-page-text-muted: rgba(221, 227, 237, 0.76);
  --subpage-page-heading: #ffffff;
  --subpage-page-kicker: #d6b4ff;
  --subpage-hero-bg: linear-gradient(180deg, rgba(4, 6, 12, 0.98) 0%, rgba(7, 10, 18, 0.96) 100%);
  --subpage-hero-image-active: var(--bg-hero-image-dark);
  --subpage-hero-image-mobile-active: var(--bg-hero-image-dark-mobile);
  --subpage-hero-bg-primary-overlay: linear-gradient(180deg, rgba(6, 8, 14, 0.82) 0%, rgba(6, 8, 14, 0.44) 50%, rgba(244, 241, 246, 0.18) 100%);
  --subpage-hero-bg-secondary-overlay: radial-gradient(circle at 18% 22%, rgba(128, 0, 194, 0.28), transparent 26%), radial-gradient(circle at 82% 18%, rgba(82, 124, 255, 0.16), transparent 24%), radial-gradient(circle at 50% 100%, rgba(247, 244, 250, 0.08), transparent 24%);
  --subpage-hero-bottom-fade: linear-gradient(180deg, rgba(248, 245, 250, 0) 0%, rgba(248, 245, 250, 0.18) 100%);
  --subpage-hero-overlay: linear-gradient(180deg, rgba(6, 8, 14, 0.78) 0%, rgba(8, 11, 20, 0.7) 42%, rgba(8, 11, 20, 0.9) 100%), radial-gradient(circle at 18% 18%, rgba(130, 0, 205, 0.18), transparent 24%), radial-gradient(circle at 82% 18%, rgba(83, 127, 255, 0.14), transparent 22%);
  --subpage-hero-heading: #f5f7fb;
  --subpage-hero-lead: rgba(232, 236, 244, 0.86);
  --subpage-hero-kicker: rgba(240, 224, 255, 0.88);
  --subpage-hero-panel-bg: linear-gradient(180deg, rgba(17, 21, 34, 0.88) 0%, rgba(10, 13, 22, 0.94) 100%);
  --subpage-hero-panel-border: rgba(255, 255, 255, 0.1);
  --subpage-hero-panel-shadow: 0 30px 64px rgba(0, 0, 0, 0.28);
  --subpage-hero-panel-heading: #ffffff;
  --subpage-hero-panel-text: rgba(226, 231, 239, 0.82);
  --subpage-hero-chip-bg: rgba(255, 255, 255, 0.055);
  --subpage-hero-chip-border: rgba(255, 255, 255, 0.09);
  --subpage-hero-chip-text: rgba(239, 243, 250, 0.94);
  --subpage-switcher-bg: rgba(11, 14, 24, 0.9);
  --subpage-switcher-border: rgba(255, 255, 255, 0.08);
  --subpage-switcher-pill-bg: rgba(255, 255, 255, 0.045);
  --subpage-switcher-pill-border: rgba(255, 255, 255, 0.08);
  --subpage-section-bg: linear-gradient(180deg, rgba(8, 11, 20, 0.98) 0%, rgba(10, 13, 22, 0.96) 100%);
  --subpage-section-light-bg: linear-gradient(180deg, rgba(11, 15, 26, 0.98) 0%, rgba(14, 18, 30, 0.96) 100%);
  --subpage-section-light-text: #f5f7fb;
  --subpage-section-light-heading: #ffffff;
  --subpage-section-light-kicker: #d6b4ff;
  --subpage-section-light-chip-bg: rgba(255, 255, 255, 0.055);
  --subpage-section-light-chip-border: rgba(255, 255, 255, 0.09);
  --subpage-section-light-card-bg: linear-gradient(180deg, rgba(17, 21, 34, 0.9) 0%, rgba(10, 13, 22, 0.94) 100%);
  --subpage-section-light-card-border: rgba(255, 255, 255, 0.08);
  --subpage-section-light-card-text: rgba(226, 231, 239, 0.82);
  --subpage-section-light-card-heading: #ffffff;
  --subpage-section-light-card-soft-bg: rgba(255, 255, 255, 0.05);
  --subpage-section-light-card-soft-border: rgba(255, 255, 255, 0.08);
  --subpage-card-bg: linear-gradient(180deg, rgba(17, 21, 34, 0.86) 0%, rgba(10, 13, 22, 0.92) 100%);
  --subpage-card-border: rgba(255, 255, 255, 0.08);
  --subpage-card-shadow: 0 22px 48px rgba(0, 0, 0, 0.24);
  --subpage-card-text: rgba(226, 231, 239, 0.82);
  --subpage-card-heading: #ffffff;
  --subpage-card-soft-bg: rgba(255, 255, 255, 0.05);
  --subpage-card-soft-border: rgba(255, 255, 255, 0.08);
  --subpage-number-bg: linear-gradient(180deg, rgba(161, 38, 255, 0.92) 0%, rgba(130, 0, 205, 0.92) 100%);
  --subpage-number-shadow: 0 16px 34px rgba(130, 0, 205, 0.28);
  --subpage-cta-bg: linear-gradient(180deg, rgba(14, 18, 30, 0.9) 0%, rgba(8, 11, 20, 0.95) 100%);
  --subpage-cta-border: rgba(255, 255, 255, 0.08);
  --subpage-cta-shadow: 0 28px 58px rgba(0, 0, 0, 0.26);
  --subpage-footer-top-gap: clamp(3.8rem, 6vw, 5.4rem);

--faq-bottom-fade: linear-gradient(180deg, rgba(8, 11, 20, 0) 0%, rgba(11, 14, 24, 0.7) 100%);
--faq-kicker: #d6b4ff;
--faq-heading: #f5f7fb;
--faq-text: rgba(226, 231, 239, 0.8);
--faq-card-bg: linear-gradient(180deg, rgba(17, 21, 34, 0.84) 0%, rgba(10, 13, 22, 0.9) 100%);
--faq-card-border: rgba(255, 255, 255, 0.08);
--faq-card-shadow: 0 18px 38px rgba(0, 0, 0, 0.2);
--faq-card-shadow-open: 0 22px 46px rgba(0, 0, 0, 0.26);
--faq-summary-bg: rgba(255, 255, 255, 0.05);
--faq-summary-border: rgba(255, 255, 255, 0.08);
--faq-summary-icon-bg: rgba(130, 0, 205, 0.14);
--faq-summary-icon-color: #ead8ff;
--faq-answer-border: rgba(255, 255, 255, 0.08);

  --signature-divider-glow: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(214,180,255,0.95) 50%, rgba(255,255,255,0) 100%);
  --signature-divider-core: rgba(255,255,255,0.08);

  --space-0: 0;
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-40: 2.5rem;
  --space-48: 3rem;
  --space-56: 3.5rem;
  --space-64: 4rem;
  --space-72: 4.5rem;
  --space-80: 5rem;
  --space-96: 6rem;
  --space-112: 7rem;
  --space-128: 8rem;

  --radius-xs: 0.5rem;
  --radius-sm: 0.75rem;
  --radius-md: 1rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.75rem;
  --radius-2xl: 2.25rem;
  --radius-pill: 999px;

  --shadow-xs: 0 4px 10px rgba(0, 0, 0, 0.12);
  --shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.16);
  --shadow-md: 0 16px 40px rgba(0, 0, 0, 0.22);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.28);
  --shadow-xl: 0 32px 84px rgba(0, 0, 0, 0.36);

  --border-width-thin: 1px;
  --border-width-strong: 1.5px;

  --container-xs: 40rem;
  --container-sm: 56rem;
  --container-md: 72rem;
  --container-lg: 100rem;
  --container-xl: 100rem;
  --container-padding-x: clamp(1rem, 2.2vw, 2.25rem);
  --site-max-width: 100rem;
  --site-gutter-inline: clamp(1rem, 2.2vw, 2.25rem);

  --font-family-base: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-family-heading: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-family-display: "Nasalization", "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --font-size-hero: clamp(2.5rem, 5vw, 4.9rem);
  --font-size-h1: clamp(2.125rem, 4vw, 3.75rem);
  --font-size-h2: clamp(1.75rem, 3vw, 2.75rem);
  --font-size-h3: clamp(1.375rem, 2vw, 1.875rem);
  --font-size-h4: 1.125rem;
  --font-size-body-lg: 1.125rem;
  --font-size-body: 1rem;
  --font-size-body-sm: 0.9375rem;
  --font-size-caption: 0.8125rem;

  --line-height-tight: 1.08;
  --line-height-heading: 1.15;
  --line-height-body: 1.65;
  --line-height-dense: 1.45;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --letter-spacing-tight: -0.03em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.04em;

  --duration-fast: 160ms;
  --duration-base: 220ms;
  --duration-slow: 320ms;
  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  --z-base: 1;
  --z-header: 260;
  --z-dropdown: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;

  --header-height: 5.15rem;
  --header-offset: clamp(5.75rem, 8vw, 6.6rem);
}

html[data-theme="light"],
body:not(.dark-theme) {
  --color-bg: #f4f1f7;
  --color-bg-elevated: #ffffff;
  --color-surface: #ffffff;
  --color-surface-soft: #f6f2fa;
  --color-surface-strong: #ffffff;

  --color-text: #111521;
  --color-text-muted: #4d5668;
  --color-text-soft: #6d7586;

  --color-ink-strong: #111521;
  --color-ink: #2d3545;
  --color-ink-soft: #677083;
  --color-surface-light: #ffffff;
  --color-surface-light-strong: #ffffff;
  --color-border-light: rgba(20, 26, 40, 0.12);
  --color-border: rgba(17, 21, 33, 0.1);
  --color-border-strong: rgba(17, 21, 33, 0.16);
  --color-overlay: rgba(255, 255, 255, 0.58);

  --theme-page-canvas:
    radial-gradient(circle at top, rgba(130, 0, 205, 0.08), transparent 30%),
    linear-gradient(180deg, #f4f1f7 0%, #fbf9fd 48%, #f1eef6 100%);
  --theme-page-bg: #f4f1f7;
  --theme-page-text: #111521;
  --theme-page-text-muted: #4d5668;
  --theme-page-heading: #111521;
  --theme-kicker: #7d1cc3;
  --theme-kicker-strong: #6d14ae;

  --theme-surface-1: rgba(255, 255, 255, 0.88);
  --theme-surface-2: rgba(248, 245, 251, 0.92);
  --theme-surface-3: rgba(255, 255, 255, 0.72);
  --theme-surface-soft: rgba(255, 255, 255, 0.72);
  --theme-surface-contrast: rgba(255, 255, 255, 0.96);
  --theme-surface-contrast-soft: rgba(247, 245, 248, 0.92);
  --theme-border-soft: rgba(17, 21, 33, 0.08);
  --theme-border-strong: rgba(17, 21, 33, 0.14);
  --theme-border-contrast: rgba(17, 21, 33, 0.08);
  --theme-shadow-soft: 0 18px 40px rgba(24, 30, 44, 0.08);
  --theme-shadow-medium: 0 22px 44px rgba(24, 30, 44, 0.1);
  --theme-shadow-strong: 0 28px 54px rgba(24, 30, 44, 0.14);

  --theme-elevated-card-bg: rgba(255, 255, 255, 0.88);
  --theme-elevated-card-border: rgba(17, 21, 33, 0.08);
  --theme-elevated-card-shadow: 0 18px 40px rgba(24, 30, 44, 0.08);
  --theme-list-bullet: #7d1cc3;
  --theme-link-soft: #6d14ae;
  --theme-icon-accent: #8200cd;

  --button-secondary-bg: rgba(255, 255, 255, 0.78);
  --button-secondary-border: rgba(17, 21, 33, 0.1);
  --button-secondary-text: #111521;
  --button-ghost-border: rgba(17, 21, 33, 0.14);
  --button-primary-shadow: 0 16px 34px rgba(130, 0, 205, 0.24), 0 6px 16px rgba(130, 0, 205, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  --button-primary-shadow-hover: 0 20px 40px rgba(130, 0, 205, 0.28), 0 8px 18px rgba(130, 0, 205, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  --button-primary-shadow-active: 0 10px 20px rgba(130, 0, 205, 0.18), 0 4px 10px rgba(130, 0, 205, 0.10), inset 0 2px 8px rgba(0, 0, 0, 0.18);
  --button-primary-ring: 0 0 0 1px rgba(255, 255, 255, 0.22);
  --button-primary-glow: 0 0 0 1px rgba(255, 255, 255, 0.22), 0 0 22px rgba(168, 70, 255, 0.12);
  --button-primary-focus: 0 0 0 3px rgba(130, 0, 205, 0.20), 0 0 0 6px rgba(130, 0, 205, 0.08);

  --header-bg: linear-gradient(180deg, rgba(248, 246, 250, 0.9), rgba(255, 255, 255, 0.78));
  --header-border: rgba(17, 21, 33, 0.08);
  --header-line: linear-gradient(90deg, transparent 0%, rgba(130, 0, 205, 0.48) 50%, transparent 100%);
  --header-text: #111521;
  --header-pill-bg: rgba(255, 255, 255, 0.76);
  --header-pill-border: rgba(17, 21, 33, 0.08);
  --header-icon: #8200cd;
  --header-shadow: 0 14px 40px rgba(24, 30, 44, 0.08);
  --nav-backdrop-bg: rgba(245, 240, 250, 0.72);
  --menu-bar-color: #111521;

  --hero-bg-color: linear-gradient(180deg, rgba(8, 10, 16, 0.98) 0%, rgba(10, 13, 20, 0.96) 100%);
  --hero-bg-image-active: var(--bg-hero-image-light);
  --hero-bg-image-mobile-active: var(--bg-hero-image-light-mobile);
  --hero-bg-primary-overlay: linear-gradient(180deg, rgba(9, 11, 18, 0.56) 0%, rgba(10, 13, 20, 0.46) 50%, rgba(247, 244, 250, 0.16) 100%);
  --hero-bg-secondary-overlay: radial-gradient(circle at 18% 18%, rgba(130, 0, 205, 0.16), transparent 26%), radial-gradient(circle at 84% 20%, rgba(95, 129, 245, 0.14), transparent 24%), radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.08), transparent 24%);
  --hero-bottom-fade: linear-gradient(180deg, rgba(248, 245, 250, 0) 0%, rgba(248, 245, 250, 0.16) 100%);
  --hero-fg: #f5f7fb;
  --hero-lead: rgba(232, 236, 244, 0.88);
  --hero-muted: rgba(215, 221, 233, 0.78);
  --hero-kicker: rgba(240, 224, 255, 0.88);
  --hero-trust-bg: linear-gradient(180deg, rgba(19, 22, 34, 0.8) 0%, rgba(11, 14, 24, 0.88) 100%);
  --hero-trust-border: rgba(255, 255, 255, 0.08);
  --hero-trust-title: #ffffff;
  --hero-trust-text: rgba(222, 227, 236, 0.78);
  --hero-panel-bg: linear-gradient(180deg, rgba(16, 19, 31, 0.72) 0%, rgba(11, 14, 24, 0.82) 100%);
  --hero-panel-border: rgba(255, 255, 255, 0.08);
  --hero-panel-shadow: 0 28px 70px rgba(0, 0, 0, 0.28);
  --hero-stage-border: rgba(255, 255, 255, 0.08);
  --hero-stage-glow: rgba(130, 0, 205, 0.18);
  --hero-badge-bg: rgba(255, 255, 255, 0.08);
  --hero-badge-border: rgba(255, 255, 255, 0.08);
  --hero-badge-text: #f5f7fb;
  --hero-copy-kicker: #d6b4ff;
  --hero-copy-text: rgba(227, 232, 241, 0.8);
  --hero-stat-bg: rgba(255, 255, 255, 0.05);
  --hero-stat-border: rgba(255, 255, 255, 0.08);
  --hero-stat-label: rgba(214, 220, 229, 0.72);
  --hero-stat-value: #ffffff;

  --trustbar-bg: linear-gradient(180deg, #ffffff 0%, #f7f4fa 100%);
  --trustbar-overlay: radial-gradient(circle at 82% 12%, rgba(130, 0, 205, 0.08), transparent 22%);
  --trustbar-heading: #111521;
  --trustbar-text: #2d3545;
  --trustbar-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(246, 241, 250, 0.94));
  --trustbar-card-border: rgba(17, 21, 33, 0.08);
  --trustbar-card-shadow: 0 14px 34px rgba(24, 30, 44, 0.08);

  --about-bg: linear-gradient(180deg, rgba(8, 10, 16, 0.98) 0%, rgba(10, 13, 20, 0.96) 100%);
  --about-bg-image-active: var(--bg-about-image-light);
  --about-overlay: linear-gradient(180deg, rgba(8, 10, 16, 0.72) 0%, rgba(10, 13, 20, 0.82) 100%), radial-gradient(circle at 20% 18%, rgba(130, 0, 205, 0.14), transparent 22%), radial-gradient(circle at 86% 14%, rgba(67, 113, 255, 0.12), transparent 26%);
  --about-heading: #f5f7fb;
  --about-text: rgba(228, 232, 240, 0.8);
  --about-card-bg: linear-gradient(180deg, rgba(17, 22, 35, 0.8) 0%, rgba(11, 15, 25, 0.88) 100%);
  --about-card-border: rgba(255, 255, 255, 0.1);
  --about-card-shadow: 0 16px 36px rgba(0, 0, 0, 0.18);
  --about-photo-bg: linear-gradient(180deg, rgba(17, 22, 35, 0.68) 0%, rgba(11, 15, 25, 0.82) 100%);
  --about-photo-border: rgba(255, 255, 255, 0.08);
  --about-photo-shadow: 0 24px 58px rgba(0, 0, 0, 0.24);
  --about-icon-bg: linear-gradient(180deg, rgba(130, 0, 205, 0.22) 0%, rgba(130, 0, 205, 0.1) 100%);
  --about-icon-color: #f5ebff;

  --services-bg: linear-gradient(180deg, #8c21d5 0%, #9d31e2 48%, #7411ba 100%);
  --services-bg-image-active: none;
  --services-overlay: radial-gradient(circle at 18% 15%, rgba(255, 255, 255, 0.12), transparent 24%), radial-gradient(circle at 82% 24%, rgba(46, 8, 84, 0.24), transparent 26%), linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.012) 14%, rgba(255, 255, 255, 0) 22%);
  --services-heading: #f5f7fb;
  --services-text: rgba(225, 229, 238, 0.8);
  --services-card-bg: linear-gradient(180deg, rgba(43, 11, 78, 0.78) 0%, rgba(25, 8, 47, 0.9) 100%);
  --services-card-border: rgba(255, 255, 255, 0.14);
  --services-card-shadow: 0 22px 44px rgba(0, 0, 0, 0.24);
  --services-card-shadow-hover: 0 28px 54px rgba(0, 0, 0, 0.3);
  --services-card-hover-border: rgba(238, 212, 255, 0.42);
  --services-link-bg: rgba(255, 255, 255, 0.06);
  --services-link-border: rgba(255, 255, 255, 0.15);
  --services-link-text: #fff3ff;
  --services-link-hover-bg: rgba(255, 255, 255, 0.14);
  --services-link-hover-border: rgba(255, 255, 255, 0.22);

  --overview-bg: linear-gradient(180deg, #7f17c6 0%, #8e22d7 48%, #6908ad 100%);
  --overview-bg-image-active: var(--bg-overview-image-light);
  --overview-overlay: linear-gradient(180deg, rgba(18, 5, 34, 0.26) 0%, rgba(18, 5, 34, 0.18) 100%), radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.1), transparent 22%), radial-gradient(circle at 82% 76%, rgba(32, 6, 54, 0.24), transparent 28%);
  --overview-heading: #ffffff;
  --overview-text: rgba(255, 248, 255, 0.92);
  --overview-card-bg: linear-gradient(180deg, rgba(50, 12, 86, 0.58) 0%, rgba(24, 8, 46, 0.84) 100%);
  --overview-card-border: rgba(255, 255, 255, 0.18);
  --overview-card-shadow: 0 20px 40px rgba(40, 0, 63, 0.24);
  --overview-card-accent-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(85, 13, 140, 0.82) 100%), linear-gradient(180deg, rgba(128, 41, 201, 0.84) 0%, rgba(69, 9, 116, 0.92) 100%);
  --overview-card-soft-bg: linear-gradient(180deg, rgba(70, 24, 119, 0.42) 0%, rgba(29, 10, 55, 0.82) 100%);
  --signature-divider-glow: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(130,0,205,0.7) 50%, rgba(255,255,255,0) 100%);
--results-bg: linear-gradient(180deg, #ffffff 0%, #faf7fc 46%, #f2edf7 100%);
--results-bg-image-active: none;
--results-overlay: radial-gradient(circle at 14% 12%, rgba(130, 0, 205, 0.08), transparent 22%), radial-gradient(circle at 86% 18%, rgba(106, 132, 255, 0.08), transparent 22%), linear-gradient(180deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0) 28%);
--results-bottom-fade: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(241, 236, 247, 0.92) 100%);
--results-heading: #111521;
--results-text: #364154;
--results-chip-bg: rgba(130, 0, 205, 0.08);
--results-chip-border: rgba(130, 0, 205, 0.12);
--results-chip-text: #6d14ae;
--results-showcase-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(249, 245, 252, 0.98) 100%);
--results-showcase-border: rgba(17, 21, 33, 0.08);
--results-showcase-shadow: 0 28px 60px rgba(24, 30, 44, 0.12);
--results-media-bg: linear-gradient(180deg, rgba(17, 21, 33, 0.08) 0%, rgba(17, 21, 33, 0.02) 100%);
--results-media-frame: rgba(255, 255, 255, 0.26);
--results-media-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(18, 22, 36, 0.16) 100%);
--results-floating-bg: linear-gradient(180deg, rgba(17, 21, 33, 0.94) 0%, rgba(10, 13, 20, 0.96) 100%);
--results-floating-border: rgba(255, 255, 255, 0.08);
--results-floating-shadow: 0 22px 48px rgba(0, 0, 0, 0.2);
--results-floating-text: rgba(231, 236, 243, 0.82);
--results-floating-heading: #ffffff;
--results-highlight-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(249, 245, 252, 0.98) 100%);
--results-highlight-border: rgba(17, 21, 33, 0.08);
--results-highlight-shadow: 0 18px 34px rgba(24, 30, 44, 0.09);
--results-highlight-kicker: #7d1cc3;

--contact-bg: linear-gradient(180deg, #f7f3fb 0%, #ffffff 46%, #f2ecf7 100%);
--contact-overlay: radial-gradient(circle at 16% 18%, rgba(130, 0, 205, 0.1), transparent 24%), radial-gradient(circle at 84% 16%, rgba(83, 127, 255, 0.08), transparent 24%), linear-gradient(180deg, rgba(255, 255, 255, 0.48) 0%, rgba(255, 255, 255, 0) 18%);
--contact-bottom-fade: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(240, 234, 246, 0.92) 100%);
--contact-card-glow: radial-gradient(circle at 18% 16%, rgba(130, 0, 205, 0.08), transparent 24%), radial-gradient(circle at 88% 12%, rgba(83, 127, 255, 0.05), transparent 20%);
--contact-kicker: #7d1cc3;
--contact-heading: #111521;
--contact-text: #445063;
--contact-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 245, 252, 0.98) 100%);
--contact-panel-border: rgba(17, 21, 33, 0.08);
--contact-panel-shadow: 0 28px 58px rgba(24, 30, 44, 0.12);
--contact-subcard-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 239, 249, 0.98) 100%);
--contact-subcard-border: rgba(17, 21, 33, 0.08);
--contact-step-badge-bg: linear-gradient(180deg, rgba(161, 38, 255, 0.94) 0%, rgba(130, 0, 205, 0.92) 100%);
--contact-step-badge-shadow: 0 16px 32px rgba(130, 0, 205, 0.18);
--contact-input-bg: rgba(255, 255, 255, 0.96);
--contact-input-border: rgba(17, 21, 33, 0.1);
--contact-input-focus: rgba(130, 0, 205, 0.34);
--contact-input-focus-bg: rgba(255, 255, 255, 1);
--contact-placeholder: rgba(68, 80, 99, 0.54);
--contact-note-bg: rgba(130, 0, 205, 0.05);
--contact-note-border: rgba(130, 0, 205, 0.1);

--faq-bg: linear-gradient(180deg, #ffffff 0%, #faf7fc 48%, #f1ecf6 100%);
--faq-overlay: radial-gradient(circle at 14% 14%, rgba(130, 0, 205, 0.08), transparent 24%), radial-gradient(circle at 86% 16%, rgba(106, 132, 255, 0.08), transparent 22%);

  --subpage-page-bg: linear-gradient(180deg, #f5f2f8 0%, #fbf9fd 48%, #f1edf7 100%);
  --subpage-page-text: #111521;
  --subpage-page-text-muted: #4d5668;
  --subpage-page-heading: #111521;
  --subpage-page-kicker: #7d1cc3;
  --subpage-hero-bg: linear-gradient(180deg, rgba(4, 6, 12, 0.98) 0%, rgba(7, 10, 18, 0.96) 100%);
  --subpage-hero-image-active: var(--bg-hero-image-light);
  --subpage-hero-image-mobile-active: var(--bg-hero-image-light-mobile);
  --subpage-hero-bg-primary-overlay: linear-gradient(180deg, rgba(8, 10, 16, 0.72) 0%, rgba(10, 13, 20, 0.42) 50%, rgba(244, 241, 246, 0.16) 100%);
  --subpage-hero-bg-secondary-overlay: radial-gradient(circle at 18% 22%, rgba(128, 0, 194, 0.24), transparent 26%), radial-gradient(circle at 82% 18%, rgba(82, 124, 255, 0.14), transparent 24%), radial-gradient(circle at 50% 100%, rgba(247, 244, 250, 0.07), transparent 24%);
  --subpage-hero-bottom-fade: linear-gradient(180deg, rgba(248, 245, 250, 0) 0%, rgba(248, 245, 250, 0.16) 100%);
  --subpage-hero-overlay: linear-gradient(180deg, rgba(8, 10, 16, 0.72) 0%, rgba(10, 13, 20, 0.7) 42%, rgba(10, 13, 20, 0.9) 100%), radial-gradient(circle at 18% 18%, rgba(130, 0, 205, 0.16), transparent 24%), radial-gradient(circle at 82% 18%, rgba(83, 127, 255, 0.12), transparent 22%);
  --subpage-hero-heading: #f5f7fb;
  --subpage-hero-lead: rgba(232, 236, 244, 0.88);
  --subpage-hero-kicker: rgba(240, 224, 255, 0.88);
  --subpage-hero-panel-bg: linear-gradient(180deg, rgba(17, 21, 34, 0.86) 0%, rgba(10, 13, 22, 0.92) 100%);
  --subpage-hero-panel-border: rgba(255, 255, 255, 0.1);
  --subpage-hero-panel-shadow: 0 26px 56px rgba(0, 0, 0, 0.24);
  --subpage-hero-panel-heading: #ffffff;
  --subpage-hero-panel-text: rgba(226, 231, 239, 0.82);
  --subpage-hero-chip-bg: rgba(255, 255, 255, 0.055);
  --subpage-hero-chip-border: rgba(255, 255, 255, 0.09);
  --subpage-hero-chip-text: rgba(239, 243, 250, 0.94);
  --subpage-switcher-bg: rgba(255, 255, 255, 0.82);
  --subpage-switcher-border: rgba(17, 21, 33, 0.08);
  --subpage-switcher-pill-bg: rgba(130, 0, 205, 0.06);
  --subpage-switcher-pill-border: rgba(130, 0, 205, 0.12);
  --subpage-section-bg: linear-gradient(180deg, #ffffff 0%, #faf7fc 100%);
  --subpage-section-light-bg: linear-gradient(180deg, #f1edf7 0%, #f8f5fb 100%);
  --subpage-section-light-text: #2d3545;
  --subpage-section-light-heading: #111521;
  --subpage-section-light-kicker: #7d1cc3;
  --subpage-section-light-chip-bg: rgba(130, 0, 205, 0.06);
  --subpage-section-light-chip-border: rgba(125, 28, 195, 0.12);
  --subpage-section-light-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 244, 250, 0.94) 100%);
  --subpage-section-light-card-border: rgba(17, 21, 33, 0.08);
  --subpage-section-light-card-text: #495466;
  --subpage-section-light-card-heading: #111521;
  --subpage-section-light-card-soft-bg: rgba(130, 0, 205, 0.05);
  --subpage-section-light-card-soft-border: rgba(17, 21, 33, 0.08);
  --subpage-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 244, 250, 0.94) 100%);
  --subpage-card-border: rgba(17, 21, 33, 0.08);
  --subpage-card-shadow: 0 18px 38px rgba(24, 30, 44, 0.08);
  --subpage-card-text: #495466;
  --subpage-card-heading: #111521;
  --subpage-card-soft-bg: rgba(130, 0, 205, 0.05);
  --subpage-card-soft-border: rgba(17, 21, 33, 0.08);
  --subpage-number-bg: linear-gradient(180deg, rgba(161, 38, 255, 0.94) 0%, rgba(130, 0, 205, 0.92) 100%);
  --subpage-number-shadow: 0 14px 28px rgba(130, 0, 205, 0.2);
  --subpage-cta-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 244, 250, 0.96) 100%);
  --subpage-cta-border: rgba(17, 21, 33, 0.08);
  --subpage-cta-shadow: 0 24px 52px rgba(24, 30, 44, 0.08);
  --subpage-footer-top-gap: clamp(3.8rem, 6vw, 5.4rem);

--faq-bottom-fade: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(239, 234, 245, 0.9) 100%);
--faq-kicker: #7d1cc3;
--faq-heading: #111521;
--faq-text: #445063;
--faq-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 245, 252, 1) 100%);
--faq-card-border: rgba(17, 21, 33, 0.08);
--faq-card-shadow: 0 18px 38px rgba(24, 30, 44, 0.08);
--faq-card-shadow-open: 0 22px 46px rgba(24, 30, 44, 0.12);
--faq-summary-bg: rgba(255, 255, 255, 0.78);
--faq-summary-border: rgba(17, 21, 33, 0.06);
--faq-summary-icon-bg: rgba(130, 0, 205, 0.08);
--faq-summary-icon-color: #7d1cc3;
--faq-answer-border: rgba(17, 21, 33, 0.08);
}

:root {
  --ui-focus-shell-radius: clamp(1.35rem, 2.4vw, 2rem);
  --ui-focus-stage-shadow: 0 34px 110px rgba(0, 0, 0, 0.34);
  --ui-focus-stage-border: rgba(255, 255, 255, 0.08);
  --ui-focus-stage-bg: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.012));
}

html[data-ui-mode="default"] {
  --ui-header-pill-min-height: 2.9rem;
}

html[data-ui-mode="focus"] {
  --ui-header-pill-min-height: 2.75rem;
  --header-height: 4.35rem;
  --header-offset: 5.25rem;
}

html[data-ui-mode] {
  scroll-padding-top: calc(var(--header-offset) + 0.5rem);
}

body.focus-mode {
  transition: background-color var(--duration-slow) var(--ease-standard), color var(--duration-slow) var(--ease-standard);
}

[data-focus-section] {
  transition: opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard), filter var(--duration-slow) var(--ease-standard);
  scroll-margin-top: calc(var(--header-offset) + 1rem);
}

body.focus-mode.focus-spotlight [data-focus-section] {
  opacity: 0.24;
  transform: scale(0.987);
  filter: saturate(0.62) blur(0.35px);
}

body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit {
  opacity: 1;
  transform: none;
  filter: none;
}

body.focus-mode [data-focus-section] {
  position: relative;
}

body.focus-mode [data-focus-section] > * {
  position: relative;
  z-index: 1;
}


body.focus-mode .site-footer {
  opacity: 0.34;
  filter: saturate(0.7);
  transition: opacity var(--duration-slow) var(--ease-standard), filter var(--duration-slow) var(--ease-standard);
}

body.focus-mode .site-footer:hover,
body.focus-mode .site-footer:focus-within {
  opacity: 0.7;
  filter: none;
}

body.focus-mode .section-head,
body.focus-mode .subpage-section__head,
body.focus-mode .subpage-proof,
body.focus-mode .subpage-cta,
body.focus-mode .subpage-package__grid,
body.focus-mode .subpage-hero__inner,
body.focus-mode .subpage-switcher__inner {
  transition: transform var(--duration-slow) var(--ease-standard), opacity var(--duration-slow) var(--ease-standard), filter var(--duration-slow) var(--ease-standard);
}

body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .section-head,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-section__head,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-proof,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-cta,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-package__grid,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-hero__inner,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-switcher__inner {
  transform: translateY(-0.18rem);
}

body.focus-mode .theme-toggle,
body.focus-mode .ui-mode-toggle {
  opacity: 1;
}

@media (min-width: 64rem) {
  body.focus-mode .site-header {
    inset: 0.85rem auto auto 50%;
    width: min(calc(100% - 1.5rem), 50rem);
    transform: translateX(-50%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(12,16,28,0.9), rgba(8,11,21,0.84));
    box-shadow: 0 28px 72px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.08);
    backdrop-filter: blur(20px) saturate(150%);
  }

  html[data-theme="light"] body.focus-mode .site-header,
  body:not(.dark-theme).focus-mode .site-header {
    background: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(247,248,252,0.82));
    box-shadow: 0 24px 60px rgba(17,21,33,0.12), inset 0 1px 0 rgba(255,255,255,0.72);
  }

  body.focus-mode .site-header::before {
    display: none;
  }

  body.focus-mode .header__inner {
    width: 100%;
    min-height: 4rem;
    padding-inline: 0.75rem;
    gap: 0.6rem;
  }

  body.focus-mode .site-nav,
  body.focus-mode .header-cta,
  body.focus-mode .header-login {
    opacity: 0;
    pointer-events: none;
    max-width: 0;
    overflow: hidden;
    margin: 0;
    padding-inline: 0;
    border-color: transparent;
    min-width: 0;
  }

  body.focus-mode .header__meta {
    margin-left: auto;
    gap: 0.55rem;
  }

  body.focus-mode .brand img {
    height: 1.9rem;
  }

  body.focus-mode .menu-toggle {
    display: none;
  }
}

@media (max-width: 63.99rem) {
  body.focus-mode.focus-spotlight [data-focus-section] {
    opacity: 0.42;
    transform: scale(0.994);
    filter: saturate(0.78);
  }

  body.focus-mode [data-focus-section]::after {
    inset: 0.35rem;
  }
}
body.focus-mode {
  --ui-focus-passive-opacity: 0.36;
  --ui-focus-passive-transform: scale(0.989) translateY(0.35rem);
  --ui-focus-panel-shadow-strong: 0 34px 110px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(179, 118, 255, 0.08);
}

body.focus-mode.focus-spotlight [data-focus-section] {
  opacity: var(--ui-focus-passive-opacity);
  transform: var(--ui-focus-passive-transform);
  filter: saturate(0.66) blur(0.25px);
}



body.focus-mode .hero .hero-stage,
body.focus-mode .hero .hero-portrait-panel,
body.focus-mode .hero-trust-strip article,
body.focus-mode .trustbar__grid article,
body.focus-mode .about .about__photo-card,
body.focus-mode .about .about__points article,
body.focus-mode .services .service-card,
body.focus-mode .overview-strip .overview-card,
body.focus-mode .results .results__visual-card,
body.focus-mode .results .results__highlight,
body.focus-mode .pricing .card,
body.focus-mode .pricing .pricing__note,
body.focus-mode .portal-demo-home__content,
body.focus-mode .portal-demo-home__stage,
body.focus-mode .kickoff-home__content,
body.focus-mode .kickoff-home__stage,
body.focus-mode .digital-upgrade .card,
body.focus-mode .digital-upgrade .pricing__note,
body.focus-mode .proof-platform__story,
body.focus-mode .proof-platform__showcase,
body.focus-mode .proof-platform__cards > *,
body.focus-mode .contact .contact__card,
body.focus-mode .contact .contact__form,
body.focus-mode .contact .contact__highlights article,
body.focus-mode .contact .contact__steps article,
body.focus-mode .faq .faq__grid > details,
body.focus-mode .subpage-hero__panel,
body.focus-mode .subpage-hero__stats article,
body.focus-mode .subpage-switcher__nav a,
body.focus-mode .subpage-package__content,
body.focus-mode .subpage-card,
body.focus-mode .subpage-value-card,
body.focus-mode .subpage-fit-card,
body.focus-mode .subpage-link-card,
body.focus-mode .subpage-price-card,
body.focus-mode .subpage-process__step,
body.focus-mode .subpage-proof__grid > *,
body.focus-mode .subpage-faq > *,
body.focus-mode .subpage-cta .shell {
  transition: transform var(--duration-slow) var(--ease-standard), opacity var(--duration-slow) var(--ease-standard), filter var(--duration-slow) var(--ease-standard), box-shadow var(--duration-slow) var(--ease-standard), border-color var(--duration-slow) var(--ease-standard), background-color var(--duration-slow) var(--ease-standard);
}

body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .hero-stage,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .hero-portrait-panel,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .hero-trust-strip article,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .trustbar__grid article,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .about__photo-card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .about__points article,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .service-card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .overview-card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .results__visual-card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .results__highlight,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .pricing .card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .pricing__note,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .portal-demo-home__content,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .portal-demo-home__stage,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .kickoff-home__content,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .kickoff-home__stage,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .digital-upgrade .card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .digital-upgrade .pricing__note,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .proof-platform__story,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .proof-platform__showcase,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .proof-platform__cards > *,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .contact__card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .contact__form,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .contact__highlights article,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .contact__steps article,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .faq__grid > details,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-hero__panel,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-hero__stats article,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-switcher__nav a,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-package__content,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-value-card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-fit-card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-link-card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-price-card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-process__step,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-proof__grid > *,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-faq > *,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-cta .shell {
  opacity: 0.72;
  transform: translateY(0.3rem) scale(0.992);
  filter: saturate(0.78);
}

body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .hero-stage,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .hero-portrait-panel,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .hero-trust-strip article,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .trustbar__grid article,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .about__photo-card,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .about__points article,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .service-card,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .overview-card,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .results__visual-card,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .results__highlight,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .pricing .card,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .pricing__note,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .portal-demo-home__content,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .portal-demo-home__stage,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .kickoff-home__content,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .kickoff-home__stage,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .digital-upgrade .card,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .digital-upgrade .pricing__note,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .proof-platform__story,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .proof-platform__showcase,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .proof-platform__cards > *,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .contact__card,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .contact__form,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .contact__highlights article,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .contact__steps article,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .faq__grid > details,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-hero__panel,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-hero__stats article,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-switcher__nav a,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-package__content,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-card,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-value-card,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-fit-card,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-link-card,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-price-card,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-process__step,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-proof__grid > *,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-faq > *,
body.focus-mode.focus-spotlight [data-focus-section].is-section-spotlit .subpage-cta .shell {
  opacity: 1;
  transform: translateY(-0.22rem);
  filter: none;
}

body.focus-mode .hero.is-section-spotlit .hero-portrait-panel,
body.focus-mode .portal-demo-home.is-section-spotlit .portal-demo-home__content,
body.focus-mode .portal-demo-home.is-section-spotlit .portal-demo-home__stage,
body.focus-mode .kickoff-home.is-section-spotlit .kickoff-home__content,
body.focus-mode .kickoff-home.is-section-spotlit .kickoff-home__stage,
body.focus-mode .contact.is-section-spotlit .contact__card,
body.focus-mode .contact.is-section-spotlit .contact__form,
body.focus-mode .proof-platform.is-section-spotlit .proof-platform__story,
body.focus-mode .proof-platform.is-section-spotlit .proof-platform__showcase,
body.focus-mode .subpage-hero.is-section-spotlit .subpage-hero__panel,
body.focus-mode .subpage-cta.is-section-spotlit .shell {
  border-color: rgba(189, 136, 255, 0.18);
  box-shadow: var(--ui-focus-panel-shadow-strong);
}

body.focus-mode .pricing.is-section-spotlit .card,
body.focus-mode .digital-upgrade.is-section-spotlit .card,
body.focus-mode .subpage-signature-section.is-section-spotlit .card,
body.focus-mode .subpage-signature-section.is-section-spotlit .subpage-price-card {
  box-shadow: 0 26px 72px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(189, 136, 255, 0.08);
}

body.focus-mode .pricing.is-section-spotlit .section-head,
body.focus-mode .portal-demo-home.is-section-spotlit .section-head,
body.focus-mode .kickoff-home.is-section-spotlit .section-head,
body.focus-mode .digital-upgrade.is-section-spotlit .section-head,
body.focus-mode .contact.is-section-spotlit .section-kicker,
body.focus-mode .subpage-section.is-section-spotlit .subpage-section__head,
body.focus-mode .subpage-hero.is-section-spotlit .subpage-hero__content,
body.focus-mode .subpage-cta.is-section-spotlit .subpage-cta__actions {
  transform: translateY(-0.16rem);
}

@media (max-width: 63.99rem) {
  body.focus-mode {
    --ui-focus-passive-opacity: 0.5;
    --ui-focus-passive-transform: scale(0.995) translateY(0.2rem);
  }

  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .hero-stage,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .hero-portrait-panel,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .hero-trust-strip article,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .trustbar__grid article,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .about__photo-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .about__points article,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .service-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .overview-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .results__visual-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .results__highlight,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .pricing .card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .pricing__note,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .portal-demo-home__content,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .portal-demo-home__stage,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .kickoff-home__content,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .kickoff-home__stage,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .digital-upgrade .card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .digital-upgrade .pricing__note,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .proof-platform__story,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .proof-platform__showcase,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .proof-platform__cards > *,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .contact__card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .contact__form,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .contact__highlights article,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .contact__steps article,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .faq__grid > details,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-hero__panel,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-hero__stats article,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-switcher__nav a,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-package__content,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-value-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-fit-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-link-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-price-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-process__step,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-proof__grid > *,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-faq > *,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-cta .shell {
    opacity: 0.82;
    transform: none;
  }
}


/* WD-Pro v0.132: Fokus-Modus auf der Startseite weniger weich, besonders mobil. */
body.focus-mode {
  --ui-focus-passive-opacity: 0.48;
  --ui-focus-passive-transform: scale(0.993) translateY(0.18rem);
}

body.focus-mode.focus-spotlight [data-focus-section] {
  filter: saturate(0.8) contrast(0.98);
}

body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .service-card__image img,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .results__visual-media img {
  filter: none;
}

@media (max-width: 63.99rem) {
  body.focus-mode {
    --ui-focus-passive-opacity: 0.84;
    --ui-focus-passive-transform: translateY(0.08rem);
  }

  body.focus-mode.focus-spotlight [data-focus-section] {
    filter: saturate(0.94) contrast(0.99);
  }

  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .service-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .overview-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .results__visual-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .results__highlight,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .pricing .card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .pricing__note,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .digital-upgrade .card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .digital-upgrade .pricing__note,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .proof-platform__cards > * {
    opacity: 0.96;
    transform: none;
    filter: none;
  }
}


/* WD-Pro v0.138: Welle 1 Frontend-Stabilisierung
   Fokus-Modus weniger aggressiv, besonders auf Mobilgeräten. */
body.focus-mode {
  --ui-focus-passive-opacity: 0.62;
  --ui-focus-passive-transform: scale(0.995) translateY(0.14rem);
}

body.focus-mode.focus-spotlight [data-focus-section] {
  filter: saturate(0.9) contrast(0.99);
}

body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .service-card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .overview-card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .results__visual-card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .results__highlight,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .pricing .card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .pricing__note,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .digital-upgrade .card,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .digital-upgrade .pricing__note,
body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .proof-platform__cards > * {
  opacity: 0.92;
  transform: none;
  filter: none;
}

@media (max-width: 63.99rem) {
  body.focus-mode {
    --ui-focus-passive-opacity: 0.88;
    --ui-focus-passive-transform: translateY(0.04rem);
  }

  body.focus-mode.focus-spotlight [data-focus-section] {
    filter: saturate(0.97) contrast(1);
  }

  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .hero-stage,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .hero-portrait-panel,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .hero-trust-strip article,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .trustbar__grid article,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .about__photo-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .about__points article,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .service-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .overview-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .results__visual-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .results__highlight,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .pricing .card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .pricing__note,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .portal-demo-home__content,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .portal-demo-home__stage,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .kickoff-home__content,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .kickoff-home__stage,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .digital-upgrade .card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .digital-upgrade .pricing__note,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .proof-platform__story,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .proof-platform__showcase,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .proof-platform__cards > *,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .contact__card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .contact__form,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .contact__highlights article,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .contact__steps article,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .faq__grid > details,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-hero__panel,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-hero__stats article,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-switcher__nav a,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-package__content,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-value-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-fit-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-link-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-price-card,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-process__step,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-proof__grid > *,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-faq > *,
  body.focus-mode.focus-spotlight [data-focus-section]:not(.is-section-spotlit) .subpage-cta .shell {
    opacity: 0.96;
    transform: none;
    filter: none;
  }
}

html {
  scroll-behavior: smooth;
  text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  padding-top: 0;
  background-color: var(--theme-page-bg);
  color: var(--theme-page-text);
  font-family: var(--font-family-base);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-weight: var(--font-weight-regular);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  transition:
    background-color var(--duration-slow) var(--ease-standard),
    color var(--duration-base) var(--ease-standard);
}


html {
  overflow-x: hidden;
  scrollbar-width: none;
}

body {
  overflow-x: hidden;
  scrollbar-width: none;
}

* {
  scrollbar-width: none;
}

*::-webkit-scrollbar {
  width: 0;
  height: 0;
}


html[data-theme="dark"],
body.dark-theme {
  color-scheme: dark;
}

html[data-theme="light"],
body:not(.dark-theme) {
  color-scheme: light;
}

main,
section[id],
footer[id] {
  scroll-margin-top: calc(var(--header-offset) + 0.5rem);
}

a {
  color: inherit;
  text-decoration: none;
  transition:
    color var(--duration-base) var(--ease-standard),
    opacity var(--duration-base) var(--ease-standard),
    border-color var(--duration-base) var(--ease-standard),
    background-color var(--duration-base) var(--ease-standard),
    transform var(--duration-base) var(--ease-standard),
    box-shadow var(--duration-base) var(--ease-standard);
}

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

button {
  background: none;
  border: 0;
  padding: 0;
  color: inherit;
  cursor: pointer;
  transition:
    color var(--duration-base) var(--ease-standard),
    background-color var(--duration-base) var(--ease-standard),
    border-color var(--duration-base) var(--ease-standard),
    box-shadow var(--duration-base) var(--ease-standard),
    transform var(--duration-base) var(--ease-standard);
}

section,
article,
div,
header,
footer,
nav,
main {
  transition:
    background-color var(--duration-slow) var(--ease-standard),
    border-color var(--duration-base) var(--ease-standard),
    box-shadow var(--duration-base) var(--ease-standard);
}

table {
  width: 100%;
  border-collapse: collapse;
}

:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}

::selection {
  background: var(--color-accent);
  color: #fff;
}

/*
  Hinweis:
  Die Font-Datei für Nasalization wird bewusst nicht mitgeliefert.
  Falls im Projekt bereits vorhanden, kann sie zentral eingebunden werden, z. B.:

  @font-face {
    font-family: "Nasalization";
    src: url("/assets/fonts/nasalization.woff2") format("woff2");
    font-display: swap;
  }
*/

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-heading);
  color: var(--color-text);
  line-height: var(--line-height-heading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-tight);
}

h1 { font-size: var(--font-size-h1); }
h2 { font-size: var(--font-size-h2); }
h3 { font-size: var(--font-size-h3); }
h4 { font-size: var(--font-size-h4); }

p {
  color: var(--color-text-muted);
  max-width: 70ch;
}

strong {
  color: var(--color-text);
  font-weight: var(--font-weight-semibold);
}

small { font-size: var(--font-size-body-sm); }

.u-font-display {
  font-family: var(--font-family-display);
  letter-spacing: var(--letter-spacing-wide);
}

a, button, input, select, textarea, summary {
  transition:
    color var(--duration-base) var(--ease-standard),
    background-color var(--duration-base) var(--ease-standard),
    border-color var(--duration-base) var(--ease-standard),
    opacity var(--duration-base) var(--ease-standard),
    transform var(--duration-base) var(--ease-standard),
    box-shadow var(--duration-base) var(--ease-standard);
}


.l-container {
  width: min(100% - (var(--container-padding-x) * 2), var(--container-lg));
  margin-inline: auto;
}
.l-container--xs { max-width: var(--container-xs); }
.l-container--sm { max-width: var(--container-sm); }
.l-container--md { max-width: var(--container-md); }
.l-container--lg { max-width: var(--container-lg); }
.l-container--xl { max-width: var(--container-xl); }

.l-section { padding-block: var(--space-80); }
.l-section--sm { padding-block: var(--space-56); }
.l-section--lg { padding-block: var(--space-112); }
.l-section--flush-top { padding-top: 0; }
.l-section--flush-bottom { padding-bottom: 0; }

@media (max-width: 47.99rem) {
  .l-section { padding-block: var(--space-64); }
  .l-section--sm { padding-block: var(--space-40); }
  .l-section--lg { padding-block: var(--space-80); }
}

.l-grid {
  display: grid;
  gap: var(--grid-gap, var(--space-24));
}
.l-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.l-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.l-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.l-grid--cards-sm { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
.l-grid--cards-md { grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); }
.l-grid--cards-lg { grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr)); }
.l-grid--gap-sm { --grid-gap: var(--space-16); }
.l-grid--gap-md { --grid-gap: var(--space-24); }
.l-grid--gap-lg { --grid-gap: var(--space-32); }
.l-grid--gap-xl { --grid-gap: var(--space-40); }
@media (max-width: 63.99rem) {
  .l-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 47.99rem) {
  .l-grid--2, .l-grid--3, .l-grid--4 { grid-template-columns: 1fr; }
}

.l-stack {
  display: flex;
  flex-direction: column;
  gap: var(--stack-gap, var(--space-24));
}
.l-stack--xs { --stack-gap: var(--space-8); }
.l-stack--sm { --stack-gap: var(--space-16); }
.l-stack--md { --stack-gap: var(--space-24); }
.l-stack--lg { --stack-gap: var(--space-32); }
.l-stack--xl { --stack-gap: var(--space-48); }

.l-cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cluster-gap, var(--space-16));
  align-items: center;
}
.l-cluster--xs { --cluster-gap: var(--space-8); }
.l-cluster--sm { --cluster-gap: var(--space-12); }
.l-cluster--md { --cluster-gap: var(--space-16); }
.l-cluster--lg { --cluster-gap: var(--space-24); }
.l-cluster--start { justify-content: flex-start; }
.l-cluster--center { justify-content: center; }
.l-cluster--end { justify-content: flex-end; }
.l-cluster--between { justify-content: space-between; }

.l-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.l-shell__main { flex: 1 1 auto; }
.l-shell--portal {
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr;
}
.l-shell__body { min-height: 0; }
.l-split {
  display: grid;
  gap: var(--space-24);
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 64rem) {
  .l-split {
    grid-template-columns: minmax(0, 1.3fr) minmax(18rem, 0.7fr);
    align-items: start;
  }
}
.l-split--sidebar {
  display: grid;
  gap: var(--space-24);
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 64rem) {
  .l-split--sidebar {
    grid-template-columns: minmax(16rem, 20rem) minmax(0, 1fr);
  }
}
.l-portal-grid {
  display: grid;
  gap: var(--space-20);
  grid-template-columns: 1fr;
}
@media (min-width: 48rem) {
  .l-portal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 80rem) {
  .l-portal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.l-portal-grid--dense { gap: var(--space-16); }



/* button.css
   Globale Buttons und Legacy-Mapping für vorhandene .btn- und .wd-btn0-Elemente.
*/

.c-button,
.btn,
.wd-btn0,
.button,
.primary-btn,
.ghost-btn,
.mini-btn,
.btn-primary,
.btn-secondary,
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--button-gap);
  min-height: var(--button-height);
  padding-inline: var(--button-padding-x);
  padding-block: var(--button-padding-y);
  border: 1px solid var(--color-border);
  border-radius: var(--button-radius);
  background-color: transparent;
  color: var(--color-text);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  box-shadow: none;
}

.c-button--primary,
.btn--primary,
.btn--light,
.wd-btn0,
.primary-btn,
.btn-primary {
  position: relative;
  isolation: isolate;
  overflow: visible;
  border: 0;
  border-radius: var(--button-radius);
  color: var(--button-primary-text);
  background: var(--button-primary-sheen), var(--button-primary-inner), var(--button-primary-bg);
  box-shadow: var(--button-primary-ring), var(--button-primary-shadow);
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, filter 180ms ease;
  will-change: transform, box-shadow;
}

.c-button--secondary,
.btn--secondary,
.btn-secondary,
.mini-btn {
  background: var(--button-secondary-bg);
  border-color: var(--button-secondary-border);
  color: var(--button-secondary-text);
  backdrop-filter: blur(10px);
}

.c-button--ghost,
.btn-ghost,
.ghost-btn {
  background: transparent;
  border-color: var(--button-ghost-border);
  color: var(--color-text);
}

.c-button--text {
  min-height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
}

.c-button--sm,
.btn--compact,
.mini-btn {
  min-height: var(--button-height-sm);
  padding-inline: var(--button-padding-sm-x);
  font-size: var(--button-font-size-sm);
}

.c-button--lg {
  min-height: var(--button-height-lg);
  padding-inline: var(--button-padding-lg-x);
  font-size: var(--button-font-size-lg);
}

.c-button:hover,
.btn:hover,
.wd-btn0:hover,
.button:hover,
.primary-btn:hover,
.ghost-btn:hover,
.mini-btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-ghost:hover {
  transform: translateY(-1px);
}

.c-button--primary:hover,
.btn--primary:hover,
.btn--light:hover,
.wd-btn0:hover,
.primary-btn:hover,
.btn-primary:hover {
  background: var(--button-primary-sheen), var(--button-primary-inner), var(--button-primary-bg-hover);
  box-shadow: var(--button-primary-glow), var(--button-primary-shadow-hover);
  transform: translateY(-1px);
  filter: saturate(1.03);
}

.c-button--primary:active,
.btn--primary:active,
.btn--light:active,
.wd-btn0:active,
.primary-btn:active,
.btn-primary:active {
  transform: translateY(0);
  box-shadow: var(--button-primary-ring), var(--button-primary-shadow-active);
  filter: brightness(0.985);
}

.c-button--primary:focus-visible,
.btn--primary:focus-visible,
.btn--light:focus-visible,
.wd-btn0:focus-visible,
.primary-btn:focus-visible,
.btn-primary:focus-visible {
  outline: none;
  box-shadow: var(--button-primary-focus), var(--button-primary-glow), var(--button-primary-shadow-hover);
}

.c-button:disabled,
.c-button.is-disabled,
.btn:disabled,
.wd-btn0.is-disabled,
.button:disabled,
.primary-btn:disabled,
.ghost-btn:disabled,
.mini-btn:disabled,
.btn-primary:disabled,
.btn-secondary:disabled,
.btn-ghost:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.c-button.is-loading {
  pointer-events: none;
}

/* WD-Pro v0.078 public button neon hover START */
@property --wd-public-btn-border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes wdPublicButtonBorderRotate {
  to { --wd-public-btn-border-angle: 360deg; }
}

:root {
  --wd-public-btn-accent: #8200cd;
  --wd-public-btn-accent-2: #a94cff;
  --wd-public-btn-turquoise: #007f86;
  --wd-public-btn-turquoise-2: #00b7c2;
  --wd-public-btn-surface: #e8e8e8;
  --wd-public-btn-text: #141414;
  --wd-public-btn-border: rgba(255, 255, 255, .78);
  --wd-public-btn-icon-bg: #ffffff;
  --wd-public-btn-logo: url("/assets/content/img/WD-main-black.svg");
  --wd-public-btn-shadow: none;
  --wd-public-btn-shadow-hover:
    0 0 0 1px rgba(130, 0, 205, .24),
    -10px 0 22px rgba(130, 0, 205, .32),
    10px 0 22px rgba(0, 127, 134, .26),
    0 10px 22px rgba(17, 24, 39, .10);
}

html[data-theme="dark"],
body[data-theme="dark"],
.theme-dark {
  --wd-public-btn-surface: #101827;
  --wd-public-btn-text: #f4f7fb;
  --wd-public-btn-border: rgba(255, 255, 255, .10);
  --wd-public-btn-icon-bg: #172033;
  --wd-public-btn-logo: url("/assets/content/img/WD-main-white.svg");
  --wd-public-btn-shadow-hover:
    0 0 0 1px rgba(130, 0, 205, .30),
    -12px 0 26px rgba(130, 0, 205, .42),
    12px 0 26px rgba(0, 127, 134, .34),
    0 12px 26px rgba(0, 0, 0, .26);
}

/* Public CTA system. Signature-card buttons stay excluded via :not() selectors. */
.btn:not(.wd-btn0),
a.btn:not(.wd-btn0),
button.btn:not(.wd-btn0),
.header-cta {
  min-width: 168px;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 11px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 0 18px 0 8px;
  border: 1px solid color-mix(in srgb, var(--wd-public-btn-turquoise) 28%, var(--wd-public-btn-border));
  border-radius: 999px;
  color: var(--wd-public-btn-text);
  background: var(--wd-public-btn-surface);
  box-shadow: var(--wd-public-btn-shadow);
  font-family: var(--font-family-base, Inter, "Segoe UI", "Helvetica Neue", Arial, sans-serif);
  font-size: .94rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.025em;
  text-decoration: none;
  cursor: pointer;
  transform: translateZ(0);
  transition:
    background .42s ease,
    color .28s ease,
    box-shadow .28s ease,
    transform .18s ease,
    border-color .28s ease;
}

.btn:not(.wd-btn0)::before,
a.btn:not(.wd-btn0)::before,
button.btn:not(.wd-btn0)::before,
.header-cta::before {
  content: "";
  width: 34px;
  height: 34px;
  display: block;
  flex: 0 0 auto;
  order: -1;
  position: relative;
  z-index: 1;
  border-radius: 50%;
  background-color: var(--wd-public-btn-icon-bg);
  background-image: var(--wd-public-btn-logo);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  box-shadow: inset 0 0 0 1px rgba(130, 0, 205, .16);
  transition:
    transform .75s cubic-bezier(.2, .8, .2, 1),
    background-color .28s ease,
    background-image .28s ease;
}

.btn:not(.wd-btn0)::after,
a.btn:not(.wd-btn0)::after,
button.btn:not(.wd-btn0)::after,
.header-cta::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 2;
  border-radius: inherit;
  padding: 2px;
  pointer-events: none;
  opacity: 0;
  background:
    conic-gradient(
      from var(--wd-public-btn-border-angle),
      var(--wd-public-btn-accent) 0deg,
      var(--wd-public-btn-accent-2) 26deg,
      rgba(255, 255, 255, .86) 39deg,
      transparent 58deg,
      transparent 142deg,
      var(--wd-public-btn-turquoise) 174deg,
      var(--wd-public-btn-turquoise-2) 205deg,
      rgba(255, 255, 255, .72) 218deg,
      transparent 238deg,
      transparent 322deg,
      var(--wd-public-btn-accent) 360deg
    );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: wdPublicButtonBorderRotate 2.4s linear infinite paused;
  filter:
    drop-shadow(-5px 0 7px rgba(130, 0, 205, .34))
    drop-shadow(5px 0 7px rgba(0, 127, 134, .30));
  transition: opacity .22s ease, filter .22s ease;
}

.btn:not(.wd-btn0):hover,
a.btn:not(.wd-btn0):hover,
button.btn:not(.wd-btn0):hover,
.header-cta:hover,
.btn:not(.wd-btn0):focus-visible,
a.btn:not(.wd-btn0):focus-visible,
button.btn:not(.wd-btn0):focus-visible,
.header-cta:focus-visible {
  color: #ffffff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--wd-public-btn-accent), var(--wd-public-btn-accent-2));
  box-shadow: var(--wd-public-btn-shadow-hover);
  outline: none;
  transform: translateY(-1px);
}

.btn:not(.wd-btn0):hover::after,
a.btn:not(.wd-btn0):hover::after,
button.btn:not(.wd-btn0):hover::after,
.header-cta:hover::after,
.btn:not(.wd-btn0):focus-visible::after,
a.btn:not(.wd-btn0):focus-visible::after,
button.btn:not(.wd-btn0):focus-visible::after,
.header-cta:focus-visible::after {
  opacity: 1;
  animation-play-state: running;
}

.btn:not(.wd-btn0):hover::before,
a.btn:not(.wd-btn0):hover::before,
button.btn:not(.wd-btn0):hover::before,
.header-cta:hover::before,
.btn:not(.wd-btn0):focus-visible::before,
a.btn:not(.wd-btn0):focus-visible::before,
button.btn:not(.wd-btn0):focus-visible::before,
.header-cta:focus-visible::before {
  --wd-public-btn-logo: url("/assets/content/img/WD-main-black.svg");
  background-color: #ffffff;
  transform: rotate(250deg) scale(1.04);
}

.btn:not(.wd-btn0):active,
a.btn:not(.wd-btn0):active,
button.btn:not(.wd-btn0):active,
.header-cta:active {
  transform: scale(.97);
}

.btn:not(.wd-btn0).btn--primary,
a.btn:not(.wd-btn0).btn--primary,
button.btn:not(.wd-btn0).btn--primary,
.header-cta {
  color: #ffffff;
  border-color: rgba(255, 255, 255, .22);
  background: linear-gradient(135deg, var(--wd-public-btn-accent), var(--wd-public-btn-accent-2));
}

.btn:not(.wd-btn0).btn--primary::before,
a.btn:not(.wd-btn0).btn--primary::before,
button.btn:not(.wd-btn0).btn--primary::before,
.header-cta::before {
  --wd-public-btn-logo: url("/assets/content/img/WD-main-black.svg");
  background-color: #ffffff;
}

.btn:not(.wd-btn0).btn--primary:hover,
a.btn:not(.wd-btn0).btn--primary:hover,
button.btn:not(.wd-btn0).btn--primary:hover,
.header-cta:hover,
.btn:not(.wd-btn0).btn--primary:focus-visible,
a.btn:not(.wd-btn0).btn--primary:focus-visible,
button.btn:not(.wd-btn0).btn--primary:focus-visible,
.header-cta:focus-visible {
  color: var(--wd-public-btn-text);
  border-color: transparent;
  background: var(--wd-public-btn-surface);
}

html[data-theme="dark"] .btn:not(.wd-btn0).btn--primary:hover,
html[data-theme="dark"] a.btn:not(.wd-btn0).btn--primary:hover,
html[data-theme="dark"] button.btn:not(.wd-btn0).btn--primary:hover,
html[data-theme="dark"] .header-cta:hover,
html[data-theme="dark"] .btn:not(.wd-btn0).btn--primary:focus-visible,
html[data-theme="dark"] a.btn:not(.wd-btn0).btn--primary:focus-visible,
html[data-theme="dark"] button.btn:not(.wd-btn0).btn--primary:focus-visible,
html[data-theme="dark"] .header-cta:focus-visible {
  color: var(--wd-public-btn-text);
}

.btn:not(.wd-btn0).btn--compact,
a.btn:not(.wd-btn0).btn--compact,
button.btn:not(.wd-btn0).btn--compact {
  min-width: 146px;
  min-height: 42px;
  padding-right: 15px;
  font-size: .86rem;
}

.btn:not(.wd-btn0).btn--compact::before,
a.btn:not(.wd-btn0).btn--compact::before,
button.btn:not(.wd-btn0).btn--compact::before {
  width: 30px;
  height: 30px;
  background-size: 18px 18px;
}

.footer-link-button,
.menu-toggle,
.theme-toggle,
.ui-mode-toggle__trigger,
.request-btn,
.card-tab,
.knopf {
  font-family: inherit;
}

@media (max-width: 540px) {
  .btn:not(.wd-btn0),
  a.btn:not(.wd-btn0),
  button.btn:not(.wd-btn0) {
    width: auto;
    max-width: 100%;
  }
}
/* WD-Pro v0.078 public button neon hover END */


.c-link { display: inline-flex; align-items: center; gap: var(--space-8); color: var(--color-text); font-weight: var(--font-weight-medium); }
.c-link--accent { color: var(--color-accent); }
.c-link--muted { color: var(--color-text-muted); }
.c-link--nav { color: var(--color-text); font-size: var(--font-size-body-sm); }

.site-header {
  width: 100%;
  position: fixed;
  inset: 0 0 auto 0;
  z-index: var(--z-header);
  isolation: isolate;
  backdrop-filter: blur(26px) saturate(135%);
  background: var(--header-bg);
  border-bottom: 1px solid var(--header-border);
  box-shadow: var(--header-shadow);
}

.site-header::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: var(--header-line);
  opacity: 0.9;
  pointer-events: none;
}

.header__inner {
  position: relative;
  width: min(100% - (var(--site-gutter-inline) * 2), var(--site-max-width));
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-16);
  min-height: var(--header-height);
}

.brand {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.brand img {
  width: auto;
  height: clamp(1.85rem, 2.4vw, 2.25rem);
  filter: drop-shadow(0 8px 24px rgba(130, 0, 205, 0.18));
}

.site-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  gap: clamp(0.8rem, 1.4vw, 1.2rem);
}

.site-nav > a,
.site-nav__portal,
.header-login,
.header-cta {
  color: var(--header-text);
  font-size: 0.92rem;
}

.site-nav > a {
  position: relative;
  padding-block: 0.3rem;
  opacity: 0.92;
}

.site-nav > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.42rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(186, 131, 255, 0.95), transparent);
  opacity: 0;
  transform: scaleX(0.58);
  transition: opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);
}

html[data-theme="light"] .site-nav > a::after,
body:not(.dark-theme) .site-nav > a::after {
  background: linear-gradient(90deg, transparent, rgba(130, 0, 205, 0.72), transparent);
}

.site-nav > a:hover::after,
.site-nav > a:focus-visible::after {
  opacity: 1;
  transform: scaleX(1);
}

.header__meta {
  display: flex;
  align-items: center;
  gap: clamp(0.45rem, 0.8vw, var(--space-12));
  min-width: 0;
  flex-shrink: 0;
}

.header-login,
.header-cta,
.site-nav__portal,
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-8);
  min-height: 2.9rem;
  padding-inline: 1.05rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--header-pill-border);
  background: var(--header-pill-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.header-login,
.site-nav__portal,
.theme-toggle {
  color: var(--header-text);
}

.header-cta {
  background: linear-gradient(180deg, #a126ff 0%, var(--color-accent) 100%);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 20px 44px rgba(130, 0, 205, 0.24);
}

.header-login i,
.header-cta i,
.theme-toggle i {
  color: var(--header-icon);
}

.theme-toggle {
  width: 2.9rem;
  padding-inline: 0;
}




.focus-progress {
  display: none;
  align-items: center;
  gap: 0.7rem;
  flex: 1 1 15rem;
  min-width: 0;
  max-width: 18.5rem;
  padding: 0.36rem 0.78rem 0.38rem 0.82rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--header-pill-border);
  background: var(--header-pill-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: var(--header-text);
}

.focus-progress[hidden] {
  display: none !important;
}

.focus-progress__step {
  flex-shrink: 0;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.76;
}

.focus-progress__copy {
  min-width: 0;
  flex: 1;
  display: grid;
  gap: 0.28rem;
}

.focus-progress__title {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.focus-progress__bar {
  position: relative;
  display: block;
  width: 100%;
  height: 0.24rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}

.focus-progress__bar-fill {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0%;
  border-radius: inherit;
  background: linear-gradient(90deg, #a126ff 0%, var(--color-accent) 55%, #efe4ff 100%);
  box-shadow: 0 0 18px rgba(130, 0, 205, 0.28);
  transition: width var(--duration-slow) var(--ease-standard);
}

html[data-theme="light"] .focus-progress__bar,
body:not(.dark-theme) .focus-progress__bar {
  background: rgba(17, 21, 33, 0.12);
}

body.focus-mode .focus-progress {
  display: inline-flex;
}

.ui-mode-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.18rem;
  padding: 0.24rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--header-pill-border);
  background: var(--header-pill-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.ui-mode-toggle__button {
  appearance: none;
  border: 0;
  min-height: calc(var(--ui-header-pill-min-height) - 0.48rem);
  padding-inline: 0.72rem;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--header-text);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  opacity: 0.76;
  transition: background-color var(--duration-base) var(--ease-standard), opacity var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);
}

.ui-mode-toggle__button:hover,
.ui-mode-toggle__button:focus-visible {
  opacity: 1;
}

.ui-mode-toggle__button[aria-pressed="true"],
.ui-mode-toggle__button.is-active {
  opacity: 1;
  color: #fff;
  background: linear-gradient(180deg, #a126ff 0%, var(--color-accent) 100%);
  box-shadow: 0 16px 28px rgba(130, 0, 205, 0.22);
}

html[data-theme="light"] .ui-mode-toggle__button[aria-pressed="true"],
body:not(.dark-theme) .ui-mode-toggle__button[aria-pressed="true"],
html[data-theme="light"] .ui-mode-toggle__button.is-active,
body:not(.dark-theme) .ui-mode-toggle__button.is-active {
  color: #ffffff;
}


.menu-toggle {
  display: none;
  position: relative;
  width: 2.95rem;
  height: 2.95rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--header-pill-border);
  background: var(--header-pill-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.menu-toggle span {
  position: absolute;
  left: 50%;
  width: 1.1rem;
  height: 2px;
  background: var(--menu-bar-color);
  transform: translateX(-50%);
  transition: transform var(--duration-base) var(--ease-standard), opacity var(--duration-base) var(--ease-standard), top var(--duration-base) var(--ease-standard), background-color var(--duration-base) var(--ease-standard);
}

.menu-toggle span:nth-child(1) { top: 0.95rem; }
.menu-toggle span:nth-child(2) { top: 1.37rem; }
.menu-toggle span:nth-child(3) { top: 1.79rem; }

.menu-toggle[aria-expanded="true"] span:nth-child(1) { top: 1.37rem; transform: translateX(-50%) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { top: 1.37rem; transform: translateX(-50%) rotate(-45deg); }


body.nav-open {
  overflow: hidden;
  touch-action: none;
}

body.nav-open .site-nav {
  touch-action: pan-y;
}

.nav-backdrop {
  position: fixed;
  inset: 0;
  background: var(--nav-backdrop-bg);
  backdrop-filter: blur(8px);
  z-index: 90;
}

.site-nav__mobile-groups,
.site-nav__mobile-cta {
  display: none;
}

.site-nav__group {
  display: grid;
  gap: var(--space-8);
}

.site-nav__group-title {
  color: var(--header-text);
  font-family: var(--font-family-display);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.site-nav__group-links {
  display: grid;
  gap: var(--space-8);
}

@media (max-width: 79.99rem) {
  .site-nav {
    gap: 0.82rem;
  }

  .site-nav > a,
  .site-nav__portal,
  .header-login,
  .header-cta {
    font-size: 0.88rem;
  }

  .site-nav__portal {
    padding-inline: 0.9rem;
  }

  .ui-mode-toggle__trigger {
    padding-inline: 0.62rem;
    font-size: 0.72rem;
  }
}

@media (max-width: 71.99rem) {
  .site-nav {
    gap: 0.68rem;
  }

  .header__meta {
    gap: 0.45rem;
  }

  .site-nav__portal {
    padding-inline: 0.8rem;
  }

  .ui-mode-toggle__trigger {
    padding-inline: 0.56rem;
    font-size: 0.7rem;
  }
}

@media (max-width: 63.99rem) {
  .ui-mode-toggle {
    gap: 0.14rem;
  }

  .ui-mode-toggle__button {
    padding-inline: 0.58rem;
    font-size: 0.72rem;
  }

  .header__inner {
    justify-content: flex-start;
  }

  .brand {
    order: 1;
  }

  .header__meta {
    order: 2;
    margin-left: auto;
  }

  .menu-toggle {
    order: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .site-nav {
    position: fixed;
    inset: calc(var(--header-height) + 0.75rem) 1rem auto 1rem;
    z-index: 120;
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    max-height: calc(100dvh - 6rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background: var(--theme-surface-1);
    border: 1px solid var(--theme-border-soft);
    border-radius: 1.35rem;
    box-shadow: var(--shadow-lg);
    transform: translateY(-1rem);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .site-nav.is-open {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .site-nav > a {
    padding: 0.1rem 0;
    font-size: 0.95rem;
  }

  

  .site-nav__mobile-groups,
  .site-nav__mobile-cta {
    display: grid;
    gap: 0.9rem;
  }

  .site-nav__group {
    padding-top: 0.8rem;
    border-top: 1px solid var(--theme-border-soft);
  }

  .header__meta .header-cta {
    display: none;
  }
}

@media (max-width: 47.99rem) {
  .ui-mode-toggle__button {
    padding-inline: 0.52rem;
    font-size: 0.7rem;
  }

  .header__inner {
    min-height: 4.55rem;
  }

  .header__meta {
    gap: 0.5rem;
  }

  .header-login {
    display: none;
  }

  .brand img {
    height: 1.7rem;
  }

  body.focus-mode .focus-progress {
    max-width: none;
    margin-inline: 0;
    padding-inline: 0.66rem;
    gap: 0.5rem;
  }

  .focus-progress__step,
  .focus-progress__bar {
    display: none;
  }

  .focus-progress__title {
    font-size: 0.74rem;
  }
}
.focus-progress {
  display: none;
  align-items: center;
  gap: 0.7rem;
  flex: 1 1 15rem;
  min-width: 0;
  max-width: 18.5rem;
  padding: 0.36rem 0.78rem 0.38rem 0.82rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--header-pill-border);
  background: var(--header-pill-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: var(--header-text);
}

.focus-progress[hidden] {
  display: none !important;
}

.focus-progress__step {
  flex-shrink: 0;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.76;
}

.focus-progress__copy {
  min-width: 0;
  flex: 1;
  display: grid;
  gap: 0.28rem;
}

.focus-progress__title {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.focus-progress__bar {
  position: relative;
  display: block;
  width: 100%;
  height: 0.24rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}

.focus-progress__bar-fill {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0%;
  border-radius: inherit;
  background: linear-gradient(90deg, #a126ff 0%, var(--color-accent) 55%, #efe4ff 100%);
  box-shadow: 0 0 18px rgba(130, 0, 205, 0.28);
  transition: width var(--duration-slow) var(--ease-standard);
}

html[data-theme="light"] .focus-progress__bar,
body:not(.dark-theme) .focus-progress__bar {
  background: rgba(17, 21, 33, 0.12);
}

body.focus-mode .focus-progress {
  display: inline-flex;
}

.ui-mode-toggle {
  display: inline-flex;
  align-items: center;
  padding: 0.24rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--header-pill-border);
  background: var(--header-pill-bg);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  transition: border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), background-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard), opacity var(--duration-base) var(--ease-standard);
}

.ui-mode-toggle__trigger {
  appearance: none;
  border: 0;
  min-height: calc(var(--ui-header-pill-min-height) - 0.48rem);
  padding-inline: 0.92rem;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--header-text);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);
}

.ui-mode-toggle__trigger:hover,
.ui-mode-toggle__trigger:focus-visible {
  transform: translateY(-1px);
}

.ui-mode-toggle.is-focus-active,
body.focus-mode .ui-mode-toggle {
  border-color: rgba(186, 131, 255, 0.28);
  box-shadow: 0 18px 34px rgba(130,0,205,0.18), inset 0 1px 0 rgba(255,255,255,0.12);
}

.ui-mode-toggle.is-focus-active .ui-mode-toggle__trigger,
body.focus-mode .ui-mode-toggle__trigger {
  background: linear-gradient(180deg, #a126ff 0%, var(--color-accent) 100%);
  color: #fff;
  box-shadow: 0 16px 28px rgba(130,0,205,0.24);
}
.site-header,
.site-nav__portal,
.header-login,
.header-cta,
.theme-toggle,
.menu-toggle,
.ui-mode-toggle {
  transition: background-color var(--duration-base) var(--ease-standard),
              border-color var(--duration-base) var(--ease-standard),
              box-shadow var(--duration-base) var(--ease-standard),
              transform var(--duration-base) var(--ease-standard),
              opacity var(--duration-base) var(--ease-standard);
}

.site-header.is-scrolled {
  background: color-mix(in srgb, var(--header-bg) 82%, rgba(6, 10, 18, 0.22));
  border-bottom-color: color-mix(in srgb, var(--header-border) 78%, rgba(255, 255, 255, 0.12));
  box-shadow: 0 16px 38px rgba(3, 8, 16, 0.28), 0 1px 0 rgba(255, 255, 255, 0.04) inset;
  backdrop-filter: blur(30px) saturate(145%);
}

.site-header.is-scrolled::before {
  opacity: 1;
}

.site-nav > a,
.site-nav__portal,
.header-login,
.header-cta {
  white-space: nowrap;
}

.header__meta {
  flex-wrap: nowrap;
}

.header__meta > * {
  flex-shrink: 0;
}

.site-nav__portal {
  background: linear-gradient(180deg, rgba(161, 38, 255, 0.14) 0%, rgba(130, 0, 205, 0.12) 100%);
  border-color: rgba(186, 131, 255, 0.2);
  box-shadow: 0 14px 28px rgba(130, 0, 205, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.site-nav__portal:hover,
.site-nav__portal:focus-visible {
  border-color: rgba(186, 131, 255, 0.34);
  box-shadow: 0 18px 34px rgba(130, 0, 205, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  transform: translateY(-1px);
}

.theme-toggle:hover,
.theme-toggle:focus-visible,
.menu-toggle:hover,
.menu-toggle:focus-visible,
.header-login:hover,
.header-login:focus-visible,
.header-cta:hover,
.header-cta:focus-visible,
.ui-mode-toggle:hover,
.ui-mode-toggle:focus-within {
  transform: translateY(-1px);
}

@media (max-width: 63.99rem) {
  .header__inner {
    gap: 0.65rem;
  }

  .header__meta {
    order: 2;
    margin-left: auto;
    flex: 0 0 auto;
    gap: 0.4rem;
  }

  .menu-toggle {
    order: 3;
    margin-left: 0;
    flex: 0 0 auto;
  }

  .site-nav {
    inset: calc(var(--header-height) + 0.68rem) 1rem auto 1rem;
    border-radius: 1.2rem;
    box-shadow: 0 28px 56px rgba(4, 10, 20, 0.3);
  }

  .site-nav > a,
  .site-nav__portal {
    min-height: .5rem;
  }

  .site-nav__portal {
    justify-content: flex-start;
    padding-inline: 1rem;
  }
}

@media (max-width: 47.99rem) {
  .header__inner {
    gap: 0.5rem;
  }

  .header__meta {
    gap: 0.34rem;
  }

  .ui-mode-toggle {
    padding: 0.2rem;
  }

  .ui-mode-toggle__trigger {
    min-height: 2.2rem;
    padding-inline: 0.74rem;
    font-size: 0.74rem;
  }

  .theme-toggle,
  .menu-toggle {
    width: 2.78rem;
    height: 2.78rem;
  }

  .site-nav {
    inset: calc(var(--header-height) + 0.58rem) 0.75rem auto 0.75rem;
  }
}


/* WD-Pro v0.129: zentrale Navigation-Breakpoints synchronisiert.
   Compact-Header greift früher, Drawer-Menü schaltet konsistent mit JS. */
@media (max-width: 103.99rem) {
  .header__inner {
    gap: 0.75rem;
  }

  .site-nav {
    gap: 0.58rem;
  }

  .site-nav > a {
    font-size: 0.84rem;
  }

  .site-nav__portal,
  .header-login,
  .theme-toggle,
  .ui-mode-toggle__trigger {
    min-height: 2.7rem;
  }

  .header__meta {
    gap: 0.4rem;
  }

  .header__meta .header-cta {
    display: none;
  }

  .header-login {
    padding-inline: 0.84rem;
  }

  .header-login span {
    display: none;
  }

  .header-login {
    width: 2.7rem;
    padding-inline: 0;
  }

  .site-nav__portal {
    padding-inline: 0.78rem;
  }

  .ui-mode-toggle {
    padding: 0.2rem;
  }

  .ui-mode-toggle__trigger {
    padding-inline: 0.62rem;
    font-size: 0.72rem;
  }
}

@media (max-width: 99.99rem) {
  .header__inner {
    justify-content: flex-start;
    gap: 0.65rem;
  }

  .brand {
    order: 1;
  }

  .header__meta {
    order: 2;
    margin-left: auto;
    flex: 0 0 auto;
  }

  .menu-toggle {
    order: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    flex: 0 0 auto;
  }

  .site-nav {
    position: fixed;
    inset: calc(var(--header-height) + 0.68rem) 1rem auto 1rem;
    z-index: 120;
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    max-height: calc(100dvh - 6rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background: var(--theme-surface-1);
    border: 1px solid var(--theme-border-soft);
    border-radius: 1.2rem;
    box-shadow: 0 28px 56px rgba(4, 10, 20, 0.3);
    transform: translateY(-1rem);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .site-nav.is-open {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .site-nav > a,
  .site-nav__portal {
    min-height: 2.55rem;
  }

  .site-nav > a {
    padding: 0.1rem 0;
    font-size: 0.95rem;
  }

  .site-nav__portal {
    justify-content: flex-start;
    padding-inline: 1rem;
  }

  .site-nav__mobile-groups,
  .site-nav__mobile-cta {
    display: grid;
    gap: 0.9rem;
  }

  .site-nav__group {
    padding-top: 0.8rem;
    border-top: 1px solid var(--theme-border-soft);
  }

  .header__meta .header-cta {
    display: none;
  }
}


/* WD-Pro v0.132: Fokus-Header auf der Startseite mobil sauberer und stabiler. */
@media (max-width: 63.99rem) {
  body.focus-mode .focus-progress {
    flex: 1 1 10rem;
    max-width: min(14.25rem, calc(100vw - 10.75rem));
    padding-inline: 0.62rem;
    gap: 0.46rem;
  }

  .focus-progress__copy {
    gap: 0.16rem;
  }

  .header__meta {
    flex: 0 1 auto;
    min-width: 0;
    gap: 0.32rem;
  }

  .header__meta > .ui-mode-toggle,
  .header__meta > .theme-toggle,
  .header__meta > .header-login,
  .header__meta > .header-cta {
    flex-shrink: 0;
  }
}

@media (max-width: 47.99rem) {
  body.focus-mode .focus-progress {
    width: min(100%, calc(100vw - 9.5rem));
    max-width: none;
    padding-inline: 0.58rem;
    gap: 0.38rem;
  }

  .focus-progress__title {
    font-size: 0.72rem;
  }

  .header__meta {
    gap: 0.28rem;
  }

  .ui-mode-toggle__trigger {
    padding-inline: 0.62rem;
    font-size: 0.72rem;
  }
}

@media (max-width: 35.99rem) {
  body.focus-mode .focus-progress {
    width: min(100%, calc(100vw - 8.8rem));
  }

  .focus-progress__title {
    font-size: 0.7rem;
  }
}


/* WD-Pro v0.138: Welle 1 Frontend-Stabilisierung
   Fokus-Header auf Mobil/Tablet stabiler, Progress-Pill sauberer schrumpfbar. */
.header__meta > .focus-progress {
  flex: 1 1 15rem;
  min-width: 0;
}

.focus-progress__copy {
  min-width: 0;
}

@media (max-width: 63.99rem) {
  body.focus-mode .focus-progress {
    flex: 1 1 11rem;
    min-width: 0;
    max-width: min(14rem, calc(100vw - 10.5rem));
    padding-inline: 0.62rem;
    gap: 0.42rem;
  }

  .header__meta {
    flex: 0 1 auto;
    min-width: 0;
  }

  .header__meta > .focus-progress {
    flex-shrink: 1;
  }

  .focus-progress__copy {
    gap: 0.14rem;
  }
}

@media (max-width: 47.99rem) {
  body.focus-mode .focus-progress {
    max-width: min(100%, calc(100vw - 9.25rem));
    gap: 0.34rem;
    padding-inline: 0.56rem;
  }

  .focus-progress__step,
  .focus-progress__bar {
    display: none;
  }

  .focus-progress__title {
    font-size: 0.72rem;
  }
}

@media (max-width: 35.99rem) {
  body.focus-mode .focus-progress {
    max-width: min(100%, calc(100vw - 8.6rem));
  }

  .focus-progress__title {
    font-size: 0.69rem;
  }
}


.header-ai-nav {
  display: none;
}

@media (max-width: 63.99rem) {
  .header__meta > .ui-mode-toggle {
    display: none;
  }

  .header-ai-nav {
    display: inline-flex;
    min-height: 2.9rem;
    padding-inline: 0.88rem;
  }
}

@media (max-width: 47.99rem) {
  .header-ai-nav {
    min-height: 2.78rem;
    padding-inline: 0.78rem;
    font-size: 0.78rem;
  }
}


/* WD-Pro v0.140: AI-Navigator dauerhaft als Header-Action standardisiert.
   - keine Drawer-Instanz mehr
   - nur noch Header-Trigger
   - auf allen Breakpoints rechts in der Action-Leiste */
.header-ai-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-8);
  min-height: 2.9rem;
  padding-inline: 1.05rem;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(186, 131, 255, 0.2);
  background: linear-gradient(180deg, rgba(161, 38, 255, 0.14) 0%, rgba(130, 0, 205, 0.12) 100%);
  box-shadow: 0 14px 28px rgba(130, 0, 205, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  color: var(--header-text);
  white-space: nowrap;
  flex-shrink: 0;
}

.header-ai-nav:hover,
.header-ai-nav:focus-visible {
  border-color: rgba(186, 131, 255, 0.34);
  box-shadow: 0 18px 34px rgba(130, 0, 205, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  transform: translateY(-1px);
}

@media (max-width: 103.99rem) {
  .header-ai-nav {
    min-height: 2.7rem;
    padding-inline: 0.78rem;
    font-size: 0.88rem;
  }
}

@media (max-width: 63.99rem) {
  .header-ai-nav {
    min-height: 2.9rem;
    padding-inline: 0.88rem;
    font-size: 0.82rem;
  }
}

@media (max-width: 47.99rem) {
  .header-ai-nav {
    min-height: 2.78rem;
    padding-inline: 0.78rem;
    font-size: 0.78rem;
  }
}

@media (max-width: 99.99rem) {
  .site-nav {
    gap: 0;
    padding: 1rem;
  }

  .site-nav > a {
    display: flex;
    align-items: center;
    min-height: 2.85rem;
    padding: 0.28rem 0;
    margin: 0;
  }

  .site-nav__mobile-groups {
    display: grid;
    gap: 0.9rem;
    margin: 0.2rem 0 0;
    padding-top: 0.9rem;
    border-top: 1px solid var(--theme-border-soft);
  }

  .site-nav__group {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding-top: 0;
    border-top: 0;
  }

  .site-nav__group + .site-nav__group {
    padding-top: 0.9rem;
    border-top: 1px solid var(--theme-border-soft);
  }

  .site-nav__group-title {
    margin: 0;
    padding: 0;
    line-height: 1.2;
  }

  .site-nav__group-links {
    display: grid;
    gap: 0.34rem;
  }

  .site-nav__group-links a {
    display: flex;
    align-items: center;
    min-height: 2.7rem;
    padding: 0.16rem 0;
    margin: 0;
  }

  .site-nav__mobile-cta {
    display: grid;
    gap: 0.75rem;
    margin: 0.2rem 0 0;
    padding-top: 0.9rem;
    border-top: 1px solid var(--theme-border-soft);
  }

  .site-nav__mobile-cta .btn {
    min-height: 2.9rem;
  }
}

@media (max-width: 47.99rem) {
  .site-nav {
    padding: 0.92rem;
  }

  .site-nav > a {
    min-height: 2.78rem;
  }

  .site-nav__mobile-groups,
  .site-nav__mobile-cta {
    gap: 0.82rem;
    padding-top: 0.82rem;
  }

  .site-nav__group + .site-nav__group {
    padding-top: 0.82rem;
  }

  .site-nav__group-links a {
    min-height: 2.62rem;
  }

  .site-nav__mobile-cta .btn {
    min-height: 2.82rem;
  }
}








/* Shared consent and installation UI. Website sections and buttons remain scoped separately. */
:root {
  --wd-overlay-bg: rgba(21, 14, 34, .97);
  --wd-overlay-text: #f6f0fc;
  --wd-overlay-muted: #c9bed6;
  --wd-overlay-line: rgba(191, 133, 236, .26);
  --wd-overlay-soft: rgba(186, 111, 245, .07);
  --wd-overlay-shadow: 0 1.3rem 4rem rgba(8, 3, 18, .32), 0 0 2rem rgba(130, 0, 205, .1);
}
html[data-theme="light"] {
  --wd-overlay-bg: rgba(255, 252, 255, .98);
  --wd-overlay-text: #291435;
  --wd-overlay-muted: #6d5b79;
  --wd-overlay-line: rgba(130, 0, 205, .2);
  --wd-overlay-soft: rgba(130, 0, 205, .045);
  --wd-overlay-shadow: 0 1.3rem 4rem rgba(67, 24, 88, .16), 0 0 2rem rgba(130, 0, 205, .05);
}
.wd-cookie[hidden], .wd-cookie__settings[hidden], .wd-pwa-install[hidden], .wd-pwa-status[hidden], .wd-pwa-ios-hint[hidden],
html[data-cookie-open] .wd-pwa-install, html[data-cookie-open] .wd-pwa-ios-hint, html[data-cookie-open] .wd-pwa-status { display: none !important; }
.wd-cookie, .wd-pwa-install, .wd-pwa-ios-hint, .wd-pwa-status { box-sizing: border-box; font-family: var(--font-family-body, Inter, sans-serif); color: var(--wd-overlay-text); }
.wd-cookie *, .wd-pwa-install *, .wd-pwa-ios-hint * { box-sizing: border-box; }
.wd-cookie { position: fixed; inset: auto max(1.25rem, env(safe-area-inset-right, 0px)) max(1.25rem, env(safe-area-inset-bottom, 0px)) 1.25rem; z-index: 1200; display: grid; justify-items: end; pointer-events: none; }
.wd-cookie__panel, .wd-pwa-install, .wd-pwa-ios-hint, .wd-pwa-status {
  border: 1px solid var(--wd-overlay-line); border-radius: 1.5rem;
  background: radial-gradient(ellipse at 100% 0, rgba(166, 67, 227, .12), transparent 60%), var(--wd-overlay-bg);
  box-shadow: var(--wd-overlay-shadow); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
.wd-cookie__panel { width: min(100%, 31rem); max-height: calc(100vh - 2.5rem); max-height: calc(100dvh - 2.5rem); overflow-y: auto; overscroll-behavior: contain; padding: 1.4rem; pointer-events: auto; display: grid; gap: 1.05rem; }
.wd-cookie__header { display: flex; align-items: flex-start; gap: .8rem; }
.wd-cookie__header > div { flex: 1 1 0%; min-width: 0; }
.wd-cookie__header > .wd-cookie__emblem, .wd-cookie__header > .wd-cookie__close { flex-shrink: 0; }
.wd-cookie__emblem { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border: 1px solid var(--wd-overlay-line); border-radius: .95rem; background: var(--wd-overlay-soft); color: #b875e7; }
.wd-cookie__emblem svg { width: 1.5rem; height: 1.5rem; }
.wd-cookie__eyebrow { display: block; font-family: var(--font-family-display, Inter, sans-serif); font-size: .6875rem; letter-spacing: .09em; text-transform: uppercase; color: var(--wd-overlay-muted); line-height: 1.5; margin-bottom: .2rem; }
.wd-cookie .wd-cookie__title { font-family: var(--font-family-heading, Inter, sans-serif); font-size: 1.18rem; font-weight: 650; line-height: 1.25; letter-spacing: -.035em; margin: 0; color: var(--wd-overlay-text); }
.wd-cookie__text { margin: 0; font-size: .9375rem; line-height: 1.6; color: var(--wd-overlay-muted); overflow-wrap: anywhere; }
.wd-cookie__header .wd-cookie__text { margin-top: .65rem; }
.wd-cookie__close, .wd-pwa-install__dismiss, .wd-pwa-ios-hint button { display: inline-grid; place-items: center; width: 2.3rem; min-width: 2.3rem; height: 2.3rem; padding: 0; border: 1px solid var(--wd-overlay-line); border-radius: 50%; color: var(--wd-overlay-muted); background: var(--wd-overlay-soft); font: 1.3rem/1 Inter, sans-serif; cursor: pointer; }
.wd-cookie__actions { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.wd-cookie__primary, .wd-cookie__secondary, .wd-cookie__save { display: inline-flex; align-items: center; justify-content: center; min-height: 2.9rem; border: 1px solid rgba(173, 87, 230, .58); border-radius: 999px; padding: .7rem .85rem; color: var(--wd-overlay-text); background: linear-gradient(135deg, rgba(157, 47, 226, .18), rgba(130, 0, 205, .09)); font: 600 .875rem/1.3 var(--font-family-body, Inter, sans-serif); cursor: pointer; }
.wd-cookie__actions > .wd-cookie__ghost { grid-column: 1 / -1; justify-self: start; }
.wd-cookie__save { width: 100%; }
.wd-cookie__primary:hover, .wd-cookie__secondary:hover, .wd-cookie__save:hover { border-color: #b76aeb; background: rgba(157, 47, 226, .22); }
.wd-cookie__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem; padding-top: .9rem; border-top: 1px solid var(--wd-overlay-line); }
.wd-cookie__ghost, .wd-cookie__bottom a { display: inline-flex; align-items: center; gap: .4rem; padding: .2rem 0; border: 0; background: transparent; color: var(--wd-overlay-muted); font: 500 .875rem/1.4 var(--font-family-body, Inter, sans-serif); text-decoration: none; cursor: pointer; }
.wd-cookie__ghost:hover, .wd-cookie__bottom a:hover { color: var(--wd-overlay-text); }
.wd-cookie__settings { display: grid; gap: .65rem; }
.wd-cookie__option { display: flex; align-items: center; justify-content: space-between; gap: .85rem; padding: .9rem; border: 1px solid var(--wd-overlay-line); border-radius: .95rem; background: var(--wd-overlay-soft); }
.wd-cookie__option > div { flex: 1; min-width: 0; }
.wd-cookie__option-head { display: flex; align-items: center; justify-content: space-between; gap: .85rem; }
.wd-cookie__option-head > div { min-width: 0; }
.wd-cookie__option-title { display: block; font-size: .87rem; color: var(--wd-overlay-text); }
.wd-cookie__option-desc { margin: .2rem 0 0; color: var(--wd-overlay-muted); font-size: .875rem; line-height: 1.5; }
.wd-cookie__switch { display: inline-flex; align-items: center; gap: .4rem; flex-shrink: 0; color: var(--wd-overlay-muted); font-size: .73rem; white-space: nowrap; cursor: pointer; }
.wd-cookie__switch input { width: 1.1rem; height: 1.1rem; margin: 0; accent-color: #9d2fe2; }
.wd-cookie button:focus-visible, .wd-cookie a:focus-visible, .wd-cookie input:focus-visible, .wd-pwa-install button:focus-visible, .wd-pwa-ios-hint button:focus-visible { outline: 2px solid #b76aeb; outline-offset: 4px; }
.wd-pwa-install, .wd-pwa-ios-hint { position: fixed; right: max(1.25rem, env(safe-area-inset-right, 0px)); bottom: max(1.25rem, env(safe-area-inset-bottom, 0px)); z-index: 1100; width: min(calc(100% - 2.5rem), 26rem); padding: 1.15rem; display: grid; grid-template-columns: 2.8rem minmax(0, 1fr) 2.3rem; gap: .8rem; align-items: start; }
.wd-pwa-install__icon { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; padding: .45rem; background: linear-gradient(135deg, #351245, #171020); border: 1px solid rgba(199, 130, 246, .4); border-radius: .9rem; }
.wd-pwa-install__icon img { display: block; width: 100%; height: auto; }
.wd-pwa-install__copy strong, .wd-pwa-ios-hint strong { display: block; color: var(--wd-overlay-text); font-size: .98rem; line-height: 1.35; letter-spacing: -.02em; margin: .12rem 0 .3rem; }
.wd-pwa-install__copy p, .wd-pwa-ios-hint p { margin: 0; color: var(--wd-overlay-muted); font-size: .8rem; line-height: 1.5; }
.wd-pwa-install__action { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: .6rem; width: 100%; min-height: 2.75rem; padding: .7rem 1rem; border: 1px solid rgba(204, 142, 251, .5); border-radius: 999px; background: linear-gradient(115deg, #8200cd, #ae3be9); color: #fff; font: 600 .84rem/1.3 var(--font-family-body, Inter, sans-serif); cursor: pointer; box-shadow: 0 .4rem 1rem rgba(130, 0, 205, .18); }
.wd-pwa-install__action:disabled { opacity: .65; cursor: wait; }
.wd-pwa-status { position: fixed; top: 6rem; left: 50%; transform: translateX(-50%); z-index: 1110; width: min(calc(100% - 2.5rem), 26rem); padding: .9rem 1.1rem; color: var(--wd-overlay-text); font-size: .84rem; line-height: 1.5; }
@media (max-width: 600px) {
  .wd-cookie { inset-inline: .75rem; bottom: max(.75rem, env(safe-area-inset-bottom, 0px)); }
  .wd-cookie__panel { width: 100%; border-radius: 1.25rem; padding: 1.05rem; max-height: calc(100vh - 1.5rem); max-height: calc(100dvh - 1.5rem); gap: .9rem; }
  .wd-cookie__header { gap: .65rem; }
  .wd-cookie__emblem { width: 2.4rem; height: 2.4rem; }
  .wd-cookie .wd-cookie__title { font-size: 1.05rem; }
  .wd-cookie__actions { gap: .5rem; }
  .wd-cookie__primary, .wd-cookie__secondary { font-size: .875rem; padding-inline: .5rem; }
  .wd-cookie__option { padding: .75rem; }
  .wd-cookie__switch { flex-direction: column; gap: .3rem; font-size: .68rem; }
  .wd-pwa-install, .wd-pwa-ios-hint { right: .75rem; bottom: max(.75rem, env(safe-area-inset-bottom, 0px)); width: calc(100% - 1.5rem); border-radius: 1.25rem; }
}
@media (prefers-reduced-transparency: reduce) { .wd-cookie__panel, .wd-pwa-install, .wd-pwa-ios-hint, .wd-pwa-status { backdrop-filter: none; -webkit-backdrop-filter: none; } }

.footer__socials .footer-link-button {
  appearance: none;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  color: rgba(219, 225, 246, 0.8);
  cursor: pointer;
  font: inherit;
  transition: color 180ms ease, transform 180ms ease;
}

.footer__socials .footer-link-button:hover,
.footer__socials .footer-link-button:focus-visible {
  color: #ffffff;
  transform: translateX(2px);
}


@media (max-width: 720px) {
  .footer__contact-icons {
    gap: 0.7rem;
  }
}
/* Connection state belongs to the saved website, rather than a different fallback page. */
.wd-pwa-connection {position:fixed;z-index:1490;left:16px;bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:12px 16px;border:1px solid rgba(199,147,237,.3);border-radius:16px;background:rgba(27,18,40,.97);color:#f5effa;box-shadow:0 12px 35px #09031330;font:14px/1.45 var(--font-family-base,system-ui,sans-serif);}
.wd-pwa-connection[hidden],.wd-pwa-connection button[hidden] {display:none!important;}
.wd-pwa-connection button {flex-shrink:0;min-height:40px;padding:7px 12px;border:1px solid rgba(199,147,237,.35);border-radius:999px;color:inherit;background:rgba(150,43,217,.16);font:inherit;cursor:pointer;}
html[data-theme=light] .wd-pwa-connection {background:rgba(255,253,255,.98);color:#291435;border-color:rgba(130,0,205,.2);}
@media(max-width:480px) {.wd-pwa-connection {left:10px;bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100% - 20px);font-size:13px;padding:10px 12px;}}



/* Home-only Header-Beruhigung: nimmt die Startseite optisch auf das ruhigere Unterseiten-Niveau,
   ohne nav.css global zu verändern. */

body.home-page.dark-theme .site-header,
body.home-page.dark-theme .site-header.is-scrolled,
body.home-page.dark-theme.focus-mode .site-header,
body.home-page.dark-theme.focus-mode .site-header.is-scrolled {
  background: linear-gradient(180deg, rgb(8, 10, 16) 0%, rgb(11, 14, 22) 100%);
  border-bottom-color: var(--header-border);
  box-shadow: 0 16px 38px rgba(3, 8, 16, 0.24), 0 1px 0 rgba(255, 255, 255, 0.04) inset;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.home-page:not(.dark-theme) .site-header,
body.home-page:not(.dark-theme) .site-header.is-scrolled,
body.home-page:not(.dark-theme).focus-mode .site-header,
body.home-page:not(.dark-theme).focus-mode .site-header.is-scrolled {
  background: linear-gradient(180deg, rgb(248, 246, 250) 0%, rgb(255, 255, 255) 100%);
  border-bottom-color: var(--header-border);
  box-shadow: 0 18px 40px rgba(24, 30, 44, 0.08), 0 1px 0 rgba(255, 255, 255, 0.68) inset;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.home-page .site-header::before,
body.home-page .site-header.is-scrolled::before {
  opacity: 1;
}

/* hero.css
   Signatur-Hero der Startseite mit theme-fester Hintergrundlogik.
*/

.hero {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: calc(var(--header-offset) + clamp(1.25rem, 2.2vw, 2rem)) clamp(4rem, 7vw, 5.75rem);
  background: var(--hero-bg-color);
}

.hero::before,
.hero::after,
.hero__bg {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.hero__bg {
  background-image: var(--hero-bg-primary-overlay), var(--hero-bg-secondary-overlay), var(--hero-bg-image-active);
  background-size: cover, cover, cover;
  background-position: center, center, center;
  background-repeat: no-repeat;
  transform: scale(1.03);
}

.hero::before {
  background: linear-gradient(180deg, rgba(6, 8, 14, 0.18) 0%, rgba(6, 8, 14, 0) 14%);
  z-index: 0;
}

.hero::after {
  inset: auto 0 0;
  height: clamp(5rem, 12vw, 8rem);
  background: var(--hero-bottom-fade);
  z-index: 0;
}

.hero__shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.92fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: start;
}
.hero__shell {
  position: relative;
  z-index: 1;
}

.hero__shell::before {
  content: "";
  position: absolute;
  inset: -1rem -1rem 1.2rem -1rem;
  border-radius: 1.8rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: linear-gradient(180deg, rgba(9, 12, 21, 0.78) 0%, rgba(9, 12, 21, 0.58) 100%);
  box-shadow: 0 28px 64px rgba(0, 0, 0, 0.22);
  pointer-events: none;
  z-index: 0;
}
.hero__content,
.hero__visual {
  position: relative;
  z-index: 1;
}

.hero__content,
.hero__visual {
  position: relative;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 1.2rem;
  font-family: var(--font-family-display);
  font-size: 0.8rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--hero-kicker);
}

.eyebrow span {
  width: 1.65rem;
  height: 1px;
  background: currentColor;
  opacity: 0.8;
}

.hero-stage {
  display: grid;
  gap: 1.15rem;
}

.hero-stage__kicker {
  width: fit-content;
  min-height: 2.15rem;
  display: inline-flex;
  align-items: center;
  padding-inline: 0.85rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--hero-stage-border);
  background: color-mix(in srgb, var(--hero-stage-glow) 65%, transparent);
  color: var(--hero-kicker);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1;
}

.hero h1,
.hero strong {
  color: var(--hero-fg);
}

.hero h1 {
  font-size: var(--font-size-hero);
  max-width: 15ch;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: manual;
  text-wrap: balance;
}

.hero__lead,
.hero__supporting-proof,
.hero__microproof span,
.hero-portrait-copy p {
  color: var(--hero-lead);
}

.hero__lead {
  font-size: clamp(1rem, 1.4vw, 1.125rem);
  max-width: 60ch;
}

.hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 0.2rem;
}

.hero__supporting-proof a {
  color: var(--hero-fg);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--hero-fg) 24%, transparent);
  text-underline-offset: 0.18em;
}

.hero__supporting-proof a:hover {
  text-decoration-color: currentColor;
}

.hero__microproof {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem 1.1rem;
}

.hero__microproof span {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.55rem;
  font-size: 0.94rem;
}

.hero__microproof i,
.hero-visual-badge i {
  color: var(--theme-icon-accent);
}

.hero-trust-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
  margin-top: clamp(1.25rem, 2vw, 1.7rem);
}

.hero-trust-strip article {
  display: grid;
  gap: 0.55rem;
  min-height: 100%;
  padding: 1rem;
  border-radius: 1.05rem;
  border: 1px solid var(--hero-trust-border);
  background: var(--hero-trust-bg);
  box-shadow: var(--theme-shadow-soft);
  backdrop-filter: blur(12px);
}

.hero-trust-strip strong {
  color: var(--hero-trust-title);
  font-size: 0.98rem;
}

.hero-trust-strip p {
  color: var(--hero-trust-text);
  font-size: 0.92rem;
}

.hero-portrait-panel {
  position: relative;
  display: grid;
  gap: 1rem;
  padding: 1rem;
  border-radius: 1.7rem;
  border: 1px solid var(--hero-panel-border);
  background: var(--hero-panel-bg);
  box-shadow: var(--hero-panel-shadow);
  backdrop-filter: blur(14px);
}

.hero-visual-badge {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 2.2rem;
  padding-inline: 0.85rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--hero-badge-border);
  background: var(--hero-badge-bg);
  color: var(--hero-badge-text);
  font-size: 0.82rem;
  font-weight: 600;
}

.hero-portrait-stage {
  position: relative;
  min-height: clamp(21rem, 38vw, 32rem);
  display: grid;
  place-items: end center;
  overflow: hidden;
  border-radius: 1.25rem;
  border: 1px solid var(--hero-stage-border);
  background:
    radial-gradient(circle at 50% 16%, color-mix(in srgb, var(--hero-stage-glow) 92%, transparent), transparent 34%),
    radial-gradient(circle at 50% 88%, rgba(255, 255, 255, 0.08), transparent 28%),
    linear-gradient(180deg, color-mix(in srgb, var(--theme-surface-3) 85%, transparent) 0%, color-mix(in srgb, var(--theme-surface-1) 94%, transparent) 100%);
}

.hero__portrait {
  width: min(100%, 24.5rem);
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 28px 44px rgba(0, 0, 0, 0.26));
}

.hero-portrait-copy {
  display: grid;
  gap: 0.35rem;
}

.hero-portrait-copy__kicker {
  color: var(--hero-copy-kicker);
  font-family: var(--font-family-display);
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hero-portrait-copy strong {
  color: var(--hero-fg);
}

.hero-portrait-panel__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}

.hero-portrait-panel__stats > div {
  display: grid;
  gap: 0.3rem;
  min-height: 100%;
  padding: 0.9rem;
  border-radius: 1rem;
  border: 1px solid var(--hero-stat-border);
  background: var(--hero-stat-bg);
}

.hero-portrait-panel__stats span {
  color: var(--hero-stat-label);
  font-size: 0.78rem;
}

.hero-portrait-panel__stats strong {
  color: var(--hero-stat-value);
  font-size: 0.98rem;
}

@media (max-width: 79.99rem) {
  .hero__shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero h1 {
    max-width: 15ch;
  }

  .hero__visual {
    max-width: 34rem;
  }
}

@media (max-width: 63.99rem) {
  .hero-trust-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero__visual {
    max-width: none;
  }

  .hero-portrait-stage {
    min-height: 24rem;
  }
}

@media (max-width: 47.99rem) {
  .hero {
    padding-block: 2.2rem 4.3rem;
  }

  .hero__bg {
    background-image: var(--hero-bg-primary-overlay), var(--hero-bg-secondary-overlay), var(--hero-bg-image-mobile-active);
    background-position: center, center, center top;
  }

  .hero::after {
    height: 4.5rem;
  }

  .hero h1 {
    max-width: 15ch;
  }

  .hero__actions,
  .hero__microproof {
    gap: 0.75rem;
  }

  .hero-portrait-panel {
    padding: 0.85rem;
    border-radius: 1.35rem;
  }

  .hero-portrait-stage {
    min-height: 20rem;
  }

  .hero-portrait-panel__stats {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* trustbar.css
   Positionierungs- und Vertrauensleiste unter dem Hero.
*/

.trustbar {
  position: relative;
  padding-block: clamp(2.4rem, 5vw, 4rem) clamp(4rem, 7vw, 5.25rem);
  background: var(--trustbar-bg);
  color: var(--trustbar-heading);
}

.trustbar::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--trustbar-overlay);
  pointer-events: none;
}

.trustbar__inner {
  position: relative;
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: start;
}

.trustbar__kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-family-display);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--theme-kicker);
}

.trustbar h2 {
  color: var(--trustbar-heading);
  max-width: 14ch;
}

.trustbar p,
.trustbar span {
  color: var(--trustbar-text);
}

.trustbar__grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.trustbar__grid article {
  display: grid;
  gap: 0.65rem;
  min-height: 100%;
  padding: 1.15rem 1.1rem;
  border-radius: 1rem;
  background: var(--trustbar-card-bg);
  border: 1px solid var(--trustbar-card-border);
  box-shadow: var(--trustbar-card-shadow);
}

.trustbar__grid strong {
  color: var(--trustbar-heading);
}

@media (max-width: 79.99rem) {
  .trustbar__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 63.99rem) {
  .trustbar__inner {
    grid-template-columns: 1fr;
  }

  .trustbar h2 {
    max-width: 18ch;
  }
}

.trustbar__content {
  display: grid;
  gap: 1rem;
}

.trustbar__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.trustbar__note {
  display: grid;
  gap: 0.45rem;
  max-width: 38rem;
  padding: 1rem 1.1rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(17, 21, 33, 0.08);
  box-shadow: 0 12px 32px rgba(20, 24, 37, 0.06);
}

.trustbar__note strong {
  color: var(--trustbar-heading);
}

.trustbar--homepage-proof {
  padding-block: clamp(4rem, 7vw, 5.5rem);
}

.trustbar--homepage-proof .trustbar__inner {
  align-items: stretch;
}

.trustbar--homepage-proof h2 {
  max-width: 15ch;
}

.trustbar--homepage-proof .trustbar__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: stretch;
}

.trustbar--homepage-proof .trustbar__grid article {
  min-height: 100%;
}

@media (max-width: 79.99rem) {
  .trustbar--homepage-proof .trustbar__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 63.99rem) {
  .trustbar__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .trustbar--homepage-proof .trustbar__grid {
    grid-template-columns: 1fr;
  }

  .trustbar--homepage-proof h2 {
    max-width: 18ch;
  }
}


/* services.css
   Leistungsübersicht der Startseite.
   Keine Bildbühne – stattdessen klare violette Markenfläche.
*/

.services {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--services-bg);
}

.services::before,
.services::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.services::before {
  background: var(--services-overlay);
}

.services::after {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.012) 12%, rgba(255,255,255,0) 24%),
    linear-gradient(180deg, rgba(46, 8, 84, 0) 72%, rgba(46, 8, 84, 0.2) 100%);
}

.services > .shell {
  position: relative;
  z-index: 1;
}

.services .section-head {
  max-width: 50rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.services .section-head h2,
.services .section-head h3,
.services .service-card h3 {
  color: var(--services-heading);
}

.services .section-head > p:not(.section-kicker),
.services .service-card__body p {
  color: var(--services-text);
}

.services .section-kicker {
  color: color-mix(in srgb, var(--theme-kicker) 84%, white 16%);
}

.services .services__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.35rem);
  align-items: stretch;
}

.services .service-card {
  position: relative;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--services-card-border);
  border-radius: 1.4rem;
  background: var(--services-card-bg);
  box-shadow:
    var(--services-card-shadow),
    0 0 0 1px color-mix(in srgb, var(--services-card-border) 26%, transparent) inset;
  backdrop-filter: blur(12px);
  transition:
    transform var(--duration-base) var(--ease-standard),
    border-color var(--duration-base) var(--ease-standard),
    box-shadow var(--duration-base) var(--ease-standard);
}

.services .service-card:hover {
  transform: translateY(-4px);
  border-color: var(--services-card-hover-border);
  box-shadow:
    var(--services-card-shadow-hover),
    0 0 0 1px color-mix(in srgb, var(--services-card-hover-border) 30%, transparent) inset;
}

.services .service-card__image {
  position: relative;
  aspect-ratio: 1.08 / 1;
  overflow: hidden;
}

.services .service-card__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(66, 12, 118, 0.1) 42%, rgba(21, 7, 38, 0.42) 100%);
  pointer-events: none;
}

.services .service-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
  image-rendering: auto;
  backface-visibility: hidden;
}

.services .service-card__body {
  display: grid;
  gap: 0.85rem;
  padding: 1.25rem 1.15rem 1.2rem;
}

.services .service-card__link {
  width: fit-content;
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.5rem;
  padding: 0.65rem 0.9rem;
  border-radius: 999px;
  border: 1px solid var(--services-link-border);
  background: var(--services-link-bg);
  color: var(--services-link-text);
  font-size: 0.83rem;
  font-weight: 600;
  line-height: 1;
  transition:
    background var(--duration-base) var(--ease-standard),
    border-color var(--duration-base) var(--ease-standard),
    transform var(--duration-base) var(--ease-standard);
}

.services .service-card__link::after {
  content: "→";
  font-size: 0.9em;
}

.services .service-card__link:hover {
  background: var(--services-link-hover-bg);
  border-color: var(--services-link-hover-border);
  transform: translateX(2px);
}

@media (max-width: 79.99rem) {
  .services .services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 47.99rem) {
  .services .services__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .services .service-card {
    border-radius: 1.2rem;
  }

  .services .service-card__image {
    aspect-ratio: 1.35 / 1;
  }
}


/* WD-Pro v0.138: Welle 1 Frontend-Stabilisierung
   Bilddarstellung auf Karten sauberer gerendert. */
.services .service-card__image img {
  transform: translateZ(0);
  will-change: auto;
}

/* overview.css
   Leistungskompass der Startseite.
   Markenstarker violetter Bereich mit theme-sensitiver Hintergrundwelt.
*/

.overview-strip {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--overview-bg);
}

.overview-strip::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--overview-overlay), var(--overview-bg-image-active);
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat;
  opacity: 0.72;
  pointer-events: none;
}

.overview-strip::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 14%),
    linear-gradient(180deg, rgba(34, 0, 58, 0) 72%, rgba(34, 0, 58, 0.12) 100%);
  pointer-events: none;
}

.overview-strip > .shell {
  position: relative;
  z-index: 1;
}

.overview-strip .section-head {
  max-width: 50rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.overview-strip .section-head h2,
.overview-strip .section-head p:not(.section-kicker),
.overview-strip .overview-card h3,
.overview-strip .overview-card strong,
.overview-strip .overview-card a {
  color: var(--overview-heading);
}

.overview-strip .section-head > p:not(.section-kicker),
.overview-strip .overview-card > p:not(.overview-card__kicker),
.overview-strip .overview-card li {
  color: var(--overview-text);
}

.overview-strip .section-kicker,
.overview-strip .overview-card__kicker {
  color: rgba(255, 255, 255, 0.9);
}

.overview-strip .overview-strip__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.35rem);
}

.overview-strip .overview-card {
  position: relative;
  min-height: 100%;
  display: grid;
  gap: 1rem;
  padding: 1.45rem 1.3rem;
  border: 1px solid var(--overview-card-border);
  border-radius: 1.35rem;
  background: var(--overview-card-bg);
  box-shadow:
    var(--overview-card-shadow),
    0 0 0 1px rgba(255, 255, 255, 0.04) inset;
  backdrop-filter: blur(14px);
}

.overview-strip .overview-card--accent {
  background: var(--overview-card-accent-bg);
}

.overview-strip .overview-card--soft {
  background: var(--overview-card-soft-bg);
}

.overview-strip .overview-card ul {
  display: grid;
  gap: 0.7rem;
  list-style: none;
  padding: 0;
  margin: 0.15rem 0 0;
}

.overview-strip .overview-card li {
  position: relative;
  padding-left: 1rem;
}

.overview-strip .overview-card li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: rgba(255, 255, 255, 0.95);
}

.overview-strip .overview-card a {
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.28);
  text-underline-offset: 0.18em;
}

.overview-strip .overview-card a:hover {
  text-decoration-color: rgba(255, 255, 255, 0.68);
}

@media (max-width: 79.99rem) {
  .overview-strip .overview-strip__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .overview-strip .overview-card:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 47.99rem) {
  .overview-strip .overview-strip__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .overview-strip .overview-card:last-child {
    grid-column: auto;
  }
}


.overview-strip .overview-card__link-item {
  padding-left: 0;
}

.overview-strip .overview-card__link-item::before {
  display: none;
}

.overview-strip .overview-card__linkchip {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem;
  width: 100%;
  min-height: 3.2rem;
  padding: 0.82rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 1rem;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.02) 100%),
    linear-gradient(180deg, rgba(125, 30, 210, 0.18) 0%, rgba(34, 8, 63, 0.22) 100%);
  box-shadow:
    0 14px 28px rgba(10, 7, 20, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  text-decoration: none;
  text-underline-offset: 0;
  overflow: hidden;
}

.overview-strip .overview-card__linkchip::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0.14) 42%, rgba(255, 255, 255, 0.02) 56%, rgba(255, 255, 255, 0) 72%);
  opacity: 0.58;
  pointer-events: none;
}

.overview-strip .overview-card__linkchip::after {
  content: "↗";
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.88rem;
}

.overview-strip .overview-card__linkchip > span,
.overview-strip .overview-card__linkchip > strong,
.overview-strip .overview-card__linkchip {
  position: relative;
  z-index: 1;
}

.overview-strip .overview-card__linkchip--price > strong {
  margin-left: auto;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.78);
}

.overview-strip .overview-card__linkchip:hover,
.overview-strip .overview-card__linkchip:focus-visible {
  border-color: rgba(195, 152, 255, 0.42);
  box-shadow:
    0 18px 34px rgba(37, 10, 67, 0.28),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset,
    0 0 28px rgba(130, 0, 205, 0.16);
  transform: translateY(-1px);
}

.overview-strip .overview-card__linkchip:hover::before,
.overview-strip .overview-card__linkchip:focus-visible::before {
  opacity: 0.9;
}

/* results.css
   SEO- und Sichtbarkeitsbereich der Startseite.
   Helle Ruhezone mit klarer Verkaufsführung und kompakter Showcase-Bühne.
*/

.results {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--results-bg);
}

.results::before,
.results::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.results::before {
  background-image: var(--results-overlay), var(--results-bg-image-active);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: auto, cover;
}

.results::after {
  inset: auto 0 0;
  height: clamp(4rem, 8vw, 6rem);
  background: var(--results-bottom-fade);
}

.results > .shell {
  position: relative;
  z-index: 1;
}

.results .results__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(22rem, 1.08fr);
  gap: clamp(1.75rem, 4vw, 4rem);
  align-items: center;
}

.results .results__content {
  display: grid;
  gap: 1rem;
  align-content: center;
  max-width: 38rem;
}

.results .section-kicker,
.results .results__eyebrow,
.results .results__highlight-kicker {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-family: var(--font-family-display);
  font-size: .76rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.results .section-kicker,
.results .results__highlight-kicker {
  color: var(--results-highlight-kicker);
}

.results h2,
.results h3,
.results strong {
  color: var(--results-heading);
}

.results p {
  color: var(--results-text);
}

.results .results__chips {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-top: .25rem;
}

.results .results__chips span {
  min-height: 2.5rem;
  display: inline-flex;
  align-items: center;
  padding-inline: .95rem;
  border-radius: 999px;
  border: 1px solid var(--results-chip-border);
  background: var(--results-chip-bg);
  color: var(--results-chip-text);
  font-size: .84rem;
  font-weight: 600;
  line-height: 1;
}

.results .results__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
  margin-top: .35rem;
}

.results .results__showcase {
  position: relative;
}

.results .results__visual-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr);
  gap: clamp(1rem, 2vw, 1.4rem);
  align-items: center;
  padding: clamp(1.1rem, 2.4vw, 1.6rem);
  border-radius: 1.75rem;
  border: 1px solid var(--results-showcase-border);
  background: var(--results-showcase-bg);
  box-shadow: var(--results-showcase-shadow);
}

.results .results__visual-media {
  position: relative;
  overflow: hidden;
  border-radius: 1.45rem;
  background: var(--results-media-bg);
  min-height: clamp(18rem, 30vw, 26rem);
  box-shadow: inset 0 0 0 1px var(--results-media-frame);
}

.results .results__visual-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--results-media-overlay);
  pointer-events: none;
}

.results .results__visual-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
  image-rendering: auto;
  backface-visibility: hidden;
}

.results .results__visual-copy {
  display: grid;
  gap: .9rem;
  padding-right: clamp(0rem, 2vw, 1rem);
}

.results .results__eyebrow {
  color: var(--results-highlight-kicker);
}

.results .results__floating-card {
  position: absolute;
  left: clamp(1rem, 2vw, 1.4rem);
  bottom: clamp(1rem, 2vw, 1.4rem);
  width: min(100%, 15rem);
  display: grid;
  gap: .55rem;
  padding: 1rem 1rem 1.05rem;
  border-radius: 1.2rem;
  border: 1px solid var(--results-floating-border);
  background: var(--results-floating-bg);
  color: var(--results-floating-text);
  box-shadow: var(--results-floating-shadow);
  backdrop-filter: blur(14px);
}

.results .results__floating-card span {
  font-family: var(--font-family-display);
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--theme-kicker);
}

.results .results__floating-card strong {
  color: var(--results-floating-heading);
  font-size: 1.1rem;
  line-height: 1.2;
}

.results .results__floating-card p {
  color: var(--results-floating-text);
  font-size: .86rem;
  line-height: 1.5;
}

.results .results__highlights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(1.3rem, 3vw, 2rem);
}

.results .results__highlight {
  min-height: 100%;
  display: grid;
  gap: .8rem;
  padding: 1.2rem 1.15rem;
  border-radius: 1.25rem;
  border: 1px solid var(--results-highlight-border);
  background: var(--results-highlight-bg);
  box-shadow: var(--results-highlight-shadow);
}

.results .results__highlight h3 {
  font-size: clamp(1.05rem, 1.1vw + .75rem, 1.32rem);
}

@media (max-width: 79.99rem) {
  .results .results__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .results .results__content {
    max-width: 44rem;
  }

  .results .results__visual-card {
    grid-template-columns: minmax(14rem, 17rem) minmax(0, 1fr);
  }
}

@media (max-width: 63.99rem) {
  .results .results__visual-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .results .results__visual-copy {
    padding-right: 0;
  }

  .results .results__floating-card {
    position: static;
    width: 100%;
  }

  .results .results__highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .results .results__highlight:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 47.99rem) {
  .results {
    padding-block: 4rem;
  }

  .results .results__visual-card {
    padding: 1rem;
    border-radius: 1.35rem;
  }

  .results .results__visual-media {
    min-height: 15rem;
    border-radius: 1.1rem;
  }

  .results .results__chips {
    gap: .55rem;
  }

  .results .results__chips span {
    font-size: .8rem;
  }

  .results .results__highlights {
    grid-template-columns: minmax(0, 1fr);
  }

  .results .results__highlight:last-child {
    grid-column: auto;
  }
}


/* WD-Pro v0.138: Welle 1 Frontend-Stabilisierung
   Bilddarstellung im SEO-Showcase sauberer gerendert. */
.results .results__visual-media img {
  transform: translateZ(0);
  will-change: auto;
}

/* pricing.css
   Angebotsbühne der Startseite.
   Bildbasierte Premium-Sektion mit fester heller Typografie in beiden Themes.
   Trennt sich bewusst über ein Zierelement von den digitalen Erweiterungen.
*/

.pricing {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--pricing-bg);
}

.pricing::before,
.pricing::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.pricing::before {
  background-image: var(--pricing-overlay), var(--pricing-bg-image-active);
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat;
  transform: scale(1.04);
}



.pricing > .shell {
  position: relative;
  z-index: 1;
}

.pricing > .shell::after {
  content: "";
  position: absolute;
  left: clamp(1rem, 4vw, 4rem);
  right: clamp(1rem, 4vw, 4rem);
  bottom: clamp(-0.15rem, -0.2vw, -0.25rem);
  height: 0px;
  background: var(--signature-divider-core);
}

.pricing .section-head {
  max-width: 54rem;
}

.pricing .section-head h2,
.pricing .section-head h3,
.pricing .section-head p,
.pricing .section-head .section-kicker,
.pricing .pricing__note,
.pricing .pricing__note p,
.pricing .pricing__note a,
.pricing .pricing__chip {
  color: var(--pricing-text);
}

.pricing .section-head h2,
.pricing .section-head h3,
.pricing .pricing__note strong {
  color: var(--pricing-heading);
}

.pricing--signature-stage {
  --pricing-kicker: #d6b4ff;
  --pricing-bg: var(--hero-bg-color);
  --pricing-bg-image-active: var(--hero-bg-image-active);
  --pricing-bg-image-mobile-active: var(--hero-bg-image-mobile-active, var(--hero-bg-image-active));
  --pricing-overlay: var(--hero-bg-primary-overlay), var(--hero-bg-secondary-overlay);
}

.subpage-page .pricing--signature-stage {
  --pricing-bg: var(--subpage-hero-bg);
  --pricing-bg-image-active: var(--subpage-hero-image-active);
  --pricing-bg-image-mobile-active: var(--subpage-hero-image-mobile-active, var(--subpage-hero-image-active));
  --pricing-overlay: var(--subpage-hero-bg-primary-overlay), var(--subpage-hero-bg-secondary-overlay);
}

@media (max-width: 47.99rem) {
  .pricing--signature-stage::before {
    background-image: var(--pricing-overlay), var(--pricing-bg-image-mobile-active, var(--pricing-bg-image-active));
    background-position: center, center top;
  }
}

.pricing .section-kicker,
.pricing .pricing__chip {
  color: var(--pricing-kicker, var(--theme-kicker));
}

.pricing .pricing__note {
  background: var(--pricing-note-bg);
  border-color: var(--pricing-note-border);
  box-shadow: var(--pricing-note-shadow);
  backdrop-filter: blur(12px);
  
}

.pricing .pricing__chip {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
}

.pricing .pricing__note a {
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.2);
  text-underline-offset: 0.18em;
}

.pricing .pricing__note a:hover {
  text-decoration-color: currentColor;
}

.portal-demo-home {
  --portal-demo-kicker: rgba(232, 207, 255, 0.96);
  --portal-demo-heading: #ffffff;
  --portal-demo-text: rgba(235, 240, 252, 0.9);
  --portal-demo-muted: rgba(213, 221, 241, 0.74);
  --portal-demo-border: rgba(255, 255, 255, 0.1);
  --portal-demo-panel: rgba(11, 15, 30, 0.76);
  --portal-demo-panel-strong: rgba(10, 14, 28, 0.9);
  position: relative;
  overflow: clip;
  isolation: isolate;
  min-height: 100svh;
  display: flex;
  align-items: center;
  padding-block: clamp(1.15rem, 2vh, 1.9rem);
  background:
    radial-gradient(circle at 8% 18%, rgba(104, 137, 255, 0.16) 0%, transparent 24%),
    radial-gradient(circle at 92% 10%, rgba(255, 172, 56, 0.12) 0%, transparent 20%),
    radial-gradient(circle at 72% 78%, rgba(165, 53, 255, 0.18) 0%, transparent 28%),
    linear-gradient(135deg, #070b15 0%, #050813 44%, #090d18 100%);
}

.portal-demo-home::before,
.portal-demo-home::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.portal-demo-home::before {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.012) 1px, transparent 1px);
  background-size: 38px 38px;
  opacity: 0.22;
}

.portal-demo-home::after {
  inset: auto 0 0;
  height: 7rem;
  background: linear-gradient(180deg, rgba(5, 8, 19, 0) 0%, rgba(5, 8, 19, 0.92) 100%);
}

.portal-demo-home h2,
.portal-demo-home h3,
.portal-demo-home strong,
.portal-demo-home a {
  color: var(--portal-demo-heading);
}

.portal-demo-home p,
.portal-demo-home li,
.portal-demo-home span,
.portal-demo-home small {
  color: var(--portal-demo-text);
}

.portal-demo-home h2,
.portal-demo-home h3,
.portal-demo-home p,
.portal-demo-home strong,
.portal-demo-home a,
.portal-demo-home span,
.portal-demo-home small {
  overflow-wrap: anywhere;
  word-break: normal;
}

.portal-demo-home .section-kicker,
.portal-demo-home__eyebrow {
  color: var(--portal-demo-kicker);
}

.portal-demo-home__wrap {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(1rem, 1.8vh, 1.3rem);
  width: min(100%, 1120px);
  margin-inline: auto;
}

.portal-demo-home__head {
  gap: 0.45rem;
  max-width: 100%;
  margin-bottom: 0;
}

.portal-demo-home__head h2 {
  font-size: clamp(2rem, 3.3vw, 3.1rem);
  line-height: 0.98;
  letter-spacing: -0.04em;
  max-width: 16ch;
}
.portal-demo-home__head p:last-child {
  max-width: 52rem;
  color: var(--portal-demo-muted);
  font-size: clamp(0.98rem, 1.05vw, 1.04rem);
  line-height: 1.55;
  margin: 0;
}
.portal-demo-home__grid {
  display: grid;
  grid-template-columns: minmax(16rem, 21rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: stretch;
  min-height: min(52svh, 32rem);
}

.portal-demo-home__content {
  display: grid;
  align-content: space-between;
  gap: 1rem;
  min-width: 0;
  padding-top: 0.12rem;
}

.portal-demo-home__intro {
  display: grid;
  gap: 0.42rem;
  max-width: 19rem;
}

.portal-demo-home__intro h3 {
  font-size: clamp(1.18rem, 1.55vw, 1.56rem);
  line-height: 1.1;
  letter-spacing: -0.025em;
  max-width: 14ch;
}

.portal-demo-home__intro p:last-child {
  color: var(--portal-demo-muted);
  font-size: 0.92rem;
  line-height: 1.52;
  max-width: 28ch;
  margin: 0;
}

.portal-demo-home__benefits {
  display: grid;
  gap: 0.65rem;
}

.portal-demo-home__benefit-card,
.portal-demo-home__feature-card,
.portal-demo-home__list-item,
.portal-demo-home__module-link,
.portal-demo-home__note,
.portal-demo-home__screen,
.portal-demo-home__screen-stat,
.portal-demo-home__screen-next,
.portal-demo-home__screen-mini {
  position: relative;
  min-width: 0;
  border: 1px solid var(--portal-demo-border);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.028) 100%);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.portal-demo-home__benefit-card {
  display: grid;
  gap: 0.24rem;
  align-content: start;
  padding: 0.85rem 0.92rem;
  border-radius: 1rem;
}

.portal-demo-home__benefit-card strong,
.portal-demo-home__feature-card strong {
  font-size: 0.95rem;
  line-height: 1.08;
  letter-spacing: -0.02em;
}

.portal-demo-home__benefit-card p,
.portal-demo-home__feature-card p {
  color: var(--portal-demo-muted);
  font-size: 0.88rem;
  line-height: 1.42;
  margin: 0;
}

.portal-demo-home__actions {
  display: grid;
  gap: 0.55rem;
  max-width: 14rem;
}

.portal-demo-home__actions .btn {
  width: 100%;
}

.portal-demo-home__feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
}

.portal-demo-home__feature-card {
  display: grid;
  gap: 0.32rem;
  align-content: start;
  padding: 0.95rem;
  border-radius: 1rem;
  min-height: 7.6rem;
}

.portal-demo-home__feature-card::before,
.portal-demo-home__benefit-card::before {
  content: "";
  width: 1.7rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(214, 177, 255, 0.96), rgba(121, 160, 255, 0.72));
}

.portal-demo-home__stage {
  position: relative;
  display: grid;
  gap: 0.75rem;
  align-content: start;
  min-width: 0;
  width: 100%;
  padding: 0.95rem;
  border-radius: 1.4rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background:
    radial-gradient(circle at 85% 12%, rgba(255, 255, 255, 0.1) 0%, transparent 24%),
    radial-gradient(circle at 16% 8%, rgba(102, 155, 255, 0.16) 0%, transparent 24%),
    linear-gradient(180deg, rgba(12, 16, 31, 0.96) 0%, rgba(8, 11, 23, 0.98) 100%);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.26);
  overflow: hidden;
}

.portal-demo-home__stage::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.02));
  pointer-events: none;
}

.portal-demo-home__stage::after {
  content: "";
  position: absolute;
  inset: auto -10% -28% auto;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(130, 0, 205, 0.18), transparent 68%);
  filter: blur(10px);
  pointer-events: none;
}

.portal-demo-home__module-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
  max-width: 100%;
}

.portal-demo-home__module-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.95rem;
  padding: 0.4rem 0.68rem;
  border-radius: 999px;
  text-decoration: none;
  font-size: 0.72rem;
  letter-spacing: -0.01em;
  color: var(--portal-demo-text);
  white-space: nowrap;
}

.portal-demo-home__stage-top {
  display: grid;
  gap: 0.28rem;
  max-width: 30rem;
  min-width: 0;
}

.portal-demo-home__stage-top h3 {
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  line-height: 1.03;
  letter-spacing: -0.04em;
  max-width: 20ch;
}

.portal-demo-home__stage-top p:last-child {
  color: var(--portal-demo-muted);
  font-size: 0.92rem;
  line-height: 1.52;
  max-width: 36ch;
  margin: 0;
}

.portal-demo-home__screen {
  display: grid;
  gap: 0.75rem;
  padding: 0.82rem;
  border-radius: 1.1rem;
  background: linear-gradient(180deg, rgba(8, 12, 23, 0.92), rgba(10, 14, 26, 0.9));
}

.portal-demo-home__screen-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--portal-demo-muted);
}

.portal-demo-home__screen-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(11rem, 0.72fr);
  gap: 0.72rem;
}

.portal-demo-home__screen-main,
.portal-demo-home__screen-side {
  display: grid;
  gap: 0.65rem;
}

.portal-demo-home__screen-stat,
.portal-demo-home__screen-next,
.portal-demo-home__screen-mini {
  padding: 0.8rem 0.85rem;
  border-radius: 0.95rem;
}

.portal-demo-home__screen-stat small,
.portal-demo-home__screen-next small,
.portal-demo-home__screen-mini span,
.portal-demo-home__screen-progress-meta span {
  display: block;
  color: var(--portal-demo-muted);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.portal-demo-home__screen-stat strong,
.portal-demo-home__screen-next strong,
.portal-demo-home__screen-mini strong,
.portal-demo-home__screen-progress-meta strong {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.95rem;
  letter-spacing: -0.02em;
}

.portal-demo-home__screen-progress {
  display: grid;
  gap: 0.45rem;
  padding: 0.82rem 0.85rem;
  border-radius: 0.95rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.portal-demo-home__screen-progress-bar {
  height: 0.55rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.portal-demo-home__screen-progress-bar span {
  display: block;
  width: 84%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(168, 85, 247, 0.95), rgba(86, 160, 255, 0.9));
}

.portal-demo-home__screen-progress-meta {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
}

.portal-demo-home__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}

.portal-demo-home__list-item {
  display: grid;
  gap: 0.2rem;
  padding: 0.78rem;
  border-radius: 1rem;
  min-height: 6.2rem;
}

.portal-demo-home__list-item strong {
  font-size: 0.95rem;
  line-height: 1.08;
  letter-spacing: -0.02em;
}

.portal-demo-home__list-item p {
  color: var(--portal-demo-muted);
  font-size: 0.84rem;
  line-height: 1.32;
  margin: 0;
}

.portal-demo-home__note {
  display: grid;
  gap: 0.14rem;
  align-content: start;
  padding: 0.72rem 0.76rem;
  border-radius: 1rem;
  max-width: 22rem;
  background: linear-gradient(180deg, rgba(130, 0, 205, 0.18) 0%, rgba(255, 255, 255, 0.04) 100%);
}

.portal-demo-home__note strong {
  font-size: 0.78rem;
  letter-spacing: -0.01em;
}

.portal-demo-home__note p {
  color: var(--portal-demo-muted);
  font-size: 0.76rem;
  line-height: 1.36;
  margin: 0;
}

@media (max-width: 72rem) {
  .portal-demo-home {
    min-height: auto;
    display: block;
    padding-block: 2rem;
  }

  .portal-demo-home__wrap {
    width: 100%;
  }

  .portal-demo-home__grid,
  .portal-demo-home__feature-grid,
  .portal-demo-home__list,
  .portal-demo-home__screen-grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .portal-demo-home__head,
  .portal-demo-home__stage-top,
  .portal-demo-home__intro {
    max-width: none;
  }

  .portal-demo-home__head h2,
  .portal-demo-home__stage-top h3,
  .portal-demo-home__intro h3 {
    max-width: none;
  }
}

@media (max-width: 40rem) {
  .portal-demo-home__actions,
  .portal-demo-home__module-links,
  .portal-demo-home__screen-progress-meta {
    display: grid;
  }

  .portal-demo-home__module-link,
  .portal-demo-home__actions .btn,
  .portal-demo-home__note {
    width: 100%;
    max-width: none;
  }
}


/* Temporary homepage replacement active: keep legacy styles for rollback, but hide the section cleanly. */
.portal-demo-home,
body .portal-demo-home {
  display: none !important;
  min-height: 0 !important;
  padding-block: 0 !important;
}


.kickoff-home {
  --kickoff-home-bg: #060915;
  --kickoff-home-surface: rgba(12, 16, 31, 0.9);
  --kickoff-home-surface-soft: rgba(255, 255, 255, 0.045);
  --kickoff-home-border: rgba(255, 255, 255, 0.1);
  --kickoff-home-border-strong: rgba(255, 255, 255, 0.16);
  --kickoff-home-heading: #ffffff;
  --kickoff-home-text: rgba(235, 240, 252, 0.88);
  --kickoff-home-muted: rgba(206, 214, 233, 0.74);
  --kickoff-home-kicker: rgba(232, 207, 255, 0.96);
  position: relative;
  isolation: isolate;
  overflow: clip;
  color: var(--kickoff-home-text);
  background:
    linear-gradient(180deg, rgba(5, 8, 20, 0.94) 0%, rgba(6, 9, 21, 1) 100%),
    radial-gradient(circle at 12% 18%, rgba(130, 0, 205, 0.18) 0%, transparent 30%),
    radial-gradient(circle at 86% 16%, rgba(107, 124, 255, 0.16) 0%, transparent 26%),
    radial-gradient(circle at 58% 84%, rgba(47, 211, 255, 0.1) 0%, transparent 26%),
    var(--kickoff-home-bg);
}

.kickoff-home::before,
.kickoff-home::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.kickoff-home::before {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px);
  background-size: 38px 38px;
  opacity: 0.18;
}

.kickoff-home::after {
  inset: auto 0 0;
  height: 10rem;
  background: linear-gradient(180deg, rgba(6, 9, 21, 0) 0%, rgba(6, 9, 21, 0.94) 100%);
}

.kickoff-home .section-kicker,
.kickoff-home__eyebrow { color: var(--kickoff-home-kicker); }
.kickoff-home h2,
.kickoff-home h3,
.kickoff-home strong,
.kickoff-home a { color: var(--kickoff-home-heading); }
.kickoff-home p,
.kickoff-home li,
.kickoff-home span { color: var(--kickoff-home-text); }

.kickoff-home__wrap { position: relative; z-index: 1; display: grid; gap: clamp(1.8rem, 3vw, 2.5rem); }
.kickoff-home__head { max-width: 58rem; }
.kickoff-home__head p:last-child { color: var(--kickoff-home-muted); max-width: 50rem; }
.kickoff-home__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(20rem, 0.94fr);
  gap: clamp(1.3rem, 2.8vw, 2.1rem);
  align-items: stretch;
}
.kickoff-home__content,
.kickoff-home__stage {
  position: relative;
  overflow: hidden;
  border-radius: 1.6rem;
  border: 1px solid var(--kickoff-home-border);
  background: linear-gradient(180deg, rgba(255,255,255,.045) 0%, transparent 100%), var(--kickoff-home-surface);
  box-shadow: 0 28px 76px rgba(1, 4, 14, 0.56);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.kickoff-home__content { display:grid; gap:1.3rem; padding: clamp(1.5rem, 2.9vw, 2.2rem); }
.kickoff-home__stage {
  display:grid;
  gap:1.1rem;
  align-content:start;
  padding: clamp(1.35rem, 2.7vw, 2rem);
  background:
    linear-gradient(180deg, rgba(10, 14, 28, 0.9) 0%, rgba(7, 11, 23, 0.96) 100%),
    radial-gradient(circle at 18% 20%, rgba(130, 0, 205, 0.16) 0%, transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(107, 124, 255, 0.14) 0%, transparent 28%),
    rgba(8, 10, 20, 0.92);
  border-color: var(--kickoff-home-border-strong);
}
.kickoff-home__intro { display:grid; gap:1rem; }
.kickoff-home__intro p:last-child { color: var(--kickoff-home-muted); max-width: 60ch; }
.kickoff-home__benefits,
.kickoff-home__progress-grid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .95rem; }
.kickoff-home__benefit,
.kickoff-home__meta-item,
.kickoff-home__step,
.kickoff-home__note {
  border:1px solid var(--kickoff-home-border);
  background: rgba(255,255,255,.05);
}
.kickoff-home__benefit {
  display:grid; gap:.4rem; padding:1rem 1rem 1.05rem; border-radius:1.1rem;
}
.kickoff-home__benefit p,
.kickoff-home__step p,
.kickoff-home__note p { margin:0; color: var(--kickoff-home-muted); }
.kickoff-home__actions { display:flex; flex-wrap:wrap; gap:.85rem; height: 30px;}
.kickoff-home__actions .btn { min-height:3.15rem; }
.kickoff-home__actions .btn--secondary {
  border-color: rgba(255,255,255,.14);
  color: var(--kickoff-home-heading);
  background: rgba(255,255,255,.05);
}
.kickoff-home__chips { display:flex; flex-wrap:wrap; gap:.7rem; }
.kickoff-home__chip {
  display:inline-flex; align-items:center; justify-content:center; min-height:2.6rem;
  padding:.75rem 1rem; border-radius:999px; border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.03); color: var(--kickoff-home-text); text-decoration:none;
  transition: transform .24s ease, border-color .24s ease, background-color .24s ease;
}
.kickoff-home__chip:hover { transform: translateY(-1px); border-color: rgba(255,255,255,.22); }
.kickoff-home__stage-top { display:grid; gap:.65rem; }
.kickoff-home__stage-top p:last-child { color: var(--kickoff-home-muted); }
.kickoff-home__meta-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:.8rem; }
.kickoff-home__meta-item { display:grid; gap:.3rem; padding:.95rem 1rem; border-radius:1rem; }
.kickoff-home__meta-item span { color: var(--kickoff-home-muted); font-size: .84rem; }
.kickoff-home__step-list { display:grid; gap:.8rem; margin:0; padding:0; list-style:none; }
.kickoff-home__step { display:grid; gap:.35rem; padding:1rem 1.05rem; border-radius:1rem; }
.kickoff-home__progress-grid { margin-top:.1rem; }
.kickoff-home__progress-card { padding:.95rem 1rem; border-radius:1rem; background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); }
.kickoff-home__progress-card span { display:block; margin-bottom:.55rem; color: var(--kickoff-home-muted); font-size:.84rem; }
.kickoff-home__progress {
  height:.85rem; border-radius:999px; overflow:hidden; background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.05);
}
.kickoff-home__progress > span {
  display:block; height:100%; border-radius:999px; background: linear-gradient(90deg, #6f00d9 0%, #8d31ff 36%, #b669ff 68%, #efe2ff 100%);
}
.kickoff-home__note { display:grid; gap:.4rem; padding:1rem 1.05rem; border-radius:1rem; background: rgba(130,0,205,.16); border-color: rgba(202,115,255,.24); }

@media (max-width: 72rem) { .kickoff-home__grid { grid-template-columns:1fr; } }
@media (max-width: 52rem) {
  .kickoff-home__benefits,
  .kickoff-home__meta-grid,
  .kickoff-home__progress-grid { grid-template-columns:1fr; }
  .kickoff-home__content,
  .kickoff-home__stage { border-radius:1.35rem; }
}
@media (max-width: 40rem) {
  .kickoff-home__actions,
  .kickoff-home__chips { display:grid; }
  .kickoff-home__actions .btn,
  .kickoff-home__chip { width:100%; }
}


.kickoff-home__head--briefing {
  max-width: 46rem;
}
.kickoff-home__head--briefing h2 {
  max-width: 34rem;
  margin-inline: auto;
}
.kickoff-home__head--briefing p:last-child {
  max-width: 44rem;
  margin-inline: auto;
}
.kickoff-home__grid--briefing {
  grid-template-columns: minmax(0, 1fr);
  max-width: 56rem;
  margin-inline: auto;
}
.kickoff-home__content--briefing {
  gap: 1.35rem;
  justify-items: center;
  text-align: center;
  padding: clamp(1.6rem, 2.7vw, 2.15rem);
  border-radius: 1.45rem;
  border-color: rgba(207, 216, 238, 0.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.04) 100%),
    linear-gradient(180deg, rgba(10, 14, 28, 0.88) 0%, rgba(7, 11, 23, 0.96) 100%);
}
.kickoff-home__intro--briefing {
  max-width: 42rem;
  justify-items: center;
}
.kickoff-home__lead {
  margin: 0;
  font-size: clamp(1.02rem, 1.7vw, 1.28rem);
  line-height: 1.55;
  color: var(--kickoff-home-heading) !important;
}
.kickoff-home__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.kickoff-home__fact {
  display: grid;
  justify-items: center;
  gap: 0.75rem;
  min-height: 0;
  padding: 0.2rem 0.75rem;
}
.kickoff-home__fact + .kickoff-home__fact {
  border-left: 0;
}
.kickoff-home__fact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.08);
  background: radial-gradient(circle at 50% 35%, rgba(255,255,255,.1), rgba(255,255,255,.04));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.kickoff-home__fact i {
  color: #c88cff;
  font-size: 1.7rem;
}
.kickoff-home__fact-text {
  color: var(--kickoff-home-heading);
  font-weight: 600;
  font-size: 1.05rem;
  line-height: 1.35;
}
.kickoff-home__actions--briefing {
  justify-content: center;
  height: auto;
  margin-top: 0.15rem;
}
.kickoff-home__actions--briefing .btn {
  min-width: min(100%, 20rem);
}
.kickoff-home__hint {
  margin: 0;
  color: var(--kickoff-home-muted) !important;
  font-size: 0.95rem;
}
@media (max-width: 52rem) {
  .kickoff-home__facts {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
  .kickoff-home__fact {
    padding: 0;
  }
  .kickoff-home__fact-icon {
    width: 4rem;
    height: 4rem;
  }
}

/* upgrades.css
   Digitale Erweiterungen der Startseite.
   Nutzt dieselbe Bildbühne wie die Angebotssektion, bekommt aber eine eigene Kartendarstellung
   und ein trennendes Zierelement zur klaren Section-Abgrenzung.
*/

.digital-upgrade {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--upgrades-bg);
}

.digital-upgrade::before,
.digital-upgrade::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.digital-upgrade::before {
  background-image: var(--upgrades-overlay), var(--upgrades-bg-image-active);
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat;
  transform: scale(1.04);
}

.digital-upgrade::after {
  inset: 0 0 auto;
  height: clamp(5rem, 8vw, 7rem);
  
    var(--signature-divider-glow);
  opacity: 0.8;
}

.digital-upgrade > .shell {
  position: relative;
  z-index: 1;
}

.digital-upgrade .section-head {
  max-width: 58rem;
}

.digital-upgrade .section-head h2,
.digital-upgrade .section-head h3,
.digital-upgrade .price-card h3,
.digital-upgrade .price-card__footer strong,
.digital-upgrade .digital-upgrade__note strong {
  color: var(--upgrades-heading);
}

.digital-upgrade .section-head p,
.digital-upgrade .price-card ul,
.digital-upgrade .price-card li,
.digital-upgrade .price-card__footer span,
.digital-upgrade .digital-upgrade__note p,
.digital-upgrade .digital-upgrade__note a {
  color: var(--upgrades-text);
}

.digital-upgrade .section-kicker,
.digital-upgrade .price-card__badge {
  color: var(--theme-kicker);
}

.digital-upgrade .pricing__grid,
.digital-upgrade .digital-upgrade__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.4rem);
  align-items: stretch;
}

.digital-upgrade .price-card {
  position: relative;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.35rem 1.15rem 1.15rem;
  border-radius: 1.35rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow:
    0 24px 50px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(255,255,255,0.05) inset;
  backdrop-filter: blur(12px);
  overflow: hidden;
  transition:
    transform var(--duration-base) var(--ease-standard),
    border-color var(--duration-base) var(--ease-standard),
    box-shadow var(--duration-base) var(--ease-standard);
}

.digital-upgrade .price-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.04) 18%, rgba(255,255,255,0) 38%);
  pointer-events: none;
}

.digital-upgrade .price-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow:
    0 30px 62px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(255,255,255,0.08) inset;
}

.digital-upgrade .price-card:nth-child(1) {
  background: linear-gradient(180deg, rgba(251, 224, 224, 0.95) 0%, rgba(239, 199, 199, 0.94) 100%);
  border-color: rgba(255, 255, 255, 0.32);
}

.digital-upgrade .price-card:nth-child(2) {
  background: linear-gradient(180deg, rgba(245, 245, 245, 0.94) 0%, rgba(232, 232, 232, 0.94) 100%);
  border-color: rgba(255, 255, 255, 0.28);
}

.digital-upgrade .price-card:nth-child(3),
.digital-upgrade .price-card--accent {
  background: linear-gradient(180deg, rgba(170, 44, 255, 0.96) 0%, rgba(130, 0, 205, 0.96) 100%);
  border-color: rgba(255, 255, 255, 0.3);
}

.digital-upgrade .price-card:nth-child(4),
.digital-upgrade .price-card--gold {
  background: linear-gradient(180deg, rgba(245, 209, 88, 0.95) 0%, rgba(219, 171, 34, 0.95) 100%);
  border-color: rgba(255, 255, 255, 0.28);
}

.digital-upgrade .price-card:nth-child(1) h3,
.digital-upgrade .price-card:nth-child(2) h3,
.digital-upgrade .price-card:nth-child(4) h3,
.digital-upgrade .price-card:nth-child(1) li,
.digital-upgrade .price-card:nth-child(2) li,
.digital-upgrade .price-card:nth-child(4) li,
.digital-upgrade .price-card:nth-child(1) .price-card__footer span,
.digital-upgrade .price-card:nth-child(2) .price-card__footer span,
.digital-upgrade .price-card:nth-child(4) .price-card__footer span,
.digital-upgrade .price-card:nth-child(1) .price-card__footer strong,
.digital-upgrade .price-card:nth-child(2) .price-card__footer strong,
.digital-upgrade .price-card:nth-child(4) .price-card__footer strong,
.digital-upgrade .price-card:nth-child(1) .price-card__badge,
.digital-upgrade .price-card:nth-child(2) .price-card__badge,
.digital-upgrade .price-card:nth-child(4) .price-card__badge {
  color: #121621;
}

.digital-upgrade .price-card:nth-child(1) li::before,
.digital-upgrade .price-card:nth-child(2) li::before,
.digital-upgrade .price-card:nth-child(4) li::before {
  color: rgba(18, 22, 33, 0.72);
}

.digital-upgrade .price-card:nth-child(3) h3,
.digital-upgrade .price-card:nth-child(3) li,
.digital-upgrade .price-card:nth-child(3) .price-card__footer span,
.digital-upgrade .price-card:nth-child(3) .price-card__footer strong,
.digital-upgrade .price-card:nth-child(3) .price-card__badge {
  color: #ffffff;
}

.digital-upgrade .price-card__badge {
  width: fit-content;
  min-height: 2rem;
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.26);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.digital-upgrade .price-card h3 {
  font-size: clamp(1.2rem, 1.2vw + 1rem, 1.5rem);
  line-height: 1.12;
  margin: 0;
}

.digital-upgrade .price-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.65rem;
}

.digital-upgrade .price-card li {
  position: relative;
  padding-left: 1rem;
  line-height: 1.52;
}

.digital-upgrade .price-card li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: rgba(255, 255, 255, 0.72);
}

.digital-upgrade .price-card__footer {
  margin-top: auto;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255,255,255,0.18);
}

.digital-upgrade .price-card__footer strong {
  font-size: 1.28rem;
}

.digital-upgrade .digital-upgrade__note {
  margin-top: 1.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1.35rem;
  border-radius: 1.35rem;
  background: var(--upgrades-note-bg);
  border: 1px solid var(--upgrades-note-border);
  box-shadow: var(--upgrades-note-shadow);
  backdrop-filter: blur(12px);
}

@media (max-width: 79.99rem) {
  .digital-upgrade .pricing__grid,
  .digital-upgrade .digital-upgrade__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 47.99rem) {
  .digital-upgrade .pricing__grid,
  .digital-upgrade .digital-upgrade__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .digital-upgrade .price-card {
    border-radius: 1.2rem;
  }

  .digital-upgrade .price-card__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* contact.css
   Startseiten-Kontaktbereich.
   Premium-Abschlusssektion mit klarer Anfrageführung und hoher Formular-Lesbarkeit.
*/

.contact {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--contact-bg);
}

.contact::before,
.contact::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.contact::before {
  background: var(--contact-overlay);
}

.contact::after {
  inset: auto 0 0;
  height: clamp(4rem, 8vw, 6rem);
  background: var(--contact-bottom-fade);
}

.contact > .shell {
  position: relative;
  z-index: 1;
}

.contact .contact__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(21rem, 0.95fr);
  gap: clamp(1.5rem, 3.8vw, 3rem);
  align-items: stretch;
}

.contact .contact__card,
.contact .contact__form {
  min-height: 100%;
  padding: clamp(1.3rem, 2.4vw, 2rem);
  border-radius: 1.65rem;
  border: 1px solid var(--contact-panel-border);
  background: var(--contact-panel-bg);
  box-shadow: var(--contact-panel-shadow);
  color: var(--contact-text);
}

.contact .contact__card {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 1.25rem;
}

.contact .contact__card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--contact-card-glow);
  pointer-events: none;
}

.contact .contact__card > * {
  position: relative;
  z-index: 1;
}

.contact .section-kicker,
.contact .contact__form-kicker {
  color: var(--contact-kicker);
}

.contact h2,
.contact h3,
.contact strong,
.contact summary {
  color: var(--contact-heading);
}

.contact p,
.contact li,
.contact span,
.contact label {
  color: var(--contact-text);
}

.contact .contact__highlights,
.contact .contact__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.95rem;
}

.contact .contact__highlights article,
.contact .contact__steps article {
  min-height: 100%;
  padding: 1rem 1rem 1.05rem;
  border-radius: 1.15rem;
  border: 1px solid var(--contact-subcard-border);
  background: var(--contact-subcard-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.contact .contact__highlights article {
  display: grid;
  gap: 0.45rem;
}

.contact .contact__highlights strong {
  font-size: 0.98rem;
  line-height: 1.35;
}

.contact .contact__highlights span {
  font-size: 0.91rem;
  line-height: 1.55;
}

.contact .contact__steps article {
  display: grid;
  grid-template-columns: 2.85rem 1fr;
  gap: 0.9rem;
  align-items: start;
}

.contact .contact__steps span {
  width: 2.7rem;
  height: 2.7rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--contact-step-badge-bg);
  color: #fff;
  box-shadow: var(--contact-step-badge-shadow);
  font-family: var(--font-family-display);
  font-size: 0.78rem;
  letter-spacing: 0.05em;
}

.contact .contact__steps p {
  font-size: 0.92rem;
  line-height: 1.55;
}

.contact .contact__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.contact .contact__list li {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 3.4rem;
  padding: 0.9rem 1rem;
  border-radius: 1rem;
  border: 1px solid var(--contact-subcard-border);
  background: var(--contact-subcard-bg);
}

.contact .contact__list i {
  font-size: 1rem;
  color: var(--theme-icon-accent);
}

.contact .contact__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 0.2rem;
}

.contact .contact__form {
  display: grid;
  align-content: start;
  gap: 1rem;
}

.contact .contact__form-head {
  display: grid;
  gap: 0.75rem;
  padding-bottom: 0.25rem;
}

.contact .contact__form-note {
  padding: 0.85rem 1rem;
  border-radius: 1rem;
  border: 1px solid var(--contact-note-border);
  background: var(--contact-note-bg);
  font-size: 0.92rem;
  line-height: 1.55;
}

.contact .form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.contact .contact__form input,
.contact .contact__form textarea {
  width: 100%;
  border-radius: 1rem;
  border: 1px solid var(--contact-input-border);
  background: var(--contact-input-bg);
  color: var(--contact-heading);
  padding: 1rem 1rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.contact .contact__form input::placeholder,
.contact .contact__form textarea::placeholder {
  color: var(--contact-placeholder);
}

.contact .contact__form textarea {
  min-height: 11rem;
  resize: vertical;
}

.contact .contact__form input:focus,
.contact .contact__form textarea:focus {
  outline: none;
  border-color: var(--contact-input-focus);
  box-shadow: 0 0 0 3px rgba(130, 0, 205, 0.12);
  background: var(--contact-input-focus-bg);
}

.contact .contact__form .btn {
  justify-self: start;
}

@media (max-width: 79.99rem) {
  .contact .contact__highlights,
  .contact .contact__steps,
  .contact .contact__list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 63.99rem) {
  .contact .contact__grid {
    grid-template-columns: 1fr;
  }

  .contact .contact__card,
  .contact .contact__form {
    padding: 1.2rem;
    border-radius: 1.35rem;
  }
}

@media (max-width: 47.99rem) {
  .contact {
    padding-block: 4rem;
  }

  .contact .form__row {
    grid-template-columns: 1fr;
  }

  .contact .contact__list li,
  .contact .contact__highlights article,
  .contact .contact__steps article {
    padding: 0.95rem;
  }
}

/* faq.css
   Helle Abschluss-Ruhezone mit klarer FAQ-Hierarchie.
   Ziel: letzte Einwände sauber auffangen, ohne den Flow zu bremsen.
*/

.faq {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--faq-bg);
}

.faq::before,
.faq::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.faq::before {
  background: var(--faq-overlay);
}

.faq::after {
  inset: auto 0 0;
  height: clamp(4rem, 8vw, 6rem);
  background: var(--faq-bottom-fade);
}

.faq > .shell {
  position: relative;
  z-index: 1;
}

.faq .faq__head {
  display: grid;
  gap: 0.95rem;
  max-width: 50rem;
  margin-bottom: clamp(1.75rem, 3vw, 2.5rem);
}

.faq .section-kicker {
  color: var(--faq-kicker);
}

.faq h2,
.faq h3,
.faq summary {
  color: var(--faq-heading);
}

.faq p {
  color: var(--faq-text);
}

.faq .faq__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  max-width: 72rem;
  margin-inline: auto;
   align-items: start;
}

.faq .faq__grid > details {
  min-height: 0;
  height: auto;
  padding: 0;
  overflow: hidden;
  border-radius: 1.3rem;
  border: 1px solid var(--faq-card-border);
  background: var(--faq-card-bg);
  box-shadow: var(--faq-card-shadow);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
    align-self: start;
}

.faq .faq__grid > details:hover {
  transform: translateY(-1px);
}

.faq .faq__grid > details[open] {
  box-shadow: var(--faq-card-shadow-open);
  border-color: rgba(130, 0, 205, 0.18);
}

.faq .faq__grid > details > summary {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 5rem;
  padding: 1.15rem 4.5rem 1.15rem 1.2rem;
  cursor: pointer;
  list-style: none;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.45;
  background: var(--faq-summary-bg);
  border-bottom: 1px solid transparent;
}

.faq .faq__grid > details > summary::-webkit-details-marker {
  display: none;
}

.faq .faq__grid > details > summary::before {
  content: "?";
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--faq-summary-icon-bg);
  color: var(--faq-summary-icon-color);
  font-family: var(--font-family-display);
  font-size: 0.82rem;
  letter-spacing: 0.04em;
}

.faq .faq__grid > details > summary::after {
  content: "+";
  position: absolute;
  right: 1.15rem;
  top: 50%;
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border-radius: 999px;
  background: var(--faq-summary-icon-bg);
  color: var(--faq-summary-icon-color);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1;
}

.faq .faq__grid > details[open] > summary {
  border-bottom-color: var(--faq-answer-border);
}

.faq .faq__grid > details[open] > summary::after {
  content: "–";
}

.faq .faq__grid > details > p {
  margin: 0;
  padding: 1rem 1.2rem 1.25rem;
  border-top: 0;
  line-height: 1.7;
}

@media (max-width: 79.99rem) {
  .faq .faq__grid {
    max-width: 64rem;
  }
}

@media (max-width: 63.99rem) {
  .faq .faq__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 47.99rem) {
  .faq {
    padding-block: 4rem;
  }

  .faq .faq__grid > details,
  .faq .faq__grid > details > summary {
    border-radius: 1.15rem;
  }

  .faq .faq__grid > details > summary {
    min-height: 4.6rem;
    padding: 1rem 4rem 1rem 1rem;
  }

  .faq .faq__grid > details > p {
    padding: 0.95rem 1rem 1.15rem;
  }
}

/* footer.css
   Dunkler Premium-Footer mit großer Markenfläche und klarer Linkstruktur.
   Bewusst konstant dunkel, damit der Abschluss unabhängig vom Theme hochwertig bleibt.
*/

.site-footer {
  position: relative;
  overflow: clip;
  padding-block: clamp(3.2rem, 5vw, 4.4rem) 1.3rem;
  background:
    linear-gradient(180deg, rgba(2, 4, 10, 0.98) 0%, rgba(4, 7, 16, 0.98) 100%),
    radial-gradient(circle at 18% 18%, rgba(135, 61, 255, 0.18) 0%, transparent 30%),
    radial-gradient(circle at 82% 20%, rgba(49, 102, 255, 0.14) 0%, transparent 28%),
    #040711;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(236, 240, 255, 0.9);
}

.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 36px 36px;
  opacity: 0.12;
  pointer-events: none;
}

.footer__inner,
.footer__bottom {
  position: relative;
  z-index: 1;
}

.footer__inner {
  display: grid;
  grid-template-columns: minmax(18rem, 1.2fr) minmax(12rem, 0.8fr) minmax(12rem, 0.72fr);
  gap: clamp(1.4rem, 3vw, 3rem);
  align-items: start;
}

.footer__brandcol {
  position: relative;
  display: grid;
  gap: 1rem;
  min-height: 15rem;
  padding-right: clamp(1rem, 3vw, 2rem);
}

.footer__brandmark {
  position: absolute;
  inset: -1.4rem auto auto -2rem;
  width: min(33rem, 46vw);
  opacity: 0.16;
  pointer-events: none;
  filter: saturate(1.1) blur(0.2px);
}

.footer__brandmark img {
  width: 100%;
  height: auto;
  display: block;
}

.footer__logo {
  position: relative;
  z-index: 1;
  width: clamp(10rem, 16vw, 13rem);
}

.footer__brandcol p,
.footer__proof strong,
.footer__nav a,
.footer__socials a,
.footer__bottom p {
  color: rgba(219, 225, 246, 0.8);
}

.footer__proof {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.5rem;
  max-width: 34rem;
  padding: 1rem 1.1rem;
  border-radius: 1.15rem;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.2);
}

.footer__proof span,
.footer__title {
  color: #ffffff;
  font-family: var(--font-family-display);
  font-size: 0.82rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.footer__nav,
.footer__socials {
  display: grid;
  gap: 1.35rem;
}

.footer__nav-group,
.footer__socials {
  position: relative;
  z-index: 1;
}

.footer__nav-group {
  display: grid;
  gap: 0.7rem;
}

.footer__nav a,
.footer__socials a {
  text-decoration: none;
  transition: color 180ms ease, transform 180ms ease;
}

.footer__nav a:hover,
.footer__socials a:hover {
  color: #ffffff;
  transform: translateX(2px);
}

.footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem 1.4rem;
  margin-top: clamp(2rem, 4vw, 2.8rem);
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}


.footer__social-subtitle {
  margin-top: 1.1rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.86);
}

.footer__contact-icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.9rem;
  margin-top: 0.55rem;
}

.footer-social-link {
  --accent: #c084fc;
  --accent-soft: rgba(192, 132, 252, 0.44);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  text-decoration: none;
  color: rgba(232, 236, 248, 0.84);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(25, 30, 43, 0.92) 0%, rgba(11, 15, 24, 0.98) 100%);
  box-shadow:
    0 10px 18px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -8px 14px rgba(0, 0, 0, 0.3);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    color 0.28s ease,
    border-color 0.28s ease,
    background 0.28s ease;
}

.footer-social-icon {
  position: relative;
  z-index: 3;
  width: 1.15rem;
  height: 1.15rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.footer-social-label,
.footer-social-dot,
.footer-social-glow,
.footer-social-shine,
.footer-social-line {
  position: absolute;
  pointer-events: none;
}

.footer-social-label {
  left: 50%;
  bottom: calc(100% + 1.08rem);
  transform: translateX(-50%) translateY(8px) scale(0.92);
  opacity: 0;
  white-space: nowrap;
  border-radius: 0.95rem;
  padding: 0.38rem 0.75rem;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: rgba(236, 240, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(180deg, rgba(24, 29, 41, 0.98) 0%, rgba(11, 15, 24, 1) 100%);
  z-index: 5;
  transition: all 0.28s ease;
}

.footer-social-dot {
  left: 50%;
  bottom: calc(100% + 0.42rem);
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 999px;
  transform: translateX(-50%) translateY(6px) scale(0.9);
  opacity: 0;
  background: rgba(255, 255, 255, 0.72);
  z-index: 4;
  transition: all 0.28s ease;
}

.footer-social-glow {
  inset: -0.75rem;
  border-radius: 999px;
  opacity: 0;
  background: radial-gradient(circle, var(--accent-soft) 0%, transparent 70%);
  filter: blur(18px);
  z-index: 1;
  transition: opacity 0.28s ease;
}

.footer-social-shine {
  inset: 2px;
  border-radius: 999px;
  opacity: 0.65;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 42%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}

.footer-social-line {
  left: 50%;
  top: calc(100% + 0.55rem);
  width: 0;
  height: 2px;
  border-radius: 999px;
  transform: translateX(-50%);
  opacity: 0;
  z-index: 2;
  transition: all 0.28s ease;
}

.footer-social-link:hover,
.footer-social-link:focus-visible {
  transform: translateY(-6px) scale(1.08);
  color: var(--accent);
  border-color: rgba(255, 255, 255, 0.16);
  background: linear-gradient(180deg, rgba(28, 34, 48, 0.98) 0%, rgba(11, 15, 24, 1) 100%);
  box-shadow:
    0 18px 32px rgba(0, 0, 0, 0.48),
    0 0 26px var(--accent-soft),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -10px 18px rgba(0, 0, 0, 0.34);
  outline: none;
}

.footer-social-link:hover .footer-social-label,
.footer-social-link:focus-visible .footer-social-label {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
  color: var(--accent);
  box-shadow:
    0 16px 30px rgba(0, 0, 0, 0.42),
    0 0 20px var(--accent-soft),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.footer-social-link:hover .footer-social-dot,
.footer-social-link:focus-visible .footer-social-dot {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
  background: var(--accent);
  box-shadow: 0 0 10px var(--accent-soft);
}

.footer-social-link:hover .footer-social-glow,
.footer-social-link:focus-visible .footer-social-glow {
  opacity: 1;
}

.footer-social-link:hover .footer-social-line,
.footer-social-link:focus-visible .footer-social-line {
  width: 28px;
  opacity: 1;
  background: linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);
  box-shadow: 0 0 12px var(--accent-soft);
}

.footer-social-link--whatsapp {
  --accent: #4ade80;
  --accent-soft: rgba(74, 222, 128, 0.42);
}

.footer-social-link--instagram {
  --accent: #f472b6;
  --accent-soft: rgba(244, 114, 182, 0.42);
}

.footer-social-link--facebook {
  --accent: #60a5fa;
  --accent-soft: rgba(96, 165, 250, 0.42);
}

.footer-social-link--mail {
  --accent: #c084fc;
  --accent-soft: rgba(192, 132, 252, 0.44);
}

body:not(.dark-theme) .footer--light .footer__social-subtitle {
  color: rgba(24, 24, 27, 0.86);
}

body:not(.dark-theme) .footer--light .footer-social-link {
  color: rgba(51, 65, 85, 0.82);
  border: 1px solid rgba(17, 24, 39, 0.06);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(238, 240, 246, 0.96) 100%);
  box-shadow:
    0 10px 18px rgba(148, 163, 184, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    inset 0 -8px 14px rgba(148, 163, 184, 0.1);
}

body:not(.dark-theme) .footer--light .footer-social-label {
  color: rgba(24, 24, 27, 0.9);
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 245, 249, 1) 100%);
}

body:not(.dark-theme) .footer--light .footer-social-dot {
  background: rgba(17, 24, 39, 0.32);
}

body:not(.dark-theme) .footer--light .footer-social-shine {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.28) 45%, rgba(255, 255, 255, 0) 100%);
}

body:not(.dark-theme) .footer--light .footer-social-link:hover,
body:not(.dark-theme) .footer--light .footer-social-link:focus-visible {
  border-color: rgba(17, 24, 39, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 243, 248, 1) 100%);
  box-shadow:
    0 16px 26px rgba(148, 163, 184, 0.22),
    0 0 20px var(--accent-soft),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -8px 14px rgba(148, 163, 184, 0.12);
}

@media (max-width: 47.99rem) {
  .footer__contact-icons {
    gap: 0.8rem;
  }

  .footer-social-link {
    width: 2.8rem;
    height: 2.8rem;
  }

  .footer-social-label {
    font-size: 0.74rem;
    padding: 0.34rem 0.66rem;
  }
}


@media (max-width: 79.99rem) {
  .footer__inner {
    grid-template-columns: 1.1fr 1fr;
  }

  .footer__socials {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 63.99rem) {
  .footer__inner,
  .footer__socials {
    grid-template-columns: 1fr;
  }

  .footer__brandcol {
    min-height: auto;
    padding-right: 0;
    padding-top: 5.5rem;
  }

  .footer__brandmark {
    inset: 0 auto auto 0;
    width: min(19rem, 70vw);
  }
}

@media (max-width: 47.99rem) {
  .site-footer {
    padding-block: 2.6rem 1.15rem;
  }

  .footer__brandcol {
    padding-top: 4.2rem;
  }

  .footer__brandmark {
    width: min(15rem, 72vw);
    opacity: 0.14;
  }

  .footer__bottom {
    align-items: flex-start;
  }
}


/* WD-Pro v0.134: mobile footer vertikal vereinheitlicht und ruhiger ausgerichtet. */
@media (max-width: 63.99rem) {
  .footer__inner {
    gap: 1.5rem;
  }

  .footer__brandcol,
  .footer__nav,
  .footer__socials {
    gap: 0.9rem;
  }

  .footer__nav-group {
    gap: 0.62rem;
  }

  .footer__socials {
    align-content: start;
  }

  .footer__contact-icons {
    margin-top: 0.2rem;
  }

  .footer__bottom {
    gap: 0.6rem;
    margin-top: 1.7rem;
    padding-top: 0.9rem;
  }
}

@media (max-width: 47.99rem) {
  .footer__inner {
    gap: 1.35rem;
  }

  .footer__brandcol {
    gap: 0.88rem;
  }

  .footer__nav,
  .footer__socials {
    gap: 0.82rem;
  }

  .footer__nav-group {
    gap: 0.58rem;
  }

  .footer__contact-icons {
    gap: 0.72rem;
    margin-top: 0.1rem;
  }

  .footer__bottom {
    gap: 0.5rem;
  }
}

/* offers-signature.css
   Geschützte Signatur-Karten.
   Obere Paket-Karten bleiben optisch im Originalstil.
   Untere Angebotskarten werden exakt auf dieselbe Material- und Buttonlogik gezogen.
*/

.offers-original .box-angebote,
.digital-upgrade__grid{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  justify-content:center;
  align-items:stretch;
  width:100%;
}

.offers-original .card,
.digital-upgrade__grid > .price-card{
  flex:1 1 350px;
  width:360px;
  min-width:360px;
  max-width:360px;
  min-height:560px;
  border-radius:20px;
  padding:34px 30px 28px;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto auto minmax(0, 1fr) auto;
  align-content:start;
  gap:.95rem;
  box-shadow:inset 3px 3px 8px rgba(255,255,255,.70), inset -3px -3px 8px rgba(0,0,0,.50);
  transition:transform .3s ease, box-shadow 1s ease, filter .15s ease;
  will-change:transform;
}

.offers-original .card:hover,
.digital-upgrade__grid > .price-card:hover{
  animation-play-state:paused;
  transform:translateY(-4px);
}

.offers-original .float-up,
.digital-upgrade__grid > .price-card:nth-child(odd){ animation: floatUp 5s ease-in-out infinite; }
.offers-original .float-down,
.digital-upgrade__grid > .price-card:nth-child(even){ animation: floatDown 5s ease-in-out infinite; }

.offers-original .card h2,
.digital-upgrade__grid > .price-card h3{
  font-family:'Nasalization', Inter, sans-serif;
  margin:0;
  font-size:1.48rem;
  line-height:1.08;
  min-height:3.25rem;
  text-wrap:balance;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
  color:#151515;
}

.offers-original .card .card-copy,
.digital-upgrade__grid > .price-card .card-copy{
  margin:0;
  min-height:4.35rem;
  max-width:26ch;
  font-size:.96rem;
  line-height:1.48;
  letter-spacing:-.01em;
  color:rgba(21,21,21,.82);
  text-wrap:pretty;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}

.offers-original .card ul,
.digital-upgrade__grid > .price-card ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:.78rem;
  align-content:start;
  width:100%;
  min-width:0;
  font-size:.98rem;
  line-height:1.4;
}

.offers-original .card ul li,
.digital-upgrade__grid > .price-card ul li{
  display:grid;
  grid-template-columns:1rem minmax(0, 1fr);
  gap:.72rem;
  align-items:start;
  min-width:0;
  padding-left:0;
  padding-right:0;
  position:static;
  color:inherit;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}

.offers-original .card ul li::before,
.digital-upgrade__grid > .price-card ul li::before{
  content:'✓';
  position:static;
  left:auto;
  width:1rem;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:.08rem;
  font-weight:900;
  line-height:1;
  opacity:.92;
}

.offers-original .bottom,
.digital-upgrade__grid > .price-card .price-card__footer{
  margin-top:auto;
  position:relative;
  min-height:3rem;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.15);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}

.offers-original .price,
.offers-original .price1,
.digital-upgrade__grid > .price-card .price-card__footer strong{
  font-weight:900;
  font-size:1.45rem;
  letter-spacing:-0.5px;
  font-family:'Nasalization', Inter, sans-serif;
}

.offers-original .wd-btn0,
.digital-upgrade__grid > .price-card .price-card__cta{
  margin-top:auto;
  align-self:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:88px;
  padding:7px 18px;
  min-height:unset;
  text-shadow:1px 1px 2px #00000050;
  border-radius:8px;
  background:#1a1a1a;
  color:#e8e8e8;
  text-decoration:none;
  font-weight:500;
  font-size:1.05rem;
  font-family:system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.1;
  border:0;
  box-shadow:3px 3px 4px #00000050, -3px -3px 4px #ffffff30;
  transition:transform .15s ease, filter .15s ease;
}

.offers-original .wd-btn0:hover,
.digital-upgrade__grid > .price-card .price-card__cta:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
}

.offers-original .z,
.digital-upgrade__grid > .price-card > *{
  position:relative;
  z-index:2;
}

.offers-original .card::before,
.digital-upgrade__grid > .price-card::before{
  content:'';
  position:absolute;
  inset:-60%;
  border-radius:40px;
  pointer-events:none;
  mix-blend-mode:overlay;
  filter:blur(22px);
  opacity:.3;
  transform:translate3d(-35%, -35%, 0) rotate(22deg);
  animation:shinePro 3s ease-in-out infinite;
  will-change:transform, opacity;
}

/* Originale obere Karten */
.offers-original .card1{
  background-position:center;
  background-size:cover;
  color:#fff;
  font-weight:400;
  text-align:left;
  background-image:linear-gradient(to right bottom,#D000FF,#A800FF,#8200CD,#5B00B4,#32006A);
}
.offers-original .card1 h2{ color:#e8e8e8; }
.offers-original .card1::before{
  background:linear-gradient(120deg,transparent 35%, rgba(255,255,255,0.10) 40%, rgba(255,255,255,0.50) 45%, rgba(255,255,255,0.55) 48%, rgba(255,255,255,0.10) 55%, transparent 65%);
}
.offers-original .card2{
  background:url('/assets/content/img/bg-silver.webp');
  background-position:center;
  background-size:cover;
  position:relative;
}
.offers-original .card2::before{
  background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,0.10) 40%, rgba(255,255,255,0.50) 45%, rgba(255,255,255,0.55) 48%, rgba(255,255,255,0.10) 55%, transparent 65%);
}
.offers-original .card2::after{
  content:'Beliebt';
  position:absolute;
  top:18px;
  right:-30px;
  background:#ccc;
  color:#1a1a1a;
  font-size:.8rem;
  font-weight:600;
  padding:5px 40px;
  transform:rotate(45deg);
  z-index:3;
  box-shadow:0 0 8px #aaa;
}
.offers-original .card3{
  background:radial-gradient(ellipse farthest-corner at right bottom,#FEDB37 0%,#FDB931 8%,#9f7928 30%,#8A6E2F 40%,transparent 80%), radial-gradient(ellipse farthest-corner at left top,#FFFFFF 0%,#FFFFAC 8%,#D1B464 25%,#5d4a1f 62.5%,#5d4a1f 100%);
  position:relative;
}
.offers-original .card3::before{
  background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,0.10) 40%, rgba(255,255,255,0.50) 45%, rgba(255,255,255,0.55) 48%, rgba(255,255,255,0.10) 55%, transparent 65%);
}
.offers-original .card4{
  background-image:linear-gradient(to right bottom, #FFF2EE, #EEB7AB, #D98E7C, #B76455, #7A3A2F);
 
  position:relative;
  background:url('/assets/content/img/bg-cu.webp');
  background-position:center;
  background-size:cover;
}
.offers-original .card4::before{
  background:linear-gradient(120deg,transparent 35%, rgba(255,255,255,0.10) 40%, rgba(255,255,255,0.50) 45%, rgba(255,255,255,0.55) 48%, rgba(255,255,255,0.10) 55%, transparent 65%);
}

/* Typografie obere Karten exakt wie Original */
.offers-original .card1,
.offers-original .card1 h2,
.offers-original .card1 ul,
.offers-original .card1 li,
.offers-original .card1 .price,
.offers-original .card1 .price1,
.offers-original .card1 .z,
.offers-original .card1 .z *{
  color:#fff !important;
  text-shadow:none !important;
}
.offers-original .card1 ul li::before{ color:#fff !important; }

.offers-original .card2,
.offers-original .card2 h2,
.offers-original .card2 ul,
.offers-original .card2 li,
.offers-original .card2 .price,
.offers-original .card2 .price1,
.offers-original .card2 .z,
.offers-original .card2 .z *,
.offers-original .card3,
.offers-original .card3 h2,
.offers-original .card3 ul,
.offers-original .card3 li,
.offers-original .card3 .price,
.offers-original .card3 .price1,
.offers-original .card3 .z,
.offers-original .card3 .z *,
.offers-original .card4,
.offers-original .card4 h2,
.offers-original .card4 ul,
.offers-original .card4 li,
.offers-original .card4 .price,
.offers-original .card4 .price1,
.offers-original .card4 .z,
.offers-original .card4 .z *{
  color:#111317 !important;
  text-shadow:none !important;
}
.offers-original .card2 ul li::before,
.offers-original .card3 ul li::before,
.offers-original .card4 ul li::before{ color:#111317 !important; }
.offers-original .card1 .bottom,
.offers-original .card3 .bottom,
.offers-original .card4 .bottom{ border-top-color:rgba(15,17,24,.14); }

/* Untere Karten exakt auf dieselbe Materiallogik gezogen */
.digital-upgrade__grid > .price-card:not(.price-card--soft):not(.price-card--accent):not(.price-card--gold){
  position:relative;
  background:url('/assets/content/img/bg-cu.webp') center/cover no-repeat;
  box-shadow:0 0 10px #a9cbff69,0 0 8px #d0eaff70,0 0 12px #e6f7ff6f;
}
.digital-upgrade__grid > .price-card.price-card--soft{
  position:relative;
  background:url('/assets/content/img/bg-silver.webp') center/cover no-repeat;
}
.digital-upgrade__grid > .price-card.price-card--accent{
  position:relative;
  background-image:linear-gradient(to right bottom,#D000FF,#A800FF,#8200CD,#5B00B4,#32006A);
}
.digital-upgrade__grid > .price-card.price-card--gold{
  position:relative;
  background:radial-gradient(ellipse farthest-corner at right bottom,#FEDB37 0%,#FDB931 8%,#9f7928 30%,#8A6E2F 40%,transparent 80%), radial-gradient(ellipse farthest-corner at left top,#FFFFFF 0%,#FFFFAC 8%,#D1B464 25%,#5d4a1f 62.5%,#5d4a1f 100%);
}
.digital-upgrade__grid > .price-card::before{
  background:linear-gradient(120deg,transparent 35%, rgba(255,255,255,0.10) 40%, rgba(255,255,255,0.50) 45%, rgba(255,255,255,0.55) 48%, rgba(255,255,255,0.10) 55%, transparent 65%);
}
.digital-upgrade__grid > .price-card .price-card__badge{
  display:inline-flex;
  width:max-content;
  border-radius:999px;
  padding:6px 12px;
  background:rgba(17,19,23,.08);
  font-size:.82rem;
  font-weight:600;
}
.digital-upgrade__grid > .price-card.price-card--accent .price-card__badge{
  background:rgba(255,255,255,.16);
}

.digital-upgrade__grid > .price-card:not(.price-card--accent),
.digital-upgrade__grid > .price-card:not(.price-card--accent) h3,
.digital-upgrade__grid > .price-card:not(.price-card--accent) p,
.digital-upgrade__grid > .price-card:not(.price-card--accent) ul,
.digital-upgrade__grid > .price-card:not(.price-card--accent) li,
.digital-upgrade__grid > .price-card:not(.price-card--accent) strong,
.digital-upgrade__grid > .price-card:not(.price-card--accent) span{
  color:#111317 !important;
  text-shadow:none !important;
}
.digital-upgrade__grid > .price-card.price-card--accent,
.digital-upgrade__grid > .price-card.price-card--accent h3,
.digital-upgrade__grid > .price-card.price-card--accent p,
.digital-upgrade__grid > .price-card.price-card--accent ul,
.digital-upgrade__grid > .price-card.price-card--accent li,
.digital-upgrade__grid > .price-card.price-card--accent strong,
.digital-upgrade__grid > .price-card.price-card--accent span{
  color:#fff !important;
  text-shadow:none !important;
}
.digital-upgrade__grid > .price-card:not(.price-card--accent) ul li::before{ color:#111317 !important; }
.digital-upgrade__grid > .price-card.price-card--accent ul li::before{ color:#fff !important; }
.digital-upgrade__grid > .price-card:not(.price-card--accent) .price-card__footer{ border-top-color:rgba(15,17,24,.14); }
.digital-upgrade__grid > .price-card.price-card--accent .price-card__cta{
  background:#fff;
  color:#6e19dd;
  box-shadow:3px 3px 4px rgba(0,0,0,.20), -3px -3px 4px rgba(255,255,255,.14);
}

@keyframes floatUp {
  0%, 100% { transform: translate3d(0,10px,0); }
  50%      { transform: translate3d(0,-10px,0); }
}
@keyframes floatDown {
  0%, 100% { transform: translate3d(0,-10px,0); }
  50%      { transform: translate3d(0,10px,0); }
}
@keyframes shinePro{
  0%   { transform: translate3d(-55%, -35%, 0) rotate(22deg); opacity: .10; }
  35%  { opacity: .30; }
  50%  { opacity: .34; }
  100% { transform: translate3d(55%, 35%, 0) rotate(22deg); opacity: .12; }
}

@media (max-width: 900px){
  .offers-original,
  .digital-upgrade{
    overflow:visible !important;
  }
  .offers-original .box-angebote,
  .digital-upgrade__grid{
    gap:18px;
  }
  .offers-original .card,
  .digital-upgrade__grid > .price-card{
    width:min(100%, 340px);
    min-width:min(100%, 340px);
    max-width:min(100%, 340px);
    min-height:540px;
    padding:30px 24px 24px;
  }
  .offers-original .card .card-copy,
  .digital-upgrade__grid > .price-card .card-copy{
    min-height:auto;
    max-width:none;
  }
}

@media (max-width: 479px){
  .offers-original .card-tab,
  .offers-original .card,
  .digital-upgrade__grid > .price-card{
    width:min(100%, 320px);
    min-width:min(100%, 320px);
    max-width:min(100%, 320px);
  }
  .offers-original .card,
  .digital-upgrade__grid > .price-card{
    min-height:520px;
    padding:28px 22px 22px;
    gap:.85rem;
  }
}


/* WD-Pro v0.138: Welle 1 Frontend-Stabilisierung
   Signature-Cards auf Tablet/Mobil sauber zentriert und textlich robuster. */
.offers-original .card-tab {
  flex: 1 1 360px;
  min-width: 0;
  max-width: 360px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  text-decoration: none;
}

.offers-original .card-tab .card {
  width: 100%;
  min-width: 0;
  max-width: none;
}

.offers-original .card h2,
.digital-upgrade__grid > .price-card h3,
.offers-original .card .card-copy,
.digital-upgrade__grid > .price-card .card-copy,
.offers-original .card ul li,
.digital-upgrade__grid > .price-card ul li {
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

.offers-original .card .card-copy,
.digital-upgrade__grid > .price-card .card-copy {
  max-width: 28ch;
}

@media (max-width: 1024px) {
  .offers-original .box-angebote,
  .digital-upgrade__grid {
    justify-content: center;
  }

  .offers-original .card-tab,
  .digital-upgrade__grid > .price-card {
    flex-basis: min(100%, 340px);
  }
}

@media (max-width: 900px) {
  .offers-original .card-tab {
    width: min(100%, 340px);
    max-width: min(100%, 340px);
  }

  .offers-original .card .card-copy,
  .digital-upgrade__grid > .price-card .card-copy {
    max-width: none;
  }
}

@media (max-width: 479px) {
  .offers-original .card-tab {
    width: min(100%, 320px);
    max-width: min(100%, 320px);
  }
}

@media (max-width: 900px) {
  .offers-original .float-up,
  .digital-upgrade__grid > .price-card:nth-child(odd) {
    animation-name: wdSignatureFloatUpMobile;
  }

  .offers-original .float-down,
  .digital-upgrade__grid > .price-card:nth-child(even) {
    animation-name: wdSignatureFloatDownMobile;
  }

  @keyframes wdSignatureFloatUpMobile {
    0%, 100% { transform: translate3d(0,4px,0); }
    50%      { transform: translate3d(0,-4px,0); }
  }

  @keyframes wdSignatureFloatDownMobile {
    0%, 100% { transform: translate3d(0,-4px,0); }
    50%      { transform: translate3d(0,4px,0); }
  }
}


.u-hidden { display: none !important; }

/* Utilities bewusst klein halten. */

.u-text-center { text-align: center; }

.u-w-full { width: 100%; }

.is-hidden { display: none !important; }


@font-face {
  font-display: swap;
  font-family: "Bootstrap Icons";
  src: url("/assets/bootstrap/bootstrap-icons/fonts/bootstrap-icons.woff2") format("woff2"),
       url("/assets/bootstrap/bootstrap-icons/fonts/bootstrap-icons.woff") format("woff");
}

.bi::before {
  display: inline-block;
  font-family: "Bootstrap Icons" !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-0-circle::before { content: "\f840"; }
.bi-0-circle-fill::before { content: "\f83f"; }
.bi-0-square::before { content: "\f842"; }
.bi-0-square-fill::before { content: "\f841"; }
.bi-1-circle::before { content: "\f797"; }
.bi-1-circle-fill::before { content: "\f796"; }
.bi-1-square::before { content: "\f799"; }
.bi-1-square-fill::before { content: "\f798"; }
.bi-123::before { content: "\f67f"; }
.bi-2-circle::before { content: "\f79d"; }
.bi-2-circle-fill::before { content: "\f79c"; }
.bi-2-square::before { content: "\f79f"; }
.bi-2-square-fill::before { content: "\f79e"; }
.bi-3-circle::before { content: "\f7a3"; }
.bi-3-circle-fill::before { content: "\f7a2"; }
.bi-3-square::before { content: "\f7a5"; }
.bi-3-square-fill::before { content: "\f7a4"; }
.bi-4-circle::before { content: "\f7a9"; }
.bi-4-circle-fill::before { content: "\f7a8"; }
.bi-4-square::before { content: "\f7ab"; }
.bi-4-square-fill::before { content: "\f7aa"; }
.bi-5-circle::before { content: "\f7af"; }
.bi-5-circle-fill::before { content: "\f7ae"; }
.bi-5-square::before { content: "\f7b1"; }
.bi-5-square-fill::before { content: "\f7b0"; }
.bi-6-circle::before { content: "\f7b5"; }
.bi-6-circle-fill::before { content: "\f7b4"; }
.bi-6-square::before { content: "\f7b7"; }
.bi-6-square-fill::before { content: "\f7b6"; }
.bi-7-circle::before { content: "\f7bb"; }
.bi-7-circle-fill::before { content: "\f7ba"; }
.bi-7-square::before { content: "\f7bd"; }
.bi-7-square-fill::before { content: "\f7bc"; }
.bi-8-circle::before { content: "\f7c1"; }
.bi-8-circle-fill::before { content: "\f7c0"; }
.bi-8-square::before { content: "\f7c3"; }
.bi-8-square-fill::before { content: "\f7c2"; }
.bi-9-circle::before { content: "\f7c7"; }
.bi-9-circle-fill::before { content: "\f7c6"; }
.bi-9-square::before { content: "\f7c9"; }
.bi-9-square-fill::before { content: "\f7c8"; }
.bi-activity::before { content: "\f66b"; }
.bi-airplane::before { content: "\f7cd"; }
.bi-airplane-engines::before { content: "\f7cb"; }
.bi-airplane-engines-fill::before { content: "\f7ca"; }
.bi-airplane-fill::before { content: "\f7cc"; }
.bi-alarm::before { content: "\f102"; }
.bi-alarm-fill::before { content: "\f101"; }
.bi-alexa::before { content: "\f7ce"; }
.bi-align-bottom::before { content: "\f103"; }
.bi-align-center::before { content: "\f104"; }
.bi-align-end::before { content: "\f105"; }
.bi-align-middle::before { content: "\f106"; }
.bi-align-start::before { content: "\f107"; }
.bi-align-top::before { content: "\f108"; }
.bi-alipay::before { content: "\f7cf"; }
.bi-alt::before { content: "\f109"; }
.bi-amd::before { content: "\f8ae"; }
.bi-android::before { content: "\f7d0"; }
.bi-android2::before { content: "\f7d1"; }
.bi-app::before { content: "\f10b"; }
.bi-app-indicator::before { content: "\f10a"; }
.bi-apple::before { content: "\f65b"; }
.bi-archive::before { content: "\f10d"; }
.bi-archive-fill::before { content: "\f10c"; }
.bi-arrow-90deg-down::before { content: "\f10e"; }
.bi-arrow-90deg-left::before { content: "\f10f"; }
.bi-arrow-90deg-right::before { content: "\f110"; }
.bi-arrow-90deg-up::before { content: "\f111"; }
.bi-arrow-bar-down::before { content: "\f112"; }
.bi-arrow-bar-left::before { content: "\f113"; }
.bi-arrow-bar-right::before { content: "\f114"; }
.bi-arrow-bar-up::before { content: "\f115"; }
.bi-arrow-clockwise::before { content: "\f116"; }
.bi-arrow-counterclockwise::before { content: "\f117"; }
.bi-arrow-down::before { content: "\f128"; }
.bi-arrow-down-circle::before { content: "\f119"; }
.bi-arrow-down-circle-fill::before { content: "\f118"; }
.bi-arrow-down-left::before { content: "\f11e"; }
.bi-arrow-down-left-circle::before { content: "\f11b"; }
.bi-arrow-down-left-circle-fill::before { content: "\f11a"; }
.bi-arrow-down-left-square::before { content: "\f11d"; }
.bi-arrow-down-left-square-fill::before { content: "\f11c"; }
.bi-arrow-down-right::before { content: "\f123"; }
.bi-arrow-down-right-circle::before { content: "\f120"; }
.bi-arrow-down-right-circle-fill::before { content: "\f11f"; }
.bi-arrow-down-right-square::before { content: "\f122"; }
.bi-arrow-down-right-square-fill::before { content: "\f121"; }
.bi-arrow-down-short::before { content: "\f124"; }
.bi-arrow-down-square::before { content: "\f126"; }
.bi-arrow-down-square-fill::before { content: "\f125"; }
.bi-arrow-down-up::before { content: "\f127"; }
.bi-arrow-left::before { content: "\f12f"; }
.bi-arrow-left-circle::before { content: "\f12a"; }
.bi-arrow-left-circle-fill::before { content: "\f129"; }
.bi-arrow-left-right::before { content: "\f12b"; }
.bi-arrow-left-short::before { content: "\f12c"; }
.bi-arrow-left-square::before { content: "\f12e"; }
.bi-arrow-left-square-fill::before { content: "\f12d"; }
.bi-arrow-repeat::before { content: "\f130"; }
.bi-arrow-return-left::before { content: "\f131"; }
.bi-arrow-return-right::before { content: "\f132"; }
.bi-arrow-right::before { content: "\f138"; }
.bi-arrow-right-circle::before { content: "\f134"; }
.bi-arrow-right-circle-fill::before { content: "\f133"; }
.bi-arrow-right-short::before { content: "\f135"; }
.bi-arrow-right-square::before { content: "\f137"; }
.bi-arrow-right-square-fill::before { content: "\f136"; }
.bi-arrow-through-heart::before { content: "\f701"; }
.bi-arrow-through-heart-fill::before { content: "\f700"; }
.bi-arrow-up::before { content: "\f148"; }
.bi-arrow-up-circle::before { content: "\f13a"; }
.bi-arrow-up-circle-fill::before { content: "\f139"; }
.bi-arrow-up-left::before { content: "\f13f"; }
.bi-arrow-up-left-circle::before { content: "\f13c"; }
.bi-arrow-up-left-circle-fill::before { content: "\f13b"; }
.bi-arrow-up-left-square::before { content: "\f13e"; }
.bi-arrow-up-left-square-fill::before { content: "\f13d"; }
.bi-arrow-up-right::before { content: "\f144"; }
.bi-arrow-up-right-circle::before { content: "\f141"; }
.bi-arrow-up-right-circle-fill::before { content: "\f140"; }
.bi-arrow-up-right-square::before { content: "\f143"; }
.bi-arrow-up-right-square-fill::before { content: "\f142"; }
.bi-arrow-up-short::before { content: "\f145"; }
.bi-arrow-up-square::before { content: "\f147"; }
.bi-arrow-up-square-fill::before { content: "\f146"; }
.bi-arrows-angle-contract::before { content: "\f149"; }
.bi-arrows-angle-expand::before { content: "\f14a"; }
.bi-arrows-collapse::before { content: "\f14b"; }
.bi-arrows-expand::before { content: "\f14c"; }
.bi-arrows-fullscreen::before { content: "\f14d"; }
.bi-arrows-move::before { content: "\f14e"; }
.bi-aspect-ratio::before { content: "\f150"; }
.bi-aspect-ratio-fill::before { content: "\f14f"; }
.bi-asterisk::before { content: "\f151"; }
.bi-at::before { content: "\f152"; }
.bi-award::before { content: "\f154"; }
.bi-award-fill::before { content: "\f153"; }
.bi-back::before { content: "\f155"; }
.bi-backspace::before { content: "\f159"; }
.bi-backspace-fill::before { content: "\f156"; }
.bi-backspace-reverse::before { content: "\f158"; }
.bi-backspace-reverse-fill::before { content: "\f157"; }
.bi-badge-3d::before { content: "\f15b"; }
.bi-badge-3d-fill::before { content: "\f15a"; }
.bi-badge-4k::before { content: "\f15d"; }
.bi-badge-4k-fill::before { content: "\f15c"; }
.bi-badge-8k::before { content: "\f15f"; }
.bi-badge-8k-fill::before { content: "\f15e"; }
.bi-badge-ad::before { content: "\f161"; }
.bi-badge-ad-fill::before { content: "\f160"; }
.bi-badge-ar::before { content: "\f163"; }
.bi-badge-ar-fill::before { content: "\f162"; }
.bi-badge-cc::before { content: "\f165"; }
.bi-badge-cc-fill::before { content: "\f164"; }
.bi-badge-hd::before { content: "\f167"; }
.bi-badge-hd-fill::before { content: "\f166"; }
.bi-badge-sd::before { content: "\f703"; }
.bi-badge-sd-fill::before { content: "\f702"; }
.bi-badge-tm::before { content: "\f169"; }
.bi-badge-tm-fill::before { content: "\f168"; }
.bi-badge-vo::before { content: "\f16b"; }
.bi-badge-vo-fill::before { content: "\f16a"; }
.bi-badge-vr::before { content: "\f16d"; }
.bi-badge-vr-fill::before { content: "\f16c"; }
.bi-badge-wc::before { content: "\f16f"; }
.bi-badge-wc-fill::before { content: "\f16e"; }
.bi-bag::before { content: "\f179"; }
.bi-bag-check::before { content: "\f171"; }
.bi-bag-check-fill::before { content: "\f170"; }
.bi-bag-dash::before { content: "\f173"; }
.bi-bag-dash-fill::before { content: "\f172"; }
.bi-bag-fill::before { content: "\f174"; }
.bi-bag-heart::before { content: "\f705"; }
.bi-bag-heart-fill::before { content: "\f704"; }
.bi-bag-plus::before { content: "\f176"; }
.bi-bag-plus-fill::before { content: "\f175"; }
.bi-bag-x::before { content: "\f178"; }
.bi-bag-x-fill::before { content: "\f177"; }
.bi-balloon::before { content: "\f709"; }
.bi-balloon-fill::before { content: "\f706"; }
.bi-balloon-heart::before { content: "\f708"; }
.bi-balloon-heart-fill::before { content: "\f707"; }
.bi-bandaid::before { content: "\f681"; }
.bi-bandaid-fill::before { content: "\f680"; }
.bi-bank::before { content: "\f62e"; }
.bi-bank2::before { content: "\f62f"; }
.bi-bar-chart::before { content: "\f17e"; }
.bi-bar-chart-fill::before { content: "\f17a"; }
.bi-bar-chart-line::before { content: "\f17c"; }
.bi-bar-chart-line-fill::before { content: "\f17b"; }
.bi-bar-chart-steps::before { content: "\f17d"; }
.bi-basket::before { content: "\f180"; }
.bi-basket-fill::before { content: "\f17f"; }
.bi-basket2::before { content: "\f182"; }
.bi-basket2-fill::before { content: "\f181"; }
.bi-basket3::before { content: "\f184"; }
.bi-basket3-fill::before { content: "\f183"; }
.bi-battery::before { content: "\f188"; }
.bi-battery-charging::before { content: "\f185"; }
.bi-battery-full::before { content: "\f186"; }
.bi-battery-half::before { content: "\f187"; }
.bi-behance::before { content: "\f65c"; }
.bi-bell::before { content: "\f18a"; }
.bi-bell-fill::before { content: "\f189"; }
.bi-bell-slash::before { content: "\f631"; }
.bi-bell-slash-fill::before { content: "\f630"; }
.bi-bezier::before { content: "\f18b"; }
.bi-bezier2::before { content: "\f18c"; }
.bi-bicycle::before { content: "\f18d"; }
.bi-binoculars::before { content: "\f18f"; }
.bi-binoculars-fill::before { content: "\f18e"; }
.bi-blockquote-left::before { content: "\f190"; }
.bi-blockquote-right::before { content: "\f191"; }
.bi-bluetooth::before { content: "\f682"; }
.bi-body-text::before { content: "\f683"; }
.bi-book::before { content: "\f194"; }
.bi-book-fill::before { content: "\f192"; }
.bi-book-half::before { content: "\f193"; }
.bi-bookmark::before { content: "\f1a2"; }
.bi-bookmark-check::before { content: "\f196"; }
.bi-bookmark-check-fill::before { content: "\f195"; }
.bi-bookmark-dash::before { content: "\f198"; }
.bi-bookmark-dash-fill::before { content: "\f197"; }
.bi-bookmark-fill::before { content: "\f199"; }
.bi-bookmark-heart::before { content: "\f19b"; }
.bi-bookmark-heart-fill::before { content: "\f19a"; }
.bi-bookmark-plus::before { content: "\f19d"; }
.bi-bookmark-plus-fill::before { content: "\f19c"; }
.bi-bookmark-star::before { content: "\f19f"; }
.bi-bookmark-star-fill::before { content: "\f19e"; }
.bi-bookmark-x::before { content: "\f1a1"; }
.bi-bookmark-x-fill::before { content: "\f1a0"; }
.bi-bookmarks::before { content: "\f1a4"; }
.bi-bookmarks-fill::before { content: "\f1a3"; }
.bi-bookshelf::before { content: "\f1a5"; }
.bi-boombox::before { content: "\f684"; }
.bi-boombox-fill::before { content: "\f6df"; }
.bi-bootstrap::before { content: "\f1a8"; }
.bi-bootstrap-fill::before { content: "\f1a6"; }
.bi-bootstrap-reboot::before { content: "\f1a7"; }
.bi-border::before { content: "\f1b4"; }
.bi-border-all::before { content: "\f1a9"; }
.bi-border-bottom::before { content: "\f1aa"; }
.bi-border-center::before { content: "\f1ab"; }
.bi-border-inner::before { content: "\f1ac"; }
.bi-border-left::before { content: "\f1ad"; }
.bi-border-middle::before { content: "\f1ae"; }
.bi-border-outer::before { content: "\f1af"; }
.bi-border-right::before { content: "\f1b0"; }
.bi-border-style::before { content: "\f1b1"; }
.bi-border-top::before { content: "\f1b2"; }
.bi-border-width::before { content: "\f1b3"; }
.bi-bounding-box::before { content: "\f1b6"; }
.bi-bounding-box-circles::before { content: "\f1b5"; }
.bi-box::before { content: "\f1c8"; }
.bi-box-arrow-down::before { content: "\f1b9"; }
.bi-box-arrow-down-left::before { content: "\f1b7"; }
.bi-box-arrow-down-right::before { content: "\f1b8"; }
.bi-box-arrow-in-down::before { content: "\f1bc"; }
.bi-box-arrow-in-down-left::before { content: "\f1ba"; }
.bi-box-arrow-in-down-right::before { content: "\f1bb"; }
.bi-box-arrow-in-left::before { content: "\f1bd"; }
.bi-box-arrow-in-right::before { content: "\f1be"; }
.bi-box-arrow-in-up::before { content: "\f1c1"; }
.bi-box-arrow-in-up-left::before { content: "\f1bf"; }
.bi-box-arrow-in-up-right::before { content: "\f1c0"; }
.bi-box-arrow-left::before { content: "\f1c2"; }
.bi-box-arrow-right::before { content: "\f1c3"; }
.bi-box-arrow-up::before { content: "\f1c6"; }
.bi-box-arrow-up-left::before { content: "\f1c4"; }
.bi-box-arrow-up-right::before { content: "\f1c5"; }
.bi-box-fill::before { content: "\f7d2"; }
.bi-box-seam::before { content: "\f1c7"; }
.bi-box-seam-fill::before { content: "\f7d3"; }
.bi-box2::before { content: "\f70d"; }
.bi-box2-fill::before { content: "\f70a"; }
.bi-box2-heart::before { content: "\f70c"; }
.bi-box2-heart-fill::before { content: "\f70b"; }
.bi-boxes::before { content: "\f685"; }
.bi-braces::before { content: "\f1c9"; }
.bi-braces-asterisk::before { content: "\f70e"; }
.bi-bricks::before { content: "\f1ca"; }
.bi-briefcase::before { content: "\f1cc"; }
.bi-briefcase-fill::before { content: "\f1cb"; }
.bi-brightness-alt-high::before { content: "\f1ce"; }
.bi-brightness-alt-high-fill::before { content: "\f1cd"; }
.bi-brightness-alt-low::before { content: "\f1d0"; }
.bi-brightness-alt-low-fill::before { content: "\f1cf"; }
.bi-brightness-high::before { content: "\f1d2"; }
.bi-brightness-high-fill::before { content: "\f1d1"; }
.bi-brightness-low::before { content: "\f1d4"; }
.bi-brightness-low-fill::before { content: "\f1d3"; }
.bi-broadcast::before { content: "\f1d6"; }
.bi-broadcast-pin::before { content: "\f1d5"; }
.bi-browser-chrome::before { content: "\f7d4"; }
.bi-browser-edge::before { content: "\f7d5"; }
.bi-browser-firefox::before { content: "\f7d6"; }
.bi-browser-safari::before { content: "\f7d7"; }
.bi-brush::before { content: "\f1d8"; }
.bi-brush-fill::before { content: "\f1d7"; }
.bi-bucket::before { content: "\f1da"; }
.bi-bucket-fill::before { content: "\f1d9"; }
.bi-bug::before { content: "\f1dc"; }
.bi-bug-fill::before { content: "\f1db"; }
.bi-building::before { content: "\f1dd"; }
.bi-building-add::before { content: "\f867"; }
.bi-building-check::before { content: "\f868"; }
.bi-building-dash::before { content: "\f869"; }
.bi-building-down::before { content: "\f86a"; }
.bi-building-exclamation::before { content: "\f86b"; }
.bi-building-fill::before { content: "\f876"; }
.bi-building-fill-add::before { content: "\f86c"; }
.bi-building-fill-check::before { content: "\f86d"; }
.bi-building-fill-dash::before { content: "\f86e"; }
.bi-building-fill-down::before { content: "\f86f"; }
.bi-building-fill-exclamation::before { content: "\f870"; }
.bi-building-fill-gear::before { content: "\f871"; }
.bi-building-fill-lock::before { content: "\f872"; }
.bi-building-fill-slash::before { content: "\f873"; }
.bi-building-fill-up::before { content: "\f874"; }
.bi-building-fill-x::before { content: "\f875"; }
.bi-building-gear::before { content: "\f877"; }
.bi-building-lock::before { content: "\f878"; }
.bi-building-slash::before { content: "\f879"; }
.bi-building-up::before { content: "\f87a"; }
.bi-building-x::before { content: "\f87b"; }
.bi-buildings::before { content: "\f87d"; }
.bi-buildings-fill::before { content: "\f87c"; }
.bi-bullseye::before { content: "\f1de"; }
.bi-bus-front::before { content: "\f87f"; }
.bi-bus-front-fill::before { content: "\f87e"; }
.bi-c-circle::before { content: "\f7db"; }
.bi-c-circle-fill::before { content: "\f7da"; }
.bi-c-square::before { content: "\f7dd"; }
.bi-c-square-fill::before { content: "\f7dc"; }
.bi-calculator::before { content: "\f1e0"; }
.bi-calculator-fill::before { content: "\f1df"; }
.bi-calendar::before { content: "\f1f6"; }
.bi-calendar-check::before { content: "\f1e2"; }
.bi-calendar-check-fill::before { content: "\f1e1"; }
.bi-calendar-date::before { content: "\f1e4"; }
.bi-calendar-date-fill::before { content: "\f1e3"; }
.bi-calendar-day::before { content: "\f1e6"; }
.bi-calendar-day-fill::before { content: "\f1e5"; }
.bi-calendar-event::before { content: "\f1e8"; }
.bi-calendar-event-fill::before { content: "\f1e7"; }
.bi-calendar-fill::before { content: "\f1e9"; }
.bi-calendar-heart::before { content: "\f710"; }
.bi-calendar-heart-fill::before { content: "\f70f"; }
.bi-calendar-minus::before { content: "\f1eb"; }
.bi-calendar-minus-fill::before { content: "\f1ea"; }
.bi-calendar-month::before { content: "\f1ed"; }
.bi-calendar-month-fill::before { content: "\f1ec"; }
.bi-calendar-plus::before { content: "\f1ef"; }
.bi-calendar-plus-fill::before { content: "\f1ee"; }
.bi-calendar-range::before { content: "\f1f1"; }
.bi-calendar-range-fill::before { content: "\f1f0"; }
.bi-calendar-week::before { content: "\f1f3"; }
.bi-calendar-week-fill::before { content: "\f1f2"; }
.bi-calendar-x::before { content: "\f1f5"; }
.bi-calendar-x-fill::before { content: "\f1f4"; }
.bi-calendar2::before { content: "\f20c"; }
.bi-calendar2-check::before { content: "\f1f8"; }
.bi-calendar2-check-fill::before { content: "\f1f7"; }
.bi-calendar2-date::before { content: "\f1fa"; }
.bi-calendar2-date-fill::before { content: "\f1f9"; }
.bi-calendar2-day::before { content: "\f1fc"; }
.bi-calendar2-day-fill::before { content: "\f1fb"; }
.bi-calendar2-event::before { content: "\f1fe"; }
.bi-calendar2-event-fill::before { content: "\f1fd"; }
.bi-calendar2-fill::before { content: "\f1ff"; }
.bi-calendar2-heart::before { content: "\f712"; }
.bi-calendar2-heart-fill::before { content: "\f711"; }
.bi-calendar2-minus::before { content: "\f201"; }
.bi-calendar2-minus-fill::before { content: "\f200"; }
.bi-calendar2-month::before { content: "\f203"; }
.bi-calendar2-month-fill::before { content: "\f202"; }
.bi-calendar2-plus::before { content: "\f205"; }
.bi-calendar2-plus-fill::before { content: "\f204"; }
.bi-calendar2-range::before { content: "\f207"; }
.bi-calendar2-range-fill::before { content: "\f206"; }
.bi-calendar2-week::before { content: "\f209"; }
.bi-calendar2-week-fill::before { content: "\f208"; }
.bi-calendar2-x::before { content: "\f20b"; }
.bi-calendar2-x-fill::before { content: "\f20a"; }
.bi-calendar3::before { content: "\f214"; }
.bi-calendar3-event::before { content: "\f20e"; }
.bi-calendar3-event-fill::before { content: "\f20d"; }
.bi-calendar3-fill::before { content: "\f20f"; }
.bi-calendar3-range::before { content: "\f211"; }
.bi-calendar3-range-fill::before { content: "\f210"; }
.bi-calendar3-week::before { content: "\f213"; }
.bi-calendar3-week-fill::before { content: "\f212"; }
.bi-calendar4::before { content: "\f218"; }
.bi-calendar4-event::before { content: "\f215"; }
.bi-calendar4-range::before { content: "\f216"; }
.bi-calendar4-week::before { content: "\f217"; }
.bi-camera::before { content: "\f220"; }
.bi-camera-fill::before { content: "\f219"; }
.bi-camera-reels::before { content: "\f21b"; }
.bi-camera-reels-fill::before { content: "\f21a"; }
.bi-camera-video::before { content: "\f21f"; }
.bi-camera-video-fill::before { content: "\f21c"; }
.bi-camera-video-off::before { content: "\f21e"; }
.bi-camera-video-off-fill::before { content: "\f21d"; }
.bi-camera2::before { content: "\f221"; }
.bi-capslock::before { content: "\f223"; }
.bi-capslock-fill::before { content: "\f222"; }
.bi-capsule::before { content: "\f7df"; }
.bi-capsule-pill::before { content: "\f7de"; }
.bi-car-front::before { content: "\f7e1"; }
.bi-car-front-fill::before { content: "\f7e0"; }
.bi-card-checklist::before { content: "\f224"; }
.bi-card-heading::before { content: "\f225"; }
.bi-card-image::before { content: "\f226"; }
.bi-card-list::before { content: "\f227"; }
.bi-card-text::before { content: "\f228"; }
.bi-caret-down::before { content: "\f22c"; }
.bi-caret-down-fill::before { content: "\f229"; }
.bi-caret-down-square::before { content: "\f22b"; }
.bi-caret-down-square-fill::before { content: "\f22a"; }
.bi-caret-left::before { content: "\f230"; }
.bi-caret-left-fill::before { content: "\f22d"; }
.bi-caret-left-square::before { content: "\f22f"; }
.bi-caret-left-square-fill::before { content: "\f22e"; }
.bi-caret-right::before { content: "\f234"; }
.bi-caret-right-fill::before { content: "\f231"; }
.bi-caret-right-square::before { content: "\f233"; }
.bi-caret-right-square-fill::before { content: "\f232"; }
.bi-caret-up::before { content: "\f238"; }
.bi-caret-up-fill::before { content: "\f235"; }
.bi-caret-up-square::before { content: "\f237"; }
.bi-caret-up-square-fill::before { content: "\f236"; }
.bi-cart::before { content: "\f242"; }
.bi-cart-check::before { content: "\f23a"; }
.bi-cart-check-fill::before { content: "\f239"; }
.bi-cart-dash::before { content: "\f23c"; }
.bi-cart-dash-fill::before { content: "\f23b"; }
.bi-cart-fill::before { content: "\f23d"; }
.bi-cart-plus::before { content: "\f23f"; }
.bi-cart-plus-fill::before { content: "\f23e"; }
.bi-cart-x::before { content: "\f241"; }
.bi-cart-x-fill::before { content: "\f240"; }
.bi-cart2::before { content: "\f243"; }
.bi-cart3::before { content: "\f244"; }
.bi-cart4::before { content: "\f245"; }
.bi-cash::before { content: "\f247"; }
.bi-cash-coin::before { content: "\f632"; }
.bi-cash-stack::before { content: "\f246"; }
.bi-cassette::before { content: "\f7e3"; }
.bi-cassette-fill::before { content: "\f7e2"; }
.bi-cast::before { content: "\f248"; }
.bi-cc-circle::before { content: "\f7e7"; }
.bi-cc-circle-fill::before { content: "\f7e6"; }
.bi-cc-square::before { content: "\f7e9"; }
.bi-cc-square-fill::before { content: "\f7e8"; }
.bi-chat::before { content: "\f268"; }
.bi-chat-dots::before { content: "\f24a"; }
.bi-chat-dots-fill::before { content: "\f249"; }
.bi-chat-fill::before { content: "\f24b"; }
.bi-chat-heart::before { content: "\f714"; }
.bi-chat-heart-fill::before { content: "\f713"; }
.bi-chat-left::before { content: "\f253"; }
.bi-chat-left-dots::before { content: "\f24d"; }
.bi-chat-left-dots-fill::before { content: "\f24c"; }
.bi-chat-left-fill::before { content: "\f24e"; }
.bi-chat-left-heart::before { content: "\f716"; }
.bi-chat-left-heart-fill::before { content: "\f715"; }
.bi-chat-left-quote::before { content: "\f250"; }
.bi-chat-left-quote-fill::before { content: "\f24f"; }
.bi-chat-left-text::before { content: "\f252"; }
.bi-chat-left-text-fill::before { content: "\f251"; }
.bi-chat-quote::before { content: "\f255"; }
.bi-chat-quote-fill::before { content: "\f254"; }
.bi-chat-right::before { content: "\f25d"; }
.bi-chat-right-dots::before { content: "\f257"; }
.bi-chat-right-dots-fill::before { content: "\f256"; }
.bi-chat-right-fill::before { content: "\f258"; }
.bi-chat-right-heart::before { content: "\f718"; }
.bi-chat-right-heart-fill::before { content: "\f717"; }
.bi-chat-right-quote::before { content: "\f25a"; }
.bi-chat-right-quote-fill::before { content: "\f259"; }
.bi-chat-right-text::before { content: "\f25c"; }
.bi-chat-right-text-fill::before { content: "\f25b"; }
.bi-chat-square::before { content: "\f265"; }
.bi-chat-square-dots::before { content: "\f25f"; }
.bi-chat-square-dots-fill::before { content: "\f25e"; }
.bi-chat-square-fill::before { content: "\f260"; }
.bi-chat-square-heart::before { content: "\f71a"; }
.bi-chat-square-heart-fill::before { content: "\f719"; }
.bi-chat-square-quote::before { content: "\f262"; }
.bi-chat-square-quote-fill::before { content: "\f261"; }
.bi-chat-square-text::before { content: "\f264"; }
.bi-chat-square-text-fill::before { content: "\f263"; }
.bi-chat-text::before { content: "\f267"; }
.bi-chat-text-fill::before { content: "\f266"; }
.bi-check::before { content: "\f26e"; }
.bi-check-all::before { content: "\f269"; }
.bi-check-circle::before { content: "\f26b"; }
.bi-check-circle-fill::before { content: "\f26a"; }
.bi-check-lg::before { content: "\f633"; }
.bi-check-square::before { content: "\f26d"; }
.bi-check-square-fill::before { content: "\f26c"; }
.bi-check2::before { content: "\f272"; }
.bi-check2-all::before { content: "\f26f"; }
.bi-check2-circle::before { content: "\f270"; }
.bi-check2-square::before { content: "\f271"; }
.bi-chevron-bar-contract::before { content: "\f273"; }
.bi-chevron-bar-down::before { content: "\f274"; }
.bi-chevron-bar-expand::before { content: "\f275"; }
.bi-chevron-bar-left::before { content: "\f276"; }
.bi-chevron-bar-right::before { content: "\f277"; }
.bi-chevron-bar-up::before { content: "\f278"; }
.bi-chevron-compact-down::before { content: "\f279"; }
.bi-chevron-compact-left::before { content: "\f27a"; }
.bi-chevron-compact-right::before { content: "\f27b"; }
.bi-chevron-compact-up::before { content: "\f27c"; }
.bi-chevron-contract::before { content: "\f27d"; }
.bi-chevron-double-down::before { content: "\f27e"; }
.bi-chevron-double-left::before { content: "\f27f"; }
.bi-chevron-double-right::before { content: "\f280"; }
.bi-chevron-double-up::before { content: "\f281"; }
.bi-chevron-down::before { content: "\f282"; }
.bi-chevron-expand::before { content: "\f283"; }
.bi-chevron-left::before { content: "\f284"; }
.bi-chevron-right::before { content: "\f285"; }
.bi-chevron-up::before { content: "\f286"; }
.bi-circle::before { content: "\f28a"; }
.bi-circle-fill::before { content: "\f287"; }
.bi-circle-half::before { content: "\f288"; }
.bi-circle-square::before { content: "\f289"; }
.bi-clipboard::before { content: "\f290"; }
.bi-clipboard-check::before { content: "\f28b"; }
.bi-clipboard-check-fill::before { content: "\f71b"; }
.bi-clipboard-data::before { content: "\f28c"; }
.bi-clipboard-data-fill::before { content: "\f71c"; }
.bi-clipboard-fill::before { content: "\f71d"; }
.bi-clipboard-heart::before { content: "\f71f"; }
.bi-clipboard-heart-fill::before { content: "\f71e"; }
.bi-clipboard-minus::before { content: "\f28d"; }
.bi-clipboard-minus-fill::before { content: "\f720"; }
.bi-clipboard-plus::before { content: "\f28e"; }
.bi-clipboard-plus-fill::before { content: "\f721"; }
.bi-clipboard-pulse::before { content: "\f722"; }
.bi-clipboard-x::before { content: "\f28f"; }
.bi-clipboard-x-fill::before { content: "\f723"; }
.bi-clipboard2::before { content: "\f733"; }
.bi-clipboard2-check::before { content: "\f725"; }
.bi-clipboard2-check-fill::before { content: "\f724"; }
.bi-clipboard2-data::before { content: "\f727"; }
.bi-clipboard2-data-fill::before { content: "\f726"; }
.bi-clipboard2-fill::before { content: "\f728"; }
.bi-clipboard2-heart::before { content: "\f72a"; }
.bi-clipboard2-heart-fill::before { content: "\f729"; }
.bi-clipboard2-minus::before { content: "\f72c"; }
.bi-clipboard2-minus-fill::before { content: "\f72b"; }
.bi-clipboard2-plus::before { content: "\f72e"; }
.bi-clipboard2-plus-fill::before { content: "\f72d"; }
.bi-clipboard2-pulse::before { content: "\f730"; }
.bi-clipboard2-pulse-fill::before { content: "\f72f"; }
.bi-clipboard2-x::before { content: "\f732"; }
.bi-clipboard2-x-fill::before { content: "\f731"; }
.bi-clock::before { content: "\f293"; }
.bi-clock-fill::before { content: "\f291"; }
.bi-clock-history::before { content: "\f292"; }
.bi-cloud::before { content: "\f2c1"; }
.bi-cloud-arrow-down::before { content: "\f295"; }
.bi-cloud-arrow-down-fill::before { content: "\f294"; }
.bi-cloud-arrow-up::before { content: "\f297"; }
.bi-cloud-arrow-up-fill::before { content: "\f296"; }
.bi-cloud-check::before { content: "\f299"; }
.bi-cloud-check-fill::before { content: "\f298"; }
.bi-cloud-download::before { content: "\f29b"; }
.bi-cloud-download-fill::before { content: "\f29a"; }
.bi-cloud-drizzle::before { content: "\f29d"; }
.bi-cloud-drizzle-fill::before { content: "\f29c"; }
.bi-cloud-fill::before { content: "\f29e"; }
.bi-cloud-fog::before { content: "\f2a0"; }
.bi-cloud-fog-fill::before { content: "\f29f"; }
.bi-cloud-fog2::before { content: "\f2a2"; }
.bi-cloud-fog2-fill::before { content: "\f2a1"; }
.bi-cloud-hail::before { content: "\f2a4"; }
.bi-cloud-hail-fill::before { content: "\f2a3"; }
.bi-cloud-haze::before { content: "\f2a7"; }
.bi-cloud-haze-fill::before { content: "\f2a6"; }
.bi-cloud-haze2::before { content: "\f6f7"; }
.bi-cloud-haze2-fill::before { content: "\f2a8"; }
.bi-cloud-lightning::before { content: "\f2ac"; }
.bi-cloud-lightning-fill::before { content: "\f2a9"; }
.bi-cloud-lightning-rain::before { content: "\f2ab"; }
.bi-cloud-lightning-rain-fill::before { content: "\f2aa"; }
.bi-cloud-minus::before { content: "\f2ae"; }
.bi-cloud-minus-fill::before { content: "\f2ad"; }
.bi-cloud-moon::before { content: "\f2b0"; }
.bi-cloud-moon-fill::before { content: "\f2af"; }
.bi-cloud-plus::before { content: "\f2b2"; }
.bi-cloud-plus-fill::before { content: "\f2b1"; }
.bi-cloud-rain::before { content: "\f2b6"; }
.bi-cloud-rain-fill::before { content: "\f2b3"; }
.bi-cloud-rain-heavy::before { content: "\f2b5"; }
.bi-cloud-rain-heavy-fill::before { content: "\f2b4"; }
.bi-cloud-slash::before { content: "\f2b8"; }
.bi-cloud-slash-fill::before { content: "\f2b7"; }
.bi-cloud-sleet::before { content: "\f2ba"; }
.bi-cloud-sleet-fill::before { content: "\f2b9"; }
.bi-cloud-snow::before { content: "\f2bc"; }
.bi-cloud-snow-fill::before { content: "\f2bb"; }
.bi-cloud-sun::before { content: "\f2be"; }
.bi-cloud-sun-fill::before { content: "\f2bd"; }
.bi-cloud-upload::before { content: "\f2c0"; }
.bi-cloud-upload-fill::before { content: "\f2bf"; }
.bi-clouds::before { content: "\f2c3"; }
.bi-clouds-fill::before { content: "\f2c2"; }
.bi-cloudy::before { content: "\f2c5"; }
.bi-cloudy-fill::before { content: "\f2c4"; }
.bi-code::before { content: "\f2c8"; }
.bi-code-slash::before { content: "\f2c6"; }
.bi-code-square::before { content: "\f2c7"; }
.bi-coin::before { content: "\f634"; }
.bi-collection::before { content: "\f2cc"; }
.bi-collection-fill::before { content: "\f2c9"; }
.bi-collection-play::before { content: "\f2cb"; }
.bi-collection-play-fill::before { content: "\f2ca"; }
.bi-columns::before { content: "\f2ce"; }
.bi-columns-gap::before { content: "\f2cd"; }
.bi-command::before { content: "\f2cf"; }
.bi-compass::before { content: "\f2d1"; }
.bi-compass-fill::before { content: "\f2d0"; }
.bi-cone::before { content: "\f2d3"; }
.bi-cone-striped::before { content: "\f2d2"; }
.bi-controller::before { content: "\f2d4"; }
.bi-cpu::before { content: "\f2d6"; }
.bi-cpu-fill::before { content: "\f2d5"; }
.bi-credit-card::before { content: "\f2dc"; }
.bi-credit-card-2-back::before { content: "\f2d8"; }
.bi-credit-card-2-back-fill::before { content: "\f2d7"; }
.bi-credit-card-2-front::before { content: "\f2da"; }
.bi-credit-card-2-front-fill::before { content: "\f2d9"; }
.bi-credit-card-fill::before { content: "\f2db"; }
.bi-crop::before { content: "\f2dd"; }
.bi-cup::before { content: "\f2e0"; }
.bi-cup-fill::before { content: "\f2de"; }
.bi-cup-hot::before { content: "\f7eb"; }
.bi-cup-hot-fill::before { content: "\f7ea"; }
.bi-cup-straw::before { content: "\f2df"; }
.bi-currency-bitcoin::before { content: "\f635"; }
.bi-currency-dollar::before { content: "\f636"; }
.bi-currency-euro::before { content: "\f637"; }
.bi-currency-exchange::before { content: "\f638"; }
.bi-currency-pound::before { content: "\f639"; }
.bi-currency-rupee::before { content: "\f7ec"; }
.bi-currency-yen::before { content: "\f63a"; }
.bi-cursor::before { content: "\f2e3"; }
.bi-cursor-fill::before { content: "\f2e1"; }
.bi-cursor-text::before { content: "\f2e2"; }
.bi-dash::before { content: "\f2ea"; }
.bi-dash-circle::before { content: "\f2e6"; }
.bi-dash-circle-dotted::before { content: "\f2e4"; }
.bi-dash-circle-fill::before { content: "\f2e5"; }
.bi-dash-lg::before { content: "\f63b"; }
.bi-dash-square::before { content: "\f2e9"; }
.bi-dash-square-dotted::before { content: "\f2e7"; }
.bi-dash-square-fill::before { content: "\f2e8"; }
.bi-database::before { content: "\f8c4"; }
.bi-database-add::before { content: "\f8af"; }
.bi-database-check::before { content: "\f8b0"; }
.bi-database-dash::before { content: "\f8b1"; }
.bi-database-down::before { content: "\f8b2"; }
.bi-database-exclamation::before { content: "\f8b3"; }
.bi-database-fill::before { content: "\f8be"; }
.bi-database-fill-add::before { content: "\f8b4"; }
.bi-database-fill-check::before { content: "\f8b5"; }
.bi-database-fill-dash::before { content: "\f8b6"; }
.bi-database-fill-down::before { content: "\f8b7"; }
.bi-database-fill-exclamation::before { content: "\f8b8"; }
.bi-database-fill-gear::before { content: "\f8b9"; }
.bi-database-fill-lock::before { content: "\f8ba"; }
.bi-database-fill-slash::before { content: "\f8bb"; }
.bi-database-fill-up::before { content: "\f8bc"; }
.bi-database-fill-x::before { content: "\f8bd"; }
.bi-database-gear::before { content: "\f8bf"; }
.bi-database-lock::before { content: "\f8c0"; }
.bi-database-slash::before { content: "\f8c1"; }
.bi-database-up::before { content: "\f8c2"; }
.bi-database-x::before { content: "\f8c3"; }
.bi-device-hdd::before { content: "\f6f9"; }
.bi-device-hdd-fill::before { content: "\f6f8"; }
.bi-device-ssd::before { content: "\f6fb"; }
.bi-device-ssd-fill::before { content: "\f6fa"; }
.bi-diagram-2::before { content: "\f2ec"; }
.bi-diagram-2-fill::before { content: "\f2eb"; }
.bi-diagram-3::before { content: "\f2ee"; }
.bi-diagram-3-fill::before { content: "\f2ed"; }
.bi-diamond::before { content: "\f2f1"; }
.bi-diamond-fill::before { content: "\f2ef"; }
.bi-diamond-half::before { content: "\f2f0"; }
.bi-dice-1::before { content: "\f2f3"; }
.bi-dice-1-fill::before { content: "\f2f2"; }
.bi-dice-2::before { content: "\f2f5"; }
.bi-dice-2-fill::before { content: "\f2f4"; }
.bi-dice-3::before { content: "\f2f7"; }
.bi-dice-3-fill::before { content: "\f2f6"; }
.bi-dice-4::before { content: "\f2f9"; }
.bi-dice-4-fill::before { content: "\f2f8"; }
.bi-dice-5::before { content: "\f2fb"; }
.bi-dice-5-fill::before { content: "\f2fa"; }
.bi-dice-6::before { content: "\f2fd"; }
.bi-dice-6-fill::before { content: "\f2fc"; }
.bi-disc::before { content: "\f2ff"; }
.bi-disc-fill::before { content: "\f2fe"; }
.bi-discord::before { content: "\f300"; }
.bi-display::before { content: "\f302"; }
.bi-display-fill::before { content: "\f301"; }
.bi-displayport::before { content: "\f6e1"; }
.bi-displayport-fill::before { content: "\f6fc"; }
.bi-distribute-horizontal::before { content: "\f303"; }
.bi-distribute-vertical::before { content: "\f304"; }
.bi-door-closed::before { content: "\f306"; }
.bi-door-closed-fill::before { content: "\f305"; }
.bi-door-open::before { content: "\f308"; }
.bi-door-open-fill::before { content: "\f307"; }
.bi-dot::before { content: "\f309"; }
.bi-download::before { content: "\f30a"; }
.bi-dpad::before { content: "\f687"; }
.bi-dpad-fill::before { content: "\f686"; }
.bi-dribbble::before { content: "\f65f"; }
.bi-dropbox::before { content: "\f7ed"; }
.bi-droplet::before { content: "\f30d"; }
.bi-droplet-fill::before { content: "\f30b"; }
.bi-droplet-half::before { content: "\f30c"; }
.bi-ear::before { content: "\f689"; }
.bi-ear-fill::before { content: "\f688"; }
.bi-earbuds::before { content: "\f30e"; }
.bi-easel::before { content: "\f310"; }
.bi-easel-fill::before { content: "\f30f"; }
.bi-easel2::before { content: "\f66d"; }
.bi-easel2-fill::before { content: "\f66c"; }
.bi-easel3::before { content: "\f66f"; }
.bi-easel3-fill::before { content: "\f66e"; }
.bi-egg::before { content: "\f313"; }
.bi-egg-fill::before { content: "\f311"; }
.bi-egg-fried::before { content: "\f312"; }
.bi-eject::before { content: "\f315"; }
.bi-eject-fill::before { content: "\f314"; }
.bi-emoji-angry::before { content: "\f317"; }
.bi-emoji-angry-fill::before { content: "\f316"; }
.bi-emoji-dizzy::before { content: "\f319"; }
.bi-emoji-dizzy-fill::before { content: "\f318"; }
.bi-emoji-expressionless::before { content: "\f31b"; }
.bi-emoji-expressionless-fill::before { content: "\f31a"; }
.bi-emoji-frown::before { content: "\f31d"; }
.bi-emoji-frown-fill::before { content: "\f31c"; }
.bi-emoji-heart-eyes::before { content: "\f31f"; }
.bi-emoji-heart-eyes-fill::before { content: "\f31e"; }
.bi-emoji-kiss::before { content: "\f735"; }
.bi-emoji-kiss-fill::before { content: "\f734"; }
.bi-emoji-laughing::before { content: "\f321"; }
.bi-emoji-laughing-fill::before { content: "\f320"; }
.bi-emoji-neutral::before { content: "\f323"; }
.bi-emoji-neutral-fill::before { content: "\f322"; }
.bi-emoji-smile::before { content: "\f327"; }
.bi-emoji-smile-fill::before { content: "\f324"; }
.bi-emoji-smile-upside-down::before { content: "\f326"; }
.bi-emoji-smile-upside-down-fill::before { content: "\f325"; }
.bi-emoji-sunglasses::before { content: "\f329"; }
.bi-emoji-sunglasses-fill::before { content: "\f328"; }
.bi-emoji-wink::before { content: "\f32b"; }
.bi-emoji-wink-fill::before { content: "\f32a"; }
.bi-envelope::before { content: "\f32f"; }
.bi-envelope-at::before { content: "\f84c"; }
.bi-envelope-at-fill::before { content: "\f84b"; }
.bi-envelope-check::before { content: "\f68c"; }
.bi-envelope-check-fill::before { content: "\f68b"; }
.bi-envelope-dash::before { content: "\f68f"; }
.bi-envelope-dash-fill::before { content: "\f68e"; }
.bi-envelope-exclamation::before { content: "\f692"; }
.bi-envelope-exclamation-fill::before { content: "\f691"; }
.bi-envelope-fill::before { content: "\f32c"; }
.bi-envelope-heart::before { content: "\f737"; }
.bi-envelope-heart-fill::before { content: "\f736"; }
.bi-envelope-open::before { content: "\f32e"; }
.bi-envelope-open-fill::before { content: "\f32d"; }
.bi-envelope-open-heart::before { content: "\f739"; }
.bi-envelope-open-heart-fill::before { content: "\f738"; }
.bi-envelope-paper::before { content: "\f73d"; }
.bi-envelope-paper-fill::before { content: "\f73a"; }
.bi-envelope-paper-heart::before { content: "\f73c"; }
.bi-envelope-paper-heart-fill::before { content: "\f73b"; }
.bi-envelope-plus::before { content: "\f694"; }
.bi-envelope-plus-fill::before { content: "\f693"; }
.bi-envelope-slash::before { content: "\f697"; }
.bi-envelope-slash-fill::before { content: "\f696"; }
.bi-envelope-x::before { content: "\f69a"; }
.bi-envelope-x-fill::before { content: "\f699"; }
.bi-eraser::before { content: "\f331"; }
.bi-eraser-fill::before { content: "\f330"; }
.bi-escape::before { content: "\f7ee"; }
.bi-ethernet::before { content: "\f6d5"; }
.bi-ev-front::before { content: "\f881"; }
.bi-ev-front-fill::before { content: "\f880"; }
.bi-ev-station::before { content: "\f83a"; }
.bi-ev-station-fill::before { content: "\f839"; }
.bi-exclamation::before { content: "\f33c"; }
.bi-exclamation-circle::before { content: "\f333"; }
.bi-exclamation-circle-fill::before { content: "\f332"; }
.bi-exclamation-diamond::before { content: "\f335"; }
.bi-exclamation-diamond-fill::before { content: "\f334"; }
.bi-exclamation-lg::before { content: "\f63c"; }
.bi-exclamation-octagon::before { content: "\f337"; }
.bi-exclamation-octagon-fill::before { content: "\f336"; }
.bi-exclamation-square::before { content: "\f339"; }
.bi-exclamation-square-fill::before { content: "\f338"; }
.bi-exclamation-triangle::before { content: "\f33b"; }
.bi-exclamation-triangle-fill::before { content: "\f33a"; }
.bi-exclude::before { content: "\f33d"; }
.bi-explicit::before { content: "\f69c"; }
.bi-explicit-fill::before { content: "\f69b"; }
.bi-eye::before { content: "\f341"; }
.bi-eye-fill::before { content: "\f33e"; }
.bi-eye-slash::before { content: "\f340"; }
.bi-eye-slash-fill::before { content: "\f33f"; }
.bi-eyedropper::before { content: "\f342"; }
.bi-eyeglasses::before { content: "\f343"; }
.bi-facebook::before { content: "\f344"; }
.bi-fan::before { content: "\f670"; }
.bi-fast-forward::before { content: "\f7f4"; }
.bi-fast-forward-btn::before { content: "\f7f0"; }
.bi-fast-forward-btn-fill::before { content: "\f7ef"; }
.bi-fast-forward-circle::before { content: "\f7f2"; }
.bi-fast-forward-circle-fill::before { content: "\f7f1"; }
.bi-fast-forward-fill::before { content: "\f7f3"; }
.bi-file::before { content: "\f3c0"; }
.bi-file-arrow-down::before { content: "\f346"; }
.bi-file-arrow-down-fill::before { content: "\f345"; }
.bi-file-arrow-up::before { content: "\f348"; }
.bi-file-arrow-up-fill::before { content: "\f347"; }
.bi-file-bar-graph::before { content: "\f34a"; }
.bi-file-bar-graph-fill::before { content: "\f349"; }
.bi-file-binary::before { content: "\f34c"; }
.bi-file-binary-fill::before { content: "\f34b"; }
.bi-file-break::before { content: "\f34e"; }
.bi-file-break-fill::before { content: "\f34d"; }
.bi-file-check::before { content: "\f350"; }
.bi-file-check-fill::before { content: "\f34f"; }
.bi-file-code::before { content: "\f352"; }
.bi-file-code-fill::before { content: "\f351"; }
.bi-file-diff::before { content: "\f354"; }
.bi-file-diff-fill::before { content: "\f353"; }
.bi-file-earmark::before { content: "\f392"; }
.bi-file-earmark-arrow-down::before { content: "\f356"; }
.bi-file-earmark-arrow-down-fill::before { content: "\f355"; }
.bi-file-earmark-arrow-up::before { content: "\f358"; }
.bi-file-earmark-arrow-up-fill::before { content: "\f357"; }
.bi-file-earmark-bar-graph::before { content: "\f35a"; }
.bi-file-earmark-bar-graph-fill::before { content: "\f359"; }
.bi-file-earmark-binary::before { content: "\f35c"; }
.bi-file-earmark-binary-fill::before { content: "\f35b"; }
.bi-file-earmark-break::before { content: "\f35e"; }
.bi-file-earmark-break-fill::before { content: "\f35d"; }
.bi-file-earmark-check::before { content: "\f360"; }
.bi-file-earmark-check-fill::before { content: "\f35f"; }
.bi-file-earmark-code::before { content: "\f362"; }
.bi-file-earmark-code-fill::before { content: "\f361"; }
.bi-file-earmark-diff::before { content: "\f364"; }
.bi-file-earmark-diff-fill::before { content: "\f363"; }
.bi-file-earmark-easel::before { content: "\f366"; }
.bi-file-earmark-easel-fill::before { content: "\f365"; }
.bi-file-earmark-excel::before { content: "\f368"; }
.bi-file-earmark-excel-fill::before { content: "\f367"; }
.bi-file-earmark-fill::before { content: "\f369"; }
.bi-file-earmark-font::before { content: "\f36b"; }
.bi-file-earmark-font-fill::before { content: "\f36a"; }
.bi-file-earmark-image::before { content: "\f36d"; }
.bi-file-earmark-image-fill::before { content: "\f36c"; }
.bi-file-earmark-lock::before { content: "\f36f"; }
.bi-file-earmark-lock-fill::before { content: "\f36e"; }
.bi-file-earmark-lock2::before { content: "\f371"; }
.bi-file-earmark-lock2-fill::before { content: "\f370"; }
.bi-file-earmark-medical::before { content: "\f373"; }
.bi-file-earmark-medical-fill::before { content: "\f372"; }
.bi-file-earmark-minus::before { content: "\f375"; }
.bi-file-earmark-minus-fill::before { content: "\f374"; }
.bi-file-earmark-music::before { content: "\f377"; }
.bi-file-earmark-music-fill::before { content: "\f376"; }
.bi-file-earmark-pdf::before { content: "\f63e"; }
.bi-file-earmark-pdf-fill::before { content: "\f63d"; }
.bi-file-earmark-person::before { content: "\f379"; }
.bi-file-earmark-person-fill::before { content: "\f378"; }
.bi-file-earmark-play::before { content: "\f37b"; }
.bi-file-earmark-play-fill::before { content: "\f37a"; }
.bi-file-earmark-plus::before { content: "\f37d"; }
.bi-file-earmark-plus-fill::before { content: "\f37c"; }
.bi-file-earmark-post::before { content: "\f37f"; }
.bi-file-earmark-post-fill::before { content: "\f37e"; }
.bi-file-earmark-ppt::before { content: "\f381"; }
.bi-file-earmark-ppt-fill::before { content: "\f380"; }
.bi-file-earmark-richtext::before { content: "\f383"; }
.bi-file-earmark-richtext-fill::before { content: "\f382"; }
.bi-file-earmark-ruled::before { content: "\f385"; }
.bi-file-earmark-ruled-fill::before { content: "\f384"; }
.bi-file-earmark-slides::before { content: "\f387"; }
.bi-file-earmark-slides-fill::before { content: "\f386"; }
.bi-file-earmark-spreadsheet::before { content: "\f389"; }
.bi-file-earmark-spreadsheet-fill::before { content: "\f388"; }
.bi-file-earmark-text::before { content: "\f38b"; }
.bi-file-earmark-text-fill::before { content: "\f38a"; }
.bi-file-earmark-word::before { content: "\f38d"; }
.bi-file-earmark-word-fill::before { content: "\f38c"; }
.bi-file-earmark-x::before { content: "\f38f"; }
.bi-file-earmark-x-fill::before { content: "\f38e"; }
.bi-file-earmark-zip::before { content: "\f391"; }
.bi-file-earmark-zip-fill::before { content: "\f390"; }
.bi-file-easel::before { content: "\f394"; }
.bi-file-easel-fill::before { content: "\f393"; }
.bi-file-excel::before { content: "\f396"; }
.bi-file-excel-fill::before { content: "\f395"; }
.bi-file-fill::before { content: "\f397"; }
.bi-file-font::before { content: "\f399"; }
.bi-file-font-fill::before { content: "\f398"; }
.bi-file-image::before { content: "\f39b"; }
.bi-file-image-fill::before { content: "\f39a"; }
.bi-file-lock::before { content: "\f39d"; }
.bi-file-lock-fill::before { content: "\f39c"; }
.bi-file-lock2::before { content: "\f39f"; }
.bi-file-lock2-fill::before { content: "\f39e"; }
.bi-file-medical::before { content: "\f3a1"; }
.bi-file-medical-fill::before { content: "\f3a0"; }
.bi-file-minus::before { content: "\f3a3"; }
.bi-file-minus-fill::before { content: "\f3a2"; }
.bi-file-music::before { content: "\f3a5"; }
.bi-file-music-fill::before { content: "\f3a4"; }
.bi-file-pdf::before { content: "\f640"; }
.bi-file-pdf-fill::before { content: "\f63f"; }
.bi-file-person::before { content: "\f3a7"; }
.bi-file-person-fill::before { content: "\f3a6"; }
.bi-file-play::before { content: "\f3a9"; }
.bi-file-play-fill::before { content: "\f3a8"; }
.bi-file-plus::before { content: "\f3ab"; }
.bi-file-plus-fill::before { content: "\f3aa"; }
.bi-file-post::before { content: "\f3ad"; }
.bi-file-post-fill::before { content: "\f3ac"; }
.bi-file-ppt::before { content: "\f3af"; }
.bi-file-ppt-fill::before { content: "\f3ae"; }
.bi-file-richtext::before { content: "\f3b1"; }
.bi-file-richtext-fill::before { content: "\f3b0"; }
.bi-file-ruled::before { content: "\f3b3"; }
.bi-file-ruled-fill::before { content: "\f3b2"; }
.bi-file-slides::before { content: "\f3b5"; }
.bi-file-slides-fill::before { content: "\f3b4"; }
.bi-file-spreadsheet::before { content: "\f3b7"; }
.bi-file-spreadsheet-fill::before { content: "\f3b6"; }
.bi-file-text::before { content: "\f3b9"; }
.bi-file-text-fill::before { content: "\f3b8"; }
.bi-file-word::before { content: "\f3bb"; }
.bi-file-word-fill::before { content: "\f3ba"; }
.bi-file-x::before { content: "\f3bd"; }
.bi-file-x-fill::before { content: "\f3bc"; }
.bi-file-zip::before { content: "\f3bf"; }
.bi-file-zip-fill::before { content: "\f3be"; }
.bi-files::before { content: "\f3c2"; }
.bi-files-alt::before { content: "\f3c1"; }
.bi-filetype-aac::before { content: "\f73e"; }
.bi-filetype-ai::before { content: "\f73f"; }
.bi-filetype-bmp::before { content: "\f740"; }
.bi-filetype-cs::before { content: "\f741"; }
.bi-filetype-css::before { content: "\f742"; }
.bi-filetype-csv::before { content: "\f743"; }
.bi-filetype-doc::before { content: "\f744"; }
.bi-filetype-docx::before { content: "\f745"; }
.bi-filetype-exe::before { content: "\f746"; }
.bi-filetype-gif::before { content: "\f747"; }
.bi-filetype-heic::before { content: "\f748"; }
.bi-filetype-html::before { content: "\f749"; }
.bi-filetype-java::before { content: "\f74a"; }
.bi-filetype-jpg::before { content: "\f74b"; }
.bi-filetype-js::before { content: "\f74c"; }
.bi-filetype-json::before { content: "\f791"; }
.bi-filetype-jsx::before { content: "\f74d"; }
.bi-filetype-key::before { content: "\f74e"; }
.bi-filetype-m4p::before { content: "\f74f"; }
.bi-filetype-md::before { content: "\f750"; }
.bi-filetype-mdx::before { content: "\f751"; }
.bi-filetype-mov::before { content: "\f752"; }
.bi-filetype-mp3::before { content: "\f753"; }
.bi-filetype-mp4::before { content: "\f754"; }
.bi-filetype-otf::before { content: "\f755"; }
.bi-filetype-pdf::before { content: "\f756"; }
.bi-filetype-php::before { content: "\f757"; }
.bi-filetype-png::before { content: "\f758"; }
.bi-filetype-ppt::before { content: "\f75a"; }
.bi-filetype-pptx::before { content: "\f792"; }
.bi-filetype-psd::before { content: "\f75b"; }
.bi-filetype-py::before { content: "\f75c"; }
.bi-filetype-raw::before { content: "\f75d"; }
.bi-filetype-rb::before { content: "\f75e"; }
.bi-filetype-sass::before { content: "\f75f"; }
.bi-filetype-scss::before { content: "\f760"; }
.bi-filetype-sh::before { content: "\f761"; }
.bi-filetype-sql::before { content: "\f7f5"; }
.bi-filetype-svg::before { content: "\f762"; }
.bi-filetype-tiff::before { content: "\f763"; }
.bi-filetype-tsx::before { content: "\f764"; }
.bi-filetype-ttf::before { content: "\f765"; }
.bi-filetype-txt::before { content: "\f766"; }
.bi-filetype-wav::before { content: "\f767"; }
.bi-filetype-woff::before { content: "\f768"; }
.bi-filetype-xls::before { content: "\f76a"; }
.bi-filetype-xlsx::before { content: "\f793"; }
.bi-filetype-xml::before { content: "\f76b"; }
.bi-filetype-yml::before { content: "\f76c"; }
.bi-film::before { content: "\f3c3"; }
.bi-filter::before { content: "\f3ca"; }
.bi-filter-circle::before { content: "\f3c5"; }
.bi-filter-circle-fill::before { content: "\f3c4"; }
.bi-filter-left::before { content: "\f3c6"; }
.bi-filter-right::before { content: "\f3c7"; }
.bi-filter-square::before { content: "\f3c9"; }
.bi-filter-square-fill::before { content: "\f3c8"; }
.bi-fingerprint::before { content: "\f671"; }
.bi-fire::before { content: "\f7f6"; }
.bi-flag::before { content: "\f3cc"; }
.bi-flag-fill::before { content: "\f3cb"; }
.bi-flower1::before { content: "\f3cd"; }
.bi-flower2::before { content: "\f3ce"; }
.bi-flower3::before { content: "\f3cf"; }
.bi-folder::before { content: "\f3d7"; }
.bi-folder-check::before { content: "\f3d0"; }
.bi-folder-fill::before { content: "\f3d1"; }
.bi-folder-minus::before { content: "\f3d2"; }
.bi-folder-plus::before { content: "\f3d3"; }
.bi-folder-symlink::before { content: "\f3d5"; }
.bi-folder-symlink-fill::before { content: "\f3d4"; }
.bi-folder-x::before { content: "\f3d6"; }
.bi-folder2::before { content: "\f3d9"; }
.bi-folder2-open::before { content: "\f3d8"; }
.bi-fonts::before { content: "\f3da"; }
.bi-forward::before { content: "\f3dc"; }
.bi-forward-fill::before { content: "\f3db"; }
.bi-front::before { content: "\f3dd"; }
.bi-fuel-pump::before { content: "\f83e"; }
.bi-fuel-pump-diesel::before { content: "\f83c"; }
.bi-fuel-pump-diesel-fill::before { content: "\f83b"; }
.bi-fuel-pump-fill::before { content: "\f83d"; }
.bi-fullscreen::before { content: "\f3df"; }
.bi-fullscreen-exit::before { content: "\f3de"; }
.bi-funnel::before { content: "\f3e1"; }
.bi-funnel-fill::before { content: "\f3e0"; }
.bi-gear::before { content: "\f3e5"; }
.bi-gear-fill::before { content: "\f3e2"; }
.bi-gear-wide::before { content: "\f3e4"; }
.bi-gear-wide-connected::before { content: "\f3e3"; }
.bi-gem::before { content: "\f3e6"; }
.bi-gender-ambiguous::before { content: "\f641"; }
.bi-gender-female::before { content: "\f642"; }
.bi-gender-male::before { content: "\f643"; }
.bi-gender-trans::before { content: "\f644"; }
.bi-geo::before { content: "\f3ea"; }
.bi-geo-alt::before { content: "\f3e8"; }
.bi-geo-alt-fill::before { content: "\f3e7"; }
.bi-geo-fill::before { content: "\f3e9"; }
.bi-gift::before { content: "\f3ec"; }
.bi-gift-fill::before { content: "\f3eb"; }
.bi-git::before { content: "\f69d"; }
.bi-github::before { content: "\f3ed"; }
.bi-globe::before { content: "\f3ee"; }
.bi-globe-americas::before { content: "\f882"; }
.bi-globe-asia-australia::before { content: "\f883"; }
.bi-globe-central-south-asia::before { content: "\f884"; }
.bi-globe-europe-africa::before { content: "\f885"; }
.bi-globe2::before { content: "\f3ef"; }
.bi-google::before { content: "\f3f0"; }
.bi-google-play::before { content: "\f7f7"; }
.bi-gpu-card::before { content: "\f6e2"; }
.bi-graph-down::before { content: "\f3f1"; }
.bi-graph-down-arrow::before { content: "\f672"; }
.bi-graph-up::before { content: "\f3f2"; }
.bi-graph-up-arrow::before { content: "\f673"; }
.bi-grid::before { content: "\f3fc"; }
.bi-grid-1x2::before { content: "\f3f4"; }
.bi-grid-1x2-fill::before { content: "\f3f3"; }
.bi-grid-3x2::before { content: "\f3f7"; }
.bi-grid-3x2-gap::before { content: "\f3f6"; }
.bi-grid-3x2-gap-fill::before { content: "\f3f5"; }
.bi-grid-3x3::before { content: "\f3fa"; }
.bi-grid-3x3-gap::before { content: "\f3f9"; }
.bi-grid-3x3-gap-fill::before { content: "\f3f8"; }
.bi-grid-fill::before { content: "\f3fb"; }
.bi-grip-horizontal::before { content: "\f3fd"; }
.bi-grip-vertical::before { content: "\f3fe"; }
.bi-h-circle::before { content: "\f7fb"; }
.bi-h-circle-fill::before { content: "\f7fa"; }
.bi-h-square::before { content: "\f7fd"; }
.bi-h-square-fill::before { content: "\f7fc"; }
.bi-hammer::before { content: "\f3ff"; }
.bi-hand-index::before { content: "\f403"; }
.bi-hand-index-fill::before { content: "\f400"; }
.bi-hand-index-thumb::before { content: "\f402"; }
.bi-hand-index-thumb-fill::before { content: "\f401"; }
.bi-hand-thumbs-down::before { content: "\f405"; }
.bi-hand-thumbs-down-fill::before { content: "\f404"; }
.bi-hand-thumbs-up::before { content: "\f407"; }
.bi-hand-thumbs-up-fill::before { content: "\f406"; }
.bi-handbag::before { content: "\f409"; }
.bi-handbag-fill::before { content: "\f408"; }
.bi-hash::before { content: "\f40a"; }
.bi-hdd::before { content: "\f412"; }
.bi-hdd-fill::before { content: "\f40b"; }
.bi-hdd-network::before { content: "\f40d"; }
.bi-hdd-network-fill::before { content: "\f40c"; }
.bi-hdd-rack::before { content: "\f40f"; }
.bi-hdd-rack-fill::before { content: "\f40e"; }
.bi-hdd-stack::before { content: "\f411"; }
.bi-hdd-stack-fill::before { content: "\f410"; }
.bi-hdmi::before { content: "\f6d7"; }
.bi-hdmi-fill::before { content: "\f6d6"; }
.bi-headphones::before { content: "\f413"; }
.bi-headset::before { content: "\f414"; }
.bi-headset-vr::before { content: "\f645"; }
.bi-heart::before { content: "\f417"; }
.bi-heart-arrow::before { content: "\f76d"; }
.bi-heart-fill::before { content: "\f415"; }
.bi-heart-half::before { content: "\f416"; }
.bi-heart-pulse::before { content: "\f76f"; }
.bi-heart-pulse-fill::before { content: "\f76e"; }
.bi-heartbreak::before { content: "\f771"; }
.bi-heartbreak-fill::before { content: "\f770"; }
.bi-hearts::before { content: "\f772"; }
.bi-heptagon::before { content: "\f41a"; }
.bi-heptagon-fill::before { content: "\f418"; }
.bi-heptagon-half::before { content: "\f419"; }
.bi-hexagon::before { content: "\f41d"; }
.bi-hexagon-fill::before { content: "\f41b"; }
.bi-hexagon-half::before { content: "\f41c"; }
.bi-hospital::before { content: "\f774"; }
.bi-hospital-fill::before { content: "\f773"; }
.bi-hourglass::before { content: "\f421"; }
.bi-hourglass-bottom::before { content: "\f41e"; }
.bi-hourglass-split::before { content: "\f41f"; }
.bi-hourglass-top::before { content: "\f420"; }
.bi-house::before { content: "\f425"; }
.bi-house-add::before { content: "\f887"; }
.bi-house-add-fill::before { content: "\f886"; }
.bi-house-check::before { content: "\f889"; }
.bi-house-check-fill::before { content: "\f888"; }
.bi-house-dash::before { content: "\f88b"; }
.bi-house-dash-fill::before { content: "\f88a"; }
.bi-house-door::before { content: "\f423"; }
.bi-house-door-fill::before { content: "\f422"; }
.bi-house-down::before { content: "\f88d"; }
.bi-house-down-fill::before { content: "\f88c"; }
.bi-house-exclamation::before { content: "\f88f"; }
.bi-house-exclamation-fill::before { content: "\f88e"; }
.bi-house-fill::before { content: "\f424"; }
.bi-house-gear::before { content: "\f891"; }
.bi-house-gear-fill::before { content: "\f890"; }
.bi-house-heart::before { content: "\f776"; }
.bi-house-heart-fill::before { content: "\f775"; }
.bi-house-lock::before { content: "\f893"; }
.bi-house-lock-fill::before { content: "\f892"; }
.bi-house-slash::before { content: "\f895"; }
.bi-house-slash-fill::before { content: "\f894"; }
.bi-house-up::before { content: "\f897"; }
.bi-house-up-fill::before { content: "\f896"; }
.bi-house-x::before { content: "\f899"; }
.bi-house-x-fill::before { content: "\f898"; }
.bi-houses::before { content: "\f8c6"; }
.bi-houses-fill::before { content: "\f8c5"; }
.bi-hr::before { content: "\f426"; }
.bi-hurricane::before { content: "\f427"; }
.bi-hypnotize::before { content: "\f674"; }
.bi-image::before { content: "\f42a"; }
.bi-image-alt::before { content: "\f428"; }
.bi-image-fill::before { content: "\f429"; }
.bi-images::before { content: "\f42b"; }
.bi-inbox::before { content: "\f42d"; }
.bi-inbox-fill::before { content: "\f42c"; }
.bi-inboxes::before { content: "\f42f"; }
.bi-inboxes-fill::before { content: "\f42e"; }
.bi-incognito::before { content: "\f777"; }
.bi-indent::before { content: "\f7fe"; }
.bi-infinity::before { content: "\f69e"; }
.bi-info::before { content: "\f434"; }
.bi-info-circle::before { content: "\f431"; }
.bi-info-circle-fill::before { content: "\f430"; }
.bi-info-lg::before { content: "\f646"; }
.bi-info-square::before { content: "\f433"; }
.bi-info-square-fill::before { content: "\f432"; }
.bi-input-cursor::before { content: "\f436"; }
.bi-input-cursor-text::before { content: "\f435"; }
.bi-instagram::before { content: "\f437"; }
.bi-intersect::before { content: "\f438"; }
.bi-journal::before { content: "\f446"; }
.bi-journal-album::before { content: "\f439"; }
.bi-journal-arrow-down::before { content: "\f43a"; }
.bi-journal-arrow-up::before { content: "\f43b"; }
.bi-journal-bookmark::before { content: "\f43d"; }
.bi-journal-bookmark-fill::before { content: "\f43c"; }
.bi-journal-check::before { content: "\f43e"; }
.bi-journal-code::before { content: "\f43f"; }
.bi-journal-medical::before { content: "\f440"; }
.bi-journal-minus::before { content: "\f441"; }
.bi-journal-plus::before { content: "\f442"; }
.bi-journal-richtext::before { content: "\f443"; }
.bi-journal-text::before { content: "\f444"; }
.bi-journal-x::before { content: "\f445"; }
.bi-journals::before { content: "\f447"; }
.bi-joystick::before { content: "\f448"; }
.bi-justify::before { content: "\f44b"; }
.bi-justify-left::before { content: "\f449"; }
.bi-justify-right::before { content: "\f44a"; }
.bi-kanban::before { content: "\f44d"; }
.bi-kanban-fill::before { content: "\f44c"; }
.bi-key::before { content: "\f44f"; }
.bi-key-fill::before { content: "\f44e"; }
.bi-keyboard::before { content: "\f451"; }
.bi-keyboard-fill::before { content: "\f450"; }
.bi-ladder::before { content: "\f452"; }
.bi-lamp::before { content: "\f454"; }
.bi-lamp-fill::before { content: "\f453"; }
.bi-laptop::before { content: "\f456"; }
.bi-laptop-fill::before { content: "\f455"; }
.bi-layer-backward::before { content: "\f457"; }
.bi-layer-forward::before { content: "\f458"; }
.bi-layers::before { content: "\f45b"; }
.bi-layers-fill::before { content: "\f459"; }
.bi-layers-half::before { content: "\f45a"; }
.bi-layout-sidebar::before { content: "\f45f"; }
.bi-layout-sidebar-inset::before { content: "\f45d"; }
.bi-layout-sidebar-inset-reverse::before { content: "\f45c"; }
.bi-layout-sidebar-reverse::before { content: "\f45e"; }
.bi-layout-split::before { content: "\f460"; }
.bi-layout-text-sidebar::before { content: "\f462"; }
.bi-layout-text-sidebar-reverse::before { content: "\f461"; }
.bi-layout-text-window::before { content: "\f464"; }
.bi-layout-text-window-reverse::before { content: "\f463"; }
.bi-layout-three-columns::before { content: "\f465"; }
.bi-layout-wtf::before { content: "\f466"; }
.bi-life-preserver::before { content: "\f467"; }
.bi-lightbulb::before { content: "\f46b"; }
.bi-lightbulb-fill::before { content: "\f468"; }
.bi-lightbulb-off::before { content: "\f46a"; }
.bi-lightbulb-off-fill::before { content: "\f469"; }
.bi-lightning::before { content: "\f46f"; }
.bi-lightning-charge::before { content: "\f46d"; }
.bi-lightning-charge-fill::before { content: "\f46c"; }
.bi-lightning-fill::before { content: "\f46e"; }
.bi-line::before { content: "\f660"; }
.bi-link::before { content: "\f471"; }
.bi-link-45deg::before { content: "\f470"; }
.bi-linkedin::before { content: "\f472"; }
.bi-list::before { content: "\f479"; }
.bi-list-check::before { content: "\f473"; }
.bi-list-columns::before { content: "\f6a0"; }
.bi-list-columns-reverse::before { content: "\f69f"; }
.bi-list-nested::before { content: "\f474"; }
.bi-list-ol::before { content: "\f475"; }
.bi-list-stars::before { content: "\f476"; }
.bi-list-task::before { content: "\f477"; }
.bi-list-ul::before { content: "\f478"; }
.bi-lock::before { content: "\f47b"; }
.bi-lock-fill::before { content: "\f47a"; }
.bi-lungs::before { content: "\f800"; }
.bi-lungs-fill::before { content: "\f7ff"; }
.bi-magic::before { content: "\f675"; }
.bi-magnet::before { content: "\f779"; }
.bi-magnet-fill::before { content: "\f778"; }
.bi-mailbox::before { content: "\f47c"; }
.bi-mailbox2::before { content: "\f47d"; }
.bi-map::before { content: "\f47f"; }
.bi-map-fill::before { content: "\f47e"; }
.bi-markdown::before { content: "\f481"; }
.bi-markdown-fill::before { content: "\f480"; }
.bi-mask::before { content: "\f482"; }
.bi-mastodon::before { content: "\f647"; }
.bi-medium::before { content: "\f661"; }
.bi-megaphone::before { content: "\f484"; }
.bi-megaphone-fill::before { content: "\f483"; }
.bi-memory::before { content: "\f6e3"; }
.bi-menu-app::before { content: "\f486"; }
.bi-menu-app-fill::before { content: "\f485"; }
.bi-menu-button::before { content: "\f48a"; }
.bi-menu-button-fill::before { content: "\f487"; }
.bi-menu-button-wide::before { content: "\f489"; }
.bi-menu-button-wide-fill::before { content: "\f488"; }
.bi-menu-down::before { content: "\f48b"; }
.bi-menu-up::before { content: "\f48c"; }
.bi-messenger::before { content: "\f648"; }
.bi-meta::before { content: "\f6a1"; }
.bi-mic::before { content: "\f490"; }
.bi-mic-fill::before { content: "\f48d"; }
.bi-mic-mute::before { content: "\f48f"; }
.bi-mic-mute-fill::before { content: "\f48e"; }
.bi-microsoft::before { content: "\f65d"; }
.bi-microsoft-teams::before { content: "\f801"; }
.bi-minecart::before { content: "\f492"; }
.bi-minecart-loaded::before { content: "\f491"; }
.bi-modem::before { content: "\f6e5"; }
.bi-modem-fill::before { content: "\f6e4"; }
.bi-moisture::before { content: "\f493"; }
.bi-moon::before { content: "\f497"; }
.bi-moon-fill::before { content: "\f494"; }
.bi-moon-stars::before { content: "\f496"; }
.bi-moon-stars-fill::before { content: "\f495"; }
.bi-mortarboard::before { content: "\f6fe"; }
.bi-mortarboard-fill::before { content: "\f6fd"; }
.bi-motherboard::before { content: "\f6e7"; }
.bi-motherboard-fill::before { content: "\f6e6"; }
.bi-mouse::before { content: "\f499"; }
.bi-mouse-fill::before { content: "\f498"; }
.bi-mouse2::before { content: "\f49b"; }
.bi-mouse2-fill::before { content: "\f49a"; }
.bi-mouse3::before { content: "\f49d"; }
.bi-mouse3-fill::before { content: "\f49c"; }
.bi-music-note::before { content: "\f4a0"; }
.bi-music-note-beamed::before { content: "\f49e"; }
.bi-music-note-list::before { content: "\f49f"; }
.bi-music-player::before { content: "\f4a2"; }
.bi-music-player-fill::before { content: "\f4a1"; }
.bi-newspaper::before { content: "\f4a3"; }
.bi-nintendo-switch::before { content: "\f6a4"; }
.bi-node-minus::before { content: "\f4a5"; }
.bi-node-minus-fill::before { content: "\f4a4"; }
.bi-node-plus::before { content: "\f4a7"; }
.bi-node-plus-fill::before { content: "\f4a6"; }
.bi-nut::before { content: "\f4a9"; }
.bi-nut-fill::before { content: "\f4a8"; }
.bi-nvidia::before { content: "\f8c7"; }
.bi-octagon::before { content: "\f4ac"; }
.bi-octagon-fill::before { content: "\f4aa"; }
.bi-octagon-half::before { content: "\f4ab"; }
.bi-optical-audio::before { content: "\f6e9"; }
.bi-optical-audio-fill::before { content: "\f6e8"; }
.bi-option::before { content: "\f4ad"; }
.bi-outlet::before { content: "\f4ae"; }
.bi-p-circle::before { content: "\f805"; }
.bi-p-circle-fill::before { content: "\f804"; }
.bi-p-square::before { content: "\f807"; }
.bi-p-square-fill::before { content: "\f806"; }
.bi-paint-bucket::before { content: "\f4af"; }
.bi-palette::before { content: "\f4b1"; }
.bi-palette-fill::before { content: "\f4b0"; }
.bi-palette2::before { content: "\f4b2"; }
.bi-paperclip::before { content: "\f4b3"; }
.bi-paragraph::before { content: "\f4b4"; }
.bi-pass::before { content: "\f809"; }
.bi-pass-fill::before { content: "\f808"; }
.bi-patch-check::before { content: "\f4b6"; }
.bi-patch-check-fill::before { content: "\f4b5"; }
.bi-patch-exclamation::before { content: "\f4b8"; }
.bi-patch-exclamation-fill::before { content: "\f4b7"; }
.bi-patch-minus::before { content: "\f4ba"; }
.bi-patch-minus-fill::before { content: "\f4b9"; }
.bi-patch-plus::before { content: "\f4bc"; }
.bi-patch-plus-fill::before { content: "\f4bb"; }
.bi-patch-question::before { content: "\f4be"; }
.bi-patch-question-fill::before { content: "\f4bd"; }
.bi-pause::before { content: "\f4c4"; }
.bi-pause-btn::before { content: "\f4c0"; }
.bi-pause-btn-fill::before { content: "\f4bf"; }
.bi-pause-circle::before { content: "\f4c2"; }
.bi-pause-circle-fill::before { content: "\f4c1"; }
.bi-pause-fill::before { content: "\f4c3"; }
.bi-paypal::before { content: "\f662"; }
.bi-pc::before { content: "\f6a8"; }
.bi-pc-display::before { content: "\f6a6"; }
.bi-pc-display-horizontal::before { content: "\f6a5"; }
.bi-pc-horizontal::before { content: "\f6a7"; }
.bi-pci-card::before { content: "\f6ea"; }
.bi-peace::before { content: "\f4c6"; }
.bi-peace-fill::before { content: "\f4c5"; }
.bi-pen::before { content: "\f4c8"; }
.bi-pen-fill::before { content: "\f4c7"; }
.bi-pencil::before { content: "\f4cb"; }
.bi-pencil-fill::before { content: "\f4c9"; }
.bi-pencil-square::before { content: "\f4ca"; }
.bi-pentagon::before { content: "\f4ce"; }
.bi-pentagon-fill::before { content: "\f4cc"; }
.bi-pentagon-half::before { content: "\f4cd"; }
.bi-people::before { content: "\f4d0"; }
.bi-people-fill::before { content: "\f4cf"; }
.bi-percent::before { content: "\f4d1"; }
.bi-person::before { content: "\f4e1"; }
.bi-person-add::before { content: "\f89a"; }
.bi-person-badge::before { content: "\f4d3"; }
.bi-person-badge-fill::before { content: "\f4d2"; }
.bi-person-bounding-box::before { content: "\f4d4"; }
.bi-person-check::before { content: "\f4d6"; }
.bi-person-check-fill::before { content: "\f4d5"; }
.bi-person-circle::before { content: "\f4d7"; }
.bi-person-dash::before { content: "\f4d9"; }
.bi-person-dash-fill::before { content: "\f4d8"; }
.bi-person-down::before { content: "\f89b"; }
.bi-person-exclamation::before { content: "\f89c"; }
.bi-person-fill::before { content: "\f4da"; }
.bi-person-fill-add::before { content: "\f89d"; }
.bi-person-fill-check::before { content: "\f89e"; }
.bi-person-fill-dash::before { content: "\f89f"; }
.bi-person-fill-down::before { content: "\f8a0"; }
.bi-person-fill-exclamation::before { content: "\f8a1"; }
.bi-person-fill-gear::before { content: "\f8a2"; }
.bi-person-fill-lock::before { content: "\f8a3"; }
.bi-person-fill-slash::before { content: "\f8a4"; }
.bi-person-fill-up::before { content: "\f8a5"; }
.bi-person-fill-x::before { content: "\f8a6"; }
.bi-person-gear::before { content: "\f8a7"; }
.bi-person-heart::before { content: "\f77a"; }
.bi-person-hearts::before { content: "\f77b"; }
.bi-person-lines-fill::before { content: "\f4db"; }
.bi-person-lock::before { content: "\f8a8"; }
.bi-person-plus::before { content: "\f4dd"; }
.bi-person-plus-fill::before { content: "\f4dc"; }
.bi-person-rolodex::before { content: "\f676"; }
.bi-person-slash::before { content: "\f8a9"; }
.bi-person-square::before { content: "\f4de"; }
.bi-person-up::before { content: "\f8aa"; }
.bi-person-vcard::before { content: "\f8c9"; }
.bi-person-vcard-fill::before { content: "\f8c8"; }
.bi-person-video::before { content: "\f677"; }
.bi-person-video2::before { content: "\f678"; }
.bi-person-video3::before { content: "\f679"; }
.bi-person-workspace::before { content: "\f67a"; }
.bi-person-x::before { content: "\f4e0"; }
.bi-person-x-fill::before { content: "\f4df"; }
.bi-phone::before { content: "\f4e7"; }
.bi-phone-fill::before { content: "\f4e2"; }
.bi-phone-flip::before { content: "\f77c"; }
.bi-phone-landscape::before { content: "\f4e4"; }
.bi-phone-landscape-fill::before { content: "\f4e3"; }
.bi-phone-vibrate::before { content: "\f4e6"; }
.bi-phone-vibrate-fill::before { content: "\f4e5"; }
.bi-pie-chart::before { content: "\f4e9"; }
.bi-pie-chart-fill::before { content: "\f4e8"; }
.bi-piggy-bank::before { content: "\f64a"; }
.bi-piggy-bank-fill::before { content: "\f649"; }
.bi-pin::before { content: "\f4ed"; }
.bi-pin-angle::before { content: "\f4eb"; }
.bi-pin-angle-fill::before { content: "\f4ea"; }
.bi-pin-fill::before { content: "\f4ec"; }
.bi-pin-map::before { content: "\f64c"; }
.bi-pin-map-fill::before { content: "\f64b"; }
.bi-pinterest::before { content: "\f663"; }
.bi-pip::before { content: "\f4ef"; }
.bi-pip-fill::before { content: "\f4ee"; }
.bi-play::before { content: "\f4f5"; }
.bi-play-btn::before { content: "\f4f1"; }
.bi-play-btn-fill::before { content: "\f4f0"; }
.bi-play-circle::before { content: "\f4f3"; }
.bi-play-circle-fill::before { content: "\f4f2"; }
.bi-play-fill::before { content: "\f4f4"; }
.bi-playstation::before { content: "\f6a9"; }
.bi-plug::before { content: "\f4f7"; }
.bi-plug-fill::before { content: "\f4f6"; }
.bi-plugin::before { content: "\f77d"; }
.bi-plus::before { content: "\f4fe"; }
.bi-plus-circle::before { content: "\f4fa"; }
.bi-plus-circle-dotted::before { content: "\f4f8"; }
.bi-plus-circle-fill::before { content: "\f4f9"; }
.bi-plus-lg::before { content: "\f64d"; }
.bi-plus-slash-minus::before { content: "\f6aa"; }
.bi-plus-square::before { content: "\f4fd"; }
.bi-plus-square-dotted::before { content: "\f4fb"; }
.bi-plus-square-fill::before { content: "\f4fc"; }
.bi-postage::before { content: "\f781"; }
.bi-postage-fill::before { content: "\f77e"; }
.bi-postage-heart::before { content: "\f780"; }
.bi-postage-heart-fill::before { content: "\f77f"; }
.bi-postcard::before { content: "\f785"; }
.bi-postcard-fill::before { content: "\f782"; }
.bi-postcard-heart::before { content: "\f784"; }
.bi-postcard-heart-fill::before { content: "\f783"; }
.bi-power::before { content: "\f4ff"; }
.bi-prescription::before { content: "\f80a"; }
.bi-prescription2::before { content: "\f80b"; }
.bi-printer::before { content: "\f501"; }
.bi-printer-fill::before { content: "\f500"; }
.bi-projector::before { content: "\f6ac"; }
.bi-projector-fill::before { content: "\f6ab"; }
.bi-puzzle::before { content: "\f503"; }
.bi-puzzle-fill::before { content: "\f502"; }
.bi-qr-code::before { content: "\f6ae"; }
.bi-qr-code-scan::before { content: "\f6ad"; }
.bi-question::before { content: "\f50c"; }
.bi-question-circle::before { content: "\f505"; }
.bi-question-circle-fill::before { content: "\f504"; }
.bi-question-diamond::before { content: "\f507"; }
.bi-question-diamond-fill::before { content: "\f506"; }
.bi-question-lg::before { content: "\f64e"; }
.bi-question-octagon::before { content: "\f509"; }
.bi-question-octagon-fill::before { content: "\f508"; }
.bi-question-square::before { content: "\f50b"; }
.bi-question-square-fill::before { content: "\f50a"; }
.bi-quora::before { content: "\f6af"; }
.bi-quote::before { content: "\f6b0"; }
.bi-r-circle::before { content: "\f80f"; }
.bi-r-circle-fill::before { content: "\f80e"; }
.bi-r-square::before { content: "\f811"; }
.bi-r-square-fill::before { content: "\f810"; }
.bi-radioactive::before { content: "\f67b"; }
.bi-rainbow::before { content: "\f50d"; }
.bi-receipt::before { content: "\f50f"; }
.bi-receipt-cutoff::before { content: "\f50e"; }
.bi-reception-0::before { content: "\f510"; }
.bi-reception-1::before { content: "\f511"; }
.bi-reception-2::before { content: "\f512"; }
.bi-reception-3::before { content: "\f513"; }
.bi-reception-4::before { content: "\f514"; }
.bi-record::before { content: "\f51a"; }
.bi-record-btn::before { content: "\f516"; }
.bi-record-btn-fill::before { content: "\f515"; }
.bi-record-circle::before { content: "\f518"; }
.bi-record-circle-fill::before { content: "\f517"; }
.bi-record-fill::before { content: "\f519"; }
.bi-record2::before { content: "\f51c"; }
.bi-record2-fill::before { content: "\f51b"; }
.bi-recycle::before { content: "\f64f"; }
.bi-reddit::before { content: "\f650"; }
.bi-regex::before { content: "\f84d"; }
.bi-repeat::before { content: "\f813"; }
.bi-repeat-1::before { content: "\f812"; }
.bi-reply::before { content: "\f520"; }
.bi-reply-all::before { content: "\f51e"; }
.bi-reply-all-fill::before { content: "\f51d"; }
.bi-reply-fill::before { content: "\f51f"; }
.bi-rewind::before { content: "\f819"; }
.bi-rewind-btn::before { content: "\f815"; }
.bi-rewind-btn-fill::before { content: "\f814"; }
.bi-rewind-circle::before { content: "\f817"; }
.bi-rewind-circle-fill::before { content: "\f816"; }
.bi-rewind-fill::before { content: "\f818"; }
.bi-robot::before { content: "\f6b1"; }
.bi-rocket::before { content: "\f846"; }
.bi-rocket-fill::before { content: "\f843"; }
.bi-rocket-takeoff::before { content: "\f845"; }
.bi-rocket-takeoff-fill::before { content: "\f844"; }
.bi-router::before { content: "\f6ec"; }
.bi-router-fill::before { content: "\f6eb"; }
.bi-rss::before { content: "\f522"; }
.bi-rss-fill::before { content: "\f521"; }
.bi-rulers::before { content: "\f523"; }
.bi-safe::before { content: "\f65a"; }
.bi-safe-fill::before { content: "\f651"; }
.bi-safe2::before { content: "\f653"; }
.bi-safe2-fill::before { content: "\f652"; }
.bi-save::before { content: "\f525"; }
.bi-save-fill::before { content: "\f524"; }
.bi-save2::before { content: "\f527"; }
.bi-save2-fill::before { content: "\f526"; }
.bi-scissors::before { content: "\f528"; }
.bi-scooter::before { content: "\f8ab"; }
.bi-screwdriver::before { content: "\f529"; }
.bi-sd-card::before { content: "\f655"; }
.bi-sd-card-fill::before { content: "\f654"; }
.bi-search::before { content: "\f52a"; }
.bi-search-heart::before { content: "\f787"; }
.bi-search-heart-fill::before { content: "\f786"; }
.bi-segmented-nav::before { content: "\f52b"; }
.bi-send::before { content: "\f6c0"; }
.bi-send-check::before { content: "\f6b3"; }
.bi-send-check-fill::before { content: "\f6b2"; }
.bi-send-dash::before { content: "\f6b5"; }
.bi-send-dash-fill::before { content: "\f6b4"; }
.bi-send-exclamation::before { content: "\f6b8"; }
.bi-send-exclamation-fill::before { content: "\f6b7"; }
.bi-send-fill::before { content: "\f6b9"; }
.bi-send-plus::before { content: "\f6bb"; }
.bi-send-plus-fill::before { content: "\f6ba"; }
.bi-send-slash::before { content: "\f6bd"; }
.bi-send-slash-fill::before { content: "\f6bc"; }
.bi-send-x::before { content: "\f6bf"; }
.bi-send-x-fill::before { content: "\f6be"; }
.bi-server::before { content: "\f52c"; }
.bi-share::before { content: "\f52e"; }
.bi-share-fill::before { content: "\f52d"; }
.bi-shield::before { content: "\f53f"; }
.bi-shield-check::before { content: "\f52f"; }
.bi-shield-exclamation::before { content: "\f530"; }
.bi-shield-fill::before { content: "\f536"; }
.bi-shield-fill-check::before { content: "\f531"; }
.bi-shield-fill-exclamation::before { content: "\f532"; }
.bi-shield-fill-minus::before { content: "\f533"; }
.bi-shield-fill-plus::before { content: "\f534"; }
.bi-shield-fill-x::before { content: "\f535"; }
.bi-shield-lock::before { content: "\f538"; }
.bi-shield-lock-fill::before { content: "\f537"; }
.bi-shield-minus::before { content: "\f539"; }
.bi-shield-plus::before { content: "\f53a"; }
.bi-shield-shaded::before { content: "\f53b"; }
.bi-shield-slash::before { content: "\f53d"; }
.bi-shield-slash-fill::before { content: "\f53c"; }
.bi-shield-x::before { content: "\f53e"; }
.bi-shift::before { content: "\f541"; }
.bi-shift-fill::before { content: "\f540"; }
.bi-shop::before { content: "\f543"; }
.bi-shop-window::before { content: "\f542"; }
.bi-shuffle::before { content: "\f544"; }
.bi-sign-dead-end::before { content: "\f850"; }
.bi-sign-dead-end-fill::before { content: "\f84f"; }
.bi-sign-do-not-enter::before { content: "\f852"; }
.bi-sign-do-not-enter-fill::before { content: "\f851"; }
.bi-sign-intersection::before { content: "\f85a"; }
.bi-sign-intersection-fill::before { content: "\f853"; }
.bi-sign-intersection-side::before { content: "\f855"; }
.bi-sign-intersection-side-fill::before { content: "\f854"; }
.bi-sign-intersection-t::before { content: "\f857"; }
.bi-sign-intersection-t-fill::before { content: "\f856"; }
.bi-sign-intersection-y::before { content: "\f859"; }
.bi-sign-intersection-y-fill::before { content: "\f858"; }
.bi-sign-merge-left::before { content: "\f85c"; }
.bi-sign-merge-left-fill::before { content: "\f85b"; }
.bi-sign-merge-right::before { content: "\f85e"; }
.bi-sign-merge-right-fill::before { content: "\f85d"; }
.bi-sign-no-left-turn::before { content: "\f860"; }
.bi-sign-no-left-turn-fill::before { content: "\f85f"; }
.bi-sign-no-parking::before { content: "\f862"; }
.bi-sign-no-parking-fill::before { content: "\f861"; }
.bi-sign-no-right-turn::before { content: "\f864"; }
.bi-sign-no-right-turn-fill::before { content: "\f863"; }
.bi-sign-railroad::before { content: "\f866"; }
.bi-sign-railroad-fill::before { content: "\f865"; }
.bi-sign-stop::before { content: "\f82e"; }
.bi-sign-stop-fill::before { content: "\f82b"; }
.bi-sign-stop-lights::before { content: "\f82d"; }
.bi-sign-stop-lights-fill::before { content: "\f82c"; }
.bi-sign-turn-left::before { content: "\f830"; }
.bi-sign-turn-left-fill::before { content: "\f82f"; }
.bi-sign-turn-right::before { content: "\f832"; }
.bi-sign-turn-right-fill::before { content: "\f831"; }
.bi-sign-turn-slight-left::before { content: "\f834"; }
.bi-sign-turn-slight-left-fill::before { content: "\f833"; }
.bi-sign-turn-slight-right::before { content: "\f836"; }
.bi-sign-turn-slight-right-fill::before { content: "\f835"; }
.bi-sign-yield::before { content: "\f838"; }
.bi-sign-yield-fill::before { content: "\f837"; }
.bi-signal::before { content: "\f664"; }
.bi-signpost::before { content: "\f54a"; }
.bi-signpost-2::before { content: "\f546"; }
.bi-signpost-2-fill::before { content: "\f545"; }
.bi-signpost-fill::before { content: "\f547"; }
.bi-signpost-split::before { content: "\f549"; }
.bi-signpost-split-fill::before { content: "\f548"; }
.bi-sim::before { content: "\f54c"; }
.bi-sim-fill::before { content: "\f54b"; }
.bi-sina-weibo::before { content: "\f8ca"; }
.bi-skip-backward::before { content: "\f552"; }
.bi-skip-backward-btn::before { content: "\f54e"; }
.bi-skip-backward-btn-fill::before { content: "\f54d"; }
.bi-skip-backward-circle::before { content: "\f550"; }
.bi-skip-backward-circle-fill::before { content: "\f54f"; }
.bi-skip-backward-fill::before { content: "\f551"; }
.bi-skip-end::before { content: "\f558"; }
.bi-skip-end-btn::before { content: "\f554"; }
.bi-skip-end-btn-fill::before { content: "\f553"; }
.bi-skip-end-circle::before { content: "\f556"; }
.bi-skip-end-circle-fill::before { content: "\f555"; }
.bi-skip-end-fill::before { content: "\f557"; }
.bi-skip-forward::before { content: "\f55e"; }
.bi-skip-forward-btn::before { content: "\f55a"; }
.bi-skip-forward-btn-fill::before { content: "\f559"; }
.bi-skip-forward-circle::before { content: "\f55c"; }
.bi-skip-forward-circle-fill::before { content: "\f55b"; }
.bi-skip-forward-fill::before { content: "\f55d"; }
.bi-skip-start::before { content: "\f564"; }
.bi-skip-start-btn::before { content: "\f560"; }
.bi-skip-start-btn-fill::before { content: "\f55f"; }
.bi-skip-start-circle::before { content: "\f562"; }
.bi-skip-start-circle-fill::before { content: "\f561"; }
.bi-skip-start-fill::before { content: "\f563"; }
.bi-skype::before { content: "\f656"; }
.bi-slack::before { content: "\f565"; }
.bi-slash::before { content: "\f56a"; }
.bi-slash-circle::before { content: "\f567"; }
.bi-slash-circle-fill::before { content: "\f566"; }
.bi-slash-lg::before { content: "\f657"; }
.bi-slash-square::before { content: "\f569"; }
.bi-slash-square-fill::before { content: "\f568"; }
.bi-sliders::before { content: "\f56b"; }
.bi-sliders2::before { content: "\f789"; }
.bi-sliders2-vertical::before { content: "\f788"; }
.bi-smartwatch::before { content: "\f56c"; }
.bi-snapchat::before { content: "\f665"; }
.bi-snow::before { content: "\f56d"; }
.bi-snow2::before { content: "\f56e"; }
.bi-snow3::before { content: "\f56f"; }
.bi-sort-alpha-down::before { content: "\f571"; }
.bi-sort-alpha-down-alt::before { content: "\f570"; }
.bi-sort-alpha-up::before { content: "\f573"; }
.bi-sort-alpha-up-alt::before { content: "\f572"; }
.bi-sort-down::before { content: "\f575"; }
.bi-sort-down-alt::before { content: "\f574"; }
.bi-sort-numeric-down::before { content: "\f577"; }
.bi-sort-numeric-down-alt::before { content: "\f576"; }
.bi-sort-numeric-up::before { content: "\f579"; }
.bi-sort-numeric-up-alt::before { content: "\f578"; }
.bi-sort-up::before { content: "\f57b"; }
.bi-sort-up-alt::before { content: "\f57a"; }
.bi-soundwave::before { content: "\f57c"; }
.bi-speaker::before { content: "\f57e"; }
.bi-speaker-fill::before { content: "\f57d"; }
.bi-speedometer::before { content: "\f57f"; }
.bi-speedometer2::before { content: "\f580"; }
.bi-spellcheck::before { content: "\f581"; }
.bi-spotify::before { content: "\f666"; }
.bi-square::before { content: "\f584"; }
.bi-square-fill::before { content: "\f582"; }
.bi-square-half::before { content: "\f583"; }
.bi-stack::before { content: "\f585"; }
.bi-stack-overflow::before { content: "\f667"; }
.bi-star::before { content: "\f588"; }
.bi-star-fill::before { content: "\f586"; }
.bi-star-half::before { content: "\f587"; }
.bi-stars::before { content: "\f589"; }
.bi-steam::before { content: "\f6c1"; }
.bi-stickies::before { content: "\f58b"; }
.bi-stickies-fill::before { content: "\f58a"; }
.bi-sticky::before { content: "\f58d"; }
.bi-sticky-fill::before { content: "\f58c"; }
.bi-stop::before { content: "\f593"; }
.bi-stop-btn::before { content: "\f58f"; }
.bi-stop-btn-fill::before { content: "\f58e"; }
.bi-stop-circle::before { content: "\f591"; }
.bi-stop-circle-fill::before { content: "\f590"; }
.bi-stop-fill::before { content: "\f592"; }
.bi-stoplights::before { content: "\f595"; }
.bi-stoplights-fill::before { content: "\f594"; }
.bi-stopwatch::before { content: "\f597"; }
.bi-stopwatch-fill::before { content: "\f596"; }
.bi-strava::before { content: "\f668"; }
.bi-stripe::before { content: "\f847"; }
.bi-subscript::before { content: "\f848"; }
.bi-subtract::before { content: "\f598"; }
.bi-suit-club::before { content: "\f59a"; }
.bi-suit-club-fill::before { content: "\f599"; }
.bi-suit-diamond::before { content: "\f59c"; }
.bi-suit-diamond-fill::before { content: "\f59b"; }
.bi-suit-heart::before { content: "\f59e"; }
.bi-suit-heart-fill::before { content: "\f59d"; }
.bi-suit-spade::before { content: "\f5a0"; }
.bi-suit-spade-fill::before { content: "\f59f"; }
.bi-sun::before { content: "\f5a2"; }
.bi-sun-fill::before { content: "\f5a1"; }
.bi-sunglasses::before { content: "\f5a3"; }
.bi-sunrise::before { content: "\f5a5"; }
.bi-sunrise-fill::before { content: "\f5a4"; }
.bi-sunset::before { content: "\f5a7"; }
.bi-sunset-fill::before { content: "\f5a6"; }
.bi-superscript::before { content: "\f849"; }
.bi-symmetry-horizontal::before { content: "\f5a8"; }
.bi-symmetry-vertical::before { content: "\f5a9"; }
.bi-table::before { content: "\f5aa"; }
.bi-tablet::before { content: "\f5ae"; }
.bi-tablet-fill::before { content: "\f5ab"; }
.bi-tablet-landscape::before { content: "\f5ad"; }
.bi-tablet-landscape-fill::before { content: "\f5ac"; }
.bi-tag::before { content: "\f5b0"; }
.bi-tag-fill::before { content: "\f5af"; }
.bi-tags::before { content: "\f5b2"; }
.bi-tags-fill::before { content: "\f5b1"; }
.bi-taxi-front::before { content: "\f8ad"; }
.bi-taxi-front-fill::before { content: "\f8ac"; }
.bi-telegram::before { content: "\f5b3"; }
.bi-telephone::before { content: "\f5c1"; }
.bi-telephone-fill::before { content: "\f5b4"; }
.bi-telephone-forward::before { content: "\f5b6"; }
.bi-telephone-forward-fill::before { content: "\f5b5"; }
.bi-telephone-inbound::before { content: "\f5b8"; }
.bi-telephone-inbound-fill::before { content: "\f5b7"; }
.bi-telephone-minus::before { content: "\f5ba"; }
.bi-telephone-minus-fill::before { content: "\f5b9"; }
.bi-telephone-outbound::before { content: "\f5bc"; }
.bi-telephone-outbound-fill::before { content: "\f5bb"; }
.bi-telephone-plus::before { content: "\f5be"; }
.bi-telephone-plus-fill::before { content: "\f5bd"; }
.bi-telephone-x::before { content: "\f5c0"; }
.bi-telephone-x-fill::before { content: "\f5bf"; }
.bi-tencent-qq::before { content: "\f8cb"; }
.bi-terminal::before { content: "\f5c3"; }
.bi-terminal-dash::before { content: "\f6c3"; }
.bi-terminal-fill::before { content: "\f5c2"; }
.bi-terminal-plus::before { content: "\f6c4"; }
.bi-terminal-split::before { content: "\f6c5"; }
.bi-terminal-x::before { content: "\f6ff"; }
.bi-text-center::before { content: "\f5c4"; }
.bi-text-indent-left::before { content: "\f5c5"; }
.bi-text-indent-right::before { content: "\f5c6"; }
.bi-text-left::before { content: "\f5c7"; }
.bi-text-paragraph::before { content: "\f5c8"; }
.bi-text-right::before { content: "\f5c9"; }
.bi-text-wrap::before { content: "\f84e"; }
.bi-textarea::before { content: "\f5cc"; }
.bi-textarea-resize::before { content: "\f5ca"; }
.bi-textarea-t::before { content: "\f5cb"; }
.bi-thermometer::before { content: "\f5d2"; }
.bi-thermometer-half::before { content: "\f5cd"; }
.bi-thermometer-high::before { content: "\f5ce"; }
.bi-thermometer-low::before { content: "\f5cf"; }
.bi-thermometer-snow::before { content: "\f5d0"; }
.bi-thermometer-sun::before { content: "\f5d1"; }
.bi-three-dots::before { content: "\f5d4"; }
.bi-three-dots-vertical::before { content: "\f5d3"; }
.bi-thunderbolt::before { content: "\f6f0"; }
.bi-thunderbolt-fill::before { content: "\f6ef"; }
.bi-ticket::before { content: "\f6cb"; }
.bi-ticket-detailed::before { content: "\f6c7"; }
.bi-ticket-detailed-fill::before { content: "\f6c6"; }
.bi-ticket-fill::before { content: "\f6c8"; }
.bi-ticket-perforated::before { content: "\f6ca"; }
.bi-ticket-perforated-fill::before { content: "\f6c9"; }
.bi-tiktok::before { content: "\f6cc"; }
.bi-toggle-off::before { content: "\f5d5"; }
.bi-toggle-on::before { content: "\f5d6"; }
.bi-toggle2-off::before { content: "\f5d7"; }
.bi-toggle2-on::before { content: "\f5d8"; }
.bi-toggles::before { content: "\f5d9"; }
.bi-toggles2::before { content: "\f5da"; }
.bi-tools::before { content: "\f5db"; }
.bi-tornado::before { content: "\f5dc"; }
.bi-train-freight-front::before { content: "\f81b"; }
.bi-train-freight-front-fill::before { content: "\f81a"; }
.bi-train-front::before { content: "\f81d"; }
.bi-train-front-fill::before { content: "\f81c"; }
.bi-train-lightrail-front::before { content: "\f81f"; }
.bi-train-lightrail-front-fill::before { content: "\f81e"; }
.bi-translate::before { content: "\f658"; }
.bi-trash::before { content: "\f5de"; }
.bi-trash-fill::before { content: "\f5dd"; }
.bi-trash2::before { content: "\f5e0"; }
.bi-trash2-fill::before { content: "\f5df"; }
.bi-trash3::before { content: "\f78b"; }
.bi-trash3-fill::before { content: "\f78a"; }
.bi-tree::before { content: "\f5e2"; }
.bi-tree-fill::before { content: "\f5e1"; }
.bi-trello::before { content: "\f84a"; }
.bi-triangle::before { content: "\f5e5"; }
.bi-triangle-fill::before { content: "\f5e3"; }
.bi-triangle-half::before { content: "\f5e4"; }
.bi-trophy::before { content: "\f5e7"; }
.bi-trophy-fill::before { content: "\f5e6"; }
.bi-tropical-storm::before { content: "\f5e8"; }
.bi-truck::before { content: "\f5ea"; }
.bi-truck-flatbed::before { content: "\f5e9"; }
.bi-truck-front::before { content: "\f821"; }
.bi-truck-front-fill::before { content: "\f820"; }
.bi-tsunami::before { content: "\f5eb"; }
.bi-tv::before { content: "\f5ed"; }
.bi-tv-fill::before { content: "\f5ec"; }
.bi-twitch::before { content: "\f5ee"; }
.bi-twitter::before { content: "\f5ef"; }
.bi-type::before { content: "\f5f7"; }
.bi-type-bold::before { content: "\f5f0"; }
.bi-type-h1::before { content: "\f5f1"; }
.bi-type-h2::before { content: "\f5f2"; }
.bi-type-h3::before { content: "\f5f3"; }
.bi-type-italic::before { content: "\f5f4"; }
.bi-type-strikethrough::before { content: "\f5f5"; }
.bi-type-underline::before { content: "\f5f6"; }
.bi-ubuntu::before { content: "\f822"; }
.bi-ui-checks::before { content: "\f5f9"; }
.bi-ui-checks-grid::before { content: "\f5f8"; }
.bi-ui-radios::before { content: "\f5fb"; }
.bi-ui-radios-grid::before { content: "\f5fa"; }
.bi-umbrella::before { content: "\f5fd"; }
.bi-umbrella-fill::before { content: "\f5fc"; }
.bi-unindent::before { content: "\f823"; }
.bi-union::before { content: "\f5fe"; }
.bi-unity::before { content: "\f824"; }
.bi-universal-access::before { content: "\f826"; }
.bi-universal-access-circle::before { content: "\f825"; }
.bi-unlock::before { content: "\f600"; }
.bi-unlock-fill::before { content: "\f5ff"; }
.bi-upc::before { content: "\f602"; }
.bi-upc-scan::before { content: "\f601"; }
.bi-upload::before { content: "\f603"; }
.bi-usb::before { content: "\f6de"; }
.bi-usb-c::before { content: "\f6d9"; }
.bi-usb-c-fill::before { content: "\f6d8"; }
.bi-usb-drive::before { content: "\f6f2"; }
.bi-usb-drive-fill::before { content: "\f6f1"; }
.bi-usb-fill::before { content: "\f6da"; }
.bi-usb-micro::before { content: "\f6f4"; }
.bi-usb-micro-fill::before { content: "\f6f3"; }
.bi-usb-mini::before { content: "\f6f6"; }
.bi-usb-mini-fill::before { content: "\f6f5"; }
.bi-usb-plug::before { content: "\f6dc"; }
.bi-usb-plug-fill::before { content: "\f6db"; }
.bi-usb-symbol::before { content: "\f6dd"; }
.bi-valentine::before { content: "\f78c"; }
.bi-valentine2::before { content: "\f78d"; }
.bi-vector-pen::before { content: "\f604"; }
.bi-view-list::before { content: "\f605"; }
.bi-view-stacked::before { content: "\f606"; }
.bi-vimeo::before { content: "\f66a"; }
.bi-vinyl::before { content: "\f608"; }
.bi-vinyl-fill::before { content: "\f607"; }
.bi-virus::before { content: "\f827"; }
.bi-virus2::before { content: "\f828"; }
.bi-voicemail::before { content: "\f609"; }
.bi-volume-down::before { content: "\f60b"; }
.bi-volume-down-fill::before { content: "\f60a"; }
.bi-volume-mute::before { content: "\f60d"; }
.bi-volume-mute-fill::before { content: "\f60c"; }
.bi-volume-off::before { content: "\f60f"; }
.bi-volume-off-fill::before { content: "\f60e"; }
.bi-volume-up::before { content: "\f611"; }
.bi-volume-up-fill::before { content: "\f610"; }
.bi-vr::before { content: "\f612"; }
.bi-wallet::before { content: "\f614"; }
.bi-wallet-fill::before { content: "\f613"; }
.bi-wallet2::before { content: "\f615"; }
.bi-watch::before { content: "\f616"; }
.bi-water::before { content: "\f617"; }
.bi-webcam::before { content: "\f67d"; }
.bi-webcam-fill::before { content: "\f67c"; }
.bi-wechat::before { content: "\f829"; }
.bi-whatsapp::before { content: "\f618"; }
.bi-wifi::before { content: "\f61c"; }
.bi-wifi-1::before { content: "\f619"; }
.bi-wifi-2::before { content: "\f61a"; }
.bi-wifi-off::before { content: "\f61b"; }
.bi-wikipedia::before { content: "\f8cc"; }
.bi-wind::before { content: "\f61d"; }
.bi-window::before { content: "\f620"; }
.bi-window-dash::before { content: "\f6cd"; }
.bi-window-desktop::before { content: "\f6ce"; }
.bi-window-dock::before { content: "\f61e"; }
.bi-window-fullscreen::before { content: "\f6cf"; }
.bi-window-plus::before { content: "\f6d0"; }
.bi-window-sidebar::before { content: "\f61f"; }
.bi-window-split::before { content: "\f6d1"; }
.bi-window-stack::before { content: "\f6d2"; }
.bi-window-x::before { content: "\f6d3"; }
.bi-windows::before { content: "\f65e"; }
.bi-wordpress::before { content: "\f669"; }
.bi-wrench::before { content: "\f621"; }
.bi-wrench-adjustable::before { content: "\f790"; }
.bi-wrench-adjustable-circle::before { content: "\f78f"; }
.bi-wrench-adjustable-circle-fill::before { content: "\f78e"; }
.bi-x::before { content: "\f62a"; }
.bi-x-circle::before { content: "\f623"; }
.bi-x-circle-fill::before { content: "\f622"; }
.bi-x-diamond::before { content: "\f625"; }
.bi-x-diamond-fill::before { content: "\f624"; }
.bi-x-lg::before { content: "\f659"; }
.bi-x-octagon::before { content: "\f627"; }
.bi-x-octagon-fill::before { content: "\f626"; }
.bi-x-square::before { content: "\f629"; }
.bi-x-square-fill::before { content: "\f628"; }
.bi-xbox::before { content: "\f6d4"; }
.bi-yelp::before { content: "\f82a"; }
.bi-yin-yang::before { content: "\f67e"; }
.bi-youtube::before { content: "\f62b"; }
.bi-zoom-in::before { content: "\f62c"; }
.bi-zoom-out::before { content: "\f62d"; }


@font-face {
  font-family: "Bootstrap Icons";
  src: url("/assets/bootstrap/bootstrap-icons/fonts/bootstrap-icons.woff2") format("woff2"),
       url("/assets/bootstrap/bootstrap-icons/fonts/bootstrap-icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nasalization";
  src: url("/assets/fonts/nasalization.woff2") format("woff2"),
       url("/assets/fonts/nasalization.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --shell-width: min(100% - (var(--site-gutter-inline) * 2), var(--site-max-width));
}

.bi::before {
  display: inline-block;
  font-family: "Bootstrap Icons";
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bi-geo-alt::before{content:"\f3e8"}.bi-search::before{content:"\f52a"}.bi-phone::before{content:"\f4e7"}.bi-geo-alt-fill::before{content:"\f3e7"}.bi-shield-lock::before{content:"\f52f"}.bi-sun-fill::before{content:"\f5a2"}.bi-moon-fill::before{content:"\f494"}.bi-lightning-charge::before{content:"\f46c"}.bi-grid-1x2::before{content:"\f3fc"}.bi-person-lock::before{content:"\f4da"}.bi-chat-dots::before{content:"\f24a"}.bi-globe::before{content:"\f3ee"}.bi-telephone::before{content:"\f5c1"}.bi-envelope::before{content:"\f32f"}

body.home-page {
  background: var(--theme-page-canvas);
}

.skip-link {
  position: absolute;
  left: 1rem;
  top: -3rem;
  z-index: var(--z-toast);
  background: var(--theme-elevated-card-bg);
  padding: .75rem 1rem;
  border-radius: var(--radius-pill);
}
.skip-link:focus { top: 1rem; }

.shell {
  width: var(--shell-width);
  margin-inline: auto;
}

.section {
  padding-block: clamp(4rem, 8vw, 6.5rem);
}

.section-head {
  display: grid;
  gap: 1rem;
  max-width: 48rem;
  margin: 0 auto 2.5rem;
}
.section-head--center {
  text-align: center;
  justify-items: center;
}
.section-kicker,
.contact__form-kicker,
.overview-card__kicker,
.price-card__badge,
.pricing__chip,
.metric-card__label {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-family: var(--font-family-display);
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--theme-kicker);
}
.section-kicker--light { color: var(--theme-kicker-strong); }

h1, h2, h3 { text-wrap: balance; }
p { max-width: 65ch; }

.contact__grid {
  display: grid;
  gap: clamp(1.5rem, 4vw, 3rem);
  grid-template-columns: minmax(0, 1.08fr) minmax(20rem, .92fr);
  align-items: center;
}

.contact__card,
.contact__form,
.service-card__body,
.overview-card,
.price-card,
.metric-card {
  display: grid;
  gap: 1rem;
}

.contact__actions,
.digital-upgrade__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .9rem;
}

.contact__list li {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  color: var(--theme-page-text-muted);
}

.contact__highlights,
.contact__steps,
.pricing__grid,
.overview-strip__grid,
.services__grid,
.faq__grid {
  display: grid;
  gap: 1rem;
}

.contact__highlights article,
.contact__steps article,
.overview-card,
.price-card,
.service-card,
.contact__form,
.contact__card,
.faq details,
.pricing__note,
.digital-upgrade__note {
  padding: 1.35rem;
  background: var(--theme-elevated-card-bg);
  border: 1px solid var(--theme-elevated-card-border);
  border-radius: 1.35rem;
  box-shadow: var(--theme-elevated-card-shadow);
}

.about-signature__grid,
.services__grid,
.overview-strip__grid,
.pricing__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.services__grid,
.pricing__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.about-signature__grid {
  display: grid;
  gap: 1rem;
}

.about-signature__card,
.about-signature__visual {
  padding: 1.5rem;
  background: var(--theme-elevated-card-bg);
  border: 1px solid var(--theme-elevated-card-border);
  border-radius: 1.35rem;
}

.about-signature__visual img {
  width: 100%;
  border-radius: 1rem;
}

.about-signature__meta {
  display: grid;
  gap: .75rem;
  margin-top: 1rem;
}

.about-signature__meta article {
  padding-top: .8rem;
  border-top: 1px solid var(--theme-elevated-card-border);
}

.service-card {
  overflow: hidden;
  padding: 0;
}

.service-card__image {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.service-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-card__body {
  padding: 1.25rem;
}

.service-card__link,
.overview-card a,
.pricing__note a {
  color: var(--theme-link-soft);
}

.overview-card ul,
.card ul,
.price-card ul,
.contact__list {
  list-style: none;
  padding: 0;
  display: grid;
  gap: .7rem;
}

.overview-card li,
.price-card li,
.card li {
  color: var(--theme-page-text-muted);
  position: relative;
  padding-left: 1rem;
}

.overview-card li::before,
.price-card li::before,
.card li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--theme-list-bullet);
}

.overview-card--accent,
.price-card--accent {
  background: linear-gradient(180deg, rgba(130, 0, 205, .18), var(--theme-elevated-card-bg));
}

.overview-card--soft,
.price-card--soft {
  background: var(--theme-surface-2);
}

.price-card--gold {
  background: linear-gradient(180deg, rgba(231, 168, 58, .14), var(--theme-elevated-card-bg));
}

.pricing__note,
.digital-upgrade__note {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.pricing__chip {
  padding: .45rem .8rem;
  border-radius: 999px;
  background: rgba(130, 0, 205, .16);
}

.price-card__footer {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-top: auto;
}

.price-card__footer strong {
  font-size: 1.3rem;
}

.contact__list i {
  color: var(--theme-icon-accent);
}

.contact__grid {
  align-items: start;
}

.contact__highlights,
.contact__steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.contact__steps article {
  display: grid;
  grid-template-columns: 2.6rem 1fr;
  align-items: start;
}

.contact__steps span {
  width: 2.35rem;
  height: 2.35rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(130, 0, 205, .18);
  color: #fff;
  font-family: var(--font-family-display);
}

.contact__form input,
.contact__form textarea {
  width: 100%;
  border-radius: 1rem;
  border: 1px solid var(--theme-border-soft);
  background: var(--theme-surface-soft);
  color: var(--theme-page-text);
  padding: .95rem 1rem;
}

.contact__form input::placeholder,
.contact__form textarea::placeholder {
  color: var(--color-text-soft);
}

.form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .9rem;
}

.hp-field {
  position: absolute;
  left: -9999px;
}

.faq__grid {
  max-width: 56rem;
  margin-inline: auto;
}

.faq details summary {
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  color: var(--theme-page-heading);
}

.faq details summary::-webkit-details-marker {
  display: none;
}

.faq details p {
  padding-top: .85rem;
}


@media (max-width: 79.99rem) {
  .services__grid,
  .pricing__grid,
  .about-signature__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact__highlights,
  .contact__steps {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 63.99rem) {
  .contact__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 47.99rem) {
  .services__grid,
  .pricing__grid,
  .about-signature__grid,
  .overview-strip__grid,
  .form__row {
    grid-template-columns: 1fr;
  }

  .service-card__body,
  .contact__form,
  .contact__card,
  .overview-card,
  .price-card,
  .faq details {
    padding: 1.1rem;
  }
}

.pricing .pricing__note,
.digital-upgrade .digital-upgrade__note,
.digital-upgrade .price-card,
.digital-upgrade .price-card p,
.digital-upgrade .price-card li,
.digital-upgrade .price-card span,
.digital-upgrade .price-card__footer span {
  color: var(--upgrades-text);
}

.digital-upgrade .price-card {
  background: linear-gradient(180deg, rgba(16, 19, 33, 0.84) 0%, rgba(11, 14, 26, 0.92) 100%);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.22);
}