/* public-visual-168.css */
/* Version 168: retain the shared visuals and extend the quiet glass surfaces. */

/* Remove the lower optical bias without changing the ribbon or its track. */
html body .wp-packages .cmp-ribbon-reference .cmp-ribbon-group button {
  padding: calc(2 * var(--st-display-unit, 1px)) calc(25 * var(--st-display-unit, 1px)) 0;
}

/* Related glass surfaces, with a separate composition for each benefit.
   Only the existing background layer is painted; icons and copy keep their
   current stacking, movement and interaction. */
html body.st-home :is(#transparenz, #anfragen).st-benefit {
  background: radial-gradient(ellipse at 8% 95%, rgb(212 246 236 / .17), transparent 45%),
    linear-gradient(142deg, #f0f6fb, #f6faff 48%, #edf5fc);
  border-color: rgb(215 231 243 / .88);
  box-shadow: 0 18px 54px rgb(44 81 110 / .065), inset 0 1px 0 rgb(255 255 255 / .85);
}
html body.st-home :is(#transparenz, #anfragen).st-benefit::before {
  background: none;
}
html body.st-home :is(#transparenz, #anfragen) > .st-panel-light {
  display: none;
}
html body.st-home :is(#transparenz, #anfragen) > .st-panel-surface {
  background: transparent;
  overflow: hidden;
}
html body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::before,
html body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::after {
  content: "";
  position: absolute;
  pointer-events: none;
  margin: 0;
  border: calc(1 * var(--st-display-unit, 1px)) solid rgb(255 255 255 / .94);
  border-radius: calc(52 * var(--st-display-unit, 1px));
  box-shadow: 0 16px 36px rgb(56 94 121 / .07), inset 0 1px 0 rgb(255 255 255 / .86);
}
html body.st-home #transparenz > .st-panel-surface::before {
  inset: -42% auto auto -10%;
  width: 67%;
  height: 154%;
  transform: rotate(-14deg);
  background: linear-gradient(135deg, rgb(255 255 255 / .95), rgb(249 253 255 / .64));
}
html body.st-home #transparenz > .st-panel-surface::after {
  inset: 44% -12% auto auto;
  width: 74%;
  height: 126%;
  transform: rotate(12deg);
  background: linear-gradient(145deg, rgb(255 255 255 / .86), rgb(231 244 255 / .5));
}
html body.st-home #anfragen > .st-panel-surface::before {
  inset: 46% auto auto -16%;
  width: 66%;
  height: 146%;
  transform: rotate(13deg);
  background: linear-gradient(135deg, rgb(255 255 255 / .92), rgb(235 247 255 / .58));
}
html body.st-home #anfragen > .st-panel-surface::after {
  inset: -44% -4% auto auto;
  width: 77%;
  height: 133%;
  transform: rotate(-11deg);
  background: linear-gradient(145deg, rgb(255 255 255 / .94), rgb(249 253 255 / .63));
}
html[data-theme=dark] body.st-home :is(#transparenz, #anfragen).st-benefit {
  background: radial-gradient(ellipse at 8% 95%, rgb(48 101 111 / .1), transparent 45%),
    linear-gradient(142deg, #142232, #172a3c 48%, #112032);
  border-color: rgb(143 187 222 / .22);
  box-shadow: 0 18px 54px rgb(0 7 18 / .18), inset 0 1px 0 rgb(210 235 255 / .1);
}
html[data-theme=dark] body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::before,
html[data-theme=dark] body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::after {
  border-color: rgb(207 234 255 / .13);
  box-shadow: 0 16px 36px rgb(0 7 18 / .19), inset 0 1px 0 rgb(214 239 255 / .08);
}
html[data-theme=dark] body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::before {
  background: linear-gradient(135deg, rgb(103 156 202 / .12), rgb(44 81 115 / .08));
}
html[data-theme=dark] body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::after {
  background: linear-gradient(145deg, rgb(82 135 182 / .1), rgb(24 57 88 / .18));
}
@media (max-width: 767px) {
  html body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::before,
  html body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::after {
    border-radius: calc(38 * var(--st-display-unit, 1px));
    box-shadow: 0 10px 28px rgb(56 94 121 / .07), inset 0 1px 0 rgb(255 255 255 / .7);
  }
  html body.st-home #transparenz > .st-panel-surface::before {
    inset: -12% auto auto -36%;
    width: 141%;
    height: 57%;
    transform: rotate(-12deg);
  }
  html body.st-home #transparenz > .st-panel-surface::after {
    inset: 62% -32% auto auto;
    width: 134%;
    height: 50%;
    transform: rotate(11deg);
  }
  html body.st-home #anfragen > .st-panel-surface::before {
    inset: 61% auto auto -30%;
    width: 132%;
    height: 54%;
    transform: rotate(12deg);
  }
  html body.st-home #anfragen > .st-panel-surface::after {
    inset: -17% -38% auto auto;
    width: 145%;
    height: 58%;
    transform: rotate(-10deg);
  }
  html[data-theme=dark] body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::before,
  html[data-theme=dark] body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::after {
    box-shadow: 0 10px 28px rgb(0 7 18 / .17), inset 0 1px 0 rgb(214 239 255 / .08);
  }
}
@media (max-width: 767px) {
  html body .wp-packages .cmp-ribbon-reference .cmp-ribbon-group button {
    padding: calc(1 * var(--st-display-unit, 1px)) calc(18 * var(--st-display-unit, 1px)) 0;
  }
}

/* Animate the lens and handle together; the chart remains stationary.
   The comparison's existing observer and global motion pause control this. */
.cmp-vector-magnifier > g:last-of-type {
  transform-box: view-box;
  transform-origin: 226px 250px;
  animation: st-magnifier-breathe-167 2.6s ease-in-out infinite;
  animation-play-state: paused;
}
.cmp-intro.is-in-view .cmp-vector-magnifier > g:last-of-type {
  animation-play-state: running;
}
.cmp-intro.is-paused .cmp-vector-magnifier > g:last-of-type,
body.st-motion-paused .cmp-vector-magnifier > g:last-of-type {
  animation-play-state: paused !important;
}
@keyframes st-magnifier-breathe-167 {
  0%, 100% { transform: translate(4px, 3px) rotate(-1deg); }
  50% { transform: translate(-16px, -12px) rotate(5deg); }
}
@media (prefers-reduced-motion: reduce) {
  .cmp-vector-magnifier > g:last-of-type {
    animation: none !important;
    transform: none;
  }
}

/* A single translucent surface: avoid an inherited second painted panel. */
html body footer.st-footer-v29 {
  --st-footer-ink-166: #132d3d;
  --st-footer-muted-166: #344e60;
  background: transparent;
  color: var(--st-footer-ink-166);
}
html body footer.st-footer-v29 .st-footer-surface {
  background: linear-gradient(118deg, rgb(250 255 255 / .23), rgb(215 236 248 / .18));
  border-color: rgb(255 255 255 / .66);
  box-shadow: 0 20px 65px rgb(22 48 66 / .1), inset 0 1px 0 rgb(255 255 255 / .65), inset 0 -1px 0 rgb(148 183 203 / .12);
  -webkit-backdrop-filter: blur(28px) saturate(1.08);
  backdrop-filter: blur(28px) saturate(1.08);
  color: var(--st-footer-ink-166);
}
html body footer.st-footer-v29 .st-footer-surface > .st-panel-surface {
  background: transparent;
}
html body footer.st-footer-v29 .st-footer-surface::before,
html body footer.st-footer-v29 .st-footer-surface::after {
  display: none;
}
html body .st-footer-stage footer.st-footer-v29::before {
  display: block;
  background: rgb(248 253 255 / .08);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  opacity: var(--footer-backdrop-opacity, 0);
}
html body footer.st-footer-v29 :is(.st-footer-glass-column h3, .st-footer-glass-brand .brand) {
  color: var(--st-footer-ink-166);
}
html body footer.st-footer-v29 :is(.st-footer-glass-column nav a, .st-footer-base, .st-footer-glass-hours, .st-footer-glass-brand p) {
  color: var(--st-footer-muted-166);
}
html body footer.st-footer-v29 :is(.st-footer-glass-head, .st-footer-glass-column, .st-footer-base) {
  border-color: rgb(112 151 173 / .23);
}
html[data-theme=dark] body footer.st-footer-v29 {
  --st-footer-ink-166: #eff8ff;
  --st-footer-muted-166: #c5d7e5;
}
html[data-theme=dark] body footer.st-footer-v29 .st-footer-surface {
  background: linear-gradient(118deg, rgb(12 29 44 / .32), rgb(25 47 65 / .26));
  border-color: rgb(192 227 250 / .24);
  box-shadow: 0 20px 65px rgb(0 7 15 / .18), inset 0 1px 0 rgb(219 243 255 / .2), inset 0 -1px 0 rgb(176 222 247 / .06);
  -webkit-backdrop-filter: blur(28px) saturate(.94);
  backdrop-filter: blur(28px) saturate(.94);
  color: var(--st-footer-ink-166);
}
html[data-theme=dark] body .st-footer-stage footer.st-footer-v29::before {
  background: rgb(3 13 24 / .1);
}
html[data-theme=dark] body footer.st-footer-v29 :is(.st-footer-glass-column h3, .st-footer-glass-brand .brand) {
  color: var(--st-footer-ink-166);
}
html[data-theme=dark] body footer.st-footer-v29 :is(.st-footer-glass-column nav a, .st-footer-base, .st-footer-glass-hours, .st-footer-glass-brand p) {
  color: var(--st-footer-muted-166);
}
html[data-theme=dark] body footer.st-footer-v29 :is(.st-footer-glass-head, .st-footer-glass-column, .st-footer-base) {
  border-color: rgb(179 213 235 / .2);
}
@media (max-width: 767px) {
  html body footer.st-footer-v29 .st-footer-surface,
  html[data-theme=dark] body footer.st-footer-v29 .st-footer-surface {
    -webkit-backdrop-filter: blur(20px) saturate(1);
    backdrop-filter: blur(20px) saturate(1);
  }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html body footer.st-footer-v29 .st-footer-surface {
    background: rgb(241 249 253 / .94);
  }
  html[data-theme=dark] body footer.st-footer-v29 .st-footer-surface {
    background: rgb(15 31 45 / .96);
  }
}

/* One native icon family for foreground cards and their existing floaters. */
html body :is(#transparenz, #anfragen) .st-benefit-icon-166 {
  --st-icon-ink-166: #087963;
  --st-icon-accent-166: #078ccc;
  stroke: var(--st-icon-ink-166);
  stroke-width: 2.45;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
html[data-theme=dark] body :is(#transparenz, #anfragen) .st-benefit-icon-166 {
  --st-icon-ink-166: #74e6ca;
  --st-icon-accent-166: #8bd9ff;
}
/* The foreground cards remain pale in dark mode; keep their strokes deep. */
html[data-theme=dark] body :is(#transparenz, #anfragen) .st-benefit-cards .st-benefit-icon-166 {
  --st-icon-ink-166: #087963;
  --st-icon-accent-166: #078ccc;
}
.st-benefit-icon-166 .st-icon-accent { stroke: var(--st-icon-accent-166); }
.st-benefit-icon-166 .st-icon-depth { stroke: var(--st-icon-ink-166); opacity: .16; }
.st-benefit-icon-166 .st-icon-wash { fill: var(--st-icon-ink-166); fill-opacity: .07; stroke: none; }
.st-benefit-icon-166 .st-icon-accent-wash { fill: var(--st-icon-accent-166); fill-opacity: .12; stroke: none; }
.st-benefit-icon-166 .st-icon-edge { stroke: #fff; stroke-opacity: .55; stroke-width: 1.15; }
html body :is(#transparenz, #anfragen) .st-benefit-floaters .st-benefit-icon-166 {
  stroke-width: 1.9;
}


/* Version 167: emphasize the actual call link and its native phone glyph. */
html body footer.st-footer-v29 .st-footer-glass-phone {
  color: #008f68;
  font-weight: 850;
  text-decoration-color: currentColor;
  text-decoration-thickness: calc(2 * var(--st-display-unit, 1px));
}
html body footer.st-footer-v29 .st-footer-glass-phone-icon {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #008f68;
}
html body footer.st-footer-v29 .st-footer-glass-phone-icon svg {
  width: calc(25 * var(--st-display-unit, 1px));
  height: calc(25 * var(--st-display-unit, 1px));
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
}
html[data-theme=dark] body footer.st-footer-v29 .st-footer-glass-phone,
html[data-theme=dark] body footer.st-footer-v29 .st-footer-glass-phone-icon {
  color: #5df4bd;
}
html body footer.st-footer-v29 .st-footer-glass-phone:is(:hover, :focus-visible) {
  color: #007d5b;
}
html[data-theme=dark] body footer.st-footer-v29 .st-footer-glass-phone:is(:hover, :focus-visible) {
  color: #a1ffda;
}

/* Quiet overlapping glass planes for the existing inclusions section.
   The heading, curved check and table stay in their original document flow. */
html body.st-home .st-inclusions-065 .cmp-included {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  --cmp-ink: #163244;
  --cmp-muted: #526a7b;
  --cmp-line: #d9e6ef;
  color: var(--cmp-ink);
  background: linear-gradient(142deg, #f0f6fb, #f6faff 48%, #edf5fc);
  border-color: rgb(215 231 243 / .88);
  box-shadow: 0 18px 54px rgb(44 81 110 / .065), inset 0 1px 0 rgb(255 255 255 / .85);
}
html body.st-home .st-inclusions-065 .cmp-included::before,
html body.st-home .st-inclusions-065 .cmp-included::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  margin: 0;
  border: calc(1 * var(--st-display-unit, 1px)) solid rgb(255 255 255 / .94);
  border-radius: calc(52 * var(--st-display-unit, 1px));
  box-shadow: 0 16px 36px rgb(56 94 121 / .07), inset 0 1px 0 rgb(255 255 255 / .86);
}
html body.st-home .st-inclusions-065 .cmp-included::before {
  inset: -24% auto auto -7%;
  width: 69%;
  height: 103%;
  transform: rotate(-13deg);
  background: linear-gradient(135deg, rgb(255 255 255 / .95), rgb(249 253 255 / .64));
}
html body.st-home .st-inclusions-065 .cmp-included::after {
  inset: 26% -8% auto auto;
  width: 73%;
  height: 115%;
  transform: rotate(11deg);
  background: linear-gradient(145deg, rgb(255 255 255 / .86), rgb(231 244 255 / .5));
}
html body.st-home .st-inclusions-065 .cmp-included-table tr {
  border-color: rgb(155 185 207 / .28);
}
html body.st-home .st-inclusions-065 .cmp-included-table th {
  color: #183344;
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included {
  --cmp-ink: #eaf4fd;
  --cmp-muted: #aec4d6;
  --cmp-line: #33475a;
  background: linear-gradient(142deg, #142232, #172a3c 48%, #112032);
  border-color: rgb(143 187 222 / .22);
  box-shadow: 0 18px 54px rgb(0 7 18 / .18), inset 0 1px 0 rgb(210 235 255 / .1);
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included::before,
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included::after {
  border-color: rgb(207 234 255 / .13);
  box-shadow: 0 16px 36px rgb(0 7 18 / .19), inset 0 1px 0 rgb(214 239 255 / .08);
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included::before {
  background: linear-gradient(135deg, rgb(103 156 202 / .12), rgb(44 81 115 / .08));
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included::after {
  background: linear-gradient(145deg, rgb(82 135 182 / .1), rgb(24 57 88 / .18));
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included-table tr {
  border-color: rgb(165 203 232 / .18);
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included-table th {
  color: #e7f1fa;
}
@media (max-width: 767px) {
  html body.st-home .st-inclusions-065 .cmp-included::before,
  html body.st-home .st-inclusions-065 .cmp-included::after {
    border-radius: calc(38 * var(--st-display-unit, 1px));
    box-shadow: 0 10px 28px rgb(56 94 121 / .07), inset 0 1px 0 rgb(255 255 255 / .7);
  }
  html body.st-home .st-inclusions-065 .cmp-included::before {
    inset: 4% auto auto -42%;
    width: 147%;
    height: 34%;
    transform: rotate(-14deg);
  }
  html body.st-home .st-inclusions-065 .cmp-included::after {
    inset: 59% -39% auto auto;
    width: 143%;
    height: 39%;
    transform: rotate(12deg);
  }
  html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included::before,
  html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included::after {
    box-shadow: 0 10px 28px rgb(0 7 18 / .17), inset 0 1px 0 rgb(214 239 255 / .08);
  }
}


/* comparison-magnifier-169.css */
/* The same stationary chart and moving native SVG lens. Local coordinates keep
   the original vector rasterization, without inheriting animated values through
   every descendant on every frame. All three tracks share the original phase. */
@property --cmp-lens-x-169 {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --cmp-lens-y-169 {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --cmp-lens-angle-169 {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
.cmp-vector-magnifier.cmp-magnifier-live-169 {
  animation: none;
}
.cmp-vector-magnifier.cmp-magnifier-live-169 > .cmp-magnifier-lens-169 {
  animation: cmp-lens-local245 2.6s ease-in-out infinite !important;
  animation-play-state: paused !important;
  transform-box: view-box;
  transform-origin: 226px 250px;
  transform: translate(var(--cmp-lens-x-169), var(--cmp-lens-y-169)) rotate(var(--cmp-lens-angle-169));
}
.cmp-magnifier-live-169 .cmp-magnifier-unrotate-169 {
  animation: cmp-lens-local245 2.6s ease-in-out infinite !important;
  animation-play-state: paused !important;
  transform-box: view-box;
  transform-origin: 226px 250px;
  transform: rotate(calc(-1 * var(--cmp-lens-angle-169)));
}
.cmp-magnifier-live-169 .cmp-magnifier-sample-169 {
  animation: cmp-lens-local245 2.6s ease-in-out infinite !important;
  animation-play-state: paused !important;
  transform-box: view-box;
  transform-origin: 0 0;
  transform: translate(calc(-1 * var(--cmp-lens-x-169)), calc(-1 * var(--cmp-lens-y-169)));
}
.cmp-intro.is-in-view .cmp-magnifier-live-169 :is(.cmp-magnifier-lens-169, .cmp-magnifier-unrotate-169, .cmp-magnifier-sample-169) {
  animation-play-state: running !important;
}
.cmp-intro.is-paused .cmp-magnifier-live-169 :is(.cmp-magnifier-lens-169, .cmp-magnifier-unrotate-169, .cmp-magnifier-sample-169),
body.st-motion-paused .cmp-intro .cmp-magnifier-live-169 :is(.cmp-magnifier-lens-169, .cmp-magnifier-unrotate-169, .cmp-magnifier-sample-169) {
  animation-play-state: paused !important;
}
@keyframes cmp-lens-local245 {
  0%, 100% { --cmp-lens-x-169: 4px; --cmp-lens-y-169: 3px; --cmp-lens-angle-169: -1deg; }
  50% { --cmp-lens-x-169: -30px; --cmp-lens-y-169: 12px; --cmp-lens-angle-169: 4deg; }
}
@media (prefers-reduced-motion: reduce) {
  .cmp-vector-magnifier.cmp-magnifier-live-169 > .cmp-magnifier-lens-169,
  .cmp-magnifier-live-169 .cmp-magnifier-unrotate-169,
  .cmp-magnifier-live-169 .cmp-magnifier-sample-169 {
    animation: none !important;
  }
  .cmp-vector-magnifier.cmp-magnifier-live-169 > .cmp-magnifier-lens-169 { transform: none !important; }
  .cmp-magnifier-live-169 .cmp-magnifier-unrotate-169 { transform: rotate(0deg); }
  .cmp-magnifier-live-169 .cmp-magnifier-sample-169 { transform: translate(0px, 0px); }
}


/* public-surfaces-169.css */
/* Version 169: quiet glass planes on the main-page sections.
   Only backgrounds and their framing change. Foreground artwork and motion
   retain their own colors, stacking and existing controllers. */
html body.st-home :is(#sichtbarkeit, #transparenz, #anfragen, #performance,
  #betreuung, #kontakt, #leistungen, .st-signature, .st-home-about,
  .st-inclusions-065 .cmp-included):not([hidden]) {
  --st-surface-169: linear-gradient(142deg, #f1f4f8, #f8fafc 48%, #eef3f7);
  --st-surface-line-169: rgb(211 220 230 / .86);
  --st-surface-shadow-169: 0 18px 54px rgb(34 48 65 / .065), inset 0 1px 0 rgb(255 255 255 / .9);
  --st-plane-a-169: linear-gradient(135deg, rgb(255 255 255 / .76), rgb(247 250 254 / .36));
  --st-plane-b-169: linear-gradient(145deg, rgb(255 255 255 / .62), rgb(229 238 248 / .31));
  --st-plane-line-169: rgb(255 255 255 / .9);
  --st-plane-shadow-169: 0 16px 36px rgb(42 57 78 / .06), inset 0 1px 0 rgb(255 255 255 / .8);
  --st-plane-a-inset-169: -29% auto auto -9%;
  --st-plane-a-width-169: 72%;
  --st-plane-a-height-169: 137%;
  --st-plane-a-angle-169: -13deg;
  --st-plane-b-inset-169: 32% -10% auto auto;
  --st-plane-b-width-169: 76%;
  --st-plane-b-height-169: 118%;
  --st-plane-b-angle-169: 11deg;
  --home-paper: #fff;
  --home-soft: #f1f4f8;
  --home-line: #d8e0e8;
  --home-ink: #20262f;
  --home-muted: #576271;
  background: var(--st-surface-169);
  border: calc(1 * var(--st-display-unit, 1px)) solid var(--st-surface-line-169);
  border-radius: calc(32 * var(--st-display-unit, 1px));
  box-shadow: var(--st-surface-shadow-169);
}

/* These two editorial sections previously had no containing surface. */
html body.st-home :is(.st-signature, #leistungen) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-inline: clamp(calc(24 * var(--st-display-unit, 1px)), 4vw, calc(60 * var(--st-display-unit, 1px)));
}
html body.st-home :is(#betreuung, #kontakt) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

/* Reuse the decorative layer already present in the benefit sections. */
html body.st-home :is(#sichtbarkeit, #transparenz, #anfragen, #performance):not([hidden]) > .st-panel-light {
  display: none;
}
html body.st-home :is(#sichtbarkeit, #transparenz, #anfragen, #performance):not([hidden])::before {
  background: none;
}
html body.st-home :is(#sichtbarkeit, #transparenz, #anfragen, #performance):not([hidden]) > .st-panel-surface {
  background: transparent;
  overflow: hidden;
}
html body.st-home :is(#sichtbarkeit, #transparenz, #anfragen, #performance):not([hidden]) > .st-panel-surface::before,
html body.st-home :is(#sichtbarkeit, #transparenz, #anfragen, #performance):not([hidden]) > .st-panel-surface::after,
html body.st-home :is(.st-signature, #leistungen, #betreuung, #kontakt, .st-home-about)::before,
html body.st-home :is(.st-signature, #leistungen, #betreuung, #kontakt, .st-home-about)::after,
html body.st-home .st-inclusions-065 .cmp-included:not([hidden])::before,
html body.st-home .st-inclusions-065 .cmp-included:not([hidden])::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  margin: 0;
  box-sizing: border-box;
  border: calc(1 * var(--st-display-unit, 1px)) solid var(--st-plane-line-169);
  border-radius: calc(52 * var(--st-display-unit, 1px));
  box-shadow: var(--st-plane-shadow-169);
}
html body.st-home :is(#sichtbarkeit, #transparenz, #anfragen, #performance):not([hidden]) > .st-panel-surface::before,
html body.st-home :is(.st-signature, #leistungen, #betreuung, #kontakt, .st-home-about)::before,
html body.st-home .st-inclusions-065 .cmp-included:not([hidden])::before {
  inset: var(--st-plane-a-inset-169);
  width: var(--st-plane-a-width-169);
  height: var(--st-plane-a-height-169);
  transform: rotate(var(--st-plane-a-angle-169));
  background: var(--st-plane-a-169);
}
html body.st-home :is(#sichtbarkeit, #transparenz, #anfragen, #performance):not([hidden]) > .st-panel-surface::after,
html body.st-home :is(.st-signature, #leistungen, #betreuung, #kontakt, .st-home-about)::after,
html body.st-home .st-inclusions-065 .cmp-included:not([hidden])::after {
  inset: var(--st-plane-b-inset-169);
  width: var(--st-plane-b-width-169);
  height: var(--st-plane-b-height-169);
  transform: rotate(var(--st-plane-b-angle-169));
  background: var(--st-plane-b-169);
}

/* Related compositions, rather than the same diagonal repeated throughout. */
html body.st-home #sichtbarkeit {
  --st-plane-a-inset-169: -34% auto auto -14%;
  --st-plane-a-width-169: 64%;
  --st-plane-a-height-169: 152%;
  --st-plane-b-inset-169: 45% -15% auto auto;
  --st-plane-b-width-169: 87%;
}
html body.st-home :is(#anfragen, #kontakt) {
  --st-plane-a-inset-169: 55% auto auto -18%;
  --st-plane-a-angle-169: 12deg;
  --st-plane-b-inset-169: -38% -9% auto auto;
  --st-plane-b-angle-169: -10deg;
}
html body.st-home .st-home-about {
  --st-plane-a-inset-169: -42% auto auto 5%;
  --st-plane-a-width-169: 63%;
  --st-plane-a-angle-169: -16deg;
  --st-plane-b-inset-169: 44% -18% auto auto;
  --st-plane-b-width-169: 83%;
}
html body.st-home :is(.st-signature, #leistungen) {
  --st-plane-a-height-169: 84%;
  --st-plane-b-inset-169: 52% -10% auto auto;
  --st-plane-b-height-169: 82%;
}
html body.st-home #betreuung {
  --st-plane-a-inset-169: -48% auto auto -8%;
  --st-plane-a-angle-169: -10deg;
  --st-plane-b-inset-169: 41% -18% auto auto;
  --st-plane-b-angle-169: 14deg;
}

/* Foreground cards remain distinct, with clear text over a quiet surface. */
html body.st-home :is(.st-signature-item, .st-signature-item:nth-child(2),
  #leistungen .st-service, #leistungen .st-service:nth-child(2), #betreuung .st-care-list) {
  background: linear-gradient(150deg, var(--home-paper), var(--home-soft));
  border-color: var(--home-line);
  box-shadow: 0 12px 32px rgb(34 48 65 / .045), inset 0 1px 0 rgb(255 255 255 / .6);
}
html body.st-home #kontakt .st-contact-card {
  background: var(--home-paper);
  border-color: var(--home-line);
}
html body.st-home :is(#leistungen .st-section-heading > p,
  #betreuung p, #kontakt .st-contact-copy > p) {
  color: var(--home-muted);
}

/* Neutral anthracite: no colored radial wash beneath the content. */
html[data-theme=dark] body.st-home :is(#sichtbarkeit, #transparenz, #anfragen, #performance,
  #betreuung, #kontakt, #leistungen, .st-signature, .st-home-about,
  .st-inclusions-065 .cmp-included):not([hidden]) {
  --st-surface-169: linear-gradient(142deg, #17181c, #1c1d21 48%, #141519);
  --st-surface-line-169: rgb(206 209 219 / .14);
  --st-surface-shadow-169: 0 18px 54px rgb(0 0 0 / .2), inset 0 1px 0 rgb(244 245 250 / .065);
  --st-plane-a-169: linear-gradient(135deg, rgb(213 215 223 / .075), rgb(157 160 171 / .025));
  --st-plane-b-169: linear-gradient(145deg, rgb(179 182 194 / .055), rgb(80 82 91 / .085));
  --st-plane-line-169: rgb(230 232 240 / .115);
  --st-plane-shadow-169: 0 16px 36px rgb(0 0 0 / .13), inset 0 1px 0 rgb(244 245 250 / .065);
  --home-paper: #202126;
  --home-soft: #1a1b20;
  --home-line: #3b3d46;
  --home-ink: #f0f1f4;
  --home-muted: #b8bbc4;
  background: var(--st-surface-169);
  border-color: var(--st-surface-line-169);
  box-shadow: var(--st-surface-shadow-169);
}
html[data-theme=dark] body.st-home :is(.st-signature-item, #leistungen .st-service, #betreuung .st-care-list) {
  box-shadow: 0 12px 32px rgb(0 0 0 / .12), inset 0 1px 0 rgb(244 245 250 / .045);
}
html[data-theme=dark] body.st-home .st-home-about-portrait::before {
  background: linear-gradient(130deg, #47494f, #303238 50%, #23252b);
}
html[data-theme=dark] body.st-home #kontakt .st-callback-preference {
  background: linear-gradient(135deg, #202126, #1a1b20);
  border-color: var(--home-line);
}
html[data-theme=dark] body.st-home #kontakt .st-callback-preference :is(p, .st-callback-clear) {
  color: var(--home-muted);
}
html[data-theme=dark] body.st-home #kontakt .st-callback-days button:not([aria-pressed=true]) {
  background: #28292f;
  border-color: #4a4c56;
  color: #eef0f4;
}
html[data-theme=dark] body.st-home #kontakt .st-callback-time-label select {
  background: #222329;
  border-color: #4a4c56;
  color: #eef0f4;
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included {
  --cmp-ink: #f0f1f4;
  --cmp-muted: #b8bbc4;
  --cmp-line: #3b3d46;
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included-table tr {
  border-color: rgb(210 213 223 / .14);
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included-table th {
  color: var(--cmp-ink);
}

@media (max-width: 767px) {
  html body.st-home :is(.st-signature, #leistungen) {
    padding-inline: calc(20 * var(--st-display-unit, 1px));
    padding-block: calc(30 * var(--st-display-unit, 1px));
  }
  html body.st-home :is(#sichtbarkeit, #transparenz, #anfragen, #performance,
    #betreuung, #kontakt, #leistungen, .st-signature, .st-home-about,
    .st-inclusions-065 .cmp-included):not([hidden]) {
    --st-plane-a-inset-169: -12% auto auto -35%;
    --st-plane-a-width-169: 140%;
    --st-plane-a-height-169: 57%;
    --st-plane-b-inset-169: 62% -32% auto auto;
    --st-plane-b-width-169: 135%;
    --st-plane-b-height-169: 53%;
  }
  html body.st-home :is(#anfragen, #kontakt) {
    --st-plane-a-inset-169: 61% auto auto -30%;
    --st-plane-b-inset-169: -17% -38% auto auto;
  }
  html body.st-home :is(.st-signature, #leistungen) {
    --st-plane-a-height-169: 33%;
    --st-plane-b-inset-169: 70% -32% auto auto;
    --st-plane-b-height-169: 34%;
  }
  html body.st-home :is(#sichtbarkeit, #transparenz, #anfragen, #performance):not([hidden]) > .st-panel-surface::before,
  html body.st-home :is(#sichtbarkeit, #transparenz, #anfragen, #performance):not([hidden]) > .st-panel-surface::after,
  html body.st-home :is(.st-signature, #leistungen, #betreuung, #kontakt, .st-home-about)::before,
  html body.st-home :is(.st-signature, #leistungen, #betreuung, #kontakt, .st-home-about)::after,
  html body.st-home .st-inclusions-065 .cmp-included:not([hidden])::before,
  html body.st-home .st-inclusions-065 .cmp-included:not([hidden])::after {
    border-radius: calc(38 * var(--st-display-unit, 1px));
  }
}


/* public-spacing-170.css */
/* Main-page rhythm: one visible gap between the large glass panels and
   the intervening modules. Keep card grids and scene scroll lengths intact. */
html body.st-home #main {
  --st-section-gap-170: calc(56 * var(--st-display-unit, 1px));
}

html body.st-home #main > :is(.st-signature, .st-inclusions-065,
  #transparenz, #pakete, .st-home-insights-065, #leistungen, #betreuung,
  #ablauf, #anfragen, #faq, #performance, .st-home-about, #kontakt) {
  margin-block-start: var(--st-section-gap-170);
  margin-block-end: 0;
}

/* The first panel already moves down to meet the cinematic hero.
   Reserve that existing translation in flow so its following gap stays equal. */
html body.st-home #main > #sichtbarkeit {
  margin-block-end: calc(var(--st-section-gap-170) + var(--discovery-shift, 0px));
}
html body.st-home #main > #sichtbarkeit + .st-signature {
  margin-block-start: 0;
}

/* This wrapper is transparent; its old vertical padding added a second gap
   outside the actual glass surface. Preserve its width and inner card padding. */
html body.st-home #main > .st-inclusions-065 {
  padding-block: 0;
}

/* The legacy tablet/mobile rule made this one margin important. */
@media (max-width: 959px) {
  html body.st-home #main > #leistungen {
    margin-block-start: var(--st-section-gap-170) !important;
  }
}

@media (max-width: 767px) {
  html body.st-home #main {
    --st-section-gap-170: calc(32 * var(--st-display-unit, 1px));
  }
}


/* comparison-pricing-170.css */
/* A conservative lower bound is a label, while the actual amount stays legible. */
.st-comparison .cmp-price-difference > strong .cmp-cost-minimum,
.st-comparison .cmp-cost-values > div > strong .cmp-cost-minimum {
  display: block;
  margin-block-end: 0.25em;
  font-size: 0.36em;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 650;
}

/* The ribbon spans the screen; its restored provider list keeps readable gutters. */
.st-comparison.cmp-intro > .cmp-selection-library {
  box-sizing: border-box;
  width: calc(100% - 48px);
  max-width: calc(1360 * var(--st-display-unit, 1px));
  align-self: center;
  margin-inline: auto;
}


/* comparison-surfaces-171.css */
/* Version 171: the comparison's existing service and preview sections share
   the main page's quiet glass surfaces. Content and preview controllers stay
   in place; these overrides only define their framing and theme colors. */
html body.st-home #st-package-comparison :is(.cmp-benefits, .cmp-portal, .cmp-experience, .cmp-final) {
  --cmp-ink: #20262f;
  --cmp-muted: #576271;
  --cmp-line: #d8e0e8;
  --cmp-glass-171: linear-gradient(142deg, #f1f4f8, #f8fafc 48%, #eef3f7);
  --cmp-glass-line-171: rgb(211 220 230 / .86);
  --cmp-glass-shadow-171: 0 18px 54px rgb(34 48 65 / .065), inset 0 1px 0 rgb(255 255 255 / .9);
  --cmp-plane-a-171: linear-gradient(135deg, rgb(255 255 255 / .76), rgb(247 250 254 / .36));
  --cmp-plane-b-171: linear-gradient(145deg, rgb(255 255 255 / .62), rgb(229 238 248 / .31));
  --cmp-plane-line-171: rgb(255 255 255 / .9);
  --cmp-plane-shadow-171: 0 16px 36px rgb(42 57 78 / .06), inset 0 1px 0 rgb(255 255 255 / .8);
  --cmp-paper-171: rgb(255 255 255 / .76);
  --cmp-paper-solid-171: #fff;
  --cmp-accent: #008968;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--cmp-ink);
  background: var(--cmp-glass-171);
  border: calc(1 * var(--st-display-unit, 1px)) solid var(--cmp-glass-line-171);
  border-radius: calc(32 * var(--st-display-unit, 1px));
  box-shadow: var(--cmp-glass-shadow-171);
  margin-block: calc(56 * var(--st-display-unit, 1px)) 0;
  padding: clamp(calc(28 * var(--st-display-unit, 1px)), 3vw, calc(44 * var(--st-display-unit, 1px)));
}

html body.st-home #st-package-comparison :is(.cmp-benefits, .cmp-portal, .cmp-experience, .cmp-final)::before,
html body.st-home #st-package-comparison :is(.cmp-benefits, .cmp-portal, .cmp-experience, .cmp-final)::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  box-sizing: border-box;
  border: calc(1 * var(--st-display-unit, 1px)) solid var(--cmp-plane-line-171);
  border-radius: calc(52 * var(--st-display-unit, 1px));
  box-shadow: var(--cmp-plane-shadow-171);
}
html body.st-home #st-package-comparison :is(.cmp-benefits, .cmp-portal, .cmp-experience, .cmp-final)::before {
  inset: -32% auto auto -12%;
  width: 68%;
  height: 138%;
  transform: rotate(-13deg);
  background: var(--cmp-plane-a-171);
}
html body.st-home #st-package-comparison :is(.cmp-benefits, .cmp-portal, .cmp-experience, .cmp-final)::after {
  inset: 45% -14% auto auto;
  width: 80%;
  height: 112%;
  transform: rotate(11deg);
  background: var(--cmp-plane-b-171);
}
html body.st-home #st-package-comparison .cmp-portal::before {
  inset: 49% auto auto -18%;
  transform: rotate(12deg);
}
html body.st-home #st-package-comparison .cmp-portal::after {
  inset: -42% -10% auto auto;
  transform: rotate(-10deg);
}
html body.st-home #st-package-comparison .cmp-experience::before {
  inset: -71% auto auto 7%;
  width: 55%;
  height: 197%;
  transform: rotate(-16deg);
}
html body.st-home #st-package-comparison .cmp-final::after {
  inset: -63% -14% auto auto;
  height: 186%;
}

html body.st-home #st-package-comparison :is(.cmp-benefits, .cmp-portal) h3 {
  font-size: clamp(calc(35 * var(--st-display-unit, 1px)), 3.6vw, calc(55 * var(--st-display-unit, 1px)));
  line-height: 1.13;
  margin: calc(16 * var(--st-display-unit, 1px)) 0 calc(28 * var(--st-display-unit, 1px));
}
html body.st-home #st-package-comparison :is(.cmp-benefits, .cmp-portal, .cmp-experience, .cmp-final) em {
  background-image: linear-gradient(100deg, #008f76, #087fc9 85%);
}
html body.st-home #st-package-comparison :is(.cmp-benefits, .cmp-portal) .cmp-eyebrow {
  color: var(--cmp-muted);
  font-size: calc(11 * var(--st-display-unit, 1px));
  letter-spacing: .12em;
}
html body.st-home #st-package-comparison .cmp-benefit-grid {
  gap: calc(24 * var(--st-display-unit, 1px));
}
html body.st-home #st-package-comparison .cmp-benefit-grid article {
  min-width: 0;
  background: var(--cmp-paper-171);
  border-color: var(--cmp-line);
  border-radius: calc(22 * var(--st-display-unit, 1px));
  padding: calc(28 * var(--st-display-unit, 1px));
  box-shadow: 0 12px 32px rgb(34 48 65 / .045), inset 0 1px 0 rgb(255 255 255 / .6);
}
html body.st-home #st-package-comparison .cmp-benefit-grid article > svg {
  color: var(--cmp-accent);
  margin-bottom: calc(25 * var(--st-display-unit, 1px));
}
html body.st-home #st-package-comparison .cmp-benefit-grid article > span {
  color: var(--cmp-muted);
  font-size: calc(11 * var(--st-display-unit, 1px));
  line-height: 1.5;
}
html body.st-home #st-package-comparison .cmp-benefit-grid h4 {
  font-size: clamp(calc(22 * var(--st-display-unit, 1px)), 1.8vw, calc(28 * var(--st-display-unit, 1px)));
  line-height: 1.22;
}
html body.st-home #st-package-comparison .cmp-benefit-grid p {
  margin-top: calc(18 * var(--st-display-unit, 1px));
  color: var(--cmp-muted);
}

html body.st-home #st-package-comparison .cmp-portal {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: clamp(calc(26 * var(--st-display-unit, 1px)), 3vw, calc(44 * var(--st-display-unit, 1px)));
}
html body.st-home #st-package-comparison .cmp-portal > div > p,
html body.st-home #st-package-comparison .cmp-portal-demo .cmp-demo-caption {
  color: var(--cmp-muted);
}
html body.st-home #st-package-comparison .cmp-portal li svg {
  color: var(--cmp-accent);
}
html body.st-home #st-package-comparison .cmp-demo-toolbar {
  gap: calc(12 * var(--st-display-unit, 1px));
  border-color: var(--cmp-line);
}
html body.st-home #st-package-comparison .cmp-demo-toolbar > span {
  color: var(--cmp-muted);
  font-size: calc(12 * var(--st-display-unit, 1px));
}
html body.st-home #st-package-comparison .cmp-demo-toolbar button {
  color: var(--cmp-ink);
  min-height: calc(42 * var(--st-display-unit, 1px));
  border-radius: calc(10 * var(--st-display-unit, 1px));
}
html body.st-home #st-package-comparison .cmp-demo-toolbar button[aria-pressed=true] {
  background: var(--cmp-paper-solid-171);
  border-color: var(--cmp-line);
  box-shadow: 0 4px 12px rgb(34 48 65 / .04);
}
html body.st-home #st-package-comparison .cmp-demo-screen {
  background: var(--cmp-paper-solid-171);
  border-color: #30333a;
  color: var(--cmp-ink);
  box-shadow: 0 19px 25px rgb(34 48 65 / .12);
}
html body.st-home #st-package-comparison .cmp-demo-website {
  background: linear-gradient(140deg, #f3f5f8, #fff 64%, #edf2f8);
}
html body.st-home #st-package-comparison .cmp-demo-lines i {
  background: #b8c2cf;
}
html body.st-home #st-package-comparison .cmp-demo-comment {
  background: var(--cmp-paper-solid-171);
  border-color: var(--cmp-line);
  color: var(--cmp-ink);
  box-shadow: 0 15px 30px rgb(34 48 65 / .1);
}
html body.st-home #st-package-comparison .cmp-demo-comment small {
  color: var(--cmp-muted);
  font-size: calc(11 * var(--st-display-unit, 1px));
}
html body.st-home #st-package-comparison .cmp-demo-comment svg {
  color: var(--cmp-accent);
}
html body.st-home #st-package-comparison .cmp-portal-demo[data-demo-view=phone] .cmp-demo-screen::after {
  background: #30333a;
}
html body.st-home #st-package-comparison .cmp-experience {
  gap: calc(32 * var(--st-display-unit, 1px));
}
html body.st-home #st-package-comparison .cmp-experience > div {
  align-self: start;
  padding-inline-start: calc(28 * var(--st-display-unit, 1px));
  border-inline-start: calc(1 * var(--st-display-unit, 1px)) solid var(--cmp-line);
}
html body.st-home #st-package-comparison .cmp-experience p,
html body.st-home #st-package-comparison .cmp-final p {
  color: var(--cmp-muted);
}
html body.st-home #st-package-comparison .cmp-footnote {
  max-width: none;
  padding-inline: clamp(calc(28 * var(--st-display-unit, 1px)), 3vw, calc(44 * var(--st-display-unit, 1px)));
  margin-top: calc(18 * var(--st-display-unit, 1px));
  color: #576271;
  font-size: calc(12 * var(--st-display-unit, 1px));
  line-height: 1.65;
}

html[data-theme=dark] body.st-home #st-package-comparison :is(.cmp-benefits, .cmp-portal, .cmp-experience, .cmp-final) {
  --cmp-ink: #f0f1f4;
  --cmp-muted: #b8bbc4;
  --cmp-line: #3b3d46;
  --cmp-glass-171: linear-gradient(142deg, #17181c, #1c1d21 48%, #141519);
  --cmp-glass-line-171: rgb(206 209 219 / .14);
  --cmp-glass-shadow-171: 0 18px 54px rgb(0 0 0 / .2), inset 0 1px 0 rgb(244 245 250 / .065);
  --cmp-plane-a-171: linear-gradient(135deg, rgb(213 215 223 / .075), rgb(157 160 171 / .025));
  --cmp-plane-b-171: linear-gradient(145deg, rgb(179 182 194 / .055), rgb(80 82 91 / .085));
  --cmp-plane-line-171: rgb(230 232 240 / .115);
  --cmp-plane-shadow-171: 0 16px 36px rgb(0 0 0 / .13), inset 0 1px 0 rgb(244 245 250 / .065);
  --cmp-paper-171: rgb(32 33 38 / .88);
  --cmp-paper-solid-171: #202126;
  --cmp-accent: #65dcb1;
}
html[data-theme=dark] body.st-home #st-package-comparison :is(.cmp-benefits, .cmp-portal, .cmp-experience, .cmp-final) em {
  background-image: linear-gradient(100deg, #57e6b2, #65bdff);
}
html[data-theme=dark] body.st-home #st-package-comparison .cmp-benefit-grid article {
  box-shadow: 0 12px 32px rgb(0 0 0 / .12), inset 0 1px 0 rgb(244 245 250 / .045);
}
html[data-theme=dark] body.st-home #st-package-comparison .cmp-demo-screen {
  border-color: #727681;
  box-shadow: 0 19px 25px rgb(0 0 0 / .2);
}
html[data-theme=dark] body.st-home #st-package-comparison .cmp-demo-website {
  background: linear-gradient(140deg, #202126, #25262c 64%, #1a1b20);
}
html[data-theme=dark] body.st-home #st-package-comparison .cmp-demo-lines i {
  background: #626674;
}
html[data-theme=dark] body.st-home #st-package-comparison .cmp-footnote {
  color: #b8bbc4;
}

@media (max-width: 1023px) {
  html body.st-home #st-package-comparison .cmp-portal {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 767px) {
  html body.st-home #st-package-comparison :is(.cmp-benefits, .cmp-portal, .cmp-experience, .cmp-final) {
    margin-block-start: calc(32 * var(--st-display-unit, 1px));
    padding: calc(28 * var(--st-display-unit, 1px)) calc(20 * var(--st-display-unit, 1px));
    border-radius: calc(26 * var(--st-display-unit, 1px));
  }
  html body.st-home #st-package-comparison :is(.cmp-benefits, .cmp-portal, .cmp-experience, .cmp-final)::before {
    inset: -13% auto auto -35%;
    width: 140%;
    height: 48%;
    border-radius: calc(38 * var(--st-display-unit, 1px));
  }
  html body.st-home #st-package-comparison :is(.cmp-benefits, .cmp-portal, .cmp-experience, .cmp-final)::after {
    inset: 65% -32% auto auto;
    width: 135%;
    height: 43%;
    border-radius: calc(38 * var(--st-display-unit, 1px));
  }
  html body.st-home #st-package-comparison .cmp-portal::before {
    inset: 61% auto auto -30%;
  }
  html body.st-home #st-package-comparison .cmp-portal::after {
    inset: -17% -38% auto auto;
  }
  html body.st-home #st-package-comparison :is(.cmp-benefits, .cmp-portal) h3 {
    font-size: calc(34 * var(--st-display-unit, 1px));
    line-height: 1.15;
  }
  html body.st-home #st-package-comparison .cmp-benefit-grid {
    gap: calc(18 * var(--st-display-unit, 1px));
  }
  html body.st-home #st-package-comparison .cmp-benefit-grid article {
    padding: calc(23 * var(--st-display-unit, 1px));
  }
  html body.st-home #st-package-comparison .cmp-benefit-grid h4 {
    font-size: calc(24 * var(--st-display-unit, 1px));
  }
  html body.st-home #st-package-comparison .cmp-demo-toolbar {
    align-items: start;
    flex-direction: column;
  }
  html body.st-home #st-package-comparison .cmp-demo-toolbar > div {
    width: 100%;
  }
  html body.st-home #st-package-comparison .cmp-demo-toolbar button {
    flex: 1;
    min-height: calc(44 * var(--st-display-unit, 1px));
    padding-inline: calc(8 * var(--st-display-unit, 1px));
  }
  html body.st-home #st-package-comparison .cmp-experience {
    gap: calc(26 * var(--st-display-unit, 1px)) calc(18 * var(--st-display-unit, 1px));
  }
  html body.st-home #st-package-comparison .cmp-experience > div {
    padding-inline-start: 0;
    border-inline-start: 0;
    border-block-start: calc(1 * var(--st-display-unit, 1px)) solid var(--cmp-line);
    padding-top: calc(20 * var(--st-display-unit, 1px));
  }
  html body.st-home #st-package-comparison .cmp-experience p {
    font-size: calc(14 * var(--st-display-unit, 1px));
  }
  html body.st-home #st-package-comparison .cmp-final .cmp-configure {
    width: 100%;
    justify-content: space-between;
    margin-top: calc(24 * var(--st-display-unit, 1px));
  }
  html body.st-home #st-package-comparison .cmp-footnote {
    padding-inline: calc(21 * var(--st-display-unit, 1px));
  }
}


/* search-brand-167.css */
/* The decorative name shares the foreground rotation, with no independent loop. */
html body #performance.st-performance {
  position: relative;
  isolation: isolate;
}
html body #performance .st-performance-brand-backdrop {
  position: absolute;
  inset: 16% 3% 5% 50%;
  z-index: 1;
  pointer-events: none;
  user-select: none;
  overflow: hidden;
  opacity: .095;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 15%, #000 88%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 15%, #000 88%, transparent);
}
html body #performance .st-performance-brand-ghost {
  position: absolute;
  inset: auto 0 13% 0;
  display: block;
  width: 100%;
  text-align: center;
  font: 800 clamp(100px, 10vw, 160px)/1.35 Manrope, Arial, sans-serif;
  letter-spacing: -.065em;
  white-space: nowrap;
  color: var(--ink);
  transition: opacity .65s ease, transform .65s cubic-bezier(.22,.8,.22,1);
}
html body #performance .st-performance-brand-ghost i { font: inherit; font-style: normal; }
html body #performance > :is(.st-performance-art, .st-benefit-copy) { position: relative; z-index: 2; }
html[data-theme=dark] body #performance .st-performance-brand-backdrop { opacity: .135; }
html[data-theme=dark] body #performance .st-performance-brand-ghost[data-brand=chatgpt] { color: #f1f7fd; }
@media (min-width: 1600px) {
  html body #performance .st-performance-brand-ghost { font-size: calc(160 * var(--st-display-unit, 1px)); }
}
@media (max-width: 959px) {
  html body #performance .st-performance-brand-backdrop { inset: 12% 3% 5%; opacity: .09; }
  html body #performance .st-performance-brand-ghost { bottom: 4%; font-size: clamp(78px, 19vw, 160px); }
}
@media (max-width: 599px) {
  html body #performance .st-performance-brand-backdrop { inset: 40% 2% 5%; opacity: .105; }
  html body #performance .st-performance-brand-ghost { bottom: 12%; font-size: clamp(58px, 16vw, 100px); }
  html[data-theme=dark] body #performance .st-performance-brand-backdrop { opacity: .14; }
}
@media (prefers-reduced-motion: reduce) {
  html body #performance .st-performance-brand-ghost { transition: none !important; }
}


/* form-surfaces-174.css */
/* Version 174: reuse the quiet grey glass language for existing public fields.
   Scoped to public pages; form structure, validation, focus and actions stay owned
   by their existing controllers. Wrapped searches keep one continuous surface. */
body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) {
  --st-field-surface-174: linear-gradient(142deg, #f1f4f8, #f8fafc 48%, #eef3f7);
  --st-field-base-174: #f4f7fa;
  --st-field-ink-174: #20262f;
  --st-field-muted-174: #576271;
  --st-field-line-174: #bbc6d2;
}
html[data-theme="dark"] body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) {
  --st-field-surface-174: linear-gradient(142deg, #24252b, #292a31 48%, #202127);
  --st-field-base-174: #25262c;
  --st-field-ink-174: #f0f1f4;
  --st-field-muted-174: #bcc0cb;
  --st-field-line-174: #535761;
}

/* Text, contact, billing, optional message, glossary and select controls. */
html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) :is(
  .st-lead-form input:not([type="hidden"], [type="radio"], [type="checkbox"]),
  .st-lead-form textarea, .st-lead-form select,
  .st-billing-grid input, .st-coupon input,
  .ix-glossary-search input, .ix-test-row input, .ix-sort select,
  .wp-packages .wp-plan-select
) {
  background: var(--st-field-surface-174);
  color: var(--st-field-ink-174);
  caret-color: var(--st-field-ink-174);
  color-scheme: light;
}
html[data-theme="dark"] body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) :is(
  .st-lead-form input:not([type="hidden"], [type="radio"], [type="checkbox"]),
  .st-lead-form textarea, .st-lead-form select,
  .st-billing-grid input, .st-coupon input,
  .ix-glossary-search input, .ix-test-row input, .ix-sort select,
  .wp-packages .wp-plan-select
) { color-scheme: dark; }

/* The package configurator's older dark skin targets all fields with two
   type exclusions. Match that specificity without changing its state rules. */
html[data-theme="dark"] body.st-home .wp-packages .wp-config :is(
  select, textarea, input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])
) {
  background: var(--st-field-surface-174);
  color: var(--st-field-ink-174);
  caret-color: var(--st-field-ink-174);
  color-scheme: dark;
}

html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) :is(
  .st-lead-form input:not([type="hidden"], [type="radio"], [type="checkbox"]),
  .st-lead-form textarea, .st-lead-form select,
  .st-billing-grid input, .st-coupon input,
  .ix-glossary-search input, .ix-test-row input, .ix-sort select
):not(:focus, [aria-invalid="true"], :user-invalid) {
  border-color: var(--st-field-line-174);
}
/* The existing callback select has a section-ID rule in the shared skin. */
html body:is(.st-home, .st-acquisition-page) #kontakt .st-lead-form select,
html[data-theme="dark"] body:is(.st-home, .st-acquisition-page) #kontakt .st-lead-form select {
  background: var(--st-field-surface-174);
  color: var(--st-field-ink-174);
}
html body:is(.st-home, .st-acquisition-page) #kontakt .st-lead-form select:not(:focus, [aria-invalid="true"], :user-invalid) {
  border-color: var(--st-field-line-174);
}
html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) :is(
  .st-lead-form input, .st-lead-form textarea,
  .st-billing-grid input, .st-coupon input,
  .ix-glossary-search input, .ix-test-row input
)::placeholder {
  color: var(--st-field-muted-174);
  opacity: 1;
}

/* Paint the wrapper instead of giving its inner input a second rectangle. */
html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) :is(
  .st-faq-search, .st-advisor-ai-field, .ix-search-surface, .st-ai-followup
) { background: var(--st-field-surface-174); }
html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) :is(
  .st-faq-search, .st-advisor-ai-field
):not(:focus-within) { border-color: var(--st-field-line-174); }
html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) :is(
  .st-faq-search input, .st-advisor-ai-field input,
  .ix-search-surface input, .st-ai-followup textarea
) {
  background: transparent;
  color: var(--st-field-ink-174);
  caret-color: var(--st-field-ink-174);
}
html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) :is(
  .st-faq-search input, .st-advisor-ai-field input,
  .ix-search-surface input, .st-ai-followup textarea
)::placeholder { color: var(--st-field-muted-174); opacity: 1; }

/* Preserve the red border, breathing glow, ready state and focus outline. The
   opaque inner plane also needs the gradient or it would cover this surface. */
html body:is(.st-home, .insights-page) .st-ai-search .st-ai-surface,
html body:is(.st-home, .insights-page) .st-ai-search .st-ai-surface::after,
html[data-theme="dark"] body:is(.st-home, .insights-page) .st-ai-search .st-ai-surface,
html[data-theme="dark"] body:is(.st-home, .insights-page) .st-ai-search .st-ai-surface::after {
  background: var(--st-field-surface-174);
  color: var(--st-field-ink-174);
}
html body:is(.st-home, .insights-page) .st-ai-search .st-ai-surface input,
html[data-theme="dark"] body:is(.st-home, .insights-page) .st-ai-search .st-ai-surface input {
  background: transparent;
  color: var(--st-field-ink-174);
  caret-color: var(--st-field-ink-174);
}
html body:is(.st-home, .insights-page) .st-ai-search .st-ai-surface input::placeholder,
html[data-theme="dark"] body:is(.st-home, .insights-page) .st-ai-search .st-ai-surface input::placeholder {
  color: var(--st-field-muted-174);
  opacity: 1;
}

/* Mira retains an opaque writing surface over its transparent chat panel. */
html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page)
  .st-support.st-mira-v113 :is(.st-support-composer, .st-support-composer textarea) {
  background: var(--st-field-surface-174);
  color: var(--st-field-ink-174);
}
html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page)
  .st-support.st-mira-v113 .st-support-composer:not(:focus-within) {
  border-color: var(--st-field-line-174);
}
html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page)
  .st-support.st-mira-v113 .st-support-composer textarea::placeholder {
  color: var(--st-field-muted-174);
  opacity: 1;
}

/* Readable native option menus and no input zoom on small touch screens. */
html body:is(.st-home, .insights-page, .st-acquisition-page) :is(
  .st-lead-form select, .ix-sort select, .wp-plan-select
) option { background: var(--st-field-base-174); color: var(--st-field-ink-174); }
@media (max-width: 767px) {
  html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) :is(
    .st-faq-search input, .st-advisor-ai-field input, .st-ai-surface input,
    .ix-search-surface input, .ix-glossary-search input, .ix-test-row input,
    .ix-sort select, .st-lead-form select, .wp-packages .wp-plan-select
  ) { font-size: 16px; }
  html body:is(.st-home, .st-acquisition-page) #kontakt .st-lead-form select { font-size: 16px; }
}


/* form-polish-175.css */
/* Existing optional actions and contact-method rail share the public field skin. */
html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) :is(
  .st-lead-form .st-message-toggle,
  .st-lead-form .st-secondary-contact-toggle,
  .st-lead-form .st-contact-method
) {
  background: var(--st-field-surface-174);
  color: var(--st-field-ink-174);
  border-color: var(--st-field-line-174);
}
html body:is(.st-home, .st-acquisition-page) .st-lead-form .st-message-toggle small {
  color: var(--st-field-muted-174);
}
html body:is(.st-home, .st-acquisition-page) .st-lead-form .st-contact-method span {
  color: var(--st-field-muted-174);
}
html body:is(.st-home, .st-acquisition-page) .st-lead-form .st-contact-method input:checked + span {
  background: linear-gradient(142deg, #fff, #f6f8fb 48%, #edf1f6);
  color: var(--st-field-ink-174);
  box-shadow: 0 2px 9px rgb(35 43 57 / .1), inset 0 0 0 1px rgb(171 184 201 / .26);
}
html[data-theme="dark"] body:is(.st-home, .st-acquisition-page) .st-lead-form .st-contact-method input:checked + span {
  background: linear-gradient(142deg, #353741, #30323b 48%, #2b2d36);
  box-shadow: 0 2px 10px rgb(0 0 0 / .16), inset 0 0 0 1px rgb(157 164 182 / .2);
}

/* Keep the existing range controls and their values; only the rail is repainted. */
html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) input[type="range"] {
  accent-color: #18b6a4;
}
html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) input[type="range"]::-webkit-slider-runnable-track {
  background: var(--st-field-surface-174);
  border: 1px solid var(--st-field-line-174);
  border-radius: 999px;
}
html body:is(.st-home, .insights-page, .about-page, .public-utility-page, .st-acquisition-page) input[type="range"]::-moz-range-track {
  background: var(--st-field-surface-174);
  border: 1px solid var(--st-field-line-174);
  border-radius: 999px;
}


/* promotion-195.css */
/* Larger opening copy; fluid sizes and consistent distance to the package link. */
body .cinematic-hero .hero-copy h1.st-rotating-headline{font-size:clamp(57px,5.4vw,112px);line-height:1.19;letter-spacing:-.047em;margin-bottom:0;overflow:visible}
body .cinematic-hero .st-headline-stage{padding-block:.12em .24em;margin-block:-.12em -.24em;overflow:visible}
body .cinematic-hero .hero-actions{margin-top:clamp(24px,2.15vw,42px);gap:18px}
body .cinematic-hero .hero-actions .button{font-size:clamp(15px,1.16vw,21px);min-height:clamp(62px,4.8vw,86px);width:min(100%,450px);padding:20px 27px}
body .cinematic-hero .hero-price.st-price-lockup{margin-top:clamp(22px,2.1vw,34px);gap:8px 15px}
body .cinematic-hero .hero-description p{font-size:clamp(16px,1.35vw,24px);line-height:1.62}
.st-promotion-terms191{font-size:clamp(10px,.76vw,13px);line-height:1.55;color:var(--st-muted,#647783);max-width:430px;margin:22px 0 0}
body .cinematic-hero[data-promotion191=active] .hero-actions{margin-top:20px}



.st-promotion-intro-finished191{opacity:0!important}.st-promotion-intro191[hidden],.st-promotion-terms191[hidden]{display:none!important}
@media(min-width:960px) and (max-width:1250px){body .cinematic-hero .hero-copy h1.st-rotating-headline{font-size:clamp(53px,5.15vw,69px)}}
@media(max-width:959px){body .cinematic-hero .hero-copy h1.st-rotating-headline{font-size:clamp(50px,8vw,81px);max-width:90%;margin-inline:auto}body .cinematic-hero .hero-actions .button{width:min(100%,450px)}.st-promotion-terms191{margin:20px auto 0;max-width:90%;font-size:11px}}
@media(max-width:599px){body .cinematic-hero .hero-copy h1.st-rotating-headline{font-size:clamp(42px,11.25vw,66px);line-height:1.2;max-width:94%}body .cinematic-hero .hero-actions .button{font-size:15px;min-height:63px}body .cinematic-hero .hero-description p{font-size:16px;line-height:1.6}.st-promotion-terms191{font-size:10px;line-height:1.5;max-width:92%;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.st-promotion-intro191{display:none!important}}

/* Keep the main-page device reservation on touch screens. Text and devices never overlap. */
@media(max-width:959px){body .cinematic-hero .hero-actions,body .cinematic-hero[data-promotion191=active] .hero-actions{margin-top:var(--device-space)}.st-promotion-terms191{margin:12px auto 0}}
@media(min-width:960px) and (max-height:800px){body .cinematic-hero .hero-copy h1.st-rotating-headline{font-size:clamp(52px,min(5.4vw,10.15svh),90px)}body .cinematic-hero .hero-actions{margin-top:24px}body .cinematic-hero .hero-price.st-price-lockup{margin-top:20px}.st-promotion-terms191{margin-top:12px;font-size:10px}}

@media(min-width:960px){body .hero.cinematic-hero{min-height:var(--st-hero-min-height191,720px)}}

/* The same moving mint / blue ink as "jedem", without brightness flashes. */
body .cinematic-hero :is(.keynote-green>span,.hero-copy h1 em .title-word,.st-headline-line.is-accent .st-headline-phrase){
 background:linear-gradient(110deg,#03c581,#00b4ed,#4387ff,#00dcba,#03c581);background-size:300% 100%;
 background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
 animation:st-promotion-ink192 5s linear infinite;text-shadow:none;
}
body .cinematic-hero .keynote-green{padding:.08em .025em .18em;margin:-.08em -.025em -.18em}
@keyframes st-promotion-ink192{to{background-position:300% 50%}}

@media(prefers-reduced-motion:reduce){body .cinematic-hero :is(.keynote-green>span,.hero-copy h1 em .title-word,.st-headline-line.is-accent .st-headline-phrase){animation:none}}

/* Active offers use warm moving ink. Standard slogans keep the mint / blue palette above. */
html body .cinematic-hero .st-headline-promo .is-accent .st-headline-phrase,
html[data-theme=dark] body .cinematic-hero .st-headline-promo .is-accent .st-headline-phrase{
 background-image:linear-gradient(110deg,#e1244d,#ff4056,#f98b9d,#ff4056,#e1244d)!important;
 background-size:300% 100%!important;animation:st-promotion-ink192 5s linear infinite;font-weight:500;
}
@media(prefers-reduced-motion:reduce){html body .cinematic-hero .st-headline-promo .is-accent .st-headline-phrase{animation:none}}

/* A discounted price and the partner seal must also fit narrow phones. */
@media(max-width:599px){
 body .cinematic-hero .hero-price.st-price-lockup{display:grid;grid-template-columns:minmax(0,1fr) 88px;max-width:100%;column-gap:10px;justify-content:stretch}
 body .cinematic-hero .st-price-copy{width:100%;justify-self:stretch}
 body .cinematic-hero .st-price-partner-slot{width:88px;max-width:100%;--badge-height:85px}
 body .cinematic-hero .st-price-main{justify-content:flex-start;align-items:baseline;flex-wrap:wrap;gap:4px 7px}
 body .cinematic-hero .st-price-main>strong{display:flex;flex-wrap:wrap;max-width:100%;gap:3px 6px}
 body .cinematic-hero .st-price-main>span:last-child{flex-basis:100%;font-size:11px}
 body .cinematic-hero .st-hero-promotion{max-width:100%;white-space:normal;line-height:1.55;justify-self:stretch;text-align:center}
}
@media(max-width:360px){
 body .cinematic-hero .hero-price.st-price-lockup{grid-template-columns:minmax(0,1fr) 72px;column-gap:8px}
 body .cinematic-hero .st-price-partner-slot{width:72px;--badge-height:72px}
 body .cinematic-hero .hero-actions .button{font-size:14px;padding-inline:18px;gap:12px}
}

/* The opening overlay and its 3D capture share one title layout from the first frame. */
body .cinematic-hero .keynote-title.st-promotion-native193{
 position:absolute;inset:auto;left:3%;top:50%;width:94%;height:auto;
 display:block;padding:0;gap:0;transform:translateY(-54%);
 font-size:clamp(calc(65 * var(--st-display-unit,1px)),9.35vw,calc(236 * var(--st-display-unit,1px)));
 font-weight:450;line-height:1.12;letter-spacing:-.045em;text-align:center;
 color:#fff;text-shadow:0 8px 60px #00110970;pointer-events:none;
}
body .cinematic-hero .st-promotion-intro191.keynote-title{opacity:0}
body .cinematic-hero .keynote-title.st-promotion-native193 .keynote-line{
 padding:.08em .025em .16em;margin:-.08em -.025em -.16em;
 display:flex;align-items:baseline;justify-content:center;gap:.2em;white-space:nowrap;
}
body .cinematic-hero .keynote-title.st-promotion-native193 .keynote-green{font-weight:500}
body .cinematic-hero .keynote-title.st-promotion-native193 .keynote-line.st-promotion-native-copy193{
 font-size:.51em;line-height:1.24;margin-top:.14em;
}
body .cinematic-hero .keynote-title.st-promotion-native193 .keynote-line.st-promotion-date-only194{font-size:.88em;white-space:normal}
body .cinematic-hero .keynote-title.st-promotion-native193 .keynote-line.st-promotion-price-row194{
 font-size:.65em;line-height:1.24;margin-top:.12em;
}
body .cinematic-hero .keynote-title.st-promotion-native193 .keynote-line.st-promotion-native-deadline193{
 font-size:.26em;line-height:1.4;margin-top:.4em;letter-spacing:-.02em;font-weight:450;
}
body .cinematic-hero .keynote-title.st-promotion-native193 .st-promotion-price-old194{
 font-size:.76em;color:#ffffffba;-webkit-text-fill-color:currentColor;
 text-decoration:line-through;text-decoration-thickness:.055em;text-decoration-color:currentColor;
}
html body .cinematic-hero .keynote-title.st-promotion-native193 .keynote-green>span,
html body .cinematic-hero .keynote-title.st-promotion-native193 .st-promotion-price-new194,
html body .cinematic-hero .st-headline-price194 .st-promotion-price-new194{
 --gradient-start:#e1244d;--gradient-mid:#ff4056;--gradient-end:#f98b9d;
 background-image:linear-gradient(110deg,#e1244d,#ff4056,#f98b9d,#ff4056,#e1244d)!important;
 background-size:300% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;
 color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none;font-weight:500;
 animation:st-promotion-ink192 5s linear infinite;
}
/* Equal spacing and the normal slogan's regular / accent weights; the donor remains untouched. */
body .cinematic-hero .st-headline-panel.st-headline-promo{
 display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding-top:.04em;
}
body .cinematic-hero .st-headline-promo .st-headline-line{font-weight:450;line-height:1.04}
body .cinematic-hero .st-headline-promo .st-headline-line.is-accent{font-weight:500}
body .cinematic-hero .st-headline-promo .st-headline-line:not(.is-accent){margin-top:.08em}
body .cinematic-hero .st-headline-price194{display:flex;align-items:baseline;gap:.24em}
body .cinematic-hero .st-headline-price194 .st-promotion-price-old194{
 font-size:.65em;opacity:.6;text-decoration:line-through;text-decoration-thickness:.055em;
}
@media(max-width:959px){body .cinematic-hero .keynote-title.st-promotion-native193{font-size:10.7vw}}
@media(max-width:599px){
 body .cinematic-hero .keynote-title.st-promotion-native193{font-size:12.8vw}
 body .cinematic-hero .keynote-title.st-promotion-native193[data-discount-type194=fixed_price]{font-size:11.3vw}
 body .cinematic-hero .keynote-title.st-promotion-native193 .keynote-line.st-promotion-native-copy193{font-size:.53em}
 body .cinematic-hero .keynote-title.st-promotion-native193 .keynote-line.st-promotion-native-deadline193{font-size:.3em}
 body .cinematic-hero .st-headline-promo .st-headline-price194{justify-content:center}
}
@media(prefers-reduced-motion:reduce){
 html body .cinematic-hero .keynote-title.st-promotion-native193 .keynote-green>span,
 html body .cinematic-hero .keynote-title.st-promotion-native193 .st-promotion-price-new194,
 html body .cinematic-hero .st-headline-price194 .st-promotion-price-new194{animation:none}
}

/* The original panel reserves exactly the 192 column width for the native devices.
   Visible rotating lines retain the same column without shrinking tablet or phone. */
@media(min-width:960px){
 body .cinematic-hero .st-headline-original{font-size:clamp(52px,4.95vw,102px);line-height:1.21;letter-spacing:-.047em}
}
@media(min-width:960px) and (max-width:1250px){
 body .cinematic-hero .st-headline-original{font-size:clamp(48px,4.7vw,63px)}
}
@media(min-width:960px) and (max-height:800px){
 body .cinematic-hero .st-headline-original{font-size:clamp(47px,min(4.9vw,9.25svh),82px)}
}


/* public-care-191.css */
.st-care191-terms{font-weight:650;color:var(--brand-blue,#0099cd);text-underline-offset:3px}.st-offer191-promise{display:flex;align-items:center;gap:11px;padding:13px 0;margin:13px 0 0;border-top:1px solid color-mix(in srgb,currentColor 10%,transparent);line-height:1.45}.st-offer191-promise svg{width:25px;height:25px;flex:none;color:#029c9e}.st-offer191-promise strong{display:block;font-size:14px}.st-offer191-promise small{display:block;font-size:12px;margin-top:3px;color:var(--muted,#627c84)}


/* public-explain-195.css */
/* Service motion cards only animate while mounted and visible. */
.wp-config [data-explain192]{position:relative}
.wp-config .wp-base-inclusions>li[data-explain192]{padding-right:38px}
.wp-config .wp-module-option[data-explain192]{padding-right:48px}
.ex192-info{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #b9dae5;border-radius:50%;background:#eff8fb;color:#147b96;font-family:inherit;font-size:14px;font-weight:650;line-height:1;cursor:pointer;z-index:2;transition:background .18s,transform .18s}
.ex192-info:hover,.ex192-info:focus-visible{background:#d9f5fb;transform:scale(1.06);outline:2px solid #03a8de;outline-offset:3px}
.wp-base-inclusions .ex192-info{top:50%;transform:translateY(-50%);right:8px}
.wp-base-inclusions .ex192-info:hover,.wp-base-inclusions .ex192-info:focus-visible{transform:translateY(-50%) scale(1.06)}
.cmp-included-table tr[data-explain192] th{position:relative;padding-right:38px!important}
.cmp-included-table .ex192-info{top:50%;right:3px;transform:translateY(-50%);width:26px;height:26px;border-color:#99c1d055;background:#ffffff70;color:#147c97;font-size:13px;transition:color .18s,background .18s,transform .18s}
.cmp-included-table .ex192-info:hover,.cmp-included-table .ex192-info:focus-visible{transform:translateY(-50%) scale(1.08);background:#e0f7fc}
.cmp-included-table tr[data-explain192]{transition:background .18s ease}
.cmp-included-table tr[data-explain192]:hover,.cmp-included-table tr[data-explain192]:focus-within{background:#c3e9f222}
.st-explain192{--ex-paper:#fff;--ex-soft:#f2f8fb;--ex-line:#d9e3e9;--ex-ink:#0b202c;--ex-muted:#62798b;position:fixed;z-index:10020;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:26px 29px 22px;border:1px solid #e2eef3;border-radius:26px;background:linear-gradient(144deg,#fff 40%,#f9fdff);box-shadow:0 22px 70px #174d6933,0 3px 12px #21495e0c;color:var(--ex-ink);font-family:Manrope,Arial,sans-serif;isolation:isolate;overflow:visible;animation:ex192-open .2s ease both}
.st-explain192[hidden]{display:none!important}
.st-explain192::before{content:'';position:absolute;left:calc(var(--ex-arrow,50%) - 10px);width:20px;height:20px;background:var(--ex-paper);border-left:1px solid #e2eef3;border-top:1px solid #e2eef3;transform:rotate(45deg);z-index:-1}
.st-explain192[data-edge=top]::before{top:-11px}
.st-explain192[data-edge=bottom]::before{bottom:-11px;transform:rotate(225deg)}
.st-explain192[data-edge=none]::before{display:none}
.ex192-close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:34px;height:34px;padding:8px;border:1px solid #e1ebef;border-radius:50%;background:#f8fbfd;color:#142431;box-shadow:0 3px 9px #53788c0d;cursor:pointer;z-index:3}
.ex192-close svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.ex192-close:hover{background:#eaf7fb}
.ex192-close:focus-visible{outline:2px solid #00ace1;outline-offset:3px}
.ex192-head{display:flex;align-items:center;gap:20px;padding-right:22px}
.ex192-heading-icon{display:grid;place-items:center;width:69px;height:69px;flex:0 0 69px;border-radius:20px;background:linear-gradient(130deg,#ecfafa,#def1fc);color:#00a7c3}
.ex192-heading-icon>svg{width:37px;height:37px;stroke:currentColor}
.ex192-head h3{margin:0 25px 6px 0!important;font-size:clamp(21px,2.2vw,29px)!important;font-weight:700;line-height:1.16!important;letter-spacing:-.8px;color:var(--ex-ink)!important}
.ex192-head p{margin:0!important;font-size:14px!important;line-height:1.5!important;max-width:570px;color:var(--ex-muted)!important}
.ex192-scene{margin:8px -12px 0}
.ex192-motion{width:100%;height:auto;display:block;overflow:visible;color:#109aaf}
.ex192-motion text{fill:var(--ex-ink);font-family:Manrope,Arial,sans-serif;font-weight:650;letter-spacing:-.4px}
.ex192-motion .ex192-regular{font-weight:500}
.ex192-motion .ex192-muted{fill:var(--ex-muted);font-weight:500}
.ex192-motion .ex192-white{fill:#fff}
.ex192-motion .ex192-brand{font-weight:800;letter-spacing:-.8px}
.ex192-motion .ex192-cyan{fill:#53dee0;font-family:monospace;font-weight:500;letter-spacing:0}
.ex192-motion .ex192-code-text{fill:#c5e1e9;font-family:monospace;font-weight:500;letter-spacing:0}
.ex192-motion .ex192-click-ring{fill:none;stroke:#0ebbc9;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:ex192-click 3.6s ease infinite}
.ex192-motion .ex192-swatches{animation:ex192-reveal .7s ease .15s both}
.ex192-motion .ex192-design-cursor{animation:ex192-design-cursor 5s cubic-bezier(.4,0,.2,1) infinite}
.ex192-motion .ex192-code-cursor{animation:ex192-code-cursor 4.8s ease-in-out infinite}
.ex192-motion .ex192-nav-cursor{animation:ex192-nav-cursor 4.8s cubic-bezier(.4,0,.2,1) infinite}
.ex192-motion .ex192-menu-highlight{animation:ex192-nav-highlight 4.8s ease-in-out infinite}
.ex192-motion .ex192-security-shield{animation:ex192-reveal .8s cubic-bezier(.2,.75,.2,1) .2s both}
.ex192-motion .ex192-backup-card{animation:ex192-backup 4.5s ease-in-out infinite;animation-delay:var(--ex-delay,0ms)}
.ex192-motion .ex192-person{animation:ex192-float 4.8s ease-in-out infinite}
.ex192-motion .ex192-new-content{animation:ex192-content-update 5.5s ease-in-out infinite}
.ex192-motion .ex192-preview-focus{animation:ex192-preview-focus 5.6s ease-in-out infinite}
.ex192-motion .ex192-preview-cursor{animation:ex192-preview-cursor 5.6s cubic-bezier(.4,0,.2,1) infinite}
.ex192-motion .ex192-comment-pin{animation:ex192-reveal .6s ease .25s both}
.ex192-motion .ex192-comment-cursor{animation:ex192-preview-cursor 5.6s cubic-bezier(.4,0,.2,1) infinite}
.ex192-motion .ex192-paper{fill:var(--ex-paper);stroke:#dceaf0;stroke-width:.8}
.ex192-motion .ex192-soft{fill:var(--ex-soft)}
.ex192-motion .ex192-line{fill:var(--ex-line)}
.ex192-motion .ex192-backdrop{fill:#e9f7fd;opacity:.6}
.ex192-result{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%;margin:-3px auto 0;padding:9px 19px 9px 11px;border:1px solid #e1eff5;border-radius:100px;background:linear-gradient(130deg,#fff,#f2fbfe);box-shadow:0 7px 18px #2169840a}
.ex192-result>span{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:linear-gradient(130deg,#06cabe,#009ee8)}
.ex192-result svg{width:19px;height:19px;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.ex192-result p{margin:0!important;font-size:15px!important;line-height:1.4!important;letter-spacing:-.2px;color:var(--ex-ink)!important;font-weight:550}
.ex192-scope{margin:12px auto 0!important;max-width:625px;text-align:center;color:var(--ex-muted)!important;font-size:12px!important;line-height:1.45!important}
.ex192-motion .ex192-arrow{stroke-dasharray:110;stroke-dashoffset:110;animation:ex192-draw 1.3s ease .2s forwards}
.ex192-motion .ex192-sequence{animation:ex192-reveal .55s ease both;animation-delay:calc(.15s + var(--ex-delay,0ms))}
.ex192-motion .ex192-bar{transform-box:fill-box;transform-origin:bottom;animation:ex192-bar .85s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(.2s + var(--ex-delay,0ms))}
.ex192-motion .ex192-float{animation:ex192-float 4.4s ease-in-out infinite}
.ex192-motion .ex192-robot{animation:ex192-float 3.8s ease-in-out infinite}
.ex192-motion .ex192-dot{animation:ex192-dot 1.8s ease-in-out infinite;animation-delay:var(--ex-delay,0ms)}
.ex192-motion .ex192-eyes{animation:ex192-blink 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.ex192-motion .ex192-rank{animation:ex192-rank 1.05s cubic-bezier(.2,.75,.2,1) both}
.ex192-motion .ex192-chartline{stroke-dasharray:280;stroke-dashoffset:280;animation:ex192-draw 1.4s ease .4s forwards}
.ex192-motion .ex192-comparison-handle{animation:ex192-compare 4s ease-in-out infinite}
.ex192-motion .ex192-calendar-selected{fill:#a9e8f1;animation:ex192-selected 3s ease-in-out infinite}
.ex192-motion .ex192-upload{animation:ex192-upload 3.7s ease-in-out infinite}
.ex192-motion .ex192-cube{transform-box:fill-box;transform-origin:center;animation:ex192-cube 5s ease-in-out infinite}
.ex192-motion .ex192-scroll{animation:ex192-scroll 2s ease-in-out infinite}
.ex192-motion .ex192-progress{transform-box:fill-box;transform-origin:left;animation:ex192-progress 4.5s linear infinite}
.ex192-motion .ex192-spark,.ex192-motion .ex192-play{transform-box:fill-box;transform-origin:center;animation:ex192-pulse 3s ease-in-out infinite}
.ex192-motion .ex192-brand-reveal{animation:ex192-brand 4.2s ease-in-out infinite}
@keyframes ex192-open{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}
@keyframes ex192-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes ex192-draw{to{stroke-dashoffset:0}}
@keyframes ex192-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes ex192-bar{from{transform:scaleY(.03)}to{transform:scaleY(1)}}
@keyframes ex192-rank{from{opacity:.1;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@keyframes ex192-dot{0%,70%,100%{opacity:.35}35%{opacity:1}}
@keyframes ex192-blink{0%,45%,50%,100%{transform:scaleY(1)}47%{transform:scaleY(.1)}}
@keyframes ex192-compare{0%,100%{transform:translateX(-34px)}50%{transform:translateX(36px)}}
@keyframes ex192-selected{0%,100%{fill:#cceff4}50%{fill:#85d9e7}}
@keyframes ex192-upload{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,-5px)}}
@keyframes ex192-cube{0%,100%{transform:rotate(-4deg) scale(.95)}50%{transform:rotate(5deg) scale(1.03)}}
@keyframes ex192-scroll{0%,100%{transform:translateY(-5px)}50%{transform:translateY(6px)}}
@keyframes ex192-progress{0%{transform:scaleX(.1)}90%,100%{transform:scaleX(1.7)}}
@keyframes ex192-pulse{0%,100%{transform:scale(.96)}50%{transform:scale(1.05)}}
@keyframes ex192-brand{0%,100%{opacity:.45;transform:translateY(5px)}20%,80%{opacity:1;transform:translateY(0)}}
@keyframes ex192-click{0%,35%,100%{opacity:0;transform:scale(.7)}40%{opacity:.6;transform:scale(.8)}59%{opacity:0;transform:scale(1.8)}}
@keyframes ex192-design-cursor{0%,100%{transform:translate(34px,19px)}32%,68%{transform:translate(0,0)}}
@keyframes ex192-code-cursor{0%,100%{transform:translate(12px,16px)}32%,68%{transform:translate(0,0)}}
@keyframes ex192-nav-cursor{0%,100%{transform:translate(-45px,38px)}35%,65%{transform:translate(0,0)}}
@keyframes ex192-nav-highlight{0%,15%,100%{opacity:.3}40%,70%{opacity:1}}
@keyframes ex192-backup{0%,100%{opacity:.5;transform:translateY(3px)}30%,65%{opacity:1;transform:translateY(-2px)}}
@keyframes ex192-content-update{0%,12%,100%{opacity:0;transform:translateY(6px)}30%,82%{opacity:1;transform:translateY(0)}}
@keyframes ex192-preview-focus{0%,100%{opacity:.3}30%,72%{opacity:1}}
@keyframes ex192-preview-cursor{0%,100%{transform:translate(27px,23px)}33%,67%{transform:translate(0,0)}}
html[data-theme=dark] .st-explain192,html.dark .st-explain192{--ex-paper:#202c36;--ex-soft:#283b47;--ex-line:#425560;--ex-ink:#edf7fb;--ex-muted:#afc2ce;background:linear-gradient(140deg,#1c2630,#192b37);border-color:#385365;box-shadow:0 22px 70px #0007}
html[data-theme=dark] .st-explain192::before,html.dark .st-explain192::before{border-color:#385365}
html[data-theme=dark] .ex192-heading-icon,html.dark .ex192-heading-icon{background:linear-gradient(130deg,#24424d,#243e56);color:#5ad3ee}
html[data-theme=dark] .ex192-close,html.dark .ex192-close{background:#263945;border-color:#3a5566;color:#effaff}
html[data-theme=dark] .ex192-result,html.dark .ex192-result{background:#243744;border-color:#3a5566}
html[data-theme=dark] .ex192-motion .ex192-backdrop,html.dark .ex192-motion .ex192-backdrop{fill:#214151;opacity:.5}
html[data-theme=dark] .ex192-motion .ex192-paper,html.dark .ex192-motion .ex192-paper{stroke:#466171}
html[data-theme=dark] .ex192-info,html.dark .ex192-info{background:#273e4b;color:#7bddf0;border-color:#456776}
@media(max-width:619px){.st-explain192{width:calc(100vw - 24px);padding:22px 17px 19px;border-radius:23px;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}.ex192-head{gap:12px;padding-right:21px}.ex192-heading-icon{width:47px;height:47px;flex-basis:47px;border-radius:14px}.ex192-heading-icon>svg{width:27px;height:27px}.ex192-head h3{margin-right:0!important;font-size:20px!important;letter-spacing:-.5px}.ex192-head p{font-size:13px!important;line-height:1.45!important}.ex192-close{width:29px;height:29px;top:10px;right:10px}.ex192-scene{margin:11px -8px 8px}.ex192-result{padding:8px 12px 8px 8px;gap:8px}.ex192-result p{font-size:13px!important}.ex192-result>span{width:25px;height:25px;flex-basis:25px}.ex192-scope{font-size:11px!important}.ex192-info{right:9px}}
@media(max-height:700px) and (min-width:620px){.st-explain192{width:min(650px,calc(100vw - 32px));padding:18px 23px 17px}.ex192-heading-icon{width:54px;height:54px;flex-basis:54px}.ex192-head h3{font-size:23px!important}.ex192-head p{font-size:13px!important}.ex192-scene{margin-top:0}.ex192-scope{margin-top:8px!important}}
@media(prefers-reduced-motion:reduce){.st-explain192,.ex192-motion *, .ex192-info{animation:none!important;transition:none!important}.ex192-motion .ex192-arrow,.ex192-motion .ex192-chartline{stroke-dashoffset:0}}

/* The list stays clear while the explanation follows the pointer to its side. */
.cmp-included-table tr[data-explain192] th{padding-right:12px!important;cursor:help}
.wp-config .wp-base-inclusions>li[data-explain192]{padding-right:12px;cursor:help}
.wp-config .wp-module-option[data-explain192]{padding-right:16px}
.ex193-entry-control:focus-visible{outline:2px solid #02a4d4;outline-offset:-2px;border-radius:8px}
.ex193-sr-control{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.wp-module-option:has(.ex193-sr-control:focus-visible){outline:2px solid #02a4d4;outline-offset:3px}
.st-explain192[data-edge=left]::before{top:calc(var(--ex-arrow) - 10px);left:-11px;transform:rotate(-45deg)}
.st-explain192[data-edge=right]::before{top:calc(var(--ex-arrow) - 10px);left:auto;right:-11px;transform:rotate(135deg)}
.st-explain192[data-follow-pointer=true]{padding:0;overflow:visible;overscroll-behavior:contain}
.st-explain192[data-follow-pointer=true] .ex192-head{gap:12px}
.st-explain192[data-follow-pointer=true] .ex192-heading-icon{width:52px;height:52px;flex-basis:52px;border-radius:16px}
.st-explain192[data-follow-pointer=true] .ex192-head h3{font-size:clamp(20px,1.8vw,26px)!important}
@media(pointer:coarse),(hover:none){
 .wp-config .wp-module-option[data-explain192]{padding-bottom:42px}
 .wp-config .wp-module-option .ex193-sr-control{width:auto!important;height:29px!important;clip-path:none!important;overflow:visible!important;margin:0!important;padding:0 10px!important;top:auto;bottom:9px;right:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,currentColor 20%,transparent)!important;border-radius:8px;font-size:12px;font-weight:600;line-height:1;background:color-mix(in srgb,var(--ex-paper,#fff) 85%,transparent);box-shadow:none}
 html:is([data-theme=dark],.dark) .wp-config .wp-module-option .ex193-sr-control{background:#263945;color:#d7f5fc}
}

/* The dialog shell keeps its directional pointer. Only content scrolls vertically. */
html body .st-explain192{padding:0;overflow:visible;box-sizing:border-box}
.st-explain192 .ex194-content{box-sizing:border-box;max-height:calc(100dvh - 32px);padding:26px 29px 22px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:inherit;scrollbar-width:thin}
.st-explain192[data-follow-pointer=true] .ex194-content{padding:22px}
.st-explain192 .ex192-head{align-items:flex-start}
.st-explain192 .ex192-head>div{min-width:0;overflow-wrap:anywhere}
.st-explain192 .ex192-heading-icon{margin-top:0}
.st-explain192 .ex192-result{box-sizing:border-box}
.st-explain192 .ex192-result>p{min-width:0;overflow-wrap:anywhere}
.st-explain192 .ex192-motion{max-width:100%}
.st-explain192 .ex192-scene{overflow:hidden}
.ex194-flag{shape-rendering:crispEdges}
:is(.cmp-included-table tr,.wp-visible-inclusions>li,.st-free-list>li,.wp-plan-capacity,.wp-base-inclusions>li,.wp-module-option)[data-explain192],
:is(.cmp-included-table tr,.wp-visible-inclusions>li,.st-free-list>li,.wp-plan-capacity,.wp-base-inclusions>li,.wp-module-option)[data-explain192] :not(button,input,a){cursor:help}
.wp-card :is(.wp-visible-inclusions>li,.st-free-list>li,.wp-plan-capacity)[data-explain192]{position:relative;border-radius:8px;transition:background .18s ease}
.wp-card :is(.wp-visible-inclusions>li,.st-free-list>li,.wp-plan-capacity)[data-explain192]:hover{background:color-mix(in srgb,#04b1d4 7%,transparent)}
.wp-card [data-explain192] .st-term{border:0;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.ex194-touch-arrow{display:none}
@media(max-width:619px){.st-explain192 .ex194-content{max-height:calc(100dvh - 24px);padding:22px 17px 19px}}
@media(max-height:700px) and (min-width:620px){.st-explain192 .ex194-content{padding:18px 23px 17px}}
@media(pointer:coarse),(hover:none){
 .cmp-included-table tr[data-explain192] th{padding-right:36px!important}
 .ex194-touch-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:20px;height:20px;color:#167e97}
 .ex194-touch-arrow svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 html:is([data-theme=dark],.dark) .ex194-touch-arrow{color:#8fe7f1}
}

/* Both pointer directions need a visible shell: the outside arrow is not scrollable content. */
html body .st-explain192[data-follow-pointer]{padding:0;overflow:visible;box-sizing:border-box;max-width:calc(100dvw - 24px);}
.st-explain192 .ex194-content{width:100%;min-width:0;max-width:100%;max-height:calc(100dvh - 34px);overflow-x:clip;overflow-y:auto;}
.st-explain192 .ex192-scene{min-width:0;max-width:calc(100% + 24px);}
.st-explain192[hidden] .ex192-scene *, .st-explain192.ex195-paused .ex192-scene *{animation-play-state:paused!important;}
@media(max-width:619px){.st-explain192 .ex194-content{max-height:calc(100dvh - 26px)}}


/* public-features-202.css */
/* Explainable package labels share the existing service dialog and controls. */
.wp-card .st-free-list > li[data-explain192] > .st-feature-label202,
.wp-card .wp-visible-inclusions > li[data-explain192] > span:not(.st-germany-flag),
.wp-card .wp-plan-capacity[data-explain192] > strong {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: .22em;
  text-decoration-skip-ink: auto;
}

/* A separate label keeps the existing left checkmark free of decoration. */
.wp-card .st-free-list > li > .st-feature-label202 {
  min-width: 0;
}

/* Mobile rows give the label all remaining space and reserve a right edge cue. */
@media (max-width: 619px) {
  .cmp-included-table tr[data-explain192] {
    min-width: 0;
    width: 100%;
  }

  .cmp-included-table tr[data-explain192] > td {
    flex-shrink: 0;
  }

  .cmp-included-table tr[data-explain192] > th {
    flex: 1 1 0;
    min-width: 0;
    align-self: stretch;
    padding-right: 30px !important;
    white-space: normal;
    overflow-wrap: break-word;
  }

  .cmp-included-table tr[data-explain192] > th > .ex194-touch-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    color: #167e97;
    pointer-events: none;
  }

  .cmp-included-table .ex194-touch-arrow > svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  html:is([data-theme=dark], .dark) .cmp-included-table .ex194-touch-arrow {
    color: #8fe7f1;
  }
}


/* public-pricing-210.css */
/* Mobile partner seal aligns with the price top and reserves its own column. */
body .cinematic-hero .st-price-copy > .st-hero-promotion{
 display:inline-block;width:fit-content;max-width:100%;margin:5px 0 8px;
 text-align:left;font-size:12px;line-height:1.4;
}
body .cinematic-hero .st-hero-promotion[hidden]{display:none}
@media(max-width:760px){
 body .cinematic-hero .hero-price.st-price-lockup{
  --price-seal-width208:clamp(100px,29vw,136px);--price-seal-gap208:clamp(12px,3vw,18px);
  display:block;position:relative;text-align:left;width:100%;max-width:100%;
  min-height:var(--price-seal-width208);
 }
 body .cinematic-hero .st-price-copy{display:block;width:100%;min-width:0}
 body .cinematic-hero .st-price-main{
  display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:nowrap;
  gap:4px 7px;min-width:0;width:calc(100% - var(--price-seal-width208) - var(--price-seal-gap208));margin:0;
 }
 body .cinematic-hero .st-price-main>span:first-child{flex:0 0 auto;grid-area:auto}
 body .cinematic-hero .st-price-main>strong{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 5px;min-width:0;
  font-size:clamp(29px,8vw,42px);line-height:1.2;grid-area:auto;
 }
 body .cinematic-hero .st-price-main>strong del{font-size:.43em}
 body .cinematic-hero .st-price-meta208{
  display:grid;grid-template-columns:var(--price-meta-start208,70px) minmax(0,1fr);
  align-items:center;min-width:0;width:calc(100% - var(--price-seal-width208) - var(--price-seal-gap208));
  margin:4px 0 6px;
 }
 body .cinematic-hero .st-price-meta208>span{
  grid-column:1;grid-row:1;justify-self:start;font-size:11px;line-height:1.5;letter-spacing:0;white-space:nowrap;
 }
 body .cinematic-hero .st-price-meta208>.st-hero-promotion{
  display:block;grid-column:2;grid-row:1;width:fit-content;max-width:100%;box-sizing:border-box;
  margin:0;padding:6px 9px;justify-self:start;font-size:clamp(10px,2.65vw,13px);
  line-height:1.4;text-align:left;white-space:normal;
 }
 body .cinematic-hero .st-price-recurring{
  display:flex;justify-content:flex-start;align-items:baseline;width:calc(100% - var(--price-seal-width208) - var(--price-seal-gap208));
  min-width:0;margin:0;line-height:1.4;gap:7px;flex-wrap:wrap;
 }
 body .cinematic-hero .st-price-copy>small{
  display:block;width:calc(100% - var(--price-seal-width208) - var(--price-seal-gap208));
  margin:4px 0 0;line-height:1.5;
 }
 body .cinematic-hero .st-price-partner-slot{
  position:absolute;top:0;right:0;
  width:var(--price-seal-width208);--badge-height:var(--price-seal-width208);
  margin:0;justify-content:flex-start;align-items:flex-start;
 }
 body .cinematic-hero .st-price-partner-slot .hero-credential{max-width:100%}
 body .hero.cinematic-hero .hero-footer{margin-top:14px}
}
@media(max-width:380px){
 body .cinematic-hero .st-price-meta208>.st-hero-promotion{padding:5px 6px}
}


/* card-scenes-signature-206.css */
/* Illustrated signature stories; all colors stay local to their frame. */
.st-signature .st-story-frame206 {
  --sig206-paper:#fff;
  --sig206-panel:#fff;
  --sig206-line:#dce7e8;
  --sig206-ink:#19332e;
  --sig206-muted:#697f7b;
  --sig206-soft:#edf4f4;
  --sig206-tint:#e1f7ee;
  --sig206-accent:#03C581;
  --sig206-accent2:#00B4ED;
  --sig206-accent3:#4387FF;
  --sig206-accent4:#00DCBA;
  --sig206-picture:#b5d9cf;
  --sig206-plane:#e4f5f3;
  --sig206-map:#e7f1ee;
  --sig206-ground:rgb(47 83 72 / .055);
}
html[data-theme=dark] .st-signature .st-story-frame206 {
  --sig206-paper:#252527;
  --sig206-panel:#2b2b2e;
  --sig206-line:#48484c;
  --sig206-ink:#efeff1;
  --sig206-muted:#b3b3b8;
  --sig206-soft:#353538;
  --sig206-tint:#3c3c40;
  --sig206-accent:#03C581;
  --sig206-accent2:#00B4ED;
  --sig206-accent3:#4387FF;
  --sig206-accent4:#00DCBA;
  --sig206-picture:#57575d;
  --sig206-plane:#2b2b2e;
  --sig206-map:#00B4ED;
  --sig206-ground:rgb(0 0 0 / .15);
}
.st-signature .st-story-frame206 .st-sig206-scene {
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  font-family:inherit;
}
.st-signature .st-story-frame206 .st-sig206-panel {
  fill:var(--sig206-panel);
  stroke:var(--sig206-line);
  stroke-width:1.4;
}
.st-signature .st-story-frame206 .st-sig206-paper {fill:var(--sig206-paper)}
.st-signature .st-story-frame206 .st-sig206-plane {fill:var(--sig206-plane)}
.st-signature .st-story-frame206 .st-sig206-ground {fill:var(--sig206-ground)}
.st-signature .st-story-frame206 .st-sig206-soft {fill:var(--sig206-soft)}
.st-signature .st-story-frame206 .st-sig206-tint {fill:var(--sig206-tint)}
.st-signature .st-story-frame206 .st-sig206-accent,
.st-signature .st-story-frame206 .st-sig206-status {fill:var(--sig206-accent)}
.st-signature .st-story-frame206 .st-sig206-accent2 {fill:var(--sig206-accent2)}
.st-signature .st-story-frame206 .st-sig206-inkfill {fill:var(--sig206-ink)}
.st-signature .st-story-frame206 .st-sig206-softink {fill:var(--sig206-muted);opacity:.55}
.st-signature .st-story-frame206 .st-sig206-picture {fill:var(--sig206-picture)}
.st-signature .st-story-frame206 .st-sig206-map {
  fill:var(--sig206-map);
  stroke:var(--sig206-accent2);
  stroke-width:1.5;
  stroke-linejoin:round;
}
.st-signature .st-story-frame206 .st-sig206-device {fill:var(--sig206-ink);stroke:var(--sig206-muted);stroke-width:1.6}
.st-signature .st-story-frame206 .st-sig206-line {stroke:var(--sig206-line);stroke-width:4;stroke-linecap:round}
.st-signature .st-story-frame206 .st-sig206-border {stroke:var(--sig206-line);stroke-width:1.3}
.st-signature .st-story-frame206 .st-sig206-nav {stroke:var(--sig206-muted);stroke-width:3;stroke-linecap:round;opacity:.5}
.st-signature .st-story-frame206 .st-sig206-textline {stroke:var(--sig206-ink);stroke-width:4;stroke-linecap:round;opacity:.85}
.st-signature .st-story-frame206 .st-sig206-connector {stroke:var(--sig206-accent2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.65}
.st-signature .st-story-frame206 .st-sig206-arrow {stroke:var(--sig206-accent2);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.st-signature .st-story-frame206 .st-sig206-icon,
.st-signature .st-story-frame206 .st-sig206-check {stroke:var(--sig206-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.st-signature .st-story-frame206 .st-sig206-pin {fill:var(--sig206-accent)}
.st-signature .st-story-frame206 .st-sig206-serverline {stroke:var(--sig206-muted);stroke-width:3;stroke-linecap:round;opacity:.55}
.st-signature .st-story-frame206 .st-sig206-backup {stroke:var(--sig206-accent2);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;fill:none}
.st-signature .st-story-frame206 .st-sig206-bubbletip {fill:var(--sig206-panel);stroke:var(--sig206-line);stroke-width:1.4;stroke-linejoin:round}
.st-signature .st-story-frame206 .st-sig206-scene text {font-family:inherit;fill:var(--sig206-ink)}
.st-signature .st-story-frame206 .st-sig206-display {font-size:24px;font-weight:650;letter-spacing:-.7px}
.st-signature .st-story-frame206 .st-sig206-aa {font-size:26px;font-weight:650;letter-spacing:-1px}
.st-signature .st-story-frame206 .st-sig206-eyebrow {font-size:11px;font-weight:650;letter-spacing:1.6px;fill:var(--sig206-muted)}
.st-signature .st-story-frame206 .st-sig206-label {font-size:16px;font-weight:600}
.st-signature .st-story-frame206 .st-sig206-logo {font-size:13px;font-weight:650}
.st-signature .st-story-frame206 .st-sig206-medium {font-size:21px;font-weight:650;letter-spacing:-.7px}
.st-signature .st-story-frame206 .st-sig206-body {font-size:14px;font-weight:450}
.st-signature .st-story-frame206 .st-sig206-small {font-size:11px;font-weight:500;letter-spacing:0}
.st-signature .st-story-frame206 .st-sig206-pintext {font-size:15px;font-weight:650;fill:var(--sig206-paper)}
.st-signature .st-story-frame206 .st-sig206-pulse {fill:none;stroke:var(--sig206-accent);stroke-width:1.5;opacity:.5}
/* Animation comes from the shared story player, so offscreen frames incur no loop work. */
@media(prefers-reduced-motion:reduce) {
  .st-signature .st-story-frame206 .st-sig206-scene * {animation:none!important;transition:none!important}
}

.st-signature .st-story-frame206 .st-sig206-displaycompact {font-size:21px;letter-spacing:-.55px}
.st-signature .st-story-frame206 .st-sig206-labelcompact {font-size:14px;letter-spacing:-.25px}

.st-signature .st-story-frame206 .st-sig206-accent3 {fill:var(--sig206-accent3)}
.st-signature .st-story-frame206 .st-sig206-accent4 {fill:var(--sig206-accent4)}
.st-signature .st-story-frame206 .st-sig206-scene .st-sig206-colortitle {fill:var(--sig206-accent)}

/* Meaningful colored parts stay vivid in either theme; paper surfaces stay neutral. */
.st-signature .st-story-frame206 :is(.st-sig206-care,.st-sig206-portal) .st-sig206-tint {fill:var(--sig206-accent4)}
.st-signature .st-story-frame206 .st-sig206-care :is(.st-sig206-icon,.st-sig206-check),
.st-signature .st-story-frame206 .st-sig206-portal .st-sig206-check {stroke:#17382f}
.st-signature .st-story-frame206 .st-sig206-portal .st-sig206-small {fill:#17382f}
.st-signature .st-story-frame206 .st-sig206-structure .st-sig206-tint {fill:var(--sig206-accent2)}
.st-signature .st-story-frame206 .st-sig206-structure .st-sig206-icon {stroke:#fff}
.st-signature .st-story-frame206 .st-sig206-structure .st-sig206-body {fill:#fff}

.st-signature .st-story-frame206 .st-sig206-care .st-sig206-clockhand {stroke:var(--sig206-accent4)}

/* Optical polish: readable portal chrome and uniform line rendering at any scale. */
.st-signature .st-story-frame206 .st-sig206-portal .st-sig206-logo {font-size:15px}
.st-signature .st-story-frame206 .st-sig206-scene {shape-rendering:geometricPrecision}
.st-signature .st-story-frame206 .st-sig206-layoutline {stroke:#fff;stroke-width:7;stroke-linecap:round;opacity:.65}


/* card-scenes-services-206.css */
/* Only the internal artwork changes. No transforms or animations are applied to cards. */
#leistungen .st-story-frame206 {
  --svc-ink206: #20362f;
  --svc-muted206: #6b7e78;
  --svc-paper206: #fff;
  --svc-edge206: #dde9e6;
  --svc-soft206: #f0f5f4;
  --svc-line206: #d9e4e1;
  --svc-halo206: #eaf4f1;
  --svc-accent206: #03c581;
  --svc-accent-soft206: #e2fff2;
  --svc-accent-ink206: #03c581;
  --svc-server206: #344c45;
  --svc-server-top206: #73887e;
  --svc-server-side206: #263c35;
  --svc-server-slot206: #456158;
  --svc-server-line206: #91afa1;
  --svc-shield206: #c8e8d8;
  --svc-button-ink206: #14362b;
}
#leistungen .st-story-frame206 .st-svc-scene206 {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  font-family: Manrope, Arial, sans-serif;
  color: var(--svc-ink206);
  shape-rendering: geometricPrecision;
  text-rendering: optimizeLegibility;
}
#leistungen .st-story-frame206 .st-svc-paper206 { fill: var(--svc-paper206); stroke: var(--svc-edge206); stroke-width: 1; }
#leistungen .st-story-frame206 .st-svc-paper-fill206 { fill: var(--svc-paper206); }
#leistungen .st-story-frame206 .st-svc-shadow206 { filter: drop-shadow(0 7px 8px #243e3410); }
#leistungen .st-story-frame206 .st-svc-soft206 { fill: var(--svc-soft206); }
#leistungen .st-story-frame206 .st-svc-line206 { fill: var(--svc-line206); }
#leistungen .st-story-frame206 .st-svc-halo206 { fill: var(--svc-halo206); }
#leistungen .st-story-frame206 .st-svc-accent206 { fill: var(--svc-accent206); }
#leistungen .st-story-frame206 .st-svc-cyan206 { fill: #00b4ed; }
#leistungen .st-story-frame206 .st-svc-blue206 { fill: #4387ff; }
#leistungen .st-story-frame206 .st-svc-teal206 { fill: #00dcba; }
#leistungen .st-story-frame206 .st-svc-accent-soft206 { fill: var(--svc-accent-soft206); }
#leistungen .st-story-frame206 .st-svc-ink-fill206 { fill: var(--svc-ink206); }
#leistungen .st-story-frame206 :is(.st-svc-accent-stroke206, .st-svc-cyan-stroke206, .st-svc-blue-stroke206, .st-svc-check-stroke206, .st-svc-divider206, .st-svc-button-stroke206, .st-svc-server-line206, .st-svc-shield-check206) {
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#leistungen .st-story-frame206 .st-svc-accent-stroke206 { stroke: var(--svc-accent-ink206); }
#leistungen .st-story-frame206 .st-svc-cyan-stroke206 { stroke: #00b4ed; }
#leistungen .st-story-frame206 .st-svc-blue-stroke206 { stroke: #4387ff; }
#leistungen .st-story-frame206 .st-svc-check-stroke206 { stroke: #fff; stroke-width: 2.2; }
#leistungen .st-story-frame206 .st-svc-divider206 { stroke: var(--svc-line206); }
#leistungen .st-story-frame206 .st-svc-rule-stroke206 { stroke-width: 4; }
#leistungen .st-story-frame206 .st-svc-bold-stroke206 { stroke-width: 2.5; }
#leistungen .st-story-frame206 :is(.st-svc-label206, .st-svc-head206, .st-svc-brand206, .st-svc-type206, .st-svc-small206) { fill: var(--svc-ink206); }
#leistungen .st-story-frame206 .st-svc-label206 { font-size: 14px; font-weight: 600; letter-spacing: -.2px; }
#leistungen .st-story-frame206 .st-svc-head206 { font-size: 18px; font-weight: 600; letter-spacing: -.4px; }
#leistungen .st-story-frame206 .st-svc-brand206 { font-size: 21px; font-weight: 800; letter-spacing: -.85px; }
#leistungen .st-story-frame206 .st-svc-type206 { font-size: 49px; font-weight: 650; letter-spacing: -3px; }
#leistungen .st-story-frame206 .st-svc-type-compact206 { font-size: 41px; }
#leistungen .st-story-frame206 .st-svc-small206 { font-size: 12px; font-weight: 550; letter-spacing: -.1px; }
#leistungen .st-story-frame206 .st-svc-button-text206 { fill: var(--svc-button-ink206); font-size: 12px; font-weight: 700; }
#leistungen .st-story-frame206 .st-svc-button-stroke206 { stroke: var(--svc-button-ink206); }
#leistungen .st-story-frame206 .st-svc-cursor206 { fill: var(--svc-ink206); stroke: var(--svc-paper206); stroke-width: 2; stroke-linejoin: round; }
#leistungen .st-story-frame206 .st-svc-server206 { fill: var(--svc-server206); }
#leistungen .st-story-frame206 .st-svc-server-top206 { fill: var(--svc-server-top206); }
#leistungen .st-story-frame206 .st-svc-server-side206 { fill: var(--svc-server-side206); }
#leistungen .st-story-frame206 .st-svc-server-slot206 { fill: var(--svc-server-slot206); }
#leistungen .st-story-frame206 .st-svc-server-line206 { stroke: var(--svc-server-line206); stroke-width: 3; }
#leistungen .st-story-frame206 .st-svc-server-dot206 { fill: #00dcba; }
#leistungen .st-story-frame206 .st-svc-shield206 { stroke: var(--svc-paper206); stroke-width: 2; }
#leistungen .st-story-frame206 .st-svc-shield-check206 { stroke: #fff; stroke-width: 5; }
html[data-theme=dark] #leistungen .st-story-frame206 {
  --svc-ink206: #e5e6e8;
  --svc-muted206: #9b9da2;
  --svc-paper206: #242628;
  --svc-edge206: #45484d;
  --svc-soft206: #303236;
  --svc-line206: #50545a;
  --svc-halo206: #2a2c30;
  --svc-accent206: #03c581;
  --svc-accent-soft206: #35383d;
  --svc-accent-ink206: #03c581;
  --svc-server206: #36383c;
  --svc-server-top206: #696d74;
  --svc-server-side206: #202226;
  --svc-server-slot206: #484c52;
  --svc-server-line206: #a3a7ae;
  --svc-shield206: #3e4349;
  --svc-button-ink206: #182c23;
}
html[data-theme=dark] #leistungen .st-story-frame206 .st-svc-shadow206 { filter: drop-shadow(0 7px 8px #0002); }


/* card-stories-206.css */
/* The shells stay still. Only illustration layers and their copy change. */
.st-story-card206{position:relative}
.st-story-card206 .st-story-art206{position:relative;isolation:isolate;overflow:hidden;perspective:900px}
.st-story-frame206{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;contain:layout style}
.st-story-frame206.is-current{opacity:1;visibility:visible}
.st-story-frame206.is-entering,.st-story-frame206.is-leaving{visibility:visible;will-change:transform,opacity}
.st-story-frame206.is-leaving{opacity:1}
.st-story-frame206.is-entering{animation:st-story-arrive206 .72s cubic-bezier(.2,.8,.2,1) both}
.st-story-frame206.is-leaving{animation:st-story-leave206 .34s ease-in both}
.st-story-frame206.is-entering .st-story-piece206{
 animation:st-story-assemble206 .95s cubic-bezier(.17,.85,.25,1) both;
 animation-delay:calc(var(--piece-index,0)*80ms);transform-box:fill-box;transform-origin:center;
}
.st-story-copy206{position:relative;display:block;min-width:0;width:100%}
.st-story-copy-frame206{position:absolute;inset:0 0 auto;display:block;opacity:0;visibility:hidden;text-wrap:pretty}
.st-story-copy-frame206.is-current{opacity:1;visibility:visible}
.st-story-copy-frame206.is-entering{visibility:visible;animation:st-story-copy-in206 .5s .12s cubic-bezier(.2,.8,.2,1) both}
.st-story-copy-frame206.is-leaving{visibility:visible;opacity:1;animation:st-story-copy-out206 .22s ease-in both}
body.st-home #leistungen .st-service>h3{font-size:clamp(20px,1.65vw,24px);line-height:1.3;font-weight:600;letter-spacing:-.6px}
body.st-home #leistungen .st-service>p{font-size:18px;line-height:1.6}
body.st-home .st-signature-item.st-story-card206>p.st-solution{
 font-size:var(--st-story-body-size206,18px);line-height:var(--st-story-body-leading206,1.55);font-weight:400;
}
body.st-home .st-signature-item.st-story-card206>p.st-solution>svg{margin-top:.22em;flex:none}
.st-story-heading206{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;width:100%;border-top:1px solid var(--st-border);padding-top:12px;margin:0 0 16px}
body.st-home .st-story-heading206>.st-statement-number{border:0;padding:0;margin:0;min-width:0;flex:1;align-self:center}
.st-story-controls206{position:relative;z-index:4;display:flex;align-items:center;gap:2px;margin-left:auto;flex:none;padding:0;border:0;background:transparent}
.st-story-controls206 button{
 appearance:none;display:grid;place-items:center;width:24px;height:28px;padding:0;border:0;
 border-radius:50%;background:transparent;color:var(--st-text,#18332b);cursor:pointer;
}
.st-story-controls206 button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.st-story-controls206 button[hidden]{display:none}
.st-story-controls206 button:hover{background:color-mix(in srgb,currentColor 7%,transparent)}
.st-story-dot206::before{content:'';width:9px;height:3px;border-radius:4px;background:currentColor;opacity:.23;transition:opacity .2s,width .2s}
.st-story-dot206[aria-current=true]::before{opacity:.8;width:14px}
.st-story-controls206 .st-story-pause206{border-left:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:0;margin-left:3px;padding-left:3px}
.st-story-pause206 svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.st-story-card206:not(.is-story-visible206) .st-story-frame206 *{animation-play-state:paused!important}
.st-story-card206.is-story-document-hidden206 .st-story-frame206 *{animation-play-state:paused!important}
/* Keep large dark surfaces neutral while preserving the artwork's color accents. */
html[data-theme=dark] body.st-home #leistungen .st-story-frame206 .st-care-illustration{
 --care-paper:#242628;--care-line:#50545a;--care-ink:#e5e6e8;--care-muted:#a3a7ae;--care-soft:#303236;--care-mint:#03c581;
}
html[data-theme=dark] body.st-home #leistungen .st-story-frame206 .st-function-confirm{background:#303236;color:#e5e6e8}
html[data-theme=dark] body.st-home #leistungen .st-story-art206::before{background:radial-gradient(ellipse,#b8bcc210,transparent 70%)}
@keyframes st-story-arrive206{from{opacity:0;transform:translate3d(0,16px,-35px) rotateX(7deg) scale(.975)}to{opacity:1;transform:none}}
@keyframes st-story-leave206{to{opacity:0;transform:translate3d(0,-10px,-20px) scale(.985)}}
@keyframes st-story-assemble206{from{opacity:0;transform:translate3d(calc(var(--piece-index,0)*10px - 28px),calc(var(--piece-index,0)*-7px - 20px),38px) rotateX(9deg) rotateZ(calc(var(--piece-index,0)*1.2deg - 3deg)) scale(.91)}68%{opacity:1;transform:translate3d(0,3px,0) rotateX(-.5deg) scale(1.012)}to{opacity:1;transform:none}}
.st-story-frame206.is-entering .st-svc-shield-check206{stroke-dasharray:100;animation:st-story-draw206 .55s .75s both}
@keyframes st-story-draw206{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes st-story-copy-in206{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes st-story-copy-out206{to{opacity:0;transform:translateY(-5px)}}
@media(max-width:767px){
 body.st-home #leistungen .st-service>h3{font-size:21px;line-height:1.32}
 body.st-home #leistungen .st-service>p{font-size:17px;line-height:1.6}
 .st-story-frame206.is-entering{animation:st-story-slide-in206 .65s cubic-bezier(.22,.8,.22,1) both}
 .st-story-frame206.is-leaving{animation:st-story-slide-out206 .52s cubic-bezier(.4,0,.25,1) both}
 .st-story-frame206.is-entering .st-story-piece206{animation:st-story-piece-mobile206 .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.12s + var(--piece-index,0)*45ms)}
 @keyframes st-story-slide-in206{from{opacity:0;transform:translate3d(102%,0,0)}20%{opacity:1}to{opacity:1;transform:none}}
 @keyframes st-story-slide-out206{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(-102%,0,0)}}
 @keyframes st-story-piece-mobile206{from{opacity:0;transform:translate3d(16px,8px,0) scale(.96)}to{opacity:1;transform:none}}
}
@media(min-width:600px) and (max-width:959px){.st-signature-item>.st-story-heading206{grid-column:2}}
@media(max-width:380px){body.st-home .st-story-heading206>.st-statement-number:before{display:none}}
@media(prefers-reduced-motion:reduce){
 .st-story-frame206,.st-story-frame206 *,.st-story-copy-frame206{animation:none!important;transition:none!important}
 .st-story-frame206,.st-story-copy-frame206{transform:none!important}
}


/* card-life-208.css */
/* Separate illustration layers keep their entrance and original geometry intact. */
.st-card-life-layer208{
 transform-box:fill-box;transform-origin:center;
 animation:st-card-life-drift208 var(--life-time208,13s) cubic-bezier(.4,0,.6,1) infinite;
 animation-play-state:paused;
}
.st-card-life-html208{position:absolute;inset:0;pointer-events:none;transform-box:border-box}
.st-story-card206[data-life-running208=true] .st-story-frame206.is-current:not(.is-entering) .st-card-life-layer208{
 animation-play-state:running;will-change:transform;
}
/* Begin at the same position as the assembly's final frame, then trace a small flowing arc. */
@keyframes st-card-life-drift208{
 0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
 34%{transform:translate3d(var(--life-x208,2px),var(--life-y208,-2px),0) rotate(var(--life-angle208,.2deg))}
 70%{transform:translate3d(calc(var(--life-x208,2px) * -.55),calc(var(--life-y208,-2px) * .5),0) rotate(calc(var(--life-angle208,.2deg) * -.6))}
}
/* The source player also suspends all illustration work outside its viewport. */
.st-story-card206:not(.is-story-visible206) .st-card-life-layer208,
.st-story-card206.is-story-document-hidden206 .st-card-life-layer208{animation-play-state:paused!important;will-change:auto}
@media(max-width:959px){
 /* A horizontal gesture switches examples; the browser retains vertical scrolling and zoom. */
 .st-signature .st-story-card206,#leistungen .st-story-card206{touch-action:pan-y pinch-zoom}
}
@media(prefers-reduced-motion:reduce){
 .st-card-life-layer208{animation:none!important;transform:none!important;will-change:auto!important}
}


/* public-explain-scenes205.css */
/* Purpose-built explanation diagrams. Every animation stays inside its scene. */
.ex195s-motion{display:block;width:100%;max-width:100%;height:auto;overflow:hidden;contain:paint;isolation:isolate}
.ex195s-motion .ex195s-text{fill:var(--ex-ink,#102c39);font-family:Manrope,Arial,sans-serif;font-weight:650;letter-spacing:-.3px}
.ex195s-motion .ex195s-muted{fill:var(--ex-muted,#637d8e);font-weight:500}
.ex195s-motion .ex195s-accent{fill:#059cbc}
.ex195s-motion .ex195s-white{fill:#fff}
.ex195s-motion .ex195s-centered{text-anchor:middle}
.ex195s-icon{color:#05a4c1}
.ex195s-white-icon{color:#fff}
.ex195s-card{fill:var(--ex-paper,#fff);stroke:var(--ex-line,#d8e7ee);stroke-width:1.1}
.ex195s-soft{fill:var(--ex-soft,#edf7fb)}
.ex195s-line{fill:var(--ex-line,#d7e4eb)}
.ex195s-chip{fill:var(--ex-paper,#fff);stroke:var(--ex-line,#d8e7ee);stroke-width:1}
.ex195s-shadow{fill:#49718a;opacity:.09}
.ex195s-halo{fill:#ddf9fc;opacity:.7}
.ex195s-shield{fill:var(--ex-soft,#eefafe);stroke:#9bd5e4;stroke-width:1.5}
.ex195s-rack-front{fill:#173c50}
.ex195s-server-tray{fill:#e2f3f9;stroke:#a3cddd;stroke-width:.65}
.ex195s-server-tray+.ex195s-line{fill:#91bccf}
.ex195s-tree{fill:none;stroke:#bfdbe6;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ex195s-route{stroke:#10abc6;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;animation:ex195s-route 1.25s cubic-bezier(.22,.8,.25,1) both;animation-delay:var(--ex195s-delay,0ms)}
.ex195s-reveal{animation:ex195s-appear .65s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--ex195s-delay,0ms)}
.ex195s-server-float{animation:ex195s-float 5.4s ease-in-out infinite}
.ex195s-led{animation:ex195s-led 2.2s ease-in-out infinite;animation-delay:var(--ex195s-delay,0ms)}
.ex195s-backup{animation:ex195s-backup 5.4s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--ex195s-delay,0ms)}
.ex195s-lock-close{animation:ex195s-lock 4.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.ex195s-highlighter{animation:ex195s-highlight 5.4s ease-in-out infinite;transform-box:fill-box;transform-origin:left}
.ex195s-swatch{animation:ex195s-appear .65s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--ex195s-delay,0ms)}
.ex195s-layout-button{animation:ex195s-softpulse 4.8s ease-in-out infinite}
.ex195s-calendar-pick{fill:#91e5ed;animation:ex195s-calendar 4.6s ease-in-out infinite}
.ex195s-transfer{animation:ex195s-transfer 4.7s ease-in-out infinite;animation-delay:var(--ex195s-delay,0ms)}
.ex195s-wayfinder{animation:ex195s-softpulse 4.8s ease-in-out infinite}
.ex205s-map-viewport{overflow:hidden;border-radius:14px;isolation:isolate}
.ex205s-map-ground{fill:#eaf4f8}
.ex205s-map-water{fill:#d4eef5}
.ex205s-map-block{fill:#deecec}
.ex205s-map-roads{fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}
.ex205s-map-roads .ex205s-map-side-road{stroke-width:6}
.ex205s-map-route-under{fill:none;stroke:#fff;stroke-width:11;stroke-linecap:round;stroke-linejoin:round}
.ex205s-map-route{fill:none;stroke:#06b9cb;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:230;stroke-dashoffset:230;animation:ex205s-map-route 4.8s cubic-bezier(.22,.8,.25,1) infinite}
.ex205s-map-pin-glow{fill:#05bbcb;opacity:.14;animation:ex205s-map-glow 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.ex205s-map-pin-base{fill:#0ba8bd;opacity:.2}
.ex205s-map-marker{stroke:#fff;stroke-width:2.5;stroke-linejoin:round}
.ex205s-map-pin-center{fill:#fff}
.ex205s-profile-arrow{fill:none;stroke:#08a4bf;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
[data-theme=dark] .ex205s-map-ground{fill:#233943}
[data-theme=dark] .ex205s-map-water{fill:#1c4b5a}
[data-theme=dark] .ex205s-map-block{fill:#2b4850}
[data-theme=dark] .ex205s-map-roads{stroke:#52707c}
[data-theme=dark] .ex205s-map-route-under{stroke:#244650}
[data-theme=dark] .ex205s-map-route{stroke:#21d2db}
[data-theme=dark] .ex205s-map-marker{stroke:#244650}
@keyframes ex205s-map-route{0%,8%{stroke-dashoffset:230;opacity:.5}35%,82%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes ex205s-map-glow{0%,100%{transform:scale(.88);opacity:.1}50%{transform:scale(1.18);opacity:.23}}
@media(prefers-reduced-motion:reduce){.ex192-motion .ex205s-map-route,.ex192-motion .ex205s-map-pin-glow{animation:none!important}.ex192-motion .ex205s-map-route{stroke-dashoffset:0;opacity:1}}
@keyframes ex195s-appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes ex195s-route{to{stroke-dashoffset:0}}
@keyframes ex195s-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes ex195s-led{0%,65%,100%{opacity:.48}25%,40%{opacity:1}}
@keyframes ex195s-backup{0%,15%,100%{opacity:1;transform:translateY(0)}50%{opacity:.64;transform:translateY(-3px)}75%{opacity:1;transform:translateY(0)}}
@keyframes ex195s-lock{0%,100%{transform:scale(1)}35%{transform:scale(1.035)}60%{transform:scale(1)}}
@keyframes ex195s-highlight{0%,12%{transform:scaleX(.05);opacity:0}32%,85%{transform:scaleX(1);opacity:.16}100%{transform:scaleX(1);opacity:.13}}
@keyframes ex195s-softpulse{0%,100%{opacity:.82}50%{opacity:1}}
@keyframes ex195s-calendar{0%,100%{fill:#91e5ed}50%{fill:#39c5de}}
@keyframes ex195s-transfer{0%,10%{transform:translateX(-8px);opacity:.58}45%,65%{transform:translateX(8px);opacity:1}100%{transform:translateX(-8px);opacity:.58}}
@media(prefers-reduced-motion:reduce){.ex195s-motion *{animation:none!important;transition:none!important}.ex195s-motion .ex195s-route,.ex195s-motion .ex205s-map-route{stroke-dashoffset:0}.ex195s-motion .ex195s-reveal,.ex195s-motion .ex195s-led,.ex195s-motion .ex195s-transfer,.ex195s-motion .ex205s-map-route{opacity:1}}


/* public-explain-motion195.css */
/* Every scene is a separate visual metaphor. No laptop stock scene or raster media. */
.ex195m{--ex195m-a:#04bdb5;--ex195m-b:#0099e4;--ex195m-cycle:7.5s;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:16px 10px 18px;color:var(--ex-ink,#0b202c);font-family:Manrope,Arial,sans-serif;overflow:hidden;isolation:isolate;container-type:inline-size}
.ex195m *,.ex195m *::before,.ex195m *::after{box-sizing:border-box}
.ex195m-icon{display:block;flex:0 0 auto;width:22px;height:22px;max-width:100%;color:inherit}
.ex195m strong,.ex195m small,.ex195m span{letter-spacing:normal}
.ex195m strong{font-weight:650}
.ex195m small{display:block;font-size:11px;line-height:1.45;color:var(--ex-muted,#62798b)}
.ex195m-eyebrow{display:block;font-size:9px;font-weight:700;line-height:1.4;letter-spacing:1.35px!important;color:var(--ex-muted,#62798b)}
.ex195m-rail{display:flex;justify-content:center;align-items:center;gap:12px;margin:15px auto 0;max-width:100%}
.ex195m-rail-item{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:8px 12px;border:1px solid color-mix(in srgb,var(--ex-line,#d9e3e9) 65%,transparent);border-radius:100px;background:var(--ex-paper,#fff);font-size:11px;line-height:1.35;color:var(--ex-ink,#0b202c)}
.ex195m-rail-icon{color:#05a8bf}.ex195m-rail-icon .ex195m-icon{width:16px;height:16px}
.ex195m-copy-line{display:block;width:100%;height:5px;margin-top:9px;border-radius:4px;background:var(--ex-line,#d9e3e9)}.ex195m-copy-short{width:72%;margin-top:5px}
/* Scroll: a real miniature scroll viewport with timed section reveals. */
.ex195m-scroll-stage{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:27px;padding:8px 12px 0;min-height:276px;background:radial-gradient(ellipse at 32% 58%,#10bddf13 0,transparent 62%)}
.ex195m-scroll-browser{overflow:hidden;min-width:0;border:1px solid color-mix(in srgb,var(--ex-line) 85%,#74c7dd);border-radius:15px;background:var(--ex-paper);box-shadow:0 15px 27px #1a53600e,0 3px 7px #21526a09;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg);transform-origin:center;}
.ex195m-scroll-chrome{height:32px;display:flex;align-items:center;gap:9px;padding:0 12px;border-bottom:1px solid var(--ex-line);background:var(--ex-soft);font-size:10px;line-height:1;font-weight:650;color:var(--ex-muted)}
.ex195m-browser-dots{display:flex;gap:3px}.ex195m-browser-dots i{width:4px;height:4px;border-radius:50%;background:#96b4c3}.ex195m-browser-dots i:first-child{background:#11bdc4}
.ex195m-scroll-chrome-mark{margin-left:auto;color:#0aa4bc}.ex195m-scroll-chrome-mark .ex195m-icon{width:15px;height:15px}
.ex195m-scroll-viewport{position:relative;height:238px;overflow:hidden;padding:0 16px;background:var(--ex-paper);}
.ex195m-scroll-document{animation:ex195m-document var(--ex195m-cycle) cubic-bezier(.4,0,.2,1) infinite;will-change:transform}
.ex195m-scroll-hero{position:relative;min-height:176px;padding:25px 105px 17px 0;}
.ex195m-scroll-hero strong{display:block;position:relative;z-index:1;margin-top:10px;font-size:19px;line-height:1.24;letter-spacing:-.55px!important;max-width:210px;}
.ex195m-scroll-hero-line{display:block;height:6px;width:68px;border-radius:5px;margin-top:15px;background:linear-gradient(100deg,var(--ex195m-a),var(--ex195m-b))}
.ex195m-scroll-art{position:absolute;width:122px;height:145px;right:0;top:15px}.ex195m-scroll-art svg{width:100%;height:100%;display:block}
.ex195m-scroll-section{display:flex;align-items:center;gap:12px;min-height:72px;border-top:1px solid var(--ex-line);padding:13px 0;}
.ex195m-scroll-section>div{flex:1;min-width:0}.ex195m-scroll-section strong{display:block;font-size:13px;line-height:1.35}.ex195m-scroll-section-number{font-size:20px;font-weight:550;color:var(--ex195m-b);}
.ex195m-section-glyph{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--ex-soft);color:#079fb8;}.ex195m-section-glyph .ex195m-icon{width:21px;height:21px;}
.ex195m-scroll-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:16px;}
.ex195m-scroll-card-grid>div{min-width:0;padding:14px 12px;border:1px solid var(--ex-line);border-radius:12px;background:var(--ex-soft);}
.ex195m-scroll-card-grid>div>span{color:#04a6bf}.ex195m-scroll-card-grid strong{display:block;margin-top:9px;font-size:11px;line-height:1.3}.ex195m-scroll-card-grid i{display:block;height:4px;width:87%;margin-top:9px;border-radius:4px;background:var(--ex-line)}.ex195m-scroll-card-grid i+i{width:64%;margin-top:5px;}
.ex195m-scroll-reveal{animation:ex195m-section var(--ex195m-cycle) ease infinite;}.ex195m-reveal-two{animation-name:ex195m-section-two;}.ex195m-reveal-three{animation-name:ex195m-section-three;}
.ex195m-scroll-contact{min-height:77px}.ex195m-scroll-contact>span:first-child{color:#04a6bf}.ex195m-scroll-contact strong{font-size:11px}.ex195m-scroll-contact-button{display:flex;align-items:center;gap:4px;border-radius:20px;padding:8px;background:linear-gradient(100deg,var(--ex195m-a),var(--ex195m-b));color:#fff;font-size:9px;line-height:1}.ex195m-scroll-contact-button .ex195m-icon{width:13px;height:13px}
.ex195m-scroll-track{position:absolute;width:3px;top:13px;bottom:13px;right:5px;border-radius:6px;background:var(--ex-soft)}.ex195m-scroll-track span{display:block;width:3px;height:60px;border-radius:6px;background:#30b8cf;animation:ex195m-scroll-thumb var(--ex195m-cycle) ease infinite;}
.ex195m-scroll-cursor{position:absolute;display:grid;place-items:center;width:26px;height:36px;right:19px;bottom:12px;border:1px solid #8bd3e255;border-radius:20px;background:var(--ex-paper);color:#099eb8;box-shadow:0 5px 12px #09647414;}.ex195m-scroll-cursor .ex195m-icon{width:15px;height:24px;animation:ex195m-nudge 1.8s ease infinite;}
.ex195m-scroll-director{min-width:0;}
.ex195m-motion-note{display:flex;align-items:center;gap:10px;padding:14px 10px;margin-top:11px;border:1px solid var(--ex-line);border-radius:13px;background:var(--ex-paper);box-shadow:0 10px 20px #174e6708;animation:ex195m-note-one var(--ex195m-cycle) ease infinite;}
.ex195m-motion-note>span{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:9px;background:var(--ex-soft);color:#09a6be}.ex195m-motion-note>div{min-width:0}.ex195m-motion-note strong{display:block;font-size:11px;line-height:1.4;}.ex195m-motion-note small{font-size:9px;margin-top:3px;}.ex195m-note-two{animation-name:ex195m-note-two;}
.ex195m-easing-curve{padding:10px 4px 0}.ex195m-easing-curve svg{display:block;width:100%;height:49px;fill:none}.ex195m-easing-axis{stroke:var(--ex-line);stroke-width:1}.ex195m-easing-path{stroke:#17abc9;stroke-width:2;stroke-linecap:round;stroke-dasharray:210;animation:ex195m-easing 5s ease infinite}.ex195m-easing-dot{fill:#05b7c1;stroke:var(--ex-paper);stroke-width:2}.ex195m-easing-curve>span{display:block;text-align:center;font-size:9px;color:var(--ex-muted);line-height:1.4}
@keyframes ex195m-document{0%,13%{transform:translateY(0)}35%,46%{transform:translateY(-111px)}69%,88%{transform:translateY(-216px)}100%{transform:translateY(0)}}
@keyframes ex195m-section{0%,13%,100%{opacity:.18;transform:translateY(18px)}28%,92%{opacity:1;transform:translateY(0)}}
@keyframes ex195m-section-two{0%,27%,100%{opacity:.1;transform:translateY(23px)}43%,91%{opacity:1;transform:translateY(0)}}
@keyframes ex195m-section-three{0%,33%,100%{opacity:.1;transform:translateY(23px)}49%,91%{opacity:1;transform:translateY(0)}}
@keyframes ex195m-scroll-thumb{0%,13%,100%{transform:translateY(0)}35%,46%{transform:translateY(72px)}69%,88%{transform:translateY(151px)}}
@keyframes ex195m-note-one{0%,13%,100%{transform:translateX(5px);opacity:.55}28%,92%{transform:none;opacity:1}}
@keyframes ex195m-note-two{0%,33%,100%{transform:translateX(5px);opacity:.55}49%,92%{transform:none;opacity:1}}
@keyframes ex195m-nudge{0%,100%{transform:translateY(-2px)}55%{transform:translateY(2px)}}
@keyframes ex195m-easing{0%,100%{stroke-dashoffset:210;opacity:.25}35%,90%{stroke-dashoffset:0;opacity:1}}
/* Brand intro: custom geometric mark builds, draws, sweeps and resolves. */
.ex195m-brand-stage{position:relative;height:278px;padding-top:8px;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#09a7d91a,transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--ex-soft) 80%,transparent),var(--ex-paper));}
.ex195m-brand-grid{position:absolute;inset:0;background-image:linear-gradient(var(--ex-line) 1px,transparent 1px),linear-gradient(90deg,var(--ex-line) 1px,transparent 1px);background-size:32px 32px;opacity:.22;mask-image:radial-gradient(ellipse,black,transparent 73%);}
.ex195m-brand-halo{position:absolute;left:calc(50% - 126px);top:0;width:252px;height:240px;border-radius:50%;background:radial-gradient(ellipse,#06bfa926,transparent 70%);animation:ex195m-halo 7s ease infinite;}
.ex195m-brand-lines{position:absolute;inset:0;overflow:hidden;}
.ex195m-brand-lines span{position:absolute;left:0;top:86px;height:1px;width:100%;background:linear-gradient(90deg,transparent,#16afd960,transparent);transform:rotate(-17deg);animation:ex195m-rays 7s ease infinite;}.ex195m-brand-lines span:nth-child(2){top:160px;transform:rotate(14deg);animation-delay:.12s}.ex195m-brand-lines span:nth-child(3){top:130px;transform:rotate(0);animation-delay:.24s;}
.ex195m-brand-symbol{position:relative;z-index:1;width:164px;height:164px;margin:0 auto;}.ex195m-brand-symbol svg{width:100%;height:100%;display:block;overflow:visible;}
.ex195m-brand-contour{stroke-dasharray:510;animation:ex195m-contour 7s cubic-bezier(.2,.7,.2,1) infinite;}
.ex195m-brand-fragment{transform-box:fill-box;transform-origin:center;animation:ex195m-mark-left 7s cubic-bezier(.22,1,.36,1) infinite;}.ex195m-fragment-b{animation-name:ex195m-mark-right;}
.ex195m-brand-orbit{transform-origin:90px 90px;animation:ex195m-brand-orbit 14s linear infinite;}.ex195m-brand-sparks{animation:ex195m-brand-sparks 7s ease infinite;}
.ex195m-brand-name{position:relative;display:flex;flex-direction:column;align-items:center;width:fit-content;max-width:100%;margin:1px auto 0;overflow:hidden;animation:ex195m-brand-name 7s cubic-bezier(.22,1,.36,1) infinite;}
.ex195m-brand-name strong{font-size:37px;line-height:1.28;letter-spacing:-1.2px!important;background:linear-gradient(100deg,#03ae9c,#039dde);background-clip:text;-webkit-background-clip:text;color:transparent;}
.ex195m-brand-tagline{display:block;margin-top:3px;font-size:12px;line-height:1.5;color:var(--ex-muted);text-align:center;}
.ex195m-brand-sweep{position:absolute;z-index:1;inset:-10% auto -10% -30%;width:23%;background:linear-gradient(90deg,transparent,#ffffffb0,transparent);transform:skewX(-17deg);mix-blend-mode:overlay;animation:ex195m-brand-sweep 7s ease infinite;pointer-events:none;}
.ex195m-brand-corner{position:absolute;bottom:16px;display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.1px!important;font-weight:700;color:var(--ex-muted);opacity:.72;}.ex195m-brand-corner-start{left:19px}.ex195m-brand-corner-end{right:19px}.ex195m-brand-corner>span{width:20px;height:1px;background:#38bacd;}
@keyframes ex195m-contour{0%,4%{stroke-dashoffset:510;opacity:0}29%,88%{stroke-dashoffset:0;opacity:.75}100%{stroke-dashoffset:0;opacity:0}}
@keyframes ex195m-mark-left{0%,9%{opacity:0;transform:translate(-33px,-18px) rotate(-20deg) scale(.65)}32%,90%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px) scale(.92)}}
@keyframes ex195m-mark-right{0%,14%{opacity:0;transform:translate(35px,25px) rotate(22deg) scale(.65)}37%,90%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px) scale(.92)}}
@keyframes ex195m-brand-name{0%,23%{opacity:0;transform:translateY(13px)}40%,90%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-5px)}}
@keyframes ex195m-brand-sweep{0%,40%{left:-30%;opacity:0}49%{opacity:1}64%,100%{left:125%;opacity:0}}
@keyframes ex195m-brand-sparks{0%,24%,64%,100%{opacity:0}38%,47%{opacity:.9}}
@keyframes ex195m-brand-orbit{to{transform:rotate(360deg)}}
@keyframes ex195m-halo{0%,100%{opacity:.5;transform:scale(.8)}35%,85%{opacity:1;transform:scale(1)}}
@keyframes ex195m-rays{0%,16%,100%{opacity:0;translate:-18px 0}35%,60%{opacity:.6;translate:0 0}83%{opacity:0;translate:18px 0}}
/* Process: genuine six-face CSS solids, a perspective camera and an assembling plan. */
.ex195m-process-stage{position:relative;height:285px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#08b4dd15,transparent 65%);}
.ex195m-process-ground{position:absolute;left:8%;right:8%;top:68px;height:128px;border-radius:50%;background:radial-gradient(ellipse,#1b6e8120,transparent 68%);filter:blur(7px);}
.ex195m-process-camera{position:absolute;top:29px;left:50%;width:450px;height:160px;perspective:1000px;perspective-origin:50% 35%;transform:translateX(-50%);}
.ex195m-process-world{position:relative;width:450px;height:160px;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-18deg);animation:ex195m-process-camera 9s ease-in-out infinite;}
.ex195m-solid{position:absolute;width:var(--ex195m-w);height:var(--ex195m-h);transform-style:preserve-3d;}
.ex195m-face{position:absolute;border:1px solid #79b5c34d;backface-visibility:hidden;}
.ex195m-face-front,.ex195m-face-back{width:var(--ex195m-w);height:var(--ex195m-h);background:linear-gradient(150deg,var(--ex-paper,#fff),color-mix(in srgb,var(--ex-soft,#edf6fa) 86%,#abd4e3));}
.ex195m-face-front{transform:translateZ(calc(var(--ex195m-d)/2));}
.ex195m-face-back{transform:rotateY(180deg) translateZ(calc(var(--ex195m-d)/2));}
.ex195m-face-left,.ex195m-face-right{left:calc((var(--ex195m-w) - var(--ex195m-d))/2);width:var(--ex195m-d);height:var(--ex195m-h);background:linear-gradient(160deg,#b7dce5,#5c9bad);}
.ex195m-face-left{transform:rotateY(-90deg) translateZ(calc(var(--ex195m-w)/2));}.ex195m-face-right{transform:rotateY(90deg) translateZ(calc(var(--ex195m-w)/2));}
.ex195m-face-top,.ex195m-face-bottom{top:calc((var(--ex195m-h) - var(--ex195m-d))/2);width:var(--ex195m-w);height:var(--ex195m-d);background:linear-gradient(140deg,color-mix(in srgb,var(--ex-paper,#fff) 80%,#bcddea),var(--ex-soft,#eef7fb));}
.ex195m-face-top{transform:rotateX(90deg) translateZ(calc(var(--ex195m-h)/2));}.ex195m-face-bottom{transform:rotateX(-90deg) translateZ(calc(var(--ex195m-h)/2));background:#417d91;}
.ex195m-foundation{left:0;top:134px;}.ex195m-foundation .ex195m-face-top{background:linear-gradient(130deg,var(--ex-soft),color-mix(in srgb,var(--ex-paper) 72%,#b8d9e5));}.ex195m-foundation .ex195m-face-front{background:linear-gradient(100deg,#acd3df,#76aebe);}
.ex195m-station{position:absolute;width:100px;height:135px;top:0;transform-style:preserve-3d;}.ex195m-station-one{left:17px}.ex195m-station-two{left:177px}.ex195m-station-three{left:333px}
.ex195m-platform{left:0;top:116px;}.ex195m-platform .ex195m-face-top{background:linear-gradient(140deg,#91e0db,#70c7e5);}.ex195m-platform .ex195m-face-front{background:#3aa8c1}.ex195m-platform .ex195m-face-left,.ex195m-platform .ex195m-face-right{background:#3c99b3;}
.ex195m-message-block{top:34px;left:11px;animation:ex195m-message-arrive 8s cubic-bezier(.22,1,.36,1) infinite;}.ex195m-message-block .ex195m-face-front{padding:12px 11px;}
.ex195m-model-symbol{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#03a8bf17;color:#04a4b9;}.ex195m-model-symbol .ex195m-icon{width:21px;height:21px}
.ex195m-model-line{display:block;width:100%;height:4px;margin-top:9px;border-radius:3px;background:var(--ex-line);}.ex195m-model-short{width:65%;margin-top:5px;}
.ex195m-model-check{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--ex-paper);border-radius:50%;background:#08b5b6;color:#fff;transform:translateZ(1px);animation:ex195m-message-check 8s ease infinite;}.ex195m-model-check .ex195m-icon{width:13px;height:13px;}
.ex195m-plan-base{left:13px;top:100px;animation:ex195m-layer-base 8s cubic-bezier(.22,1,.36,1) infinite;}.ex195m-plan-middle{left:13px;top:80px;animation:ex195m-layer-mid 8s cubic-bezier(.22,1,.36,1) infinite;}.ex195m-plan-top{left:13px;top:60px;animation:ex195m-layer-top 8s cubic-bezier(.22,1,.36,1) infinite;}
.ex195m-plan-base .ex195m-face-front{background:#0496bd}.ex195m-plan-middle .ex195m-face-front{background:#04bcb4}.ex195m-plan-top .ex195m-face-front{background:#8fded9}.ex195m-plan-grid{position:absolute;inset:2px 6px;display:flex;gap:4px}.ex195m-plan-grid i{height:3px;flex:1;border-radius:3px;background:#fff9;margin:auto 0;}
.ex195m-result-block{left:9px;top:28px;animation:ex195m-process-result 8s cubic-bezier(.22,1,.36,1) infinite;}.ex195m-result-block .ex195m-face-front{padding:7px;}
.ex195m-result-chrome{display:flex;gap:2px;height:8px}.ex195m-result-chrome i{width:3px;height:3px;border-radius:50%;background:#81adb8}
.ex195m-result-picture{display:grid;place-items:center;height:24px;width:100%;border-radius:3px;background:linear-gradient(130deg,#08c3b322,#008feb28);color:#00a8c6;}.ex195m-result-picture .ex195m-icon{width:17px;height:17px}
.ex195m-result-block .ex195m-model-line{height:3px;margin-top:6px}.ex195m-result-block .ex195m-model-short{margin-top:4px;}.ex195m-result-button{display:block;height:6px;width:35px;border-radius:4px;margin-top:8px;background:linear-gradient(100deg,var(--ex195m-a),var(--ex195m-b));}
.ex195m-flow-rail{position:absolute;top:118px;width:72px;height:2px;transform:rotateX(90deg) translateZ(2px);transform-style:preserve-3d;background:#6db8c64d;}.ex195m-flow-rail-one{left:112px}.ex195m-flow-rail-two{left:267px}
.ex195m-flow-rail i{position:absolute;top:-3px;width:6px;height:6px;border-radius:50%;background:#9cd5df}.ex195m-flow-rail i:nth-child(1){left:10px}.ex195m-flow-rail i:nth-child(2){left:34px}.ex195m-flow-rail i:nth-child(3){left:58px}
.ex195m-flow-rail b{position:absolute;left:0;top:-4px;width:14px;height:9px;border-radius:5px;background:#08aecd;box-shadow:0 0 9px #12cbdf66;animation:ex195m-packet-one 8s ease infinite;}.ex195m-flow-rail-two b{animation-name:ex195m-packet-two;}
.ex195m-station-beacon{position:absolute;top:123px;left:9px;display:block;width:81px;height:4px;border-radius:3px;background:#13e3d0;box-shadow:0 0 10px #08cabd88;transform:translateZ(39px);animation:ex195m-beacon 8s ease infinite;}.ex195m-station-two .ex195m-station-beacon{animation-delay:1.6s}.ex195m-station-three .ex195m-station-beacon{animation-delay:3.2s}
.ex195m-process-labels{position:absolute;left:5%;right:5%;bottom:5px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:center;}.ex195m-process-labels>div{position:relative;min-width:0}.ex195m-process-labels>div>span{display:block;width:24px;height:24px;margin:0 auto 6px;border:1px solid #b0dce4;border-radius:50%;background:var(--ex-paper);font-size:9px;line-height:22px;font-weight:700;color:#079eb6}.ex195m-process-labels strong{display:block;font-size:13px;line-height:1.35}.ex195m-process-labels small{font-size:10px;line-height:1.4;margin-top:3px;}
.ex195m-process-footnote{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;max-width:100%;margin:13px auto 0;padding:9px 14px;border:1px solid var(--ex-line);border-radius:100px;background:var(--ex-paper);font-size:11px;line-height:1.45;text-align:center;color:var(--ex-muted);}.ex195m-process-footnote .ex195m-icon{width:18px;height:18px;color:#06a7bd}
.ex195m-process-ambient{position:absolute;width:31px;height:31px;border:1px solid #8bd7e2;opacity:.35;transform:rotate(30deg);}.ex195m-ambient-one{left:4%;top:68px}.ex195m-ambient-two{right:6%;top:27px;width:16px;height:16px;}
@keyframes ex195m-process-camera{0%,100%{transform:rotateX(-20deg) rotateY(-18deg)}50%{transform:rotateX(-17deg) rotateY(-9deg)}}
@keyframes ex195m-message-arrive{0%,3%,100%{opacity:0;transform:translate3d(-10px,-25px,0)}16%,90%{opacity:1;transform:none}}
@keyframes ex195m-message-check{0%,15%,100%{opacity:0;scale:.4}25%,90%{opacity:1;scale:1}}
@keyframes ex195m-layer-base{0%,21%,100%{opacity:0;transform:translate3d(0,-31px,0)}36%,90%{opacity:1;transform:none}}
@keyframes ex195m-layer-mid{0%,27%,100%{opacity:0;transform:translate3d(-8px,-36px,4px)}45%,90%{opacity:1;transform:none}}
@keyframes ex195m-layer-top{0%,34%,100%{opacity:0;transform:translate3d(7px,-44px,-4px)}52%,90%{opacity:1;transform:none}}
@keyframes ex195m-process-result{0%,51%,100%{opacity:0;transform:translate3d(0,15px,-15px) rotateY(-20deg)}68%,90%{opacity:1;transform:none}}
@keyframes ex195m-packet-one{0%,14%,31%,100%{opacity:0;transform:translateX(0)}17%{opacity:1;transform:translateX(0)}28%{opacity:1;transform:translateX(58px)}}
@keyframes ex195m-packet-two{0%,48%,64%,100%{opacity:0;transform:translateX(0)}51%{opacity:1;transform:translateX(0)}61%{opacity:1;transform:translateX(58px)}}
@keyframes ex195m-beacon{0%,10%,85%,100%{opacity:.3}20%,70%{opacity:1}}
/* Product: an original hard-surface object with a real rotating solid, separate from the process scene. */
.ex195m-product-stage{position:relative;height:274px;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 57%,#07a4d021,transparent 61%);}
.ex195m-product-camera{position:absolute;left:50%;top:28px;width:145px;height:194px;perspective:900px;perspective-origin:50% 30%;transform:translateX(-50%);}
.ex195m-product-model{position:relative;width:145px;height:194px;transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(-26deg);animation:ex195m-product-turn 11s ease-in-out infinite;}
.ex195m-product-base{top:168px;left:5px}.ex195m-product-base .ex195m-face-front{background:#446b79}.ex195m-product-base .ex195m-face-top{background:linear-gradient(130deg,#bfd6dc,#8aaab6)}
.ex195m-product-body{top:23px;left:18px}.ex195m-product-body .ex195m-face-front{padding:17px;background:linear-gradient(125deg,#204b5b,#102d3d);}.ex195m-product-body .ex195m-face-back{background:linear-gradient(150deg,#1f4755,#102d3d)}.ex195m-product-body .ex195m-face-left,.ex195m-product-body .ex195m-face-right{background:linear-gradient(100deg,#4d8293,#234c5b)}
.ex195m-product-body .ex195m-face-back::after{content:'';position:absolute;inset:24px 19px 35px;border-radius:5px;background:repeating-linear-gradient(180deg,#0b2935 0 2px,#386471 2px 3px,transparent 3px 9px);opacity:.7}.ex195m-product-body .ex195m-face-back::before{content:'';position:absolute;bottom:13px;left:calc(50% - 4px);width:8px;height:8px;border:1px solid #6bb6c4;border-radius:50%;background:#062433}
.ex195m-product-emblem{display:grid;place-items:center;height:40px;width:40px;margin:0 auto;color:#5ee2e2}.ex195m-product-emblem .ex195m-icon{width:32px;height:32px}.ex195m-product-grooves{display:flex;flex-direction:column;gap:5px;margin-top:13px}.ex195m-product-grooves i{height:3px;border-radius:3px;background:linear-gradient(90deg,#102835,#2e5b6c);border-top:1px solid #4c78856b}.ex195m-product-light{position:absolute;width:38px;height:3px;left:36px;bottom:10px;border-radius:6px;background:#32d3d2;box-shadow:0 0 9px #42ede655}
.ex195m-product-crown{top:9px;left:14px}.ex195m-product-crown .ex195m-face-top{background:linear-gradient(140deg,#add4df,#6da6b9)}.ex195m-product-crown .ex195m-face-front{background:#416f82}
.ex195m-product-orbit{position:absolute;left:50%;top:176px;border:1px solid #2cb3d533;width:330px;height:70px;border-radius:50%;transform:translateX(-50%) rotate(-6deg);}.ex195m-orbit-two{top:151px;width:365px;height:111px;transform:translateX(-50%) rotate(9deg);border-style:dashed;opacity:.55}
.ex195m-product-detail{position:absolute;left:18px;top:93px;width:171px;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--ex-line);border-radius:13px;background:var(--ex-paper);box-shadow:0 8px 20px #13546d0a;animation:ex195m-detail 11s ease infinite;}.ex195m-product-detail>span{color:#06a8be}.ex195m-product-detail strong{font-size:11px;line-height:1.4;display:block}.ex195m-product-detail small{font-size:9px;margin-top:4px}
.ex195m-product-angle{position:absolute;right:15px;top:121px;display:flex;align-items:center;gap:7px;max-width:170px;min-width:0;padding:12px;border:1px solid var(--ex-line);border-radius:100px;background:var(--ex-paper);}.ex195m-product-angle>span{color:#06a8be}.ex195m-product-angle strong{font-size:10px;line-height:1.4}
.ex195m-product-marker{position:absolute;left:calc(50% - 84px);top:142px;width:37px;height:1px;background:linear-gradient(90deg,#14aac3,transparent);}
@keyframes ex195m-product-turn{0%,100%{transform:rotateX(-16deg) rotateY(-26deg)}35%{transform:rotateX(-12deg) rotateY(35deg)}65%{transform:rotateX(-15deg) rotateY(125deg)}82%{transform:rotateX(-18deg) rotateY(190deg)}}
@keyframes ex195m-detail{0%,100%{opacity:.7;translate:0 3px}35%,70%{opacity:1;translate:0 0}}
/* Purposeful compact layouts; labels stay large and safely inside the scene. */
.ex195m-compact{padding:12px 3px 16px}.ex195m-compact .ex195m-rail{gap:5px;margin-top:13px;flex-wrap:wrap}.ex195m-compact .ex195m-rail-item{gap:4px;padding:6px 9px;font-size:10px;line-height:1.4}.ex195m-compact .ex195m-rail-icon .ex195m-icon{width:14px;height:14px}
.ex195m-compact .ex195m-scroll-stage{grid-template-columns:1fr;gap:13px;padding:4px 13px 0;}.ex195m-compact .ex195m-scroll-browser{width:100%;max-width:340px;margin:auto;transform:perspective(1100px) rotateY(-3deg) rotateX(1deg);}.ex195m-compact .ex195m-scroll-viewport{height:217px;}.ex195m-compact .ex195m-scroll-hero{min-height:176px;padding-right:94px}.ex195m-compact .ex195m-scroll-hero strong{font-size:18px;line-height:1.25}.ex195m-compact .ex195m-scroll-art{width:105px;right:-6px;top:23px}.ex195m-compact .ex195m-scroll-director{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-width:340px;margin:0 auto;width:100%}.ex195m-compact .ex195m-scroll-director>.ex195m-eyebrow,.ex195m-compact .ex195m-easing-curve{display:none}.ex195m-compact .ex195m-motion-note{margin:0;padding:9px 7px;gap:6px;border-radius:11px}.ex195m-compact .ex195m-motion-note>span{width:25px;height:25px;flex-basis:25px;border-radius:7px}.ex195m-compact .ex195m-motion-note .ex195m-icon{width:18px;height:18px}.ex195m-compact .ex195m-motion-note strong{font-size:9px;line-height:1.4}.ex195m-compact .ex195m-motion-note small{font-size:8px;line-height:1.4}.ex195m-compact .ex195m-scroll-track span{height:47px}.ex195m-compact .ex195m-scroll-cursor{right:15px;}
.ex195m-compact .ex195m-brand-stage{height:262px;border-radius:16px}.ex195m-compact .ex195m-brand-symbol{width:160px;height:160px}.ex195m-compact .ex195m-brand-name strong{font-size:31px;line-height:1.3}.ex195m-compact .ex195m-brand-tagline{font-size:10px;line-height:1.6}.ex195m-compact .ex195m-brand-corner{bottom:12px;font-size:7px}.ex195m-compact .ex195m-brand-corner-start{left:13px}.ex195m-compact .ex195m-brand-corner-end{right:13px}
.ex195m-compact .ex195m-process-stage{height:249px;}.ex195m-compact .ex195m-process-camera{top:19px;transform:translateX(-50%) scale(.68);transform-origin:50% 20%;}.ex195m-compact .ex195m-process-ground{top:64px;height:100px;}.ex195m-compact .ex195m-process-labels{left:2px;right:2px;gap:5px;bottom:4px;}.ex195m-compact .ex195m-process-labels strong{font-size:11px;line-height:1.4}.ex195m-compact .ex195m-process-labels small{font-size:8px;line-height:1.5;}.ex195m-compact .ex195m-process-labels>div>span{width:22px;height:22px;line-height:20px;font-size:8px;}.ex195m-compact .ex195m-process-footnote{padding:8px 10px;font-size:10px;margin-top:10px;gap:6px;border-radius:14px;}.ex195m-compact .ex195m-process-footnote .ex195m-icon{width:16px;height:16px}.ex195m-compact .ex195m-process-ambient{display:none}
.ex195m-compact .ex195m-product-stage{height:294px;}.ex195m-compact .ex195m-product-camera{top:23px;transform:translateX(-50%) scale(.88);transform-origin:50% 0;}.ex195m-compact .ex195m-product-detail{left:8px;top:223px;width:152px;padding:9px;}.ex195m-compact .ex195m-product-angle{right:8px;top:230px;padding:9px;max-width:146px;}.ex195m-compact .ex195m-product-detail strong{font-size:10px}.ex195m-compact .ex195m-product-detail small{font-size:8px}.ex195m-compact .ex195m-product-angle strong{font-size:9px}.ex195m-compact .ex195m-product-marker{display:none}.ex195m-compact .ex195m-product-orbit{width:264px;top:168px;height:58px}.ex195m-compact .ex195m-orbit-two{width:290px;height:83px;top:152px}
@container(max-width:320px){.ex195m-compact .ex195m-process-camera{transform:translateX(-50%) scale(.57)}.ex195m-compact .ex195m-product-detail{width:138px;left:5px;gap:5px}.ex195m-compact .ex195m-product-angle{max-width:120px;right:5px;padding:8px;gap:5px}.ex195m-compact .ex195m-product-angle .ex195m-icon{width:17px;height:17px}.ex195m-compact .ex195m-product-detail small{font-size:7px}.ex195m-compact .ex195m-scroll-hero strong{font-size:16px}.ex195m-compact .ex195m-scroll-hero{padding-right:80px}.ex195m-compact .ex195m-scroll-art{width:96px;right:-9px}.ex195m-compact .ex195m-motion-note small{font-size:7px}}
@container(max-width:280px){.ex195m-compact .ex195m-process-camera{transform:translateX(-50%) scale(.5)}.ex195m-compact .ex195m-product-detail{width:128px}.ex195m-compact .ex195m-product-angle{max-width:103px;gap:4px}.ex195m-compact .ex195m-product-angle strong{font-size:8px}.ex195m-compact .ex195m-scroll-stage{padding-left:7px;padding-right:7px}.ex195m-compact .ex195m-motion-note>span{width:20px;height:20px;flex-basis:20px}.ex195m-compact .ex195m-motion-note .ex195m-icon{width:15px;height:15px}.ex195m-compact .ex195m-motion-note strong{font-size:8px}}
html[data-theme=dark] .ex195m-brand-name strong,html.dark .ex195m-brand-name strong{background-image:linear-gradient(100deg,#42dfc6,#37bbff)}
html[data-theme=dark] .ex195m-face-left,html[data-theme=dark] .ex195m-face-right,html.dark .ex195m-face-left,html.dark .ex195m-face-right{background:linear-gradient(160deg,#517e90,#244c60)}
html[data-theme=dark] .ex195m-foundation .ex195m-face-front,html.dark .ex195m-foundation .ex195m-face-front{background:linear-gradient(100deg,#467184,#294e61)}
/* Reduced motion reveals the complete result, rather than an empty initial animation frame. */
@media(prefers-reduced-motion:reduce){
  .ex195m *,.ex195m *::before,.ex195m *::after{animation:none!important;will-change:auto!important;}
  .ex195m-scroll-document{transform:none}.ex195m-scroll-hero{display:none}.ex195m-scroll-reveal,.ex195m-motion-note{opacity:1;transform:none;}
  .ex195m-scroll-section{min-height:60px;padding:10px 0}.ex195m-scroll-card-grid{padding-bottom:11px}.ex195m-scroll-card-grid>div{padding:10px 9px}.ex195m-scroll-card-grid strong{margin-top:6px}.ex195m-scroll-card-grid i{margin-top:6px}.ex195m-scroll-card-grid i+i{margin-top:5px}.ex195m-scroll-track span{height:55%;transform:none}.ex195m-scroll-cursor{display:none}.ex195m-easing-path{stroke-dashoffset:0;opacity:1}
  .ex195m-brand-contour{stroke-dashoffset:0;opacity:.75}.ex195m-brand-fragment,.ex195m-brand-name{opacity:1;transform:none;}.ex195m-brand-sparks{opacity:.75}.ex195m-brand-sweep{display:none;}
  .ex195m-message-block,.ex195m-model-check,.ex195m-plan-base,.ex195m-plan-middle,.ex195m-plan-top,.ex195m-result-block{opacity:1;transform:none;}
  .ex195m-flow-rail b{transform:translateX(30px);opacity:1;}.ex195m-station-beacon{opacity:1}
}


/* pricing-badges-192.css */
/* An offer belongs beside the plan name and never adds a price row. */
body .wp-card .wp-card-heading h3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(8px, .85vw, 16px);
  min-width: 0;
}
body .wp-card .wp-card-heading h3 > .st-plan-promo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding: .34em .65em;
  margin: 0;
  max-width: none;
  border: 1px solid rgb(0 140 160 / .14);
  border-radius: 999px;
  background: linear-gradient(105deg, #e7fff5, #e5f5ff);
  color: #006f72;
  font: 650 clamp(10px, .8vw, 13px)/1.15 Manrope, sans-serif;
  letter-spacing: -.01em;
  white-space: nowrap;
  text-transform: none;
}
body .wp-card .wp-card-heading h3 > .st-plan-promo[hidden] { display: none; }
body .wp-card .wp-price { flex-wrap: nowrap; }
body .wp-card .wp-price > .st-regular-price {
  width: auto;
  flex: 0 0 auto;
  order: 3;
  align-self: center;
  font-size: .6em;
  margin: 0 0 0 2px;
  white-space: nowrap;
}
html[data-theme=dark] .wp-card .wp-card-heading h3 > .st-plan-promo {
  background: linear-gradient(105deg, #20332f, #233342);
  border-color: rgb(91 213 203 / .22);
  color: #85e3d7;
}
@media (max-width: 380px) {
  body .wp-card .wp-card-heading h3 { gap: 8px; }
  body .wp-card .wp-card-heading h3 > .st-plan-promo { font-size: 10px; padding-inline: .55em; }
}


/* public-contact-202.css */
/* The existing response promise belongs to the form, before its first step. */
html body :is(form.st-lead-form, form.wp-config-form.st-checkout-form) > .st-offer191-promise {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  margin: 0 0 26px;
  padding: 20px;
  border: 1px solid rgb(25 163 169 / .19);
  border-radius: 18px;
  background: linear-gradient(115deg, rgb(231 252 248 / .86), rgb(232 247 255 / .84));
  color: #12333e;
  text-align: left;
  line-height: 1.25;
}
html body :is(form.st-lead-form, form.wp-config-form.st-checkout-form) > .st-offer191-promise > svg {
  width: 36px;
  height: 36px;
  margin-top: 2px;
  color: #008d98;
}
html body :is(form.st-lead-form, form.wp-config-form.st-checkout-form) > .st-offer191-promise > span {
  min-width: 0;
}
html body :is(form.st-lead-form, form.wp-config-form.st-checkout-form) > .st-offer191-promise strong {
  display: block;
  font-size: clamp(24px, 1.95vw, 30px);
  font-weight: 750;
  letter-spacing: -.035em;
  line-height: 1.22;
  color: inherit;
  overflow-wrap: normal;
}
html body :is(form.st-lead-form, form.wp-config-form.st-checkout-form) > .st-offer191-promise small {
  display: block;
  margin-top: 9px;
  font-size: 13px;
  font-weight: 450;
  line-height: 1.5;
  letter-spacing: 0;
  color: #526f7b;
}
html:is([data-theme=dark], .dark) body :is(form.st-lead-form, form.wp-config-form.st-checkout-form) > .st-offer191-promise {
  background: linear-gradient(115deg, rgb(29 65 68 / .82), rgb(31 53 77 / .86));
  border-color: rgb(96 212 215 / .25);
  color: #effbff;
}
html:is([data-theme=dark], .dark) body :is(form.st-lead-form, form.wp-config-form.st-checkout-form) > .st-offer191-promise > svg {
  color: #5be0d6;
}
html:is([data-theme=dark], .dark) body :is(form.st-lead-form, form.wp-config-form.st-checkout-form) > .st-offer191-promise small {
  color: #b3ccd6;
}
@media (max-width: 599px) {
  html body :is(form.st-lead-form, form.wp-config-form.st-checkout-form) > .st-offer191-promise {
    grid-template-columns: 29px minmax(0, 1fr);
    gap: 12px;
    padding: 16px 14px;
    margin-bottom: 22px;
    border-radius: 15px;
  }
  html body :is(form.st-lead-form, form.wp-config-form.st-checkout-form) > .st-offer191-promise > svg {
    width: 29px;
    height: 29px;
  }
  html body :is(form.st-lead-form, form.wp-config-form.st-checkout-form) > .st-offer191-promise strong {
    font-size: clamp(21px, 5.7vw, 25px);
  }
  html body :is(form.st-lead-form, form.wp-config-form.st-checkout-form) > .st-offer191-promise small {
    font-size: 12px;
    margin-top: 8px;
  }
}

/* Animate the shared contact form as one area instead of switching its height abruptly. */
.st-lead-form{box-sizing:border-box}
.st-lead-form.st-step-motion202{overflow:hidden;will-change:height;overflow-anchor:none}
.st-contact-motion202,.st-contact-motion202 :is(.st-footer-canvas,main){overflow-anchor:none}
.st-lead-form.st-contact-measure202{
  position:absolute!important;
  inset:0 auto auto 0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  overflow:visible!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.st-contact-measure202,.st-contact-measure202 *{
  transition:none!important;
  animation:none!important;
}
@media(prefers-reduced-motion:reduce){.st-lead-form.st-step-motion202{will-change:auto}}


/* brand-intro-208.css */
/* One brand stage, shared by the live backdrop and the actual iPhone screen. */
html body .cinematic-hero .hero-video,
html body .cinematic-hero .video-toggle,
html body .cinematic-hero .st-video-start {
  display: none !important;
}

html body .cinematic-hero .hero-shade {
  display: none !important;
}

html body .cinematic-hero .hero-environment {
  inset: 0;
  width: 100%;
  height: 100%;
  background: #101820;
  mask-image: none;
  -webkit-mask-image: none;
  pointer-events: none;
}

html body .cinematic-hero .hero-poster img {
  object-fit: cover;
  object-position: 50% 50%;
}

.cinematic-hero .st-brand-backdrop204 {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  pointer-events: none;
}

html body .cinematic-hero:is([data-intro=pending], [data-intro=words], [data-intro=hold]) .hero-environment {
  visibility: visible;
  opacity: 1;
}

html body .cinematic-hero:is([data-intro=reveal], [data-intro=settling]) .hero-environment {
  visibility: visible;
  opacity: var(--brand-backdrop-opacity204, 0);
}

html body .cinematic-hero[data-intro=complete] .hero-environment {
  visibility: hidden;
  opacity: 0;
}

/* The intro is dark in both themes. Mobile glass is a body-level sibling,
   so it needs the same scene state as the header rather than the page theme. */
html body.st-home .st-mobile-header-glass[data-st-top245][data-st-top245][data-st-top245][data-st-top245] {
  transition: background-color .55s ease;
}
html body.st-home .site-header.modern-header:not(.is-scrolled)[data-st-dark245][data-st-dark245] {
  background: rgb(17 22 30 / .72);
  color: #f0f6f3;
  border-bottom-color: rgb(255 255 255 / .07);
  -webkit-backdrop-filter: blur(20px) saturate(130%);
  backdrop-filter: blur(20px) saturate(130%);
}
html body.st-home .st-mobile-header-glass[data-st-dark245][data-st-dark245][data-st-dark245][data-st-dark245][data-st-dark245] {
  background: rgb(17 22 30 / .72);
}
html body.st-home .site-header.modern-header:not(.is-scrolled)[data-st-dark245][data-st-dark245] .brand {
  color: #f0f6f3;
  -webkit-text-fill-color: currentColor;
}
html body.st-home .site-header.modern-header:not(.is-scrolled)[data-st-dark245][data-st-dark245] .theme-toggle {
  color: #f0f6f3;
  border-color: rgb(255 255 255 / .25);
}
html body.st-home .site-header.modern-header:not(.is-scrolled)[data-st-dark245][data-st-dark245] .st-phone-toggle {
  background: #12231e;
  color: #6de1ae;
  border-color: #345346;
}

/* The existing headline layout and device dimensions stay the same. */
html body .cinematic-hero .keynote-intro .keynote-title,
html body .cinematic-hero .aq-personal-welcome p {
  text-shadow: 0 2px 2px rgb(0 7 13 / .2), 0 8px 32px rgb(0 7 13 / .3);
  overflow: visible;
}

html body .cinematic-hero .keynote-line,
html body .cinematic-hero .keynote-line > span,
html body .cinematic-hero .aq-personal-welcome span {
  overflow: visible;
}

html body .cinematic-hero .keynote-intro .keynote-green > span,
html body .cinematic-hero .aq-personal-welcome span {
  filter: drop-shadow(0 3px 12px rgb(15 171 184 / .13));
}

/* Promotion keeps its established red ink, also on the real display. */
html body .cinematic-hero .keynote-intro .st-promotion-native193 .keynote-green > span,
html body .cinematic-hero .keynote-intro .st-promotion-price-new194 {
  filter: drop-shadow(0 3px 12px rgb(230 47 77 / .14));
}

@media (prefers-reduced-motion: reduce) {
  html body.st-home .st-mobile-header-glass[data-st-top245][data-st-top245][data-st-top245][data-st-top245] {
    transition: none;
  }
  html body .cinematic-hero .hero-environment,
  html body .cinematic-hero .st-brand-backdrop204 {
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

/* The title stays gently alive after its deliberate, spacious entry. The
   independent translate property keeps word entry transforms untouched. */
html body .cinematic-hero .keynote-title,
html body .cinematic-hero .aq-personal-welcome p {
  translate: var(--brand-text-x204, 0px) var(--brand-text-y204, 0px);
  will-change: translate;
}
html body .cinematic-hero[data-aq-greeting=pending] .aq-personal-welcome { opacity: 0; }
html body .cinematic-hero[data-aq-greeting=playing] .aq-personal-welcome { opacity: 1; }

/* Three complete lines keep the response-time promise easy to read within
   the existing headline stage and its unchanged device reservation. */
html body .cinematic-hero .st-headline-panel.st-headline-offer204 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

@media (min-width:768px) {
  html body .cinematic-hero .keynote-title:not(.st-promotion-native193) .keynote-line {
    display: flex;
    justify-content: center;
    gap: .15em;
  }
  html body .cinematic-hero .keynote-title.st-promotion-native193 .st-promotion-native-copy193 > span {
    word-spacing: 0;
  }
  html body .cinematic-hero .keynote-title.st-promotion-native193 .keynote-line.st-promotion-native-words204 {
    display: flex;
    flex-direction: row;
    column-gap: .2em;
  }
  html body .cinematic-hero .st-headline-promo .st-headline-line:not(.is-accent) {
    word-spacing: 0;
  }
}

/* Portrait: six large words, six clean lines. A second height constraint
   keeps short phones and opened browser controls within the same viewport. */
@media (max-width:767px) and (orientation:portrait) {
  html body .cinematic-hero .keynote-intro {
    height: 100svh;
    padding: max(26px, env(safe-area-inset-top)) 20px max(30px, env(safe-area-inset-bottom));
    box-sizing: border-box;
  }
  html body .cinematic-hero .keynote-title:not(.st-promotion-native193) {
    width: 100%;
    font-size: clamp(32px, min(19vw, 10svh), 110px);
    line-height: 1.065;
    letter-spacing: -.044em;
    transform: translateY(-1%);
  }
  html body .cinematic-hero .keynote-title:not(.st-promotion-native193) .keynote-line {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    white-space: normal;
  }
  html body .cinematic-hero .keynote-title:not(.st-promotion-native193) .keynote-line > span {
    white-space: nowrap;
  }
  html body .cinematic-hero .keynote-title:not(.st-promotion-native193) .keynote-green {
    padding: .045em .045em .14em;
    margin: -.045em -.045em -.14em;
  }
  /* Each percentage word owns a span, so this six-line portrait layout and
     the native screen capture read the very same glyph positions. */
  html body .cinematic-hero .keynote-title.st-promotion-native193 {
    left: 5%;
    width: 90%;
    top: 50%;
    font-size: clamp(42px, min(17vw, 10.7svh), 84px);
    transform: translateY(-52%);
  }
  html body .cinematic-hero .keynote-title.st-promotion-native193[data-discount-type194=fixed_price] {
    font-size: clamp(36px, min(15.2vw, 9.2svh), 76px);
  }
  html body .cinematic-hero .keynote-title.st-promotion-native193[data-discount-type194=percent] {
    font-size: clamp(32px, min(18vw, 11svh), 84px);
    line-height: 1.065;
  }
  html body .cinematic-hero .keynote-title.st-promotion-native193 .st-promotion-native-copy193 {
    font-size: .65em;
    line-height: 1.16;
    white-space: normal;
    margin-top: .18em;
  }
  html body .cinematic-hero .keynote-title.st-promotion-native193 .st-promotion-native-copy193 > span {
    max-width: 8.4em;
    white-space: normal;
    text-wrap: balance;
  }
  html body .cinematic-hero .keynote-title.st-promotion-native193 .keynote-line:is(.st-promotion-native-action204, .st-promotion-native-words204) {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    font-size: 1em;
    line-height: 1.065;
    margin-top: 0;
  }
  html body .cinematic-hero .keynote-title.st-promotion-native193 :is(.st-promotion-native-action204, .st-promotion-native-words204) > span {
    max-width: none;
    white-space: nowrap;
  }
  html body .cinematic-hero .keynote-title.st-promotion-native193 .st-promotion-native-deadline193 {
    font-size: .36em;
    line-height: 1.35;
    white-space: normal;
  }
  html body .cinematic-hero .keynote-title.st-promotion-native193 .st-promotion-native-deadline193 > span {
    max-width: 18em;
    white-space: normal;
    text-wrap: balance;
  }
  html body .cinematic-hero .keynote-title.st-promotion-native193[data-discount-type194=percent] .st-promotion-native-deadline193 {
    font-size: .29em;
    margin-top: .7em;
  }
  html body .cinematic-hero .keynote-title.st-promotion-native193 .st-promotion-price-row194 {
    gap: .24em;
    flex-wrap: wrap;
  }
}

@media (prefers-reduced-motion:reduce) {
  html body .cinematic-hero .keynote-title,
  html body .cinematic-hero .aq-personal-welcome p {
    translate: none;
    will-change: auto;
  }
}

/* Portrait action: the percentage leads, followed by two readable copy lines. */
@media(max-width:767px) and (orientation:portrait){
 html body .cinematic-hero .keynote-title.st-promotion-native193[data-discount-type194=percent]{
  font-size:clamp(38px,min(20vw,12svh),96px);line-height:1.05;
 }
 html body .cinematic-hero .keynote-title.st-promotion-native193[data-discount-type194=percent] .st-promotion-native-action204{
  gap:.08em;
 }
 html body .cinematic-hero .keynote-title.st-promotion-native193[data-discount-type194=percent] .st-promotion-native-action204>span:first-child{font-size:.76em}
 html body .cinematic-hero .keynote-title.st-promotion-native193[data-discount-type194=percent] .st-promotion-native-action204>span:last-child{font-size:1.2em;line-height:1}
 html body .cinematic-hero .keynote-title.st-promotion-native193[data-discount-type194=percent] .st-promotion-native-words204{
  display:grid;grid-template-columns:max-content max-content;justify-content:center;
  font-size:.43em;line-height:1.18;gap:.05em .18em;margin-top:.36em;
 }
 html body .cinematic-hero .keynote-title.st-promotion-native193[data-discount-type194=percent] .st-promotion-native-words204>span:nth-of-type(odd){justify-self:end}
 html body .cinematic-hero .keynote-title.st-promotion-native193[data-discount-type194=percent] .st-promotion-native-words204>span:nth-of-type(even){justify-self:start}
 html body .cinematic-hero .keynote-title.st-promotion-native193[data-discount-type194=percent] .st-promotion-native-deadline193{font-size:.23em;margin-top:1em}
}


/* intro-refinements-204.css */
/* The header changes in the same scene state as the physical iPhone starts
   moving. No later copy/settling event or color transition delays the change. */
html:not([data-theme=dark]) body.st-home .site-header.modern-header:not(.is-scrolled)[data-st-light245][data-st-light245] {
  background: #fff;
  color: #173027;
  border-bottom-color: #e5eeea;
  transition: background-color 0s, color 0s, border-color 0s;
}
html:not([data-theme=dark]) body.st-home .st-mobile-header-glass[data-st-light245][data-st-light245][data-st-light245][data-st-light245][data-st-light245] {
  background: #fff;
  transition: background-color 0s;
}
html:not([data-theme=dark]) body.st-home .site-header.modern-header:not(.is-scrolled)[data-st-light245][data-st-light245] .brand {
  color: #173027;
  -webkit-text-fill-color: currentColor;
  transition: color 0s, background-color 0s, border-color 0s;
}
html:not([data-theme=dark]) body.st-home .site-header.modern-header:not(.is-scrolled)[data-st-light245][data-st-light245] .theme-toggle {
  color: #173027;
  border-color: #d1e1da;
  transition: color 0s, background-color 0s, border-color 0s;
}
html:not([data-theme=dark]) body.st-home .site-header.modern-header:not(.is-scrolled)[data-st-light245][data-st-light245] .st-phone-toggle {
  background: #effaf4;
  color: #008d63;
  border-color: #bce8d4;
  transition: color 0s, background-color 0s, border-color 0s;
}
html:not([data-theme=dark]) body.st-home .site-header.modern-header:not(.is-scrolled)[data-st-light245][data-st-light245] .menu-toggle {
  color: #173027;
  transition: color 0s, background-color 0s, border-color 0s;
}
html:not([data-theme=dark]) body.st-home .site-header.modern-header:not(.is-scrolled)[data-st-light245][data-st-light245] .menu-toggle .menu-icon i {
  background: #173027;
  transition: background-color 0s;
}

/* Saturated crimson, vivid red and berry replace the pale highlight. The
   live DOM and actual OLED capture read the same five stops and phase. */
html body .cinematic-hero .st-headline-promo .is-accent .st-headline-phrase,
html[data-theme=dark] body .cinematic-hero .st-headline-promo .is-accent .st-headline-phrase,
html body .cinematic-hero .keynote-title.st-promotion-native193 .keynote-green > span,
html body .cinematic-hero .keynote-title.st-promotion-native193 .st-promotion-price-new194,
html body .cinematic-hero .st-headline-price194 .st-promotion-price-new194 {
  --gradient-start: #b80a3d;
  --gradient-mid: #ff1748;
  --gradient-end: #e00065;
  background-image: linear-gradient(110deg, #b80a3d, #ff1748, #e00065, #ff1748, #b80a3d) !important;
  background-size: 300% 100% !important;
  animation: st-promotion-ink192 5s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  html body .cinematic-hero .st-headline-promo .is-accent .st-headline-phrase,
  html body .cinematic-hero .keynote-title.st-promotion-native193 .keynote-green > span,
  html body .cinematic-hero .keynote-title.st-promotion-native193 .st-promotion-price-new194,
  html body .cinematic-hero .st-headline-price194 .st-promotion-price-new194 {
    animation: none;
  }
}


/* mira-defer-204.css */
/* Also covers a cached/parser-created widget before the deferred helper runs. */
html body [data-support-root]:not([data-mira-loaded204="true"]),
html body [data-support-root]:not([data-mira-loaded204="true"]) .st-support-launcher,
html body [data-support-root]:not([data-mira-loaded204="true"]) .st-support-mobile-launcher {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* An explicit chat request may open the panel during the intro. */
html body [data-support-root][data-mira-requested204="true"] .st-support-panel:not([hidden]) {
  visibility: visible !important;
  pointer-events: auto !important;
}


/* homepage-desktop-215.css */
/* Keep the complete desktop composition in the visible browser area. The
   mobile hero has its own flowing device reservation and keeps those rules. */
@media (min-width: 960px) {
  html body.st-home .hero.cinematic-hero {
    height: 100svh;
    min-height: 0;
  }

  html body.st-home .cinematic-hero .hero-copy {
    top: calc(var(--st-hero-header-height215, max(68px, 4.5vw)) + clamp(22px, 3.4svh, 42px));
    min-width: clamp(280px, 24vw, 360px);
  }

  html body.st-home .cinematic-hero .hero-copy h1.st-rotating-headline {
    font-size: calc(clamp(44px, min(5.4vw, 9svh), 112px) * var(--st-hero-headline-scale215, 1));
    line-height: 1.15;
  }

  html body.st-home .cinematic-hero .st-headline-original {
    font-size: calc(clamp(42px, min(4.95vw, 8.65svh), 102px) * var(--st-hero-headline-scale215, 1));
    line-height: 1.15;
  }

  html body.st-home .cinematic-hero .hero-actions,
  html body.st-home .cinematic-hero[data-promotion191=active] .hero-actions {
    margin-top: clamp(16px, 2.4svh, 28px);
  }

  html body.st-home .cinematic-hero .hero-actions .button {
    min-height: clamp(54px, 7svh, 76px);
    padding: clamp(15px, 1.8svh, 22px) 27px;
    font-size: clamp(15px, 1.16vw, 21px);
  }

  html body.st-home .cinematic-hero .hero-price.st-price-lockup {
    margin-top: clamp(16px, 2.3svh, 28px);
  }

  html body.st-home .cinematic-hero .hero-footer {
    bottom: clamp(18px, 2.6svh, 32px);
  }

  html body.st-home .cinematic-hero .hero-footer .hero-credentials {
    --badge-height: clamp(64px, min(8.35vw, 12svh), 134px);
  }

  html body.st-home .cinematic-hero .hero-footer .hero-description {
    font-size: clamp(14px, min(1.15vw, 2svh), 21px);
    line-height: 1.55;
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  html body.st-home .cinematic-hero .hero-copy h1.st-rotating-headline {
    font-size: calc(clamp(42px, min(5.1vw, 8.7svh), 62px) * var(--st-hero-headline-scale215, 1));
  }

  html body.st-home .cinematic-hero .st-headline-original {
    font-size: calc(clamp(40px, min(4.7vw, 8.25svh), 58px) * var(--st-hero-headline-scale215, 1));
  }

  html body.st-home .cinematic-hero .hero-footer .hero-credentials {
    --badge-height: clamp(58px, min(7.4vw, 10.5svh), 84px);
  }
}


/* checkout-218.css */
/* Explicit customer type and separate consumer documents. */
.st-checkout-form .st-customer-type{min-width:0;margin:1.4rem 0 0;padding:0;border:0}
.st-customer-type legend{margin-bottom:.7rem;font-size:1rem;font-weight:650}
.st-customer-type>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.st-checkout-form .st-customer-type label{display:flex;align-items:center;gap:.7rem;margin:0;padding:1rem;border:1px solid var(--line,#dbe4e2);border-radius:16px;cursor:pointer;transition:border-color .2s,background .2s}
.st-checkout-form .st-customer-type input{width:19px;height:19px;margin:0;flex:0 0 19px;accent-color:#00a98d}
.st-customer-type label:has(input:checked){border-color:#00a98d;background:rgba(0,169,141,.065)}
.st-customer-type label:focus-within{outline:2px solid #00a98d;outline-offset:3px}
.st-customer-type label span{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.st-customer-type strong{font-size:.98rem;line-height:1.35}
.st-customer-type small{font-size:.8rem;line-height:1.4;opacity:.75}
.st-customer-type-note{margin:.75rem 0 1.35rem;font-size:.88rem;line-height:1.6;color:inherit;opacity:.82}
.st-checkout-form [hidden]{display:none!important}
.wp-order .wp-total .wp-once-total,.wp-order .wp-total .wp-month-total{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}
.wp-order .wp-total .st-checkout-price-primary{display:block;font-size:inherit;font-weight:inherit;line-height:inherit}
.wp-order .wp-total .st-checkout-price-secondary{display:block;font-size:.8rem;font-weight:450;line-height:1.4;letter-spacing:0;white-space:nowrap;color:var(--ink,#163229);-webkit-text-fill-color:currentColor;opacity:.72}
.st-checkout-form .st-private-inquiry{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:54px;padding:.9rem 1.2rem;border:1px solid var(--line,#dbe4e2);border-radius:16px;font-weight:650;background:transparent}
.st-consumer-legal{margin:1.5rem 0;padding:1.1rem;border:1px solid var(--line,#dbe4e2);border-radius:16px}
.st-consumer-legal h4{font-size:1rem;margin:0 0 .7rem;line-height:1.4}
.st-consumer-legal>p{font-size:.86rem;line-height:1.6}
.st-consumer-legal a{text-decoration:underline;text-underline-offset:3px}
.st-consumer-legal .st-checkout-consent{margin:1rem 0}
.st-consumer-availability:empty{display:none}
@media(max-width:520px){.st-customer-type>div{grid-template-columns:1fr}.st-checkout-form .st-customer-type label{padding:.9rem 1rem}}
@media(prefers-reduced-motion:reduce){.st-customer-type label{transition:none}}


/* consumer-rights-218.css */
.st-withdraw-access{position:static;display:inline-flex!important;align-items:center;padding:10px 15px!important;border:1px solid #b9cbc6;border-radius:999px;background:#fff!important;color:#173b30!important;font:650 12px/1.4 Manrope,Arial,sans-serif!important;text-decoration:none!important;box-shadow:0 3px 18px #132e2412;max-width:calc(100vw - 110px)}
.st-withdraw-access:hover{border-color:#008263;box-shadow:0 4px 20px #132e2424}
.st-withdraw-access:focus-visible{outline:3px solid #00a482;outline-offset:3px}
html[data-theme=dark] .st-withdraw-access{background:#23272b!important;color:#edf4f1!important;border-color:#53665d}
.public-utility-page main{width:min(100%,900px);overflow-wrap:anywhere}
.public-utility-page .rights-review{margin:30px 0;padding:30px;border:1px solid #dce6eb;border-radius:22px;background:#fff}
.public-utility-page .rights-review h2{margin:10px 0;font-size:26px;line-height:1.3;letter-spacing:-.6px}
.public-utility-page .rights-step{font-size:12px;font-weight:700;color:#287668}
.public-utility-page .rights-review dl{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px 20px;margin:24px 0;padding:22px;border-radius:14px;background:#f3f6f7}
.public-utility-page .rights-review dt{font-weight:700}
.public-utility-page .rights-review dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.public-utility-page .rights-declaration{font-weight:650}
.public-utility-page .rights-review #contract-request{display:flex;gap:12px;flex-wrap:wrap;padding:0;border:0;border-radius:0;margin:24px 0 0;background:transparent}
.public-utility-page .rights-review .rights-secondary{background:#edf2f3!important;color:#233a3e!important;border:1px solid #ccd9dc;box-shadow:none}
.public-utility-page .rights-small{font-size:13px;color:#546a63}
.public-utility-page footer{padding-bottom:85px}
.public-utility-page .st-withdraw-access{position:static;max-width:100%;margin:0;box-shadow:none}
html body.public-utility-page .rights-review #contract-request>button.rights-secondary[type=submit]{background:#edf2f3!important;color:#233a3e!important;-webkit-text-fill-color:#233a3e!important;border:1px solid #ccd9dc}
html[data-theme=dark] .public-utility-page .rights-review{background:#22272b;border-color:#47525a}
html[data-theme=dark] .public-utility-page .rights-review dl{background:#191e22}
html[data-theme=dark] .public-utility-page .rights-step{color:#82ceb2}
html[data-theme=dark] .public-utility-page .rights-small{color:#adbbb5}
html[data-theme=dark] .public-utility-page .rights-review .rights-secondary{background:#30373c!important;color:#e7efeb!important;border-color:#526068}
html[data-theme=dark] body.public-utility-page .rights-review #contract-request>button.rights-secondary[type=submit]{background:#30373c!important;color:#e7efeb!important;-webkit-text-fill-color:#e7efeb!important;border-color:#526068}
@media(max-width:600px){.public-utility-page .rights-review{padding:20px}.public-utility-page .rights-review dl{grid-template-columns:minmax(0,1fr);gap:4px;padding:17px}.public-utility-page .rights-review dd{margin-bottom:15px}.public-utility-page .rights-review dd:last-child{margin-bottom:0}.public-utility-page .rights-review #contract-request>button{flex:1 1 100%;width:100%}.st-withdraw-access{padding:9px 12px!important;font-size:11px!important}}



/* footer-pricing235.css */
html body footer.st-footer-v29 .st-footer-price-note235{display:block;margin-top:10px;font-size:11px;line-height:1.5;font-weight:450;letter-spacing:0;color:inherit;opacity:.75}
html body footer.st-footer-v29 .st-footer-price-note235[hidden]{display:none!important}


/* site-refinements236.css */
/* Clean inline arrow and generous, consistent footer contact targets. */
#sichtbarkeit .st-glass-link>span{background:transparent!important;box-shadow:none!important;border:0!important;color:inherit!important;border-radius:0!important}
html body footer.st-footer-v29 .st-footer-glass-channels{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;width:100%}
html body footer.st-footer-v29 .st-footer-glass-channels>a{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;min-width:46px;min-height:46px;padding:12px;border:1px solid #008d6955;border-radius:14px;background:#def8ed;color:#007b57;transition:background .18s ease,border-color .18s ease,transform .18s ease}
html body footer.st-footer-v29 .st-footer-glass-channels>a>svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65}
html body footer.st-footer-v29 .st-footer-glass-channels>a:hover{background:#b9eed9;border-color:#008d69;transform:translateY(-2px)}
html[data-theme=dark] body footer.st-footer-v29 .st-footer-glass-channels>a{background:#163f34;color:#a8ecd0;border-color:#71c9a94d}
html[data-theme=dark] body footer.st-footer-v29 .st-footer-glass-channels>a:hover{background:#205b48}
@media(pointer:fine){html[data-platform236=mac] :is(.wp-visible-inclusions,.st-free-list,.wp-plan-capacity,.wp-base-inclusions,.wp-module-option,.cmp-included-table,.st-every-package) [data-explain192],html[data-platform236=mac] :is(.wp-visible-inclusions>li,.st-free-list>li,.wp-plan-capacity,.wp-base-inclusions>li,.wp-module-option,.cmp-included-table tr)[data-explain192],html[data-platform236=mac] :is(.wp-visible-inclusions>li,.st-free-list>li,.wp-plan-capacity,.wp-base-inclusions>li,.wp-module-option,.cmp-included-table tr)[data-explain192] :not(input),html[data-platform236=mac] .st-every-package{cursor:pointer!important}}
@media(prefers-reduced-motion:reduce){html body footer.st-footer-v29 .st-footer-glass-channels>a{transition:none;transform:none!important}}


/* public-render245.css */
/* Layout work is skipped only on already clipped editorial sections, after
   their exact content-box size has been measured by public-render245.js.
   No estimated height, image downgrade, animation slowdown, or new paint clip. */
@supports (content-visibility: auto) and (contain-intrinsic-block-size: 1px) {
  @media screen {
    body.st-home [data-st-render245="auto"] {
      content-visibility: auto;
      contain-intrinsic-block-size: var(--st-content-block245);
    }
  }
}
@media print {
  body.st-home [data-st-render245] {
    content-visibility: visible !important;
    contain-intrinsic-block-size: none !important;
  }
}