@import '_content/SimonRossmann.Core.Components/SimonRossmann.Core.Components.u6st497wh0.bundle.scp.css';

/* /Components/App.razor.rz.scp.css */
/* Document elements rendered by App.razor. */
html[b-nt9hmbrve7] { color-scheme: dark; scroll-behavior: smooth; scroll-padding-top: 88px; }
html[b-nt9hmbrve7],
body[b-nt9hmbrve7] { min-width: 320px; min-height: 100%; margin: 0; overflow-x: clip; background: var(--ui-color-canvas); color: var(--ui-color-ink); font-family: "Inter", var(--ui-font-sans), system-ui, sans-serif; }
@media (prefers-reduced-motion: reduce) {
    html[b-nt9hmbrve7] { scroll-behavior: auto; }
}
/* /Components/Customizer/CustomizerFaqList.razor.rz.scp.css */
.customizer-faq-list[b-7lthbomclj] { display: grid; width: 100%; min-width: 0; gap: 0; }
.customizer-faq-item[b-7lthbomclj] { min-width: 0; }
.customizer-faq-item[hidden][b-7lthbomclj] { display: none !important; }
.customizer-faq-item:not([hidden]) ~ .customizer-faq-item:not([hidden])[b-7lthbomclj] { border-top: var(--ui-space-hair) solid var(--ui-color-hairline); }
.customizer-faq-list[b-7lthbomclj]  .si-disclosure { overflow: hidden; border: 0; border-radius: 0; background: transparent; }
.customizer-faq-list[b-7lthbomclj]  .si-disclosure__summary { padding: var(--ui-space-lg) 0; border-radius: 0; color: var(--ui-color-ink); font-size: var(--ui-typo-body-lg); font-weight: 600; line-height: 1.45; }
.customizer-faq-list[b-7lthbomclj]  .si-disclosure__summary:hover { background: transparent; color: var(--ui-color-product-boundary); }
.customizer-faq-list[b-7lthbomclj]  .si-disclosure__summary:focus-visible { outline-offset: -2px; }
.customizer-faq-list[b-7lthbomclj]  .si-disclosure__content { padding: 0 var(--ui-space-xl) var(--ui-space-lg) 0; }
/* Only the Core-owned decorative indicator is restyled; native disclosure state stays in Core. */
.customizer-faq-list[b-7lthbomclj]  .si-disclosure__chevron,
.customizer-faq-list[b-7lthbomclj]  .si-disclosure[open] > summary .si-disclosure__chevron { width: 24px; justify-content: center; transform: none; }
.customizer-faq-list[b-7lthbomclj]  .si-disclosure__chevron > * { display: none; }
.customizer-faq-list[b-7lthbomclj]  .si-disclosure__chevron::after { content: "+"; font-size: 24px; font-weight: 400; line-height: 1; }
.customizer-faq-list[b-7lthbomclj]  .si-disclosure[open] .si-disclosure__chevron::after { content: "−"; }
.customizer-faq-answer[b-7lthbomclj] { max-width: 65ch; color: var(--ui-color-ink-muted); line-height: 1.75; overflow-wrap: anywhere; }
.customizer-faq-answer p[b-7lthbomclj] { margin: 0; }
.customizer-faq-answer p + p[b-7lthbomclj] { margin-top: var(--ui-space-md); }
.customizer-faq-answer a[b-7lthbomclj] { color: var(--ui-color-product-boundary); text-decoration: underline; text-underline-offset: .2em; }
.customizer-faq-answer a:focus-visible[b-7lthbomclj] { outline: 2px solid var(--ui-focus-color); outline-offset: var(--ui-focus-offset); }
@media (max-width: 480px) {
    .customizer-faq-list[b-7lthbomclj]  .si-disclosure__summary { font-size: var(--ui-typo-body); }
    .customizer-faq-list[b-7lthbomclj]  .si-disclosure__content { padding-right: var(--ui-space-lg); }
}

.customizer-faq-video[b-7lthbomclj] { margin-top: var(--ui-space-lg); }
.customizer-faq-video__title[b-7lthbomclj] { font-weight: 600; color: var(--ui-color-ink); }
.customizer-faq-video__notice[b-7lthbomclj] { font-size: var(--ui-typo-body-sm); }
.customizer-faq-video__action[b-7lthbomclj] { margin-block: var(--ui-space-md); }
.customizer-faq-video__frame[b-7lthbomclj] { aspect-ratio: 16 / 9; margin-block: var(--ui-space-md); }
.customizer-faq-video__frame[b-7lthbomclj]  iframe { display: block; width: 100%; height: 100%; border: 0; }
.customizer-faq-video [hidden][b-7lthbomclj] { display: none !important; }
.customizer-faq-list[b-7lthbomclj]  .si-disclosure[data-faq-restoring] { interpolate-size: numeric-only; }
.customizer-faq-list[b-7lthbomclj]  .si-disclosure[data-faq-restoring]::details-content { transition: none !important; }
/* /Components/Customizer/CustomizerFeatureLinks.razor.rz.scp.css */
.customizer-feature-catalog[b-qlwu09byk9] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ui-space-xl); }
.customizer-feature-catalog:has(> :only-child)[b-qlwu09byk9] { grid-template-columns: minmax(0, 1fr); }
.customizer-feature-catalog[b-qlwu09byk9]  .customizer-feature-group { min-width: 0; }
.customizer-feature-links[b-qlwu09byk9] { list-style: none; margin: 0; padding: 0; }
.customizer-feature-links li[b-qlwu09byk9] { border-top: var(--ui-space-hair) solid var(--ui-color-hairline); }
.customizer-feature-link[b-qlwu09byk9] { display: flex; align-items: flex-start; gap: var(--ui-space-md); padding: var(--ui-space-lg) var(--ui-space-xs); color: var(--ui-color-ink); text-decoration: none; min-height: 44px; }
.customizer-feature-link[b-qlwu09byk9]  > .si-icon { flex-shrink: 0; color: var(--ui-color-product-boundary); }
.customizer-feature-link > span[b-qlwu09byk9] { min-width: 0; }
.customizer-feature-link strong[b-qlwu09byk9] { display: block; font-weight: 600; }
.customizer-feature-link span span[b-qlwu09byk9] { display: block; margin-top: var(--ui-space-xs); color: var(--ui-color-ink-muted); font-size: var(--ui-typo-body-sm); }
.customizer-feature-link:hover[b-qlwu09byk9] { background: var(--ui-color-surface-1); }
.customizer-feature-link:focus-visible[b-qlwu09byk9] { outline: 2px solid var(--ui-color-accent-blue); outline-offset: 2px; }
@media (max-width: 64rem) {
    .customizer-feature-catalog[b-qlwu09byk9] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Customizer/CustomizerPricing.razor.rz.scp.css */
.customizer-pricing[b-f208n0bif6] { position: relative; isolation: isolate; overflow: hidden; box-sizing: border-box; width: 100%; max-width: 24rem; min-height: 27rem; margin-inline: auto; padding: var(--ui-space-lg); display: flex; align-items: center; border: 1px solid var(--ui-color-hairline); border-radius: var(--ui-radius-lg); background: var(--ui-color-surface-2); }
.customizer-pricing__logos[b-f208n0bif6] { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.customizer-pricing__logo[b-f208n0bif6] { position: absolute; left: var(--logo-x); top: var(--logo-y); width: var(--logo-size); height: var(--logo-size); object-fit: contain; opacity: 0; transform: translate(-50%, -50%) rotate(var(--logo-angle)) scale(.8); transition: opacity .18s ease, transform .18s ease; }
.customizer-pricing__logo.is-visible[b-f208n0bif6] { opacity: .85; transform: translate(-50%, -50%) rotate(var(--logo-angle)) scale(1); }
.customizer-pricing[b-f208n0bif6]  .customizer-pricing__foreground { width: 100%; padding: 32px 16px; border: 0; border-radius: var(--ui-radius-md); background: color-mix(in srgb, var(--ui-color-surface-1) 65%, transparent); backdrop-filter: blur(3px); gap: 32px !important; }
.customizer-price-total[b-f208n0bif6] { text-align: center; }
.customizer-price-line[b-f208n0bif6] { display: flex; justify-content: center; align-items: baseline; gap: 6px; margin-bottom: var(--ui-space-md); white-space: nowrap; }
.customizer-price-line[b-f208n0bif6]  [data-testid='monthly-total'] { font-size: clamp(2.5rem, 5vw, 3.5rem); line-height: 1.1; letter-spacing: -.045em; }
.customizer-price-total[b-f208n0bif6]  .si-typo { margin: 0; text-align: center; }
.customizer-pricing[b-f208n0bif6]  .si-slider__header { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.customizer-pricing[b-f208n0bif6]  .customizer-pricing__foreground > .si-typo { margin: -12px 0 0; text-align: center; line-height: 1.5; }
@media (max-width: 480px) {
    .customizer-pricing[b-f208n0bif6] { padding: var(--ui-space-md); min-height: 24rem; }
    .customizer-pricing[b-f208n0bif6]  .customizer-pricing__foreground { padding: 28px 8px; }
    .customizer-price-line[b-f208n0bif6]  [data-testid='monthly-total'] { font-size: 2.5rem; }
}
@media (prefers-reduced-motion: reduce) {
    .customizer-pricing__logo[b-f208n0bif6] { transition: none; }
}
/* /Components/Customizer/CustomizerPricingFaq.razor.rz.scp.css */
/* This composition selects pricing topics; CustomizerFaqList owns their appearance. */
/* /Components/Layout/CustomizerLayout.razor.rz.scp.css */
.product-header[b-1qvijmajwa] { position: sticky; top: 0; z-index: 40; background: var(--ui-color-canvas); border-bottom: 1px solid var(--ui-color-hairline); }
.product-header__inner[b-1qvijmajwa] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--ui-space-lg); width: min(100% - 48px, 80rem); min-height: 72px; margin-inline: auto; }
.customizer-product-lockup[b-1qvijmajwa] { position: relative; display: block; width: 212px; height: 56px; margin: 0; padding: 0; border: 0; }
/* The transparent artwork deliberately crosses the desktop appbar's lower edge. */
.customizer-product-lockup img[b-1qvijmajwa] { position: absolute; top: -12px; display: block; width: 212px; height: 124px; object-fit: contain; }
.site-language-switcher[b-1qvijmajwa] { display: flex; align-items: center; margin: 0; }
/* Keep the header globe at its native 24px size instead of Core's global 1.35 icon scale. */
.site-language-switcher[b-1qvijmajwa]  .si-button { --ui-icon-scale: 1; min-width: 44px; min-height: 44px; padding: var(--ui-space-sm); border-color: transparent; background: transparent; }
.site-language-switcher[b-1qvijmajwa]  .si-button:hover { background: var(--ui-color-surface-2); }
.site-footer-shell[b-1qvijmajwa] { width: min(100% - 48px, 80rem); margin: auto auto 0; border-top: 1px solid var(--ui-color-hairline); }
@media (min-width: 641px) and (max-width: 900px) {
    .product-header__inner[b-1qvijmajwa] { gap: var(--ui-space-sm); }
    .customizer-product-lockup[b-1qvijmajwa] { width: 176px; }
    .customizer-product-lockup img[b-1qvijmajwa] { width: 176px; height: auto; top: -4px; }
}
@media (max-width: 640px) {
    .product-header__inner[b-1qvijmajwa] { grid-template-columns: minmax(0, 1fr) auto; gap: 0 var(--ui-space-md); width: calc(100% - 32px); min-height: 0; }
    .customizer-product-lockup[b-1qvijmajwa] { width: 180px; height: 80px; }
    .customizer-product-lockup img[b-1qvijmajwa] { top: 0; width: 180px; height: auto; }
    .site-language-switcher[b-1qvijmajwa] { grid-column: 2; grid-row: 1; }
    .site-footer-shell[b-1qvijmajwa] { width: calc(100% - 32px); }
}
.customizer-frame[b-1qvijmajwa] { display: flex; flex-direction: column; min-height: 100dvh; }

/* Shared reading layout for the legal documents; each page keeps its own scope. */
.document-content[b-1qvijmajwa]  .legal-page { width: min(100%, 76ch); margin-inline: auto; overflow-wrap: anywhere; hyphens: auto; }
.document-content[b-1qvijmajwa]  .legal-header { margin-bottom: var(--ui-space-xl); }
.document-content[b-1qvijmajwa]  .legal-page h1 { font-size: clamp(2.15rem, 5vw, 3.5rem); line-height: 1.15; text-wrap: balance; hyphenate-limit-chars: 8 6 6; }

.document-content[b-1qvijmajwa]  .legal-page h2 { font-size: clamp(1.35rem, 3vw, 1.75rem); line-height: 1.3; }
.document-content[b-1qvijmajwa]  .legal-page h3 { font-size: clamp(1.1rem, 2.5vw, 1.3rem); line-height: 1.4; }
.document-content[b-1qvijmajwa]  .legal-page .si-typo { margin: 0; }
.document-content[b-1qvijmajwa]  .legal-page .si-typo + .si-typo { margin-top: var(--ui-space-md); }
.document-content[b-1qvijmajwa]  .legal-page p { line-height: 1.75; }
.document-content[b-1qvijmajwa]  .legal-page > section { margin-top: var(--ui-space-xl); padding-top: var(--ui-space-xl); border-top: 1px solid var(--ui-color-hairline); }
.document-content[b-1qvijmajwa]  .legal-page address { margin-top: var(--ui-space-md); font-style: normal; }
.document-content[b-1qvijmajwa]  .legal-page address + p { margin-top: var(--ui-space-md); }
.document-content[b-1qvijmajwa]  .legal-page a { color: var(--ui-color-ink); text-decoration: underline; text-underline-offset: .2em; }
.document-content[b-1qvijmajwa]  .legal-page a:focus-visible { outline: 2px solid var(--ui-focus-color); outline-offset: var(--ui-focus-offset); }
.document-content[b-1qvijmajwa]  .legal-multiline { white-space: pre-line; }
.document-content[b-1qvijmajwa]  .legal-agreement { margin-top: var(--ui-space-xl); }
.document-content[b-1qvijmajwa]  .legal-agreement section,
.document-content[b-1qvijmajwa]  .legal-clause-group { margin-top: var(--ui-space-xl); }
.document-content[b-1qvijmajwa]  .legal-contents { display: flex; flex-wrap: wrap; gap: var(--ui-space-sm) var(--ui-space-lg); }
.document-content[b-1qvijmajwa]  .legal-page section[id] { scroll-margin-top: 1rem; }
@media (max-width: 640px) {
    .document-content[b-1qvijmajwa]  .legal-page section[id] { scroll-margin-top: 4rem; }
}

.document-content[b-1qvijmajwa] { width: min(100% - (2 * clamp(var(--ui-space-md), 4vw, var(--ui-space-xl))), 82rem); margin-inline: auto; padding-block: clamp(4rem, 8vw, 7.5rem); }
#blazor-error-ui[b-1qvijmajwa] { position: fixed; z-index: 10000; right: var(--ui-space-md); bottom: var(--ui-space-md); left: var(--ui-space-md); display: none; align-items: center; justify-content: space-between; gap: var(--ui-space-md); padding: var(--ui-space-md); border: var(--ui-space-hair) solid var(--ui-color-status-error); border-radius: var(--ui-radius-md); background: var(--ui-color-surface-2); }
@media (max-width: 48rem) {
    .document-content[b-1qvijmajwa] { width: min(100% - (2 * var(--ui-space-md)), 78rem); padding-block: var(--ui-space-xxl); }
}

/* Shared product-page composition. Individual pages own only their differences. */
:where(.document-content)[b-1qvijmajwa]  .site-page > .si-stack { gap: clamp(5rem, 9vw, 8rem) !important; }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-hero.si-page-hero { padding: 0; border: 0; border-radius: 0; background: transparent; }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-hero .si-page-hero__layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-xl); align-items: start; }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-hero .si-page-hero__content { max-width: 62rem; }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-hero .si-page-hero__title { max-width: 16ch; font-size: clamp(3rem, 6.5vw, 5rem); letter-spacing: -.035em; }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-hero .si-page-hero__description { max-width: 54ch; font-size: clamp(1.05rem, 1.7vw, 1.35rem); }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-hero .si-page-hero__actions { justify-content: flex-start; }

:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-section.si-section { --si-section-gap: clamp(var(--ui-space-xl), 4vw, 3.5rem); padding: clamp(2.5rem, 5vw, 4rem) 0 0; border: 0; border-top: var(--ui-space-hair) solid var(--ui-color-hairline); border-radius: 0; background: transparent; }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-section > .si-section__header { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .65fr); gap: clamp(var(--ui-space-lg), 5vw, 5rem); align-items: start; }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-section > .si-section__header .si-section__heading { display: block; }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-section .si-section__title { max-width: 22ch; letter-spacing: -.025em; }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-section .si-section__description { max-width: 48ch; font-size: var(--ui-typo-body); }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-section--lead.si-section { padding-top: clamp(3rem, 6vw, 5rem); }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-section--lead > .si-section__header { grid-template-columns: minmax(0, .9fr) minmax(18rem, .6fr); }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-section > .si-section__body { min-width: 0; }
:where(.document-content)[b-1qvijmajwa]  .site-page .product-window.si-image-root { width: 100%; overflow: hidden; border: var(--ui-space-hair) solid var(--ui-color-hairline); background: var(--ui-color-surface-1); }
:where(.document-content)[b-1qvijmajwa]  .site-page .product-window .si-image-media { width: 100%; height: 100%; }
:where(.document-content)[b-1qvijmajwa]  .site-page .product-detail-hero { display: grid; grid-template-columns: minmax(0, .78fr) minmax(28rem, 1.22fr); gap: clamp(var(--ui-space-xl), 6vw, 6rem); align-items: center; min-height: min(42rem, calc(100dvh - 12rem)); }
:where(.document-content)[b-1qvijmajwa]  .site-page .product-detail-hero__media.si-image-root { width: 100%; }
:where(.document-content)[b-1qvijmajwa]  .site-page .product-detail-list.si-detail-list-text { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(var(--ui-space-lg), 4vw, 3rem); }
:where(.document-content)[b-1qvijmajwa]  .site-page .product-detail-list .si-detail-item-vertical { padding-top: var(--ui-space-lg); border-top: var(--ui-space-hair) solid var(--ui-color-product-boundary); }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-close.si-section { padding: clamp(var(--ui-space-xl), 5vw, 4.5rem); border: var(--ui-space-hair) solid var(--ui-color-hairline); border-radius: var(--ui-radius-xl); background: var(--ui-color-surface-1); }
:where(.document-content)[b-1qvijmajwa]  .site-page .editorial-close--boundary.si-section { border-color: color-mix(in srgb, var(--ui-color-product-boundary) 42%, var(--ui-color-hairline)); }
:where(.document-content)[b-1qvijmajwa]  .customizer-detail-page .editorial-section > .si-section__body > .si-typo { max-width: 65ch; }
:where(.document-content)[b-1qvijmajwa]  .customizer-detail-page .customizer-feature-catalog { margin-block: var(--ui-space-xl); }
@media (max-width: 62rem) {
    :where(.document-content)[b-1qvijmajwa]  .site-page .product-detail-hero { grid-template-columns: minmax(0, 1fr); min-height: 0; }
}
@media (max-width: 48rem) {
    :where(.document-content)[b-1qvijmajwa]  .site-page > .si-stack { gap: clamp(4rem, 16vw, 6rem) !important; }
    :where(.document-content)[b-1qvijmajwa]  .site-page .editorial-hero .si-page-hero__title { font-size: clamp(2.55rem, 13vw, 3.6rem); }
    :where(.document-content)[b-1qvijmajwa]  .site-page .editorial-section > .si-section__header { grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-md); }
    :where(.document-content)[b-1qvijmajwa]  .site-page .editorial-section--lead > .si-section__header { grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-md); }
    :where(.document-content)[b-1qvijmajwa]  .site-page .product-detail-list.si-detail-list-text { grid-template-columns: minmax(0, 1fr); }
    :where(.document-content)[b-1qvijmajwa]  .site-page .editorial-close.si-section { padding: var(--ui-space-lg); }
}

/* Shared visual context for Core comparisons on the homepage and feature page. */
.document-content[b-1qvijmajwa]  .customizer-comparison {
    --si-comparison-divider: var(--ui-color-product-boundary);
    --si-comparison-handle-background: var(--ui-color-product-boundary);
    --si-comparison-handle-ink: var(--ui-color-on-bright);
    --si-comparison-focus: var(--ui-color-ink);
    --si-comparison-label-background: var(--ui-color-surface-2);
    --si-comparison-label-ink: var(--ui-color-ink);
}
.document-content[b-1qvijmajwa]  .customizer-comparison .si-image-comparison__stage { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); }
.document-content[b-1qvijmajwa]  .customizer-comparison .si-image-comparison__figure img { border-radius: var(--ui-radius-md); }
.document-content[b-1qvijmajwa]  .customizer-comparison [data-ready] .si-image-comparison__label {
    top: auto;
    bottom: var(--ui-space-md);
    border-radius: var(--ui-radius-full);
    font-size: var(--ui-typo-body-sm);
    font-weight: 600;
}
@media (max-width: 640px) {
    .document-content[b-1qvijmajwa]  .customizer-comparison [data-ready] .si-image-comparison__label { max-inline-size: 46%; white-space: normal; text-align: center; padding: var(--ui-space-xxs) var(--ui-space-xs); font-size: var(--ui-typo-caption); bottom: var(--ui-space-xs); }
}

/* Reading destinations retain programmatic focus without an interactive control outline.
   Interactive children keep their own :focus-visible treatment. */
.document-content[b-1qvijmajwa]  :is(h1, [data-navigation-target]):focus { outline: none; }
/* /Components/Pages/CustomizerFaqPage.razor.rz.scp.css */
.customizer-faq-page[b-pyy9l6djjy] { width: 100%; max-width: 80rem; margin-inline: auto; }
.faq-introduction[b-pyy9l6djjy] { text-align: center; }

.faq-introduction h1[b-pyy9l6djjy] { margin: 0; font-size: clamp(var(--ui-typo-display-md), 5vw, var(--ui-typo-display-lg)); line-height: 1.18; font-weight: 700; letter-spacing: 0; }
.faq-introduction > p[b-pyy9l6djjy] { margin: var(--ui-space-lg) 0 0; color: var(--ui-color-ink-muted); font-size: var(--ui-typo-body-lg); line-height: 1.69; }
.faq-search[b-pyy9l6djjy] { max-width: 40rem; margin: var(--ui-space-xxl) auto 0; }
.faq-search__feedback[b-pyy9l6djjy] { display: flex; align-items: center; justify-content: space-between; gap: var(--ui-space-md); min-height: var(--ui-control-min-block-size); margin-top: var(--ui-space-xs); }
.faq-search__feedback p[b-pyy9l6djjy] { margin: 0; color: var(--ui-color-ink-muted); font-size: var(--ui-typo-body-sm); }
.faq-categories[b-pyy9l6djjy] { display: grid; gap: calc(4 * var(--ui-space-xl)); margin-top: var(--ui-space-xxl); }
.faq-category[b-pyy9l6djjy] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: calc(2 * var(--ui-space-xl)); align-items: start; }
.faq-category__introduction[b-pyy9l6djjy] { padding-top: var(--ui-space-lg); }
.faq-category h2[b-pyy9l6djjy], .faq-empty h2[b-pyy9l6djjy] { margin: 0; font-size: var(--ui-typo-headline); font-weight: 600; line-height: 1.3; letter-spacing: 0; }
.faq-category__introduction p[b-pyy9l6djjy] { max-width: 32ch; margin: var(--ui-space-md) 0 0; color: var(--ui-color-ink-muted); line-height: 1.7; }
.faq-empty[b-pyy9l6djjy] { margin: var(--ui-space-xxl) auto 0; max-width: 40rem; text-align: center; }
.faq-empty p[b-pyy9l6djjy] { color: var(--ui-color-ink-muted); line-height: 1.7; }
.faq-empty a[b-pyy9l6djjy] { color: var(--ui-color-product-boundary); text-underline-offset: .2em; }
.customizer-faq-page [hidden][b-pyy9l6djjy] { display: none !important; }
@media (max-width: 767px) {
    .faq-category[b-pyy9l6djjy] { grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-md); }
    .faq-category__introduction[b-pyy9l6djjy] { padding-top: 0; }
    .faq-category__introduction p[b-pyy9l6djjy] { max-width: none; }
    .faq-categories[b-pyy9l6djjy] { gap: calc(2 * var(--ui-space-xl)); }
    .faq-search__feedback[b-pyy9l6djjy] { align-items: start; }
}

.contact-form[b-pyy9l6djjy] { max-width: 48rem; margin: 64px auto 0; min-width: 0; }
.contact-form h2[b-pyy9l6djjy] { margin: 0; font-size: var(--ui-typo-headline); font-weight: 600; line-height: 1.3; }
.contact-form[b-pyy9l6djjy]  .contact-form-surface { padding: var(--ui-space-xl); }
.contact-form[b-pyy9l6djjy]  .contact-fields { display: flex; flex-direction: column; gap: var(--ui-space-lg); }
.contact-form[b-pyy9l6djjy]  .contact-fields > .si-button { align-self: flex-start; }
.contact-privacy[b-pyy9l6djjy] { margin: 0; color: var(--ui-color-ink-muted); font-size: var(--ui-typo-body-sm); line-height: 1.6; }
.contact-honeypot[b-pyy9l6djjy] { display: none; }
.contact-errors p[b-pyy9l6djjy] { margin: 0; }
.contact-errors ul[b-pyy9l6djjy] { margin-block: var(--ui-space-sm) 0; padding-inline-start: var(--ui-space-lg); }
.contact-result[b-pyy9l6djjy] { display: grid; justify-items: start; gap: var(--ui-space-lg); padding-block: var(--ui-space-xl); }
.contact-result p[b-pyy9l6djjy] { margin: 0; color: var(--ui-color-ink-muted); line-height: 1.65; }
.contact-form a[b-pyy9l6djjy] { color: var(--ui-color-ink); text-underline-offset: .2em; overflow-wrap: anywhere; }
.contact-form a:focus-visible[b-pyy9l6djjy] { outline: 2px solid var(--ui-focus-color); outline-offset: var(--ui-focus-offset); }
/* Also reaches the question anchors rendered by CustomizerFaqList. */
.customizer-faq-page[b-pyy9l6djjy]  [id] { scroll-margin-block-start: 10rem; }

@media (max-width: 767px) {
    .contact-form[b-pyy9l6djjy] { margin-top: 32px; }
    .contact-form[b-pyy9l6djjy]  .contact-form-surface { padding: var(--ui-space-lg); }
}
.contact-privacy-link[b-pyy9l6djjy] { text-decoration: underline; }
/* /Components/Pages/CustomizerFeaturesPage.razor.rz.scp.css */
.feature-hero[b-pmx3l1zegt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: center;
}
.feature-hero[b-pmx3l1zegt]  .si-page-hero__title { font-size: clamp(3rem, 4.7vw, 4.25rem); }
.feature-hero__visual[b-pmx3l1zegt] { min-inline-size: 0; margin: 0; }
.feature-hero__screens[b-pmx3l1zegt] {
    position: relative;
    aspect-ratio: 1.2;
    isolation: isolate;
}
.feature-hero__screens[b-pmx3l1zegt]::before {
    content: "";
    position: absolute;
    inset: 10% 4% 0;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(ellipse, color-mix(in srgb, var(--ui-color-product-boundary) 23%, transparent), transparent 70%);
}
.feature-hero__screens[b-pmx3l1zegt]  .feature-hero__screen {
    position: absolute;
    overflow: hidden;
    border: var(--ui-space-hair) solid color-mix(in srgb, var(--ui-color-product-boundary) 25%, var(--ui-color-hairline));
    border-radius: var(--ui-radius-md);
    background: var(--ui-color-surface-2);
    box-shadow: 0 24px 64px color-mix(in srgb, var(--ui-color-on-bright) 35%, transparent);
}
.feature-hero__screens[b-pmx3l1zegt]  .feature-hero__screen--overview { inset: 12% auto auto 0; inline-size: 92%; transform: rotate(-5deg); }
.feature-hero__screens[b-pmx3l1zegt]  .feature-hero__screen--fields { inset: auto 0 3% auto; inline-size: 56%; transform: rotate(5deg); }
.feature-hero__symbol[b-pmx3l1zegt] {
    position: absolute;
    display: grid;
    place-items: center;
    inline-size: clamp(4rem, 5vw, 5rem);
    aspect-ratio: 1;
    border-radius: var(--ui-radius-lg);
    background: color-mix(in srgb, var(--ui-color-product-boundary) 16%, var(--ui-color-surface-1));
    box-shadow: 0 12px 36px color-mix(in srgb, var(--ui-color-on-bright) 25%, transparent);
}
.feature-hero__symbol--look[b-pmx3l1zegt] { inset: 1% 5% auto auto; transform: rotate(8deg); }
.feature-hero__symbol--actions[b-pmx3l1zegt] { inset: auto auto 8% 12%; transform: rotate(-8deg); }
@media (max-width: 1024px) {
    .feature-hero[b-pmx3l1zegt] { grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-xxl); }
    .feature-hero__visual[b-pmx3l1zegt] { inline-size: min(100%, 38rem); justify-self: center; }
}
/* Page-owned composition. Core retains tabs, history, focus and media behaviour. */
.feature-showcase[b-pmx3l1zegt] {
    --si-tabs-scroll-offset: 7rem;
    min-inline-size: 0;
}
.feature-showcase[b-pmx3l1zegt]  .feature-overview > .si-tabs__progressive-panels { gap: var(--ui-space-section); }
.feature-showcase[b-pmx3l1zegt]  .feature-overview__group { padding-block-start: var(--ui-space-xxl); }
.feature-showcase[b-pmx3l1zegt]  .feature-overview__group > h2 {
    margin: 0 0 var(--ui-space-md);
    font-size: var(--ui-typo-display-md);
    font-weight: 600;
    line-height: 1.2;
    text-wrap: balance;
}
.feature-showcase[b-pmx3l1zegt]  .feature-overview__introduction {
    max-inline-size: 60ch;
    margin: 0 0 var(--ui-space-xxl);
    font-size: var(--ui-typo-body-lg);
    line-height: 1.65;
}
.feature-showcase[b-pmx3l1zegt]  .feature-overview__entry { min-inline-size: 0; scroll-margin-block-start: var(--si-tabs-scroll-offset); }
.feature-showcase[b-pmx3l1zegt]  .feature-overview__entry > h3 {
    margin: 0 0 var(--ui-space-md);
    font-size: var(--ui-typo-headline);
    font-weight: 600;
    line-height: 1.3;
    text-wrap: balance;
}
.feature-showcase[b-pmx3l1zegt]  .feature-description {
    margin: 0;
    font-size: var(--ui-typo-body-lg);
    line-height: 1.65;
}

.feature-showcase[b-pmx3l1zegt]  #look > h2,
.feature-showcase[b-pmx3l1zegt]  #aktionen > h2,
.feature-showcase[b-pmx3l1zegt]  #daten > h2 { font-size: clamp(2.25rem, 3.5vw, 3.5rem); }

.feature-showcase[b-pmx3l1zegt]  #look > .feature-overview__introduction,
.feature-showcase[b-pmx3l1zegt]  #aktionen > .feature-overview__introduction,
.feature-showcase[b-pmx3l1zegt]  #daten > .feature-overview__introduction { max-inline-size: none; font-size: clamp(1.125rem, 1.6vw, 1.5rem); line-height: 1.5; }

/* Look and Data share open navigation; orientation owns only its rail and layout. */
.feature-tab__icon[b-pmx3l1zegt] { display: grid; place-items: center; inline-size: 32px; block-size: 32px; flex-shrink: 0; }
.feature-tab__title[b-pmx3l1zegt] { min-inline-size: 0; font-weight: 500; line-height: 1.4; }
.feature-showcase[b-pmx3l1zegt]  .feature-entries > .si-tabs__progressive-list > .si-tabs__progressive-link {
    --feature-tab-marker: transparent;
    display: flex;
    align-items: center;
    gap: var(--ui-space-sm);
    flex-shrink: 0;
    margin: 0;
    padding: var(--ui-space-md) var(--ui-space-xs);
    border: 0;
    border-radius: 0;
    font-size: var(--ui-typo-body-sm);
    color: var(--ui-color-ink-muted);
    background: transparent;
    text-decoration: none;
}
.feature-showcase[b-pmx3l1zegt]  .feature-entries > .si-tabs__progressive-list > .si-tabs__progressive-link:hover { color: var(--ui-color-ink); }
.feature-showcase[b-pmx3l1zegt]  .feature-entries > .si-tabs__progressive-list > .si-tabs__progressive-link[aria-selected="true"] {
    --feature-tab-marker: var(--ui-color-product-boundary);
    --ui-color-ink: var(--ui-color-product-boundary);
    color: var(--ui-color-product-boundary);
    background: transparent;
}
.feature-showcase[b-pmx3l1zegt]  .feature-entries .feature-overview__entry > h3 {
    font-size: clamp(1.75rem, 2.5vw, 2.5rem);
    text-wrap: pretty;
}
.feature-showcase[b-pmx3l1zegt]  .feature-entries > .si-tabs__progressive-panels { gap: var(--ui-space-xxl); }

/* Horizontal Look rail. */
.feature-showcase[b-pmx3l1zegt]  .feature-look-entries > .si-tabs__progressive-list {
    justify-content: space-between;
    gap: var(--ui-space-xs);
    border-block-end: var(--ui-space-hair) solid var(--ui-color-border);
    margin-block-end: var(--ui-space-xxl);
}
.feature-showcase[b-pmx3l1zegt]  .feature-look-entries > .si-tabs__progressive-list > .si-tabs__progressive-link {
    border-block-end: var(--ui-space-xxs) solid var(--feature-tab-marker);
    white-space: nowrap;
}

/* Vertical Data rail; content starts at the same upper edge without a panel fill. */
.feature-showcase[b-pmx3l1zegt]  .feature-data-entries > .si-tabs__progressive-list {
    gap: 0;
    padding: 0;
    border-inline-start: var(--ui-space-hair) solid var(--ui-color-border);
}
.feature-showcase[b-pmx3l1zegt]  .feature-data-entries > .si-tabs__progressive-list > .si-tabs__progressive-link {
    min-block-size: 64px;
    padding-inline-start: var(--ui-space-md);
    border-inline-start: var(--ui-space-xxs) solid var(--feature-tab-marker);
}
@media (min-width: 1025px) {
    .feature-showcase[b-pmx3l1zegt]  .feature-data-entries[data-layout="selected"] {
        grid-template-columns: 260px minmax(0, 1fr);
        gap: var(--ui-space-xxl);
        align-items: start;
    }
}

@media (min-width: 1025px) {
    .feature-showcase[b-pmx3l1zegt]  .feature-look-entries .feature-overview__entry {
        display: grid;
        grid-template-columns: minmax(0, 0.38fr) minmax(0, 1fr);
        grid-template-rows: auto 1fr;
        column-gap: var(--ui-space-xxl);
        align-items: start;
    }
    .feature-showcase[b-pmx3l1zegt]  .feature-look-entries .feature-overview__entry > h3 {
        grid-column: 1;
        grid-row: 1;
        padding-block-start: var(--ui-space-sm);
    }
    .feature-showcase[b-pmx3l1zegt]  .feature-look--theming > h3 { white-space: pre-line; }
    .feature-showcase[b-pmx3l1zegt]  .feature-look-entries .feature-description { grid-column: 1; grid-row: 2; }
    .feature-showcase[b-pmx3l1zegt]  .feature-look-entries .feature-comparison {
        grid-column: 2;
        grid-row: 1 / 3;
        margin: 0;
    }
}

/* Informative Core Cards with a full-width horizontal header. */
.feature-actions[b-pmx3l1zegt] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ui-space-lg); }
.feature-actions[b-pmx3l1zegt]  .feature-action { --si-card-padding: 0; height: 100%; border-radius: var(--ui-radius-md); }
.feature-actions[b-pmx3l1zegt]  .feature-action > .si-card__body { display: flex; flex-direction: column; height: 100%; }
.feature-action__heading[b-pmx3l1zegt] {
    display: flex;
    align-items: center;
    gap: var(--ui-space-md);
    padding: var(--ui-space-lg);
    min-block-size: 80px;
    background: color-mix(in srgb, var(--ui-color-surface-2) 45%, var(--ui-color-surface-1));
    border-block-end: var(--ui-space-hair) solid var(--ui-color-border);
}
.feature-action__icon[b-pmx3l1zegt] { display: grid; place-items: center; inline-size: 40px; block-size: 40px; flex-shrink: 0; }
.feature-action__heading h3[b-pmx3l1zegt] { min-inline-size: 0; overflow-wrap: anywhere; margin: 0; font-size: var(--ui-typo-body-lg); line-height: 1.35; font-weight: 700; }
.feature-action__content[b-pmx3l1zegt] { display: flex; flex-direction: column; gap: var(--ui-space-lg); flex: 1; padding: var(--ui-space-lg); }
.feature-actions[b-pmx3l1zegt]  .feature-description { font-size: var(--ui-typo-body-lg); line-height: 1.55; }
.feature-action__options[b-pmx3l1zegt] { margin: 0; padding-inline-start: var(--ui-space-lg); font-size: var(--ui-typo-body-lg); line-height: 1.55; }
.feature-action__options li[b-pmx3l1zegt] { overflow-wrap: anywhere; padding-inline-start: var(--ui-space-xs); }
.feature-action__options li + li[b-pmx3l1zegt] { margin-block-start: var(--ui-space-xs); }
.feature-action__options li[b-pmx3l1zegt]::marker { color: var(--ui-color-product-boundary); }

/* Data screenshots keep their natural proportions. */
.feature-data__prose[b-pmx3l1zegt] { margin: var(--ui-space-md) 0 0; color: var(--ui-color-ink-muted); font-size: var(--ui-typo-body-lg); line-height: 1.65; }
.feature-data__figure[b-pmx3l1zegt] { margin: var(--ui-space-lg) 0 0; }
.feature-data__figure[b-pmx3l1zegt]  img { display: block; inline-size: 100%; block-size: auto; object-fit: contain; border-radius: var(--ui-radius-md); }
.feature-data__figure figcaption[b-pmx3l1zegt] { margin: var(--ui-space-md) 0 0; color: var(--ui-color-ink-muted); font-size: var(--ui-typo-body-sm); line-height: 1.65; }

@media (max-width: 1024px) {
    .feature-actions[b-pmx3l1zegt] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .feature-showcase[b-pmx3l1zegt] { --si-tabs-scroll-offset: 10rem; }
    .feature-showcase[b-pmx3l1zegt]  .feature-overview > .si-tabs__progressive-list {
        position: sticky;
        top: 73px;
        z-index: 20;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        margin-block-end: var(--ui-space-xxl);
        background: var(--ui-color-canvas);
    }
    .feature-showcase[b-pmx3l1zegt]  .feature-overview > .si-tabs__progressive-list > .si-tabs__progressive-link {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: var(--ui-space-sm) var(--ui-space-xs);
        border: 0;
        font-weight: 600;
    }
    .feature-showcase[b-pmx3l1zegt]  .feature-overview > .si-tabs__progressive-list > .si-tabs__progressive-link[aria-selected="true"] { color: var(--ui-color-ink); background: var(--ui-color-surface-2); }
    .feature-showcase[b-pmx3l1zegt]  .feature-overview__group { padding-block-start: 0; }
    .feature-showcase[b-pmx3l1zegt]  .feature-overview__group > h2 { font-size: var(--ui-typo-headline); }
    .feature-showcase[b-pmx3l1zegt]  .feature-overview__introduction { font-size: var(--ui-typo-body); }
    .feature-showcase[b-pmx3l1zegt]  .feature-overview__entry > h3 { font-size: var(--ui-typo-card-title); }
    .feature-showcase[b-pmx3l1zegt]  .feature-description, .feature-data__prose[b-pmx3l1zegt] { font-size: var(--ui-typo-body); }
}
@media (max-width: 640px) {
    .feature-actions[b-pmx3l1zegt] { grid-template-columns: minmax(0, 1fr); }
    .feature-showcase[b-pmx3l1zegt]  #look > h2,
    .feature-showcase[b-pmx3l1zegt]  #aktionen > h2,
.feature-showcase[b-pmx3l1zegt]  #daten > h2 { font-size: var(--ui-typo-headline); }
    .feature-showcase[b-pmx3l1zegt] { --si-tabs-scroll-offset: 14rem; }
    .feature-showcase[b-pmx3l1zegt]  .feature-overview > .si-tabs__progressive-list { top: 129px; }
}

/* Shared comparison appearance belongs to the layout; this page owns placement. */
.feature-comparison[b-pmx3l1zegt] {
    margin: var(--ui-space-lg) 0 0;
    min-inline-size: 0;
}
.feature-comparison[b-pmx3l1zegt]  [data-ready] .si-image-comparison__before .si-image-comparison__label { left: 25%; transform: translateX(-50%); }
.feature-comparison[b-pmx3l1zegt]  [data-ready] .si-image-comparison__after .si-image-comparison__label { right: 25%; transform: translateX(50%); }



/* Desktop context targets combine the document header offset with section padding. */
@media (min-width: 1025px) {
    .feature-showcase[b-pmx3l1zegt]  .feature-overview__group { scroll-margin-block-start: var(--ui-space-md); }
}
/* /Components/Pages/CustomizerPage.razor.rz.scp.css */
.customizer-landing-page[b-p3m72nm8tx] { display: grid; gap: var(--ui-space-section); }
.landing-hero[b-p3m72nm8tx] { text-align: center; }
.landing-hero h1[b-p3m72nm8tx] { margin: 0; font-size: clamp(2.5rem, 4.6vw, 4rem); font-weight: 700; line-height: 1.18; text-wrap: balance; }
.landing-hero h1 span[b-p3m72nm8tx] { display: block; }

.landing-introduction[b-p3m72nm8tx] { max-width: 70ch; margin: var(--ui-space-lg) auto var(--ui-space-xl); color: var(--ui-color-ink-muted); font-size: var(--ui-typo-body-lg); line-height: 1.69; text-wrap: balance; }
.landing-introduction > span[b-p3m72nm8tx] { display: block; }
.landing-actions[b-p3m72nm8tx] { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--ui-space-md); }
.landing-comparison[b-p3m72nm8tx] { position: relative; isolation: isolate; justify-self: center; width: min(100%, 60rem); min-width: 0; margin: calc(-1 * var(--ui-space-xxl)) 0 0; }
.landing-comparison[b-p3m72nm8tx]  .landing-comparison__media { width: 100%; }

/* Page atmosphere: a faint dot grid behind the hero and warm product glows behind the screenshots.
   Both fade out before the content edge; the page clips horizontal overflow of the glows. */
.customizer-landing-page[b-p3m72nm8tx] { position: relative; isolation: isolate; overflow-x: clip; }
.customizer-landing-page[b-p3m72nm8tx]::before {
    content: "";
    position: absolute;
    inset: calc(-1 * clamp(4rem, 8vw, 7.5rem)) 0 auto;
    z-index: -1;
    height: 52rem;
    pointer-events: none;
    background-image: radial-gradient(circle, color-mix(in srgb, var(--ui-color-ink) 16%, transparent) 1px, transparent 1.6px);
    background-size: 28px 28px;
    mask-image: radial-gradient(ellipse 65% 70% at 50% 15%, #000 15%, transparent 75%);
}
.landing-comparison[b-p3m72nm8tx]::before, .landing-area__media[b-p3m72nm8tx]::before {
    content: "";
    position: absolute;
    inset: -12% -8%;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(ellipse closest-side, color-mix(in srgb, var(--ui-color-product-boundary) 24%, transparent), transparent);
}

.landing-features[b-p3m72nm8tx] { display: grid; gap: clamp(4rem, 8vw, 7rem); }
.landing-area[b-p3m72nm8tx] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(var(--ui-space-xl), 5vw, 5rem); align-items: center; }
.landing-area--data .landing-area__media[b-p3m72nm8tx] { order: -1; }
.landing-area__eyebrow[b-p3m72nm8tx] { display: inline-flex; align-items: center; gap: var(--ui-space-xs); margin: 0 0 var(--ui-space-md); color: var(--ui-color-product-boundary); font-size: var(--ui-typo-eyebrow); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.landing-area h2[b-p3m72nm8tx] { margin: 0; font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 700; line-height: 1.2; text-wrap: balance; }
.landing-area__lead[b-p3m72nm8tx] { max-width: 52ch; margin: var(--ui-space-md) 0 0; color: var(--ui-color-ink-muted); font-size: var(--ui-typo-body-lg); line-height: 1.6; }
.landing-area__features[b-p3m72nm8tx] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ui-space-xs) var(--ui-space-md); margin: var(--ui-space-xl) 0; padding: 0; list-style: none; }
.landing-area__features a[b-p3m72nm8tx] { display: flex; align-items: flex-start; gap: var(--ui-space-md); height: 100%; padding: var(--ui-space-sm); border-radius: var(--ui-radius-md); text-decoration: none; transition: background-color var(--ui-transition-default) ease; }
.landing-area__features a:hover[b-p3m72nm8tx] { background: var(--ui-color-surface-2); }
.landing-area__features a:focus-visible[b-p3m72nm8tx] { outline: 2px solid var(--ui-focus-color); outline-offset: var(--ui-focus-offset); }
.landing-area__feature-icon[b-p3m72nm8tx] { display: grid; flex: none; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: var(--ui-radius-md); background: color-mix(in srgb, var(--ui-color-product-boundary) 14%, var(--ui-color-surface-1)); }
.landing-area__features strong[b-p3m72nm8tx] { display: block; font-weight: 600; line-height: 1.4; }
.landing-area__features strong + span[b-p3m72nm8tx] { display: block; margin-top: var(--ui-space-xxs); color: var(--ui-color-ink-muted); font-size: var(--ui-typo-body-sm); line-height: 1.45; }
.landing-area__media[b-p3m72nm8tx] { position: relative; isolation: isolate; min-width: 0; margin: 0; }
.landing-area__media[b-p3m72nm8tx]  .si-image-root { overflow: hidden; border: var(--ui-space-hair) solid color-mix(in srgb, var(--ui-color-product-boundary) 25%, var(--ui-color-hairline)); border-radius: var(--ui-radius-md); background: var(--ui-color-surface-2); box-shadow: 0 24px 64px color-mix(in srgb, var(--ui-color-on-bright) 35%, transparent); }
/* Reserve the natural screenshot proportions so lazy loading does not shift the page. */
.landing-area--look .landing-area__media[b-p3m72nm8tx]  .si-image-root { aspect-ratio: 986 / 509; }
.landing-area--data .landing-area__media[b-p3m72nm8tx]  .si-image-root { aspect-ratio: 1288 / 824; }
/* Actions have no authentic screenshot yet: the area becomes a contained panel with copy beside the list. */
.landing-area--actions[b-p3m72nm8tx] { grid-template-columns: minmax(0, 1fr); padding: clamp(var(--ui-space-xl), 5vw, 4rem); border: var(--ui-space-hair) solid var(--ui-color-hairline); border-radius: var(--ui-radius-xl); background: radial-gradient(ellipse 60% 80% at 100% 0%, color-mix(in srgb, var(--ui-color-product-boundary) 10%, transparent), transparent), var(--ui-color-surface-1); }
.landing-area--actions .landing-area__copy[b-p3m72nm8tx] { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); grid-template-rows: auto auto auto 1fr; column-gap: clamp(var(--ui-space-xl), 5vw, 5rem); }
.landing-area--actions .landing-area__copy > *[b-p3m72nm8tx] { grid-column: 1; }
.landing-area--actions .landing-area__eyebrow[b-p3m72nm8tx] { justify-self: start; }
.landing-area--actions .landing-area__more[b-p3m72nm8tx] { align-self: end; justify-self: start; }
.landing-area--actions .landing-area__features[b-p3m72nm8tx] { grid-column: 2; grid-row: 1 / span 4; align-self: center; margin: 0; }
.landing-area--actions .landing-area__features a:hover[b-p3m72nm8tx] { background: var(--ui-color-surface-2); }
.landing-features__all[b-p3m72nm8tx] { display: flex; justify-content: center; }
.landing-text-link[b-p3m72nm8tx] { display: inline-flex; align-items: center; gap: var(--ui-space-xs); color: var(--ui-color-product-boundary); text-decoration: underline; text-underline-offset: .3em; }
.landing-next-steps[b-p3m72nm8tx] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ui-space-xxl); padding: var(--ui-space-xxl); border-radius: var(--ui-radius-lg); background: var(--ui-color-surface-1); }
.landing-next-steps h2[b-p3m72nm8tx] { margin: 0 0 var(--ui-space-lg); font-size: var(--ui-typo-headline); font-weight: 600; line-height: 1.25; text-wrap: balance; }
.landing-price-amount[b-p3m72nm8tx] { margin: 0; font-size: var(--ui-typo-display-lg); font-weight: 700; line-height: 1.18; }
.landing-price-context[b-p3m72nm8tx] { margin: 0; color: var(--ui-color-ink-muted); font-size: var(--ui-typo-body-sm); line-height: 1.5; }
.landing-benefits[b-p3m72nm8tx] { display: grid; gap: var(--ui-space-sm); margin: var(--ui-space-xl) 0; padding: 0; list-style: none; }
.landing-benefits li[b-p3m72nm8tx] { display: flex; align-items: center; gap: var(--ui-space-sm); }
.landing-support[b-p3m72nm8tx] { display: flex; flex-direction: column; align-items: flex-start; }
.landing-price[b-p3m72nm8tx] { border-left: var(--ui-space-hair) solid var(--ui-color-hairline); padding-left: var(--ui-space-xxl); }
.landing-help-links[b-p3m72nm8tx] { display: grid; justify-items: start; gap: var(--ui-space-md); margin-block: var(--ui-space-xl); }
.landing-help-links .landing-text-link[b-p3m72nm8tx] { color: var(--ui-color-ink); }
.landing-help-links .landing-text-link[b-p3m72nm8tx]  .si-icon { color: var(--ui-color-product-boundary); }
.landing-support > p[b-p3m72nm8tx] { margin: 0; color: var(--ui-color-ink-muted); line-height: 1.5; }
.landing-support[b-p3m72nm8tx]  > .si-button { margin-top: auto; }
@media (max-width: 64rem) {
    .landing-next-steps[b-p3m72nm8tx] { padding: var(--ui-space-xl); gap: var(--ui-space-xl); }
    .landing-price[b-p3m72nm8tx] { padding-left: var(--ui-space-xl); }
    .landing-area[b-p3m72nm8tx] { grid-template-columns: minmax(0, 1fr); }
    .landing-area__media[b-p3m72nm8tx] { justify-self: center; width: min(100%, 44rem); }
    .landing-area--data .landing-area__media[b-p3m72nm8tx] { order: 0; }
    .landing-area--actions .landing-area__copy[b-p3m72nm8tx] { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
    .landing-area--actions .landing-area__copy > *[b-p3m72nm8tx] { grid-column: 1; grid-row: auto; }
    .landing-area--actions .landing-area__features[b-p3m72nm8tx] { margin: var(--ui-space-xl) 0; }
}
@media (max-width: 48rem) {
    .customizer-landing-page[b-p3m72nm8tx] { gap: var(--ui-space-xxl); }
    .landing-comparison[b-p3m72nm8tx] { margin-top: 0; }
    .landing-area__features[b-p3m72nm8tx] { grid-template-columns: minmax(0, 1fr); }
    .landing-area--actions[b-p3m72nm8tx] { padding: var(--ui-space-lg); }
    .landing-next-steps[b-p3m72nm8tx] { grid-template-columns: minmax(0, 1fr); padding: var(--ui-space-lg); }
    .landing-price[b-p3m72nm8tx] { border-left: 0; border-top: var(--ui-space-hair) solid var(--ui-color-hairline); padding: var(--ui-space-xl) 0 0; }
}

/* /Components/Pages/CustomizerPricingPage.razor.rz.scp.css */
.customizer-pricing-page[b-3x6o60y1ej]  > .si-stack { gap: clamp(40px, 5vw, 64px) !important; }
.site-page.customizer-pricing-page[b-3x6o60y1ej]  .editorial-hero .si-page-hero__title { max-width: none; font-size: clamp(2.3rem, 4.2vw, 3.5rem); letter-spacing: -.035em; text-wrap: balance; }
.site-page.customizer-pricing-page[b-3x6o60y1ej]  .editorial-hero .si-page-hero__description { max-width: 46rem; font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.6; hyphens: none; }
.customizer-offer[b-3x6o60y1ej] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem); align-items: center; gap: clamp(32px, 5vw, 72px); padding: clamp(24px, 3vw, 40px); border-radius: var(--ui-radius-xl); background: linear-gradient(120deg, color-mix(in srgb, var(--ui-color-product-boundary) 6%, var(--ui-color-surface-1)), var(--ui-color-surface-1) 70%); }
.customizer-offer[b-3x6o60y1ej]  .pricing-benefits.si-section { min-width: 0; padding: 0; border: 0; background: transparent; gap: var(--ui-space-lg); }
.customizer-offer[b-3x6o60y1ej]  .pricing-benefits .si-section__header { display: block; margin: 0; }
.customizer-offer[b-3x6o60y1ej]  .pricing-benefits .si-section__title { font-size: clamp(1.6rem, 2.5vw, 2rem); letter-spacing: -.025em; }
.customizer-offer[b-3x6o60y1ej]  .pricing-benefits .si-section__description { max-width: 38rem; margin-top: var(--ui-space-md); font-size: var(--ui-typo-body); line-height: 1.75; }
.customizer-offer[b-3x6o60y1ej]  .pricing-checklist-heading { margin: var(--ui-space-xl) 0 var(--ui-space-lg); font-size: var(--ui-typo-body-sm); color: var(--ui-color-product-boundary); }
.customizer-included[b-3x6o60y1ej] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ui-space-lg) var(--ui-space-xl); list-style: none; margin: 0; padding: 0; }
.customizer-included li[b-3x6o60y1ej] { display: flex; align-items: flex-start; gap: var(--ui-space-sm); font-size: var(--ui-typo-body); line-height: 1.55; }
.customizer-included li[b-3x6o60y1ej]  .si-icon { flex: 0 0 auto; color: var(--ui-color-product-boundary); margin-top: 2px; }
.pricing-questions[b-3x6o60y1ej] { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr); align-items: start; gap: clamp(32px, 5vw, 72px); padding-block: var(--ui-space-xl); }
.pricing-questions__intro h2[b-3x6o60y1ej] { margin: 0 0 var(--ui-space-lg); max-width: 13ch; font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.pricing-questions__intro p[b-3x6o60y1ej] { margin: 0; max-width: 43ch; color: var(--ui-color-ink-muted); font-size: var(--ui-typo-body); line-height: 1.65; }
.pricing-questions a[b-3x6o60y1ej] { color: var(--ui-color-product-boundary); text-decoration: underline; text-underline-offset: .2em; }
.pricing-questions a:focus-visible[b-3x6o60y1ej] { outline: 2px solid var(--ui-focus-color); outline-offset: var(--ui-focus-offset); }
.pricing-community[b-3x6o60y1ej] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ui-space-lg); }
.pricing-community[b-3x6o60y1ej]  .pricing-community__card { min-width: 0; padding: var(--ui-space-xl); gap: var(--ui-space-xl); }
.pricing-community[b-3x6o60y1ej]  .si-card__body { display: flex; flex-direction: column; gap: var(--ui-space-md); }
.pricing-community h2[b-3x6o60y1ej] { margin: 0; font-size: var(--ui-typo-card-title); font-weight: 600; line-height: 1.35; letter-spacing: 0; text-wrap: balance; }
.pricing-community p[b-3x6o60y1ej] { margin: 0; color: var(--ui-color-ink-muted); font-size: var(--ui-typo-body); line-height: 1.65; }
.pricing-community[b-3x6o60y1ej]  .si-card__footer { margin-top: auto; padding-top: 0; border-top: 0; }
@media (max-width: 767px) {
    .pricing-community[b-3x6o60y1ej] { grid-template-columns: minmax(0, 1fr); }
    .pricing-community[b-3x6o60y1ej]  .pricing-community__card { padding: var(--ui-space-lg); }
}
@media (max-width: 760px) {
    .pricing-questions[b-3x6o60y1ej] { grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-lg); }
    .pricing-questions__intro h2[b-3x6o60y1ej] { max-width: none; }
}
@media (max-width: 960px) {
    .customizer-offer[b-3x6o60y1ej] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
    .customizer-offer[b-3x6o60y1ej] { padding: var(--ui-space-lg); }
    .customizer-included[b-3x6o60y1ej] { grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-md); }
}

.pricing-community__icon[b-3x6o60y1ej]  .si-icon__glyph { font-size: var(--ui-space-xl); line-height: 1; }
.pricing-community__heading[b-3x6o60y1ej] { display: flex; align-items: center; gap: var(--ui-space-md); }
.pricing-community__icon[b-3x6o60y1ej] { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: var(--ui-space-xxl); height: var(--ui-space-xxl); border-radius: var(--ui-radius-full); background: var(--ui-color-surface-2); }

.pricing-questions__answers[b-3x6o60y1ej] { min-width: 0; }
.pricing-questions__more[b-3x6o60y1ej] { margin: var(--ui-space-lg) 0 0; line-height: 1.65; }
/* /Components/Pages/Error.razor.rz.scp.css */
/* Shared appearance is owned by CustomizerLayout. Add only this page's differences here. */
/* /Components/Pages/GeneralTermsPage.razor.rz.scp.css */
/* Shared legal-document presentation belongs to CustomizerLayout. */
/* /Components/Pages/ImprintPage.razor.rz.scp.css */
/* Shared legal-document presentation belongs to CustomizerLayout. */
/* /Components/Pages/NotFound.razor.rz.scp.css */
/* Shared appearance is owned by CustomizerLayout. Add only this page's differences here. */
/* /Components/Pages/PrivacyPage.razor.rz.scp.css */
/* Shared legal-document presentation belongs to CustomizerLayout. */
/* /Components/Routes.razor.rz.scp.css */
/* This infrastructure component owns no visual styles. Keep future owner-specific rules here. */
/* /Components/Shared/CustomizerNavigation.razor.rz.scp.css */
.customizer-navigation[b-zmhbmkxc19] { display: flex; justify-content: flex-end; align-items: center; gap: var(--ui-space-sm); min-width: 0; }
.customizer-navigation[b-zmhbmkxc19]  > a,
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__trigger { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; border: 0; border-radius: var(--ui-radius-sm); color: var(--ui-color-ink-muted); background: transparent; font: inherit; font-size: 14px; font-weight: 600; line-height: 24px; text-decoration: none; white-space: nowrap; }
.customizer-navigation[b-zmhbmkxc19]  > a:hover,
.customizer-navigation[b-zmhbmkxc19]  > a.active,
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__trigger:hover,
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu[open] > summary { color: var(--ui-color-ink); background: transparent; }
.customizer-navigation[b-zmhbmkxc19]  > a:focus-visible { outline: 2px solid var(--ui-focus-color); outline-offset: var(--ui-focus-offset); }
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu { position: static; flex-shrink: 0; }
/* The header owns placement. Core owns translate/scale/opacity for panel motion. */
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu > .si-mega-menu__panel,
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu[data-si-positioned] > .si-mega-menu__panel { position: absolute; top: calc(100% + 1px); left: 50%; transform: translateX(-50%); inline-size: min(72rem, calc(100vw - 32px)); max-block-size: calc(100dvh - 90px); padding: var(--ui-space-lg); border-radius: var(--ui-radius-xl); }
.customizer-navigation__footer[b-zmhbmkxc19] { display: flex; justify-content: center; }
.customizer-navigation[b-zmhbmkxc19]  .customizer-navigation__overview { max-inline-size: 100%; min-block-size: 44px; white-space: normal; }
@media (max-width: 640px) {
    .customizer-navigation[b-zmhbmkxc19] { grid-column: 1 / -1; grid-row: 2; justify-content: space-between; gap: 0; padding-bottom: 4px; }
    .customizer-navigation[b-zmhbmkxc19]  > a,
    .customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__trigger { padding-inline: 8px; }
    .customizer-navigation[b-zmhbmkxc19]  .si-mega-menu > .si-mega-menu__panel,
    .customizer-navigation[b-zmhbmkxc19]  .si-mega-menu[data-si-positioned] > .si-mega-menu__panel { max-block-size: calc(100dvh - 148px); padding: var(--ui-space-md); }
}

/* This product menu has three editorial entry points; Core still owns its grid and motion. */
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__category-grid { row-gap: var(--ui-space-sm); }
/* Core emits the curated 3 x 6 grid in row-major order. Position-based tones
   stay attached to entries in the single-column mobile layout. Both axes
   contribute equally to the soft-to-saturated orange progression. */
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__category-grid > .si-mega-menu__item { --customizer-menu-row: 0; --customizer-menu-column: 0; }
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__category-grid > .si-mega-menu__item:nth-child(3n + 2) { --customizer-menu-column: 1; }
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__category-grid > .si-mega-menu__item:nth-child(3n) { --customizer-menu-column: 2; }
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__category-grid > .si-mega-menu__item:nth-child(n + 4) { --customizer-menu-row: 1; }
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__category-grid > .si-mega-menu__item:nth-child(n + 7) { --customizer-menu-row: 2; }
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__category-grid > .si-mega-menu__item:nth-child(n + 10) { --customizer-menu-row: 3; }
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__category-grid > .si-mega-menu__item:nth-child(n + 13) { --customizer-menu-row: 4; }
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__category-grid > .si-mega-menu__item:nth-child(n + 16) { --customizer-menu-row: 5; }
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__category-grid .si-mega-menu__icon {
    --customizer-menu-step: calc(var(--customizer-menu-row) + var(--customizer-menu-column) * 2.5);
    /* White glyphs stay constant; only the circular backgrounds change tone. */
    --ui-color-ink: var(--ui-color-on-strong);
    --si-mega-menu-icon-background: color-mix(in srgb, var(--ui-color-product-boundary) calc(24% + var(--customizer-menu-step) * 2.8%), var(--ui-color-on-bright));
}
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__category-grid .si-mega-menu__link {
    padding: var(--ui-space-sm);
    border-radius: var(--ui-radius-md);
}
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__link:is([href="/funktionen#theming"], [href="/funktionen#schnellzugriffe"], [href="/funktionen#benutzerfelder"]) {
    /* Core presentation variables enlarge the three primary product destinations. */
    --si-mega-menu-icon-size: 56px;
    --si-mega-menu-glyph-size: 24px;
}
.customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__link:is([href="/funktionen#theming"], [href="/funktionen#schnellzugriffe"], [href="/funktionen#benutzerfelder"]) .si-mega-menu__title {
    font-size: var(--ui-typo-card-title);
    line-height: 1.25;
}
@media (min-width: 769px) {
    .customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__category-headings { margin-block-end: var(--ui-space-lg); }
    .customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__heading {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 var(--ui-space-sm);
        border: 0;
        background: transparent;
        color: var(--ui-color-ink);
        font-size: var(--ui-typo-body-lg);
        font-weight: 500;
        line-height: 1.5;
        text-align: center;
        text-wrap: balance;
    }
}
@media (max-width: 768px) {
    /* Keep the larger primary titles intact on small phones; the panel supplies the outer gutter. */
    .customizer-navigation[b-zmhbmkxc19]  .si-mega-menu__category-grid .si-mega-menu__link { padding-inline: 0; }
}
/* /Components/Shared/SeoMetadata.razor.rz.scp.css */
/* This infrastructure component owns no visual styles. Keep future owner-specific rules here. */
/* /Components/Shared/SiteFooter.razor.rz.scp.css */
.site-footer-scope[b-u2fazoces0]  .site-footer a { color: var(--ui-color-ink-muted); text-decoration: none; }
.site-footer-scope[b-u2fazoces0]  .site-footer a:hover { color: var(--ui-color-ink); text-decoration: underline; text-underline-offset: .2em; }
.site-footer-links[b-u2fazoces0] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--ui-space-sm) var(--ui-space-lg); min-width: 0; margin-left: auto; font-size: var(--ui-typo-body-sm); }
.site-footer-links a[b-u2fazoces0] { overflow-wrap: anywhere; }
.site-footer-scope[b-u2fazoces0]  .site-footer a:focus-visible { outline: 2px solid var(--ui-focus-color); outline-offset: var(--ui-focus-offset); }
.site-footer-scope[b-u2fazoces0]  .site-footer { display: flex; width: 100%; min-height: 6rem; align-items: center; justify-content: space-between; gap: var(--ui-space-lg); padding-block: var(--ui-space-lg); }
@media (max-width: 48rem) {
    .site-footer-scope[b-u2fazoces0]  .site-footer { align-items: flex-start; flex-direction: column; }
    .site-footer-links[b-u2fazoces0] { width: 100%; }
}
.site-footer-scope[b-u2fazoces0] { display: contents; }