.elementor-10 .elementor-element.elementor-element-4ffca29 .premium-fb-rev-review-wrap{width:33.33%;padding:0px 10px 30px 10px;}.elementor-10 .elementor-element.elementor-element-4ffca29 .premium-fb-rev-icon{left:95%;--translate-x:-95%;top:0%;--translate-y:-0%;}.elementor-10 .elementor-element.elementor-element-4ffca29 .premium-fb-rev-page-inner .premium-fb-rev-page-left{align-self:center;}.elementor-10 .elementor-element.elementor-element-4ffca29 .premium-fb-rev-page-inner .premium-fb-rev-page-right{text-align:left;align-self:center;}.elementor-10 .elementor-element.elementor-element-4ffca29 .premium-fb-rev-reviewer-header{justify-content:flex-start;}.elementor-10 .elementor-element.elementor-element-4ffca29 .premium-fb-rev-reviews a.carousel-arrow , .elementor-10 .elementor-element.elementor-element-4ffca29.premium-fb-page-next-yes.premium-reviews-place-v-center .premium-fb-rev-page-inner {transform:translateY(calc(-50% + 0px/2 - 30px/2 )) !important;}.elementor-10 .elementor-element.elementor-element-4ffca29.premium-fb-page-next-yes.premium-reviews-place-v-bottom .premium-fb-rev-page-inner {transform:translateY(calc(-100% - 30px )) !important;}.elementor-10 .elementor-element.elementor-element-4ffca29.premium-fb-page-next-yes.premium-reviews-place-v-top .premium-fb-rev-page-inner {transform:translateY(0px) !important;}.elementor-10 .elementor-element.elementor-element-4ffca29 .premium-fb-rev-text-wrapper{margin:10px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-4ffca29{justify-content:center;}@media(max-width:1300px){.elementor-10 .elementor-element.elementor-element-4ffca29 .premium-fb-rev-review-wrap{width:100%;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-4ffca29 .premium-fb-rev-review-wrap{width:100%;}}/* Start custom CSS for html, class: .elementor-element-0f552cb */.elementor-10 .elementor-element.elementor-element-0f552cb{
    display: contents;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5076f7b */.elementor-10 .elementor-element.elementor-element-5076f7b{
    display: contents;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ea3675a */.elementor-10 .elementor-element.elementor-element-ea3675a{
    display: contents;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-61b7e3e */.elementor-10 .elementor-element.elementor-element-61b7e3e{
    display: contents;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca70643 */.elementor-10 .elementor-element.elementor-element-ca70643{
    display: contents;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e7a508 */.elementor-10 .elementor-element.elementor-element-1e7a508{
    display: contents;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f04cd7 */.elementor-10 .elementor-element.elementor-element-1f04cd7{
    display: contents;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5a650b */.elementor-10 .elementor-element.elementor-element-a5a650b{
    display: contents;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06af9da */.elementor-10 .elementor-element.elementor-element-06af9da{
    display: contents;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ad3549c */.elementor-10 .elementor-element.elementor-element-ad3549c{
    display: contents;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-627c35a */.elementor-10 .elementor-element.elementor-element-627c35a{
    display: contents;
}/* End custom CSS */
/* Start custom CSS for premium-google-reviews, class: .elementor-element-4ffca29 */@scope (.mrkt-google-reviews) {
  :scope .elementor-widget-premium-google-reviews {
    --reviews-card-bg: var(--mrkt-color-surface);
    --reviews-card-border: var(--mrkt-color-border-soft);
    --reviews-card-padding: var(--mrkt-space-M);
    --reviews-cut: var(--mrkt-angle-cut-L);
    --reviews-stroke: var(--mrkt-border-width);
    --reviews-inner-cut: calc(var(--reviews-cut) - var(--reviews-stroke) * 0.58579);
    --reviews-border-shape: polygon(
      0 0,
      calc(100% - var(--reviews-cut)) 0,
      100% var(--reviews-cut),
      100% 100%,
      var(--reviews-cut) 100%,
      0 calc(100% - var(--reviews-cut))
    );
    --reviews-face-shape: polygon(
      0 0,
      calc(100% - var(--reviews-inner-cut)) 0,
      100% var(--reviews-inner-cut),
      100% 100%,
      var(--reviews-inner-cut) 100%,
      0 calc(100% - var(--reviews-inner-cut))
    );

    /* Positioning */
    position: relative;

    /* Layout */
    min-width: 0;
  }

  :scope .elementor-widget-premium-google-reviews :is(
    .elementor-widget-container,
    .premium-fb-rev-container,
    .premium-fb-rev-list,
    .premium-fb-rev-content,
    .premium-fb-rev-reviews
  ) {
    /* Layout */
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;

    /* Style */
    background: transparent !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-reviews {
    /* Positioning */
    position: relative !important;

    /* Layout */
    margin-top: var(--mrkt-space-L) !important;
  }

  :scope .elementor-widget-premium-google-reviews .slick-list {
    /* Layout */
    overflow: hidden !important;
    padding-block: var(--mrkt-space-XS) !important;
  }

  :scope .elementor-widget-premium-google-reviews .slick-track {
    /* Layout */
    display: flex !important;
    align-items: stretch !important;
  }

  :scope .elementor-widget-premium-google-reviews .slick-slide {
    /* Layout */
    height: auto !important;
  }

  :scope .elementor-widget-premium-google-reviews :is(
    .slick-slide > div,
    .slick-slide .premium-fb-rev-review-wrap,
    .premium-fb-rev-review,
    .premium-fb-rev-review-inner
  ) {
    /* Layout */
    height: 100% !important;
    min-width: 0 !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-review-wrap {
    /* Layout */
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  :scope .elementor-widget-premium-google-reviews .slick-slide .premium-fb-rev-review {
    /* Layout */
    width: calc(100% - var(--mrkt-space-S)) !important;
    margin-inline: calc(var(--mrkt-space-S) / 2) !important;
  }

  :scope .elementor-widget-premium-google-reviews
    .slick-slide.slick-active:not(.slick-active + .slick-active)
    .premium-fb-rev-review {
    /* Layout */
    width: calc(100% - var(--mrkt-space-XS)) !important;
    margin-left: 0 !important;
  }

  :scope .elementor-widget-premium-google-reviews
    .slick-slide.slick-active:not(:has(+ .slick-active))
    .premium-fb-rev-review {
    /* Layout */
    width: calc(100% - var(--mrkt-space-XS)) !important;
    margin-right: 0 !important;
  }

  :scope .elementor-widget-premium-google-reviews
    .slick-slide.slick-active:not(.slick-active + .slick-active):not(:has(+ .slick-active))
    .premium-fb-rev-review {
    /* Layout */
    width: 100% !important;
  }

  /* ------------------------------------------------------------------------
     Card — exact pseudo-element chamfer from project-globals.css. The card
     content stays un-clipped; its padding keeps it clear of the cut corners.
     ------------------------------------------------------------------------ */

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-review {
    /* Positioning */
    position: relative !important;
    isolation: isolate !important;

    /* Layout */
    display: flex !important;
    flex-direction: column !important;
    padding: var(--reviews-card-padding) !important;

    /* Style */
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    /* Transitions */
    transition: transform var(--mrkt-transition-base) var(--mrkt-transition-curve) !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-review::before,
  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-review::after {
    content: "";

    /* Positioning */
    position: absolute;

    /* Style */
    pointer-events: none;

    /* Transitions */
    transition: background-color var(--mrkt-transition-base) ease;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-review::before {
    /* Positioning */
    inset: 0;
    z-index: -2;

    /* Style */
    background-color: var(--reviews-card-border) !important;
    clip-path: var(--reviews-border-shape) !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-review::after {
    /* Positioning */
    inset: var(--reviews-stroke);
    z-index: -1;

    /* Style */
    background-color: var(--reviews-card-bg) !important;
    clip-path: var(--reviews-face-shape) !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-review:is(:hover, :focus-within) {
    /* Style */
    transform: translateY(-2px) !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-review:is(:hover, :focus-within)::before {
    /* Style */
    background-color: var(--mrkt-color-primary) !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-review-inner {
    /* Layout */
    display: flex !important;
    flex: 1 !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-content-right {
    /* Layout */
    display: grid !important;
    flex: 1 !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    column-gap: var(--mrkt-space-S) !important;
    min-width: 0 !important;
  }

  :scope .elementor-widget-premium-google-reviews
    .premium-fb-rev-content-right > .premium-fb-rev-content-left {
    /* Layout */
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
  }

  :scope .elementor-widget-premium-google-reviews
    .premium-fb-rev-content-right > .premium-fb-rev-reviewer-header {
    /* Layout */
    display: flex !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: var(--mrkt-space-XS) !important;
    min-width: 0 !important;
    padding-inline-end: var(--mrkt-space-M) !important;
  }

  :scope .elementor-widget-premium-google-reviews
    .premium-fb-rev-content-right > .premium-fb-rev-rating {
    /* Layout */
    display: flex !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    flex-direction: column !important;
    min-width: 0 !important;
  }

  /* Reviewer avatar */
  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-img {
    /* Layout */
    display: block !important;
    width: 3rem !important;
    height: 3rem !important;

    /* Style */
    border: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border) !important;
    border-radius: var(--mrkt-border-radius-full) !important;
    object-fit: cover !important;
  }

  /* Reviewer name */
  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-reviewer-link,
  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-reviewer-link:visited {
    /* Font */
    font-family: var(--mrkt-font-heading) !important;
    font-size: var(--mrkt-typo-button-size) !important;
    font-weight: var(--mrkt-typo-button-weight) !important;
    line-height: 1.2 !important;
    letter-spacing: var(--mrkt-typo-button-letter-spacing) !important;
    text-transform: uppercase !important;

    /* Style */
    color: var(--mrkt-color-text) !important;
    text-decoration: none !important;

    /* Transitions */
    transition: color var(--mrkt-transition-fast) ease !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-reviewer-link:hover {
    /* Style */
    color: var(--mrkt-color-text-link) !important;
  }

  /* Stars */
  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-info,
  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-stars-container {
    /* Layout */
    display: flex !important;
    margin: 0 !important;

    /* Font */
    line-height: 0 !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-stars {
    /* Layout */
    display: inline-flex !important;
    gap: var(--mrkt-space-XXS) !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-star svg {
    /* Layout */
    display: block !important;
    width: var(--mrkt-typo-button-size) !important;
    height: var(--mrkt-typo-button-size) !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-star svg path {
    /* Style */
    fill: var(--mrkt-color-primary) !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-star svg path[fill="#ccc"] {
    /* Style */
    fill: var(--mrkt-color-neutral-600) !important;
  }

  /* Quote */
  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-text-wrapper {
    /* Layout */
    display: flex !important;
    flex: 1 !important;
    flex-direction: column !important;
    margin-top: var(--mrkt-space-M) !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-text {
    /* Font */
    font-family: var(--mrkt-typo-body-family) !important;
    font-size: var(--mrkt-typo-body-size) !important;
    font-weight: var(--mrkt-typo-body-weight) !important;
    line-height: 1.6 !important;
    letter-spacing: var(--mrkt-typo-body-letter-spacing) !important;

    /* Style */
    color: var(--mrkt-color-text-muted) !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-readmore,
  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-readmore:visited {
    /* Layout */
    align-self: flex-start !important;
    margin-top: auto !important;
    padding-top: var(--mrkt-space-S) !important;

    /* Font */
    font-family: var(--mrkt-font-heading) !important;
    font-size: var(--mrkt-typo-meta-size) !important;
    font-weight: var(--mrkt-typo-button-weight) !important;
    line-height: var(--mrkt-typo-meta-line-height) !important;
    letter-spacing: var(--mrkt-typo-button-letter-spacing) !important;
    text-transform: uppercase !important;

    /* Style */
    color: var(--mrkt-color-text-link) !important;
    text-decoration: none !important;

    /* Transitions */
    transition: color var(--mrkt-transition-fast) ease !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-readmore:hover {
    /* Style */
    color: var(--mrkt-color-primary-300) !important;
  }

  /* Google trust mark */
  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-icon {
    /* Positioning */
    position: absolute !important;
    top: var(--reviews-card-padding) !important;
    right: var(--reviews-card-padding) !important;

    /* Layout */
    width: 1.25rem !important;
    height: 1.25rem !important;

    /* Style */
    opacity: 0.72 !important;
  }

  :scope .elementor-widget-premium-google-reviews .premium-fb-rev-icon svg {
    /* Layout */
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  /* ------------------------------------------------------------------------
     Slider controls — plugin chevrons become explicit German text controls.
     ------------------------------------------------------------------------ */

  :scope .elementor-widget-premium-google-reviews
    .premium-fb-rev-reviews a.carousel-arrow.carousel-arrow.slick-arrow {
    /* Positioning */
    position: absolute !important;
    top: calc(-1 * var(--mrkt-space-L)) !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 5 !important;

    /* Layout */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    min-height: 2.5rem !important;
    padding: 0.65rem 1.15rem !important;
    margin: 0 !important;

    /* Font */
    font-family: var(--mrkt-font-heading) !important;
    font-size: var(--mrkt-typo-meta-size) !important;
    font-weight: var(--mrkt-typo-button-weight) !important;
    line-height: 1 !important;
    letter-spacing: var(--mrkt-typo-button-letter-spacing) !important;
    text-transform: uppercase !important;

    /* Style */
    appearance: none !important;
    background: var(--mrkt-color-surface) !important;
    border: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border) !important;
    border-radius: 0 !important;
    color: var(--mrkt-color-text) !important;
    clip-path: polygon(
      var(--mrkt-angle-cut-S) 0,
      100% 0,
      100% calc(100% - var(--mrkt-angle-cut-S)),
      calc(100% - var(--mrkt-angle-cut-S)) 100%,
      0 100%,
      0 var(--mrkt-angle-cut-S)
    ) !important;
    cursor: pointer !important;
    opacity: 1 !important;
    text-decoration: none !important;
    transform: none !important;

    /* Transitions */
    transition:
      background-color var(--mrkt-transition-fast) ease,
      border-color var(--mrkt-transition-fast) ease,
      color var(--mrkt-transition-fast) ease !important;
  }

  :scope .elementor-widget-premium-google-reviews .carousel-arrow > :is(i, .fas, svg) {
    /* Layout */
    display: none !important;
  }

  :scope .elementor-widget-premium-google-reviews .carousel-arrow.carousel-prev::before {
    content: "Zurück";
  }

  :scope .elementor-widget-premium-google-reviews .carousel-arrow.carousel-next::before {
    content: "Weiter";
  }

  :scope .elementor-widget-premium-google-reviews
    .premium-fb-rev-reviews a.carousel-arrow.carousel-prev.carousel-prev {
    /* Positioning */
    right: 6.25rem !important;
  }

  :scope .elementor-widget-premium-google-reviews
    .premium-fb-rev-reviews a.carousel-arrow.carousel-next.carousel-next {
    /* Positioning */
    right: 0 !important;
  }

  :scope .elementor-widget-premium-google-reviews
    .premium-fb-rev-reviews a.carousel-arrow.carousel-arrow:is(:hover, :focus-visible) {
    /* Style */
    background: var(--mrkt-color-primary) !important;
    border-color: var(--mrkt-color-primary) !important;
    color: var(--mrkt-color-on-primary) !important;
  }

  :scope .elementor-widget-premium-google-reviews .carousel-arrow:focus-visible,
  :scope .elementor-widget-premium-google-reviews :is(a, button):focus-visible {
    /* Style */
    outline: 2px solid var(--mrkt-color-focus) !important;
    outline-offset: 3px !important;
  }

  :scope .elementor-widget-premium-google-reviews .carousel-arrow.slick-disabled {
    /* Style */
    opacity: 0.4 !important;
    pointer-events: none !important;
  }

  @media (max-width: 47.5rem) {
    :scope .elementor-widget-premium-google-reviews {
      --reviews-card-padding: var(--mrkt-space-M);
      --reviews-cut: var(--mrkt-angle-cut-base);
    }

    :scope .elementor-widget-premium-google-reviews .premium-fb-rev-reviews {
      /* Layout */
      margin-top: var(--mrkt-space-XL) !important;
    }

    :scope .elementor-widget-premium-google-reviews
      .premium-fb-rev-reviews a.carousel-arrow.carousel-arrow.slick-arrow {
      /* Positioning */
      top: calc(-1 * var(--mrkt-space-XL)) !important;

      /* Layout */
      min-height: 2.25rem !important;
      padding: 0.55rem 0.9rem !important;
    }

    :scope .elementor-widget-premium-google-reviews
      .premium-fb-rev-reviews a.carousel-arrow.carousel-prev.carousel-prev {
      /* Positioning */
      right: 5.5rem !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    :scope .elementor-widget-premium-google-reviews .premium-fb-rev-review,
    :scope .elementor-widget-premium-google-reviews .premium-fb-rev-review::before,
    :scope .elementor-widget-premium-google-reviews .premium-fb-rev-review::after,
    :scope .elementor-widget-premium-google-reviews .carousel-arrow {
      /* Transitions */
      transition-duration: 1ms !important;
    }
  }
}/* End custom CSS */
/* Start custom CSS */@scope (.mrkt-hero) {
  /* Reset Elementor Defaults */
  :scope .e-div-block-base,
  .elementor :scope {
    /* Layout */
    min-width: 0;
    min-height: 0;
    padding: 0;
  }

  .elementor :scope {
    --hero-layer-stage: 1;
    --hero-layer-active: calc(var(--hero-layer-stage) + 1);
    --hero-layer-incoming: calc(var(--hero-layer-active) + 1);
    --hero-layer-persistent: calc(var(--hero-layer-incoming) + 1);
    --hero-layer-divider: calc(var(--hero-layer-persistent) + 1);
    --hero-layer-controls: calc(var(--hero-layer-divider) + 1);
    --hero-stage-media: 1;
    --hero-stage-scrim: calc(var(--hero-stage-media) + 1);
    --hero-stage-content: calc(var(--hero-stage-scrim) + 1);
    --hero-panel-background: var(--mrkt-color-black-a60);
    --hero-pagination-hover-bg: color-mix(in oklch, var(--mrkt-color-secondary-950) 55%, var(--mrkt-color-neutral-950));
    --hero-edge-gap: var(--mrkt-header-inert-padding-inline);

    /* Layout */
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) auto;
    width: 100%;
    min-width: 20rem;
    height: 100svh;
    min-height: 100svh;
    overflow: hidden;

    /* Style */
    isolation: isolate;
    background: var(--mrkt-color-background);
    color: var(--mrkt-color-text);
  }

  :scope .stages {
    /* Layout */
    z-index: var(--hero-layer-stage);
    display: grid;
    grid-area: 1 / 1 / 3 / -1;
    min-width: 0;
    min-height: 0;
    overflow: hidden;

    /* Style */
    isolation: isolate;
    background: var(--mrkt-color-background);
  }

  :scope .stage {
    /* Layout */
    z-index: var(--hero-layer-stage);
    display: grid;
    grid-area: 1 / 1;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr) auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;

    /* Style */
    visibility: hidden;
    isolation: isolate;
    background: var(--mrkt-color-background);
    clip-path: inset(0);

    /* Transitions */
    will-change: clip-path;
  }

  :scope .stage.is-active {
    /* Layout */
    z-index: var(--hero-layer-active);

    /* Style */
    visibility: visible;
  }

  :scope .stage.is-incoming {
    /* Layout */
    z-index: var(--hero-layer-incoming);

    /* Style */
    visibility: visible;
  }

  :scope .stage::before {
    /* Layout */
    z-index: var(--hero-stage-scrim);
    display: block;
    grid-area: 1 / 1 / -1 / -1;
    width: 100%;
    height: 100%;

    /* Style */
    content: "";
    background:
      linear-gradient(90deg, var(--mrkt-color-black-a60) 0%, transparent 48%),
      linear-gradient(180deg, var(--mrkt-color-black-a40) 0%, transparent 38%, var(--mrkt-color-black-a40) 100%);
    pointer-events: none;
  }

  :scope .stage img {
    /* Layout */
    z-index: var(--hero-stage-media);
    display: block;
    grid-area: 1 / 1 / -1 / -1;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;

    /* Style */
    object-fit: cover;
    object-position: center;
    user-select: none;
  }

  :scope .meta {
    /* Layout */
    z-index: var(--hero-stage-content);
    display: grid;
    grid-area: 1 / 8 / 2 / -1;
    align-self: start;
    justify-self: end;
    width: min(100%, 27rem);
    margin-block-start: calc(
      var(--mrkt-header-inert-height)
      - var(--mrkt-header-inert-padding-block)
      + var(--hero-edge-gap));
    margin-inline-end: var(--hero-edge-gap);
    padding: var(--mrkt-space-M);
  }

  :scope .meta h2 {
    /* Layout */
    margin-bottom: var(--mrkt-space-XS);
  }

  :scope .meta > p {
    /* Layout */
    margin: 0 0 var(--mrkt-space-S);

    /* Font */
    font-size: var(--mrkt-typo-body-small-size);
    line-height: 1.55;

    /* Style */
    color: var(--mrkt-color-text-muted);
  }

  :scope .heading {
    /* Layout */
    z-index: var(--hero-layer-persistent);
    display: grid;
    grid-area: 1 / 1 / 2 / 8;
    align-self: start;
    justify-items: start;
    width: fit-content;
    padding-block-start: var(--mrkt-section-padding-inline);
    padding-inline-start: var(--mrkt-section-padding-inline);
  }

  :scope .heading h1 {
    /* Layout */
    max-width: 15ch;

    /* Font */
    text-wrap: balance;

    /* Style */
    color: var(--mrkt-color-text-light);
    text-shadow: 0 0.08em 0.35em var(--mrkt-color-black-a60);
  }

  :scope .heading p {
    /* Layout */
    max-width: 40ch;
    margin-top: var(--mrkt-space-M);

    /* Style */
    color: var(--mrkt-color-neutral-100);
    text-shadow: 0 2px 12px var(--mrkt-color-black);
  }

  :scope .heading .mrkt-btn {
    /* Layout */
    margin-top: var(--mrkt-space-M);

    /* Style */
    pointer-events: auto;
  }

  :scope .direction svg {
    /* Layout */
    display: block;
    width: 1.25rem;
    height: 1.25rem;

    /* Style */
    fill: none;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-width: 1.5;
  }

  :scope .direction {
    /* Layout */
    z-index: var(--hero-layer-controls);
    display: grid;
    grid-row: 1 / 3;
    align-self: center;
    width: 3.25rem;
    min-height: 4rem;
    padding: 0;
    place-items: center;

    /* Style */
    appearance: none;
    background: var(--hero-panel-background);
    border: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border-strong);
    color: var(--mrkt-color-text-light);
    cursor: pointer;

    /* Transitions */
    transition: background-color var(--mrkt-transition-fast) var(--mrkt-transition-curve), color var(--mrkt-transition-fast) var(--mrkt-transition-curve);
  }

  :scope .direction:is(:hover, :focus-visible) {
    /* Style */
    background: var(--mrkt-color-primary);
    color: var(--mrkt-color-on-primary);
  }

  :scope .direction:disabled {
    /* Style */
    cursor: not-allowed;
    opacity: 0.45;
  }

  :scope .previous {
    /* Layout */
    grid-column: 1 / 2;
    justify-self: start;
    margin-inline-start: var(--mrkt-space-S);
  }

  :scope .next {
    /* Layout */
    grid-column: 12 / 13;
    justify-self: end;
    margin-inline-end: var(--mrkt-space-S);
  }

  :scope .wipe-line {
    /* Layout */
    z-index: var(--hero-layer-divider);
    grid-area: 1 / 1 / 3 / -1;
    align-self: stretch;
    justify-self: start;
    width: 100%;
    min-height: 0;

    /* Style */
    visibility: hidden;
    border-left: 2px solid var(--mrkt-color-primary-300);
    filter: drop-shadow(0 0 0.4rem var(--mrkt-color-primary-a40));
    opacity: 0;
    pointer-events: none;
    transform: translateX(0);

    /* Transitions */
    will-change: transform;
  }

  :scope .pagination {
    /* Layout */
    z-index: var(--hero-layer-controls);
    display: grid;
    grid-area: 3 / 1 / 4 / -1;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-width: 0;

    /* Style */
    background: var(--mrkt-color-background);
    border-top: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border-strong);
    border-bottom: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border-soft);
  }

  :scope .pagination button {
    /* Positioning */
    position: relative;

    /* Layout */
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 2px minmax(4.75rem, 1fr);
    align-items: center;
    gap: 0 var(--mrkt-space-S);
    min-width: 0;
    min-height: 4.75rem;
    padding: 0 var(--mrkt-space-M);

    /* Font */
    text-align: left;
    text-transform: uppercase;

    /* Style */
    appearance: none;
    background: transparent;
    border: 0;
    border-left: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border-soft);
    color: var(--mrkt-color-text-muted);
    cursor: pointer;

    /* Transitions */
    transition: background-color var(--mrkt-transition-fast) var(--mrkt-transition-curve), color var(--mrkt-transition-fast) var(--mrkt-transition-curve);
  }

  :scope .pagination button:first-child {
    /* Style */
    border-left: 0;
  }

  :scope .pagination button:is(:hover, :focus-visible),
  :scope .pagination button[aria-current="true"] {
    /* Style */
    background: var(--hero-pagination-hover-bg);
    color: var(--mrkt-color-text-light);
  }

  :scope .pagination button:disabled {
    /* Style */
    cursor: not-allowed;
  }

  :scope .pagination .progress {
    /* Positioning */
    position: absolute;
    inset-inline: 0;
    top: calc(var(--mrkt-border-width) * -1);

    /* Layout */
    height: 2px;

    /* Style */
    background: var(--mrkt-color-primary);
    transform: scaleX(0);
    transform-origin: left center;

    /* Transitions */
    will-change: transform;
  }

  :scope .pagination .number {
    /* Layout */
    grid-area: 2 / 1 / 3 / 2;

    /* Style */
    color: var(--mrkt-color-text-subtle);
  }

  :scope .pagination .label {
    /* Layout */
    grid-area: 2 / 2 / 3 / 3;
    min-width: 0;
    overflow: visible;

    /* Style */
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  :scope .pagination button[aria-current="true"] .number {
    /* Style */
    color: var(--mrkt-color-primary-300);
  }

  :scope :is(button, a):focus-visible {
    /* Style */
    outline: 2px solid var(--mrkt-color-focus);
    outline-offset: -4px;
  }

  @media (max-width: 47.5rem) {
    :scope {
      /* Layout */
      grid-template-rows: minmax(0, 1.1fr) minmax(0, 0.9fr) auto;
    }

    :scope .stage {
      /* Layout */
      grid-template-columns: 1fr;
      grid-template-rows: auto auto;
      align-content: end;
    }

    :scope .stage img {
      /* Layout */
      grid-area: 1 / 1 / 2 / -1;

      /* Style */
      object-fit: contain;
      object-position: center;
    }

    :scope .stage::before {
      /* Layout */
      grid-area: 1 / 1 / 2 / -1;

      /* Style */
      background:
        linear-gradient(180deg, var(--mrkt-color-black-a60) 0%, transparent 42%, var(--mrkt-color-black-a40) 100%);
    }

    :scope .meta {
      /* Layout */
      grid-area: 2 / 1 / 3 / -1;
      align-self: end;
      justify-self: stretch;
      width: 100%;
      margin: 0;
      padding: var(--mrkt-space-M) var(--mrkt-section-padding-inline);
    }

    :scope .heading {
      /* Layout */
      grid-area: 1 / 1 / 2 / -1;
      max-width: none;
      padding-block-start: calc(var(--mrkt-header-inert-height) + var(--mrkt-space-S));
      padding-inline: var(--mrkt-section-padding-inline);
    }

    :scope .heading h1 {
      /* Layout */
      max-width: 9ch;
    }

    :scope .heading > p {
      /* Layout */
      max-width: 23ch;
      margin-top: var(--mrkt-space-S);
    }

    :scope .direction {
      /* Layout */
      display: none;
    }

    :scope .pagination button {
      /* Layout */
      grid-template-columns: 1fr;
      grid-template-rows: 2px auto auto;
      justify-items: start;
      gap: var(--mrkt-space-XXS);
      min-height: 5.2rem;
      padding: 0.55rem var(--mrkt-space-XS);

      /* Font */
      font-size: 0.7rem;
    }

    :scope .pagination .number {
      /* Layout */
      grid-area: 2 / 1 / 3 / 2;
      align-self: end;
    }

    :scope .pagination .label {
      /* Layout */
      grid-area: 3 / 1 / 4 / 2;
      align-self: start;

    }
  }

  @media (prefers-reduced-motion: reduce) {
    :scope .stage,
    :scope .wipe-line,
    :scope .pagination .progress {
      /* Transitions */
      will-change: auto;
    }
  }
}

@scope (.mrkt-promises) {
  /* Reset Elementor Defaults */
  :scope .e-div-block-base {
    padding: 0;
    min-width: 0;
    min-height: 0;
  }

  .elementor :scope {
    /* Layout */
    --bleed: calc(var(--mrkt-section-padding-inline) / 2);
    --block-gap: var(--mrkt-space-XL);

    display: flex;
    flex-direction: column;
    gap: var(--block-gap);
  }

/* --------------------------------------------------------------------------
   Intro — the only max-widths in the section, and they sit on the text
   itself, never on a wrapper.
   -------------------------------------------------------------------------- */

  :scope .intro {
    /* Layout */
    display: flex;
    flex-direction: column;
    gap: var(--mrkt-space-S);
  }

  :scope .title {
    /* Layout */
    max-width: 18ch;
  }

  :scope .lead {
    /* Layout */
    max-width: var(--mrkt-max-content-width);
  }

/* --------------------------------------------------------------------------
   Blocks — one 12 column grid each. Placement differs per block so the
   section reads as a zig-zag rather than three repeated rows.
   minmax(0, 1fr) keeps long words from pushing a column past its track.
   -------------------------------------------------------------------------- */

  :scope .block {
    /* Layout */
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: calc(var(--block-gap) / 2);
  }

  :scope .content {
    /* Layout */
    display: flex;
    flex-direction: column;
    gap: var(--mrkt-space-S);
  }

  :scope .content > .mrkt-typo-body {
    /* Layout */
    max-width: var(--mrkt-max-content-width);
  }

  :scope .media {
    /* Layout */
    display: block;
    overflow: hidden;
    width: auto;
    /* Style */
    --mrkt-chamfer-size: var(--mrkt-space-M);
  }
  
    :scope .media img{
    /* Layout */
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

/* Block 01 — image left, half-bleed past the section padding, copy centred
   against it. */

  :scope .block-terrain .media {
    /* Layout */
    grid-column: 1 / 8;
    grid-row: 1;
    margin-left: calc(-1 * var(--bleed));
    aspect-ratio: 3 / 2;
  }

  :scope .block-terrain .content {
    /* Layout */
    grid-column: 8 / 13;
    grid-row: 1;
    align-self: center;
  }

/* Block 02 — mirrored. Both text columns are centred against their image;
   the zig-zag comes from the side swap and from block 03 breaking the
   pattern, not from arbitrary vertical offsets. */

  :scope .block-autarky .content {
    /* Layout */
    grid-column: 1 / 7;
    grid-row: 1;
    align-self: center;
  }

  :scope .block-autarky .media {
    /* Layout */
    grid-column: 7 / 13;
    grid-row: 1;
    margin-right: calc(-1 * var(--bleed));
    aspect-ratio: 3 / 2;
  }

/* Block 03 — the only contained block. Two bleeding blocks then a held one
   reads as arrival, and it gives the image a right edge for the CTA row to
   sit against. Contained means narrower, so the ratio grows to buy back the
   height the missing bleed would have cost. */

  :scope .block-climate .media {
    /* Layout */
    grid-column: 1 / 13;
    grid-row: 1;
    aspect-ratio: 21 / 9;
  }

/* width: fit-content so the plate sizes to its text instead of stretching
   across the whole grid span; the span is only a ceiling. The paragraph's
   own max-width is what actually sets the width. */

  :scope .block-climate .content {
    /* Positioning */
    position: relative;
    z-index: 1;

    /* Layout */
    grid-column: 2 / 10;
    grid-row: 1;
    align-self: end;
    justify-self: start;
    width: fit-content;
    max-width: 100%;
    margin-bottom: calc(-0.5 * var(--mrkt-section-padding-inline));
    padding: var(--mrkt-space-M);
  }

/* --------------------------------------------------------------------------
   Section CTA — meta left, button right, joined by a hairline so the two
   read as one row instead of two objects at opposite margins. The rule is
   ::before with order, so it costs no markup.
   -------------------------------------------------------------------------- */

  :scope .cta {
    /* Layout */
    display: flex;
    align-items: center;
    gap: var(--mrkt-space-M);
    margin-top: var(--mrkt-space-L);
  }

  :scope .cta-meta {
    /* Layout */
    order: 0;
    flex: none;
  }

  :scope .cta .mrkt-btn {
    /* Layout */
    order: 2;
    flex: none;
  }

/* --------------------------------------------------------------------------
   Stacked — single column, no bleed offsets, no overlap. Below this width
   the offsets stop reading as composition and start reading as bugs.
   -------------------------------------------------------------------------- */

  @media only screen and (max-width: 767px) {
    .elementor :scope {
      /* Layout */
      --block-gap: var(--mrkt-space-L);
    }

    :scope .block {
      /* Layout */
      display: flex;
      flex-direction: column;
      gap: var(--mrkt-space-M);
    }

    :scope .block .media,
    :scope .block .content {
      /* Layout */
      width: auto;
      max-width: none;
      margin: 0;
      padding-top: 0;
      aspect-ratio: auto;
    }

    :scope .block .media {
      /* Layout */
      margin-inline: calc(-1 * var(--bleed));
      aspect-ratio: 3 / 2;
    }

    :scope .block-climate .content {
      /* Layout */
      padding: var(--mrkt-space-S) 0 0;
    }

    :scope .cta {
      /* Layout */
      flex-direction: column;
      align-items: flex-start;
      gap: var(--mrkt-space-S);
    }

    :scope .cta-meta {
      /* Layout */
      order: 2;
    }

    :scope .cta .mrkt-btn {
      /* Layout */
      width: 100%;

      /* Font */
      line-height: 1.3;
      white-space: normal;
    }
  }
}

@scope (.mrkt-messen) {
  /* Reset Elementor Defaults */
  :scope .e-div-block-base {
    /* Layout */
    padding: 0;
    min-width: 0;
    min-height: 0;
  }

  :scope .header {
    /* Layout */
    display: grid;
    gap: var(--mrkt-space-S);
    margin-bottom: var(--mrkt-section-gap);
  }

  :scope .intro {
    /* Layout */
    max-width: var(--mrkt-max-content-width);
  }

  :scope .grid {
    /* Layout */
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--mrkt-base-gap);
  }

  :scope .card {
    /* Layout */
    display: flex;
    flex-direction: column;
    gap: var(--mrkt-space-S);
    padding: var(--mrkt-space-M);
  }

  :scope .card:hover {
    /* Style */
    --mrkt-chamfer-border-color: var(--mrkt-color-primary);
  }

  :scope .caption {
    /* Font */
    font-size: var(--mrkt-typo-body-small-size);
    line-height: var(--mrkt-typo-body-small-line-height);

    /* Style */
    color: var(--mrkt-color-text-muted);
  }

  :scope .card .mrkt-spec-list {
    /* Layout */
    margin-bottom: var(--mrkt-space-XS);
  }

  :scope .actions {
    /* Layout */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--mrkt-space-S) var(--mrkt-space-M);
    margin-top: auto;
  }

  :scope .actions .mrkt-btn {
    /* Layout */
    flex: 1 1 auto;
  }

  :scope .micro {
    /* Font */
    font-family: var(--mrkt-typo-meta-family);
    font-size: var(--mrkt-typo-meta-size);
    line-height: var(--mrkt-typo-meta-line-height);
    letter-spacing: var(--mrkt-typo-meta-letter-spacing);

    /* Style */
    color: var(--mrkt-color-text-subtle);
  }

  @media (max-width: 60rem) {
    :scope .grid {
      /* Layout */
      grid-template-columns: 1fr;
    }
  }
}

@scope (.mrkt-configurator) {
  /* Reset Elementor Defaults */
  :scope .e-div-block-base {
    /* Layout */
    padding: 0;
    min-width: 0;
    min-height: 0;
  }

  .elementor :scope {
    /* Tokens */
    --_config-top-padding: clamp(var(--mrkt-space-M), 7vh, var(--mrkt-space-XL));
    --_step-size: 2.25rem;
    --_step-cut: var(--mrkt-angle-cut-S);
  }

  :scope .header {
    /* Layout */
    display: grid;
    gap: var(--mrkt-space-S);
    margin-bottom: var(--mrkt-space-L);
  }

  :scope .header h2 {
    /* Layout */
    max-width: 18ch;
  }

  :scope .subheadline {
    /* Layout */
    max-width: var(--mrkt-max-content-width);
  }

  :scope .stage {
    /* Layout */
    display: grid;
    grid-template-columns: minmax(17rem, 0.55fr) minmax(0, 1.45fr);
    align-items: start;
    gap: var(--mrkt-space-L);
  }

  :scope .steps,
  :scope .step-content {
    /* Layout */
    min-width: 0;
  }

  :scope .steps {
    /* Positioning */
    position: sticky;
    top: var(--mrkt-header-height);

    /* Layout */
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: clamp(var(--mrkt-space-S), 2vh, var(--mrkt-space-M));
    height: auto;
    min-height: calc(100vh - var(--mrkt-header-height));
    min-height: calc(100svh - var(--mrkt-header-height));
    padding-block: clamp(var(--mrkt-space-M), 4vh, var(--mrkt-space-L));
    padding-inline-end: var(--mrkt-space-M);

    /* Style */
    border-inline-end: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border-soft);
  }

  :scope .steps .mrkt-btn {
    /* Layout */
    align-self: flex-start;
    justify-content: flex-start;

    /* Font */
    line-height: 1.3;
    white-space: normal;
  }

  :scope .steps-list {
    /* Positioning */
    position: relative;
    isolation: isolate;

    /* Layout */
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: var(--_step-list-gap);
    width: 100%;
    padding: 0;

    /* Style */
    --_step-list-gap: clamp(var(--mrkt-space-XS), 1.25vh, var(--mrkt-space-S));
    list-style: none;
    counter-reset: config-step;
  }

  :scope .steps-list > div[data-config-step] {
    /* Positioning */
    position: relative;

    /* Layout */
    min-height: var(--_step-size);
    padding-inline-start: calc(var(--_step-size) + var(--mrkt-space-M));
    padding-block: 0;

    /* Style */
    counter-increment: config-step;
  }

  :scope .steps-list > div[data-config-step]::before {
    content: counter(config-step, decimal-leading-zero);

    /* Positioning */
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;

    /* Layout */
    display: grid;
    place-items: center;
    width: var(--_step-size);
    height: var(--_step-size);

    /* Font */
    font-family: var(--mrkt-typo-eyebrow-family);
    font-size: var(--mrkt-typo-eyebrow-size);
    letter-spacing: var(--mrkt-typo-eyebrow-letter-spacing);

    /* Style */
    background-color: var(--mrkt-color-primary-a20);
    clip-path: polygon(
      0 0, calc(100% - var(--_step-cut)) 0,
      100% var(--_step-cut), 100% 100%,
      var(--_step-cut) 100%, 0 calc(100% - var(--_step-cut)));
    color: var(--mrkt-color-primary-300);

    /* Transitions */
    transition:
      background-color var(--mrkt-transition-base) var(--mrkt-transition-curve),
      color var(--mrkt-transition-base) var(--mrkt-transition-curve);
  }

  :scope .steps-list > div[data-config-step]:not(:last-child)::after {
    content: "";

    /* Positioning */
    position: absolute;
    inset-block-start: calc(var(--_step-size) + var(--mrkt-space-XS));
    inset-block-end: calc(var(--mrkt-space-XS) - var(--_step-list-gap));
    inset-inline-start: calc(var(--_step-size) / 2);

    /* Layout */
    width: var(--mrkt-border-width);

    /* Style */
    background-image: linear-gradient(
      to bottom,
      var(--mrkt-color-primary) 0,
      var(--mrkt-color-primary) var(--step-segment-progress, 0%),
      var(--mrkt-color-secondary-800) var(--step-segment-progress, 0%),
      var(--mrkt-color-secondary-800) 100%);
  }

  :scope .steps-list h3 {
    /* Layout */
    margin-block: calc((var(--_step-size) - 1lh) / 2) var(--mrkt-space-XS);
  }

  :scope .steps-list p {
    /* Font */
    font-size: var(--mrkt-typo-body-small-size);
    line-height: var(--mrkt-typo-body-small-line-height);

    /* Style */
    color: var(--mrkt-color-text-subtle);
  }

  :scope .steps-list > div[data-config-step].is-done::before {
    content: "";

    /* Style */
    background-color: var(--mrkt-color-primary);
    background-image: var(--mrkt-icon-check);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.125rem;
  }

  :scope .steps-list > div[data-config-step].is-current::before {
    /* Style */
    background-color: var(--mrkt-color-primary);
    color: var(--mrkt-color-on-primary);
  }

  :scope .progress-eyebrow {
    /* Style */
    --mrkt-eyebrow-color: var(--mrkt-color-secondary-300);
  }

  :scope .progress-readout {
    /* Layout */
    display: flex;
    align-items: baseline;
    gap: var(--mrkt-space-XS);
    width: 100%;
    padding-block-start: var(--mrkt-space-S);

    /* Style */
    border-block-start: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border-soft);
    color: var(--mrkt-color-text-subtle);
  }

  :scope .progress-readout span {
    /* Font */
    font-family: var(--mrkt-typo-h4-family);
    font-size: var(--mrkt-typo-h4-size);
    line-height: 1;

    /* Style */
    color: var(--mrkt-color-primary-300);
  }

  :scope .step-content {
    /* Layout */
    display: grid;
  }

  :scope .step-panel {
    /* Positioning */
    position: relative;
    isolation: isolate;

    /* Layout */
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    align-content: start;
    gap: var(--mrkt-space-M);
    min-width: 0;
    min-height: calc(100vh - var(--mrkt-header-height));
    min-height: calc(100svh - var(--mrkt-header-height));
    padding-block: var(--_config-top-padding);

    /* Style */
    --_panel-accent: var(--mrkt-color-primary-300);
    --_panel-wash: var(--mrkt-color-primary-a10);
    border-block-start: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border-soft);
  }

  :scope .step-panel::after {
    content: attr(data-panel-word);

    /* Positioning */
    position: absolute;
    inset-block-start: calc(var(--_config-top-padding) + var(--mrkt-space-M));
    inset-inline-end: 0;
    z-index: -1;

    /* Layout */
    pointer-events: none;

    /* Font */
    font-family: var(--mrkt-typo-meta-family);
    font-size: clamp(3.5rem, 8vw, 7.5rem);
    line-height: 0.8;
    letter-spacing: 0.08em;

    /* Style */
    color: var(--_panel-wash);
    opacity: 0.55;
  }

  :scope .step-panel--configure {
    /* Style */
    --_panel-accent: var(--mrkt-color-secondary-300);
    --_panel-wash: var(--mrkt-color-secondary-a20);
  }

  :scope .step-panel--build {
    /* Style */
    --_panel-accent: var(--mrkt-color-secondary-300);
    --_panel-wash: var(--mrkt-color-secondary-a20);
  }

  :scope .step-panel--handover {
    /* Style */
    --_panel-accent: var(--mrkt-color-primary-400);
    --_panel-wash: var(--mrkt-color-primary-a20);
  }

  :scope .step-panel:first-child {
    /* Style */
    border-block-start: 0;
  }

  :scope .panel-header {
    /* Positioning */
    position: relative;
    z-index: 1;

    /* Layout */
    display: grid;
    gap: var(--mrkt-space-S);
  }

  :scope .panel-header .mrkt-eyebrow {
    /* Style */
    --mrkt-eyebrow-color: var(--_panel-accent);
  }

  :scope .panel-header .mrkt-eyebrow--rule::after {
    /* Style */
    background-image: linear-gradient(
      to right,
      var(--_panel-accent),
      var(--mrkt-color-transparent));
  }

  :scope .panel-header h3 {
    /* Layout */
    max-width: 22ch;
  }

  :scope .panel-header > .mrkt-typo-body {
    /* Layout */
    max-width: var(--mrkt-max-content-width);

    /* Style */
    color: var(--mrkt-color-text-muted);
  }

  :scope .panel-content {
    /* Layout */
    display: grid;
    gap: var(--mrkt-space-S);
    min-width: 0;
  }

  :scope .panel-content > .mrkt-typo-body {
    /* Layout */
    max-width: 52ch;

    /* Style */
    color: var(--mrkt-color-text-muted);
  }

  :scope .model-slider {
    /* Layout */
    display: grid;
    align-self: center;
    gap: var(--mrkt-space-S);
    min-width: 0;
  }

  :scope .slider-nav,
  :scope .slider-controls {
    /* Layout */
    display: flex;
    align-items: center;
  }

  :scope .slider-nav {
    /* Layout */
    justify-content: space-between;
    gap: var(--mrkt-space-M);
  }

  :scope .slider-controls {
    /* Layout */
    gap: var(--mrkt-space-XS);
  }

  :scope .slider-pagination {
    /* Layout */
    display: flex;
    align-items: baseline;
    gap: var(--mrkt-space-XS);

    /* Style */
    color: var(--mrkt-color-text-subtle);
  }

  :scope .slider-pagination span {
    /* Font */
    font-family: var(--mrkt-typo-h5-family);
    font-size: var(--mrkt-typo-h5-size);
    line-height: 1;

    /* Style */
    color: var(--_panel-accent);
  }

  :scope .slider-control {
    /* Positioning */
    position: relative;

    /* Layout */
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;

    /* Style */
    background: var(--mrkt-color-transparent);
    border: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border);
    color: var(--mrkt-color-primary-300);
    cursor: pointer;

    /* Transitions */
    transition:
      background-color var(--mrkt-transition-base) ease,
      border-color var(--mrkt-transition-base) ease;
  }

  :scope .slider-control::before {
    content: "";

    /* Layout */
    width: 1rem;
    height: 1rem;

    /* Style */
    background-color: currentColor;
    -webkit-mask: var(--mrkt-icon-arrow) center / contain no-repeat;
    mask: var(--mrkt-icon-arrow) center / contain no-repeat;
  }

  :scope .slider-control--prev::before {
    /* Style */
    transform: rotate(180deg);
  }

  :scope .slider-control:not(:disabled):hover,
  :scope .slider-control:not(:disabled):focus-visible {
    /* Style */
    background-color: var(--mrkt-color-primary-a10);
    border-color: var(--mrkt-color-primary);
  }

  :scope .slider-control:focus-visible {
    /* Style */
    outline: 2px solid var(--mrkt-color-focus);
    outline-offset: 3px;
  }

  :scope .slider-control:disabled {
    /* Style */
    border-color: var(--mrkt-color-border-soft);
    color: var(--mrkt-color-text-subtle);
    cursor: not-allowed;
    opacity: 0.45;
  }

  :scope .model-track {
    /* Layout */
    display: grid;
    grid-auto-columns: var(--model-card-width, min(28rem, 82%));
    grid-auto-flow: column;
    gap: var(--mrkt-space-M);
    min-width: 0;
    padding-block: var(--mrkt-space-S);
    padding-inline-end: var(--model-trailing-space, 0px);
    overflow-x: auto;
    overscroll-behavior-inline: contain;

    /* Style */
    scrollbar-width: none;
    scroll-snap-type: inline mandatory;
  }

  :scope .model-track::-webkit-scrollbar {
    /* Layout */
    display: none;
  }

  :scope .model-card {
    /* Layout */
    display: grid;
    grid-template-rows: 15rem 1fr;
    min-width: 0;
    overflow: hidden;

    /* Style */
    --mrkt-chamfer-surface: var(--mrkt-color-surface);
    clip-path: var(--_chamfer-border);
    filter: brightness(0.72) saturate(0.7);
    scroll-snap-align: start;

    /* Transitions */
    transition:
      filter var(--mrkt-transition-slow) ease;
  }

  :scope .model-card.is-current {
    /* Style */
    --mrkt-chamfer-border-color: var(--mrkt-color-primary);
    filter: none;
  }

  :scope .model-card:not(.is-current):is(:hover, :focus-within) {
    /* Style */
    filter: brightness(0.9) saturate(0.9);
  }

  :scope .model-card > img {
    /* Layout */
    display: block;
    width: calc(100% - 2 * var(--_chamfer-border-width));
    height: calc(100% - var(--_chamfer-border-width));
    min-height: 0;
    margin-block-start: var(--_chamfer-border-width);
    margin-inline: var(--_chamfer-border-width);

    /* Style */
    border-block-end: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border-soft);
    clip-path: polygon(
      0 0,
      calc(100% - var(--_chamfer-inner)) 0,
      100% var(--_chamfer-inner),
      100% 100%,
      0 100%);
    filter: saturate(0.82) contrast(1.04);
    object-fit: cover;

    /* Transitions */
    transition: filter var(--mrkt-transition-slow) ease;
  }

  :scope .model-card.is-current > img,
  :scope .model-card:hover > img,
  :scope .model-card:focus-within > img {
    /* Style */
    filter: saturate(1) contrast(1.04);
  }

  :scope .model-card-content {
    /* Layout */
    display: grid;
    grid-template-rows: auto auto auto 1fr auto;
    align-content: start;
    gap: var(--mrkt-space-S);
    padding: var(--mrkt-space-M);
  }

  :scope .model-card-content > .mrkt-typo-body {
    /* Style */
    color: var(--mrkt-color-text-muted);
  }

  :scope .model-card-content .mrkt-btn {
    /* Layout */
    justify-self: start;
  }

  :scope .model-facts {
    /* Layout */
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-block: var(--mrkt-space-S);

    /* Style */
    border-block: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border-soft);
    list-style: none;
  }

  :scope .model-facts span {
    /* Layout */
    display: grid;
    gap: var(--mrkt-space-XXS);
    padding-inline: var(--mrkt-space-S);

    /* Font */
    font-size: var(--mrkt-typo-body-small-size);
    line-height: var(--mrkt-typo-body-small-line-height);

    /* Style */
    color: var(--mrkt-color-text-subtle);
  }

  :scope .model-facts span:first-child {
    /* Layout */
    padding-inline-start: 0;
  }

  :scope .model-facts span + span {
    /* Style */
    border-inline-start: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border-soft);
  }

  :scope .model-facts strong {
    /* Font */
    font-family: var(--mrkt-typo-meta-family);
    font-size: var(--mrkt-typo-body-size);
    font-weight: 400;

    /* Style */
    color: var(--mrkt-color-text);
  }

  :scope .config-placeholder {
    /* Positioning */
    position: relative;
    isolation: isolate;

    /* Layout */
    min-height: clamp(22rem, 42vw, 36rem);

    /* Style */
    background-color: var(--mrkt-color-secondary-900);
    clip-path: polygon(
      0 0, calc(100% - var(--mrkt-angle-cut-L)) 0,
      100% var(--mrkt-angle-cut-L), 100% 100%,
      var(--mrkt-angle-cut-L) 100%, 0 calc(100% - var(--mrkt-angle-cut-L)));
  }

  :scope .config-placeholder::before,
  :scope .config-placeholder::after {
    content: "";

    /* Positioning */
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;

    /* Style */
    background-color: var(--mrkt-color-primary-a40);
    transform: translate(-50%, -50%);
  }

  :scope .config-placeholder::before {
    /* Layout */
    width: min(38%, 16rem);
    height: var(--mrkt-border-width);
  }

  :scope .config-placeholder::after {
    /* Layout */
    width: var(--mrkt-border-width);
    height: min(38%, 16rem);
  }

  :scope .configure-details {
    /* Layout */
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(17rem, 1fr) minmax(5rem, 0.35fr);
    align-items: start;
    gap: var(--mrkt-space-M);
    padding-block-start: var(--mrkt-space-M);

    /* Style */
    border-block-start: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border-soft);
  }

  :scope .configure-details .panel-content {
    /* Layout */
    grid-column: 1;
    grid-row: 1 / 3;
  }

  :scope .configure-details .mrkt-icon-list {
    /* Layout */
    grid-column: 2;
    grid-row: 1;
  }

  :scope .configure-details .mrkt-btn {
    /* Layout */
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
  }

  :scope .configure-details::after {
    content: "";

    /* Layout */
    grid-column: 3;
    grid-row: 1 / 3;
    align-self: center;
    justify-self: end;
    width: min(100%, 8rem);
    aspect-ratio: 1;

    /* Style */
    background-color: var(--mrkt-color-primary-a20);
    -webkit-mask: var(--mrkt-icon-camppass) center / contain no-repeat;
    mask: var(--mrkt-icon-camppass) center / contain no-repeat;
  }

  :scope .configure-details .negative::before {
    /* Style */
    background-color: var(--mrkt-color-text-subtle);
  }

  :scope .story {
    /* Positioning */
    position: relative;

    /* Layout */
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(15rem, 0.85fr);
    align-items: center;
    align-self: center;
    gap: var(--mrkt-space-L);
  }

  :scope .slideshow {
    /* Positioning */
    position: relative;

    /* Layout */
    min-width: 0;
    aspect-ratio: 4 / 5;
    overflow: hidden;

    /* Style */
    --mrkt-chamfer-border-color: var(--_panel-accent);
    --mrkt-chamfer-size: var(--mrkt-space-M);
  }

  :scope .slideshow-viewport {
    /* Positioning */
    position: absolute;
    inset: var(--mrkt-chamfer-border-width, var(--mrkt-border-width));

    /* Layout */
    overflow: hidden;

    /* Style */
    clip-path: var(--_chamfer-face);
  }

  :scope .slideshow-viewport > img {
    /* Positioning */
    position: absolute;
    inset: 0;

    /* Layout */
    display: block;
    width: 100%;
    height: 100%;

    /* Style */
    object-fit: cover;
    opacity: 0;
    will-change: transform, opacity;
  }

  :scope .slideshow-viewport > img.is-first {
    /* Style */
    opacity: 1;
  }

  :scope .story-content {
    /* Positioning */
    position: relative;

    /* Layout */
    display: grid;
    gap: var(--mrkt-space-S);
    min-width: 0;
  }

  :scope .story-content > .mrkt-typo-body {
    /* Style */
    color: var(--mrkt-color-text-muted);
  }

  :scope .story-content > .mrkt-btn {
    /* Layout */
    justify-self: start;
  }

  :scope .step-panel--story:not(.step-panel--build, .step-panel--handover) .story {
    /* Layout */
    grid-template-columns: minmax(0, 1.3fr) minmax(16rem, 0.7fr);
  }

  :scope .step-panel--story:not(.step-panel--build, .step-panel--handover) .slideshow {
    /* Layout */
    aspect-ratio: 5 / 4;

    /* Style */
    transform: translateX(calc(-1 * var(--mrkt-space-M)));
  }

  :scope .step-panel--story:not(.step-panel--build, .step-panel--handover) .story-content {
    /* Layout */
    padding-block: var(--mrkt-space-M);
    padding-inline-start: var(--mrkt-space-M);

    /* Style */
    border-block: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border-soft);
  }

  :scope .story-content .mrkt-eyebrow::before{
    display: none;
  }

  :scope .production-slider {
    /* Layout */
    display: grid;
    align-self: center;
    gap: var(--mrkt-space-M);
    min-width: 0;
  }

  :scope .production-stage {
    /* Positioning */
    position: relative;
    isolation: isolate;

    /* Layout */
    min-width: 0;
    aspect-ratio: 16 / 9;
    overflow: hidden;

    /* Style */
    --mrkt-chamfer-border-color: var(--mrkt-color-secondary-300);
    --mrkt-chamfer-size: var(--mrkt-space-M);
    clip-path: var(--_chamfer-border);
  }

  :scope .production-slide {
    /* Positioning */
    position: absolute;
    inset: var(--mrkt-chamfer-border-width, var(--mrkt-border-width));

    /* Layout */
    overflow: hidden;

    /* Style */
    clip-path: var(--_chamfer-face);
    opacity: 0;
    visibility: hidden;
  }

  :scope .production-slide.is-current {
    /* Style */
    opacity: 1;
    visibility: visible;
  }

  :scope .production-slide-content {
    /* Positioning */
    position: absolute;
    inset: 0;

    /* Transitions */
    will-change: clip-path;
  }

  :scope .production-slide-content img {
    /* Layout */
    display: block;
    width: 100%;
    height: 100%;

    /* Style */
    object-fit: cover;
  }

  :scope .production-slide figcaption {
    /* Positioning */
    position: absolute;
    inset-block-end: var(--mrkt-space-M);
    inset-inline-start: var(--mrkt-space-M);

    /* Layout */
    display: flex;
    align-items: center;
    gap: var(--mrkt-space-S);
    padding-block: var(--mrkt-space-S);
    padding-inline: var(--mrkt-space-M);

    /* Font */
    font-family: var(--mrkt-typo-meta-family);
    font-size: var(--mrkt-typo-meta-size);
    letter-spacing: var(--mrkt-typo-meta-letter-spacing);
    text-transform: uppercase;

    /* Style */
    background-color: var(--mrkt-color-secondary-950);
    clip-path: polygon(
      0 0, calc(100% - var(--mrkt-angle-cut-base)) 0,
      100% var(--mrkt-angle-cut-base), 100% 100%,
      var(--mrkt-angle-cut-base) 100%, 0 calc(100% - var(--mrkt-angle-cut-base)));
    color: var(--mrkt-color-text);
  }

  :scope .production-slide figcaption span {
    /* Style */
    color: var(--mrkt-color-secondary-300);
  }

  :scope .production-wipe-line {
    /* Positioning */
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    z-index: 3;

    /* Layout */
    width: 100%;
    pointer-events: none;

    /* Style */
    visibility: hidden;
    border-inline-start: 2px solid var(--mrkt-color-primary-300);
    filter: drop-shadow(0 0 0.4rem var(--mrkt-color-primary-a40));
    opacity: 0;
    transform: translateX(0);

    /* Transitions */
    will-change: transform;
  }

  :scope .production-header {
    /* Layout */
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: var(--mrkt-space-L);
  }

  :scope .production-copy,
  :scope .production-nav,
  :scope .production-status {
    /* Layout */
    display: grid;
    gap: var(--mrkt-space-S);
  }

  :scope .production-copy > .mrkt-typo-body {
    /* Layout */
    max-width: var(--mrkt-max-content-width);

    /* Style */
    color: var(--mrkt-color-text-muted);
  }

  :scope .production-nav {
    /* Layout */
    justify-items: end;
  }

  :scope .production-status {
    /* Layout */
    justify-items: end;
  }

  :scope .production-status > .mrkt-typo-meta:last-child {
    /* Style */
    color: var(--mrkt-color-text-muted);
  }

  :scope .story--wide {
    /* Layout */
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: end;
    gap: 0;
  }

  :scope .story--wide .slideshow {
    /* Layout */
    grid-column: 1 / 13;
    grid-row: 1;
    aspect-ratio: 21 / 9;
  }

  :scope .story--wide .story-content {
    /* Positioning */
    position: relative;
    z-index: 2;

    /* Layout */
    grid-column: 7 / 13;
    grid-row: 1;
    align-self: end;
    justify-self: stretch;
    grid-template-columns: minmax(0, 1fr);
    margin-block-end: calc(-0.5 * var(--mrkt-section-padding-inline));
    margin-inline-end: calc(-0.5 * var(--mrkt-section-padding-inline));
    padding: var(--mrkt-space-M);

    /* Style */
    background-color: var(--mrkt-color-surface);
    clip-path: polygon(
      0 0, calc(100% - var(--mrkt-angle-cut-L)) 0,
      100% var(--mrkt-angle-cut-L), 100% 100%,
      var(--mrkt-angle-cut-L) 100%, 0 calc(100% - var(--mrkt-angle-cut-L)));
  }

  :scope .story--wide .story-content h4 {
    /* Layout */
    max-width: 18ch;
  }

  :scope .story--wide .story-content .mrkt-icon-list {
    /* Layout */
    grid-column: auto;
  }

  @media (max-width: 60rem) {
    :scope .stage {
      /* Layout */
      grid-template-columns: minmax(0, 1fr);
    }

    :scope .steps {
      /* Positioning */
      position: static;

      /* Layout */
      justify-content: flex-start;
      min-height: 0;
      padding-inline-end: 0;

      /* Style */
      border-inline-end: 0;
    }

    :scope .steps .mrkt-btn {
      /* Layout */
      width: fit-content;
    }

    :scope .step-panel {
      /* Layout */
      min-height: 0;
    }

    :scope .story,
    :scope .step-panel--story:not(.step-panel--build, .step-panel--handover) .story {
      /* Layout */
      grid-template-columns: minmax(0, 1fr);
    }

    :scope .step-panel--story:not(.step-panel--build, .step-panel--handover) .slideshow {
      /* Style */
      transform: none;
    }

    :scope .story--wide {
      /* Layout */
      grid-template-columns: minmax(0, 1fr);
    }

    :scope .slideshow,
    :scope .story--wide .slideshow {
      /* Layout */
      grid-column: 1;
      grid-row: 1;
      aspect-ratio: 16 / 9;
    }

    :scope .story--wide .story-content {
      /* Layout */
      grid-column: 1;
      grid-row: 2;
      margin: 0;
    }
  }

  @media (min-width: 60.0625rem) and (max-width: 80rem) {
    :scope .steps {
      /* Layout */
      padding-inline-end: var(--mrkt-space-S);
    }

    :scope .steps-list > div[data-config-step] {
      /* Layout */
      padding-inline-start: calc(var(--_step-size) + var(--mrkt-space-S));
    }

    :scope .steps-list h3 {
      /* Font */
      font-family: var(--mrkt-typo-h6-family);
      font-size: var(--mrkt-typo-h6-size);
      font-weight: var(--mrkt-typo-h6-weight);
      line-height: var(--mrkt-typo-h6-line-height);
      letter-spacing: var(--mrkt-typo-h6-letter-spacing);
    }
  }

  @media (max-width: 47.5rem) {
    :scope .steps .mrkt-btn {
      /* Layout */
      align-self: stretch;
      width: 100%;
    }

    :scope .step-panel {
      /* Layout */
      padding-block: var(--mrkt-space-M);
    }

    :scope .model-track {
      /* Layout */
      grid-auto-columns: var(--model-card-width, min(23rem, 90%));
    }

    :scope .model-card {
      /* Layout */
      grid-template-rows: 12rem 1fr;
    }

    :scope .model-card-content {
      /* Layout */
      padding: var(--mrkt-space-S);
    }

    :scope .model-facts span {
      /* Layout */
      padding-inline: var(--mrkt-space-XS);
    }

    :scope .config-placeholder {
      /* Layout */
      min-height: 0;
      aspect-ratio: 16 / 10;
    }

    :scope .configure-details {
      /* Layout */
      grid-template-columns: minmax(0, 1fr);
    }

    :scope .configure-details .panel-content,
    :scope .configure-details .mrkt-icon-list,
    :scope .configure-details .mrkt-btn {
      /* Layout */
      grid-column: auto;
      grid-row: auto;
    }

    :scope .configure-details .mrkt-btn {
      /* Layout */
      width: 100%;
    }

    :scope .configure-details::after {
      /* Layout */
      display: none;
    }

    :scope .production-stage {
      /* Layout */
      aspect-ratio: 4 / 3;
    }

    :scope .production-header {
      /* Layout */
      grid-template-columns: minmax(0, 1fr);
      gap: var(--mrkt-space-M);
    }

    :scope .production-nav {
      /* Layout */
      grid-template-columns: 1fr auto;
      align-items: center;
      justify-items: start;
    }

    :scope .slideshow,
    :scope .story--wide .slideshow {
      /* Layout */
      aspect-ratio: 4 / 3;
    }

    :scope .step-panel::after {
      /* Font */
      font-size: clamp(3rem, 16vw, 5rem);

      /* Style */
      opacity: 0.35;
    }

  }

  @media (prefers-reduced-motion: reduce) {
    :scope .slideshow-viewport > img {
      /* Style */
      will-change: auto;
    }
  }
}


@scope (.mrkt-google-reviews) {
  /* Reset Elementor Defaults */
  :scope .e-div-block-base {
    /* Layout */
    padding: 0;
    min-width: 0;
    min-height: 0;
  }

  :scope .intro {
    /* Layout */
    display: flex;
    flex-direction: column;
    gap: var(--mrkt-space-L);
    margin-bottom: var(--mrkt-section-gap);
  }

  :scope .intro-row {
    /* Tokens */
    --_reviews-mark-size: calc(var(--mrkt-space-XXL) * 1.5);

    /* Positioning */
    position: relative;

    /* Layout */
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--_reviews-mark-size) + 2 * var(--mrkt-space-M));
    min-width: 0;
  }

  :scope .intro-row h2 {
    /* Layout */
    order: 1;
    flex: 0 1 auto;
    width: fit-content;
    max-width: min(16ch, calc(50% - var(--_reviews-mark-size) / 2 - var(--mrkt-space-M)));
  }

  :scope .mark {
    /* Positioning */
    position: absolute;
    top: 50%;
    left: 50%;

    /* Layout */
    order: 2;
    width: var(--_reviews-mark-size);
    aspect-ratio: 1;

    /* Style */
    background-color: var(--mrkt-color-primary-a40);
    -webkit-mask: var(--mrkt-icon-camppass) center / contain no-repeat;
    mask: var(--mrkt-icon-camppass) center / contain no-repeat;
    transform: translate(-50%, -50%);
  }

  :scope .lead {
    /* Layout */
    order: 3;
    flex: 0 1 auto;
    width: fit-content;
    max-width: min(21ch, calc(50% - var(--_reviews-mark-size) / 2 - var(--mrkt-space-M)));
    padding-top: var(--mrkt-space-S);

    /* Style */
    border-top: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border-soft);
  }

  @media (max-width: 47.5rem) {
    .intro {
      /* Layout */
      gap: var(--mrkt-space-M);
    }

    .intro-row {
      /* Layout */
      flex-direction: column;
      align-items: flex-start;
      gap: var(--mrkt-space-M);
    }

    .intro-row h2,
    .lead {
      /* Layout */
      max-width: 100%;
    }

    .intro-row h2 {
      /* Layout */
      max-width: 16ch;
    }

    .lead {
      /* Layout */
      max-width: 42ch;
    }

    .mark {
      /* Positioning */
      position: static;

      /* Layout */
      width: var(--mrkt-space-L);

      /* Style */
      transform: none;
    }

    .widget-slot {
      /* Layout */
      min-height: 14rem;
      padding: var(--mrkt-space-M);
    }
  }
}

@scope (.mrkt-knowledge-hub) {
  /* Reset Elementor Defaults */
  :scope .e-div-block-base{
    /* Layout */
    min-width: 0;
    min-height: 0;
    padding: 0;
  }

  .elementor :scope {
    /* Layout */
    display: grid;
    gap: var(--mrkt-section-gap);
    min-height: 100svh;
    interpolate-size: allow-keywords;
  }

  :scope .intro {
    /* Layout */
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    gap: var(--mrkt-base-gap);
  }

  :scope .intro > .mrkt-eyebrow {
    /* Layout */
    grid-column: 1 / -1!important;
    width: 100%!important;
  }

  :scope .content {
    /* Layout */
    display: flex;
    grid-column: 1 / 8;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: var(--mrkt-space-M);
  }

  :scope .title {
    /* Layout */
    max-width: 16ch;
  }

  :scope .lead {
    /* Layout */
    max-width: 35ch;

    /* Style */
    color: var(--mrkt-color-text-muted);
  }

  :scope .contact {
    /* Layout */
    display: flex!important;
    grid-column: 8 / 13!important;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--mrkt-space-S);
    padding: var(--mrkt-space-M)!important;

    /* Style */
    --mrkt-chamfer-size: var(--mrkt-angle-cut-L);
    --mrkt-chamfer-surface: var(--mrkt-color-surface);
    color: var(--mrkt-color-text);
  }

  :scope .contact h3 {
    /* Style */
    color: var(--mrkt-color-text);
  }

  :scope .contact > p {
    /* Layout */
    max-width: 36ch;

    /* Style */
    color: var(--mrkt-color-text-muted);
  }

  :scope .contact-list {
    /* Layout */
    display: grid;
    gap: var(--mrkt-space-S);
    width: 100%;
  }

  :scope .contact-list > div {
    /* Layout */
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    align-items: baseline;
    gap: var(--mrkt-space-S);
  }

  :scope .contact-list span {
    /* Font */
    font-family: var(--mrkt-typo-meta-family);
    font-size: var(--mrkt-typo-meta-size);
    font-weight: var(--mrkt-typo-meta-weight);
    line-height: var(--mrkt-typo-meta-line-height);
    letter-spacing: var(--mrkt-typo-meta-letter-spacing);
    text-transform: uppercase;

    /* Style */
    color: var(--mrkt-color-text-subtle);
  }

  :scope .contact-list p {
    /* Font */
    font-weight: 600;

    /* Style */
    color: var(--mrkt-color-text);
  }

  :scope .contact-list a {
    /* Style */
    color: var(--mrkt-color-text-link);
    text-decoration-thickness: var(--mrkt-border-width);
    text-underline-offset: 0.2em;

    /* Transitions */
    transition: color var(--mrkt-transition-fast) var(--mrkt-transition-curve);
  }

    :scope .contact-list a:is(:hover, :focus-visible) {
    /* Style */
    color: var(--mrkt-color-text-link-hover);
  }

  :scope .contact > .mrkt-btn {
    /* Layout */
    margin-block-start: auto;

    /* Style */
    --mrkt-chamfer-border-width: var(--mrkt-border-width);
    --mrkt-chamfer-size: var(--mrkt-angle-cut-L);
    --mrkt-chamfer-surface: var(--mrkt-color-neutral-950);
  }

  :scope .hub {
    /* Layout */
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    gap: var(--mrkt-base-gap);
  }
  :scope .hub > .mrkt-faq {
    /* Layout */
    grid-column: 1 / 9;
  }

  :scope .guides {
    /* Layout */
    display: grid;
    grid-column: 9 / 13;
    gap: var(--mrkt-space-S);
  }

  :scope .guide {
    /* Layout */
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: end;
    padding-block: 0 var(--mrkt-space-M);

    /* Style */
    text-decoration: none;
  }

  :scope .guide img {
    /* Layout */
    display: block;
    grid-column: 1 / 12;
    grid-row: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;

    /* Style */
    --mrkt-chamfer-size: var(--mrkt-angle-cut-L);
    object-fit: cover;

    /* Transitions */
    transition: transform calc(var(--mrkt-transition-slow) * 1.5) cubic-bezier(0.45, 0, 0.2, 1);
  }

  :scope .guide h3 {
    /* Style */
    color: var(--mrkt-color-text);
  }

  :scope .guide h3 span {
    /* Layout */
    display: block;
    margin-block-end: var(--mrkt-space-XS);

    /* Font */
    font-family: var(--mrkt-typo-meta-family);
    font-size: var(--mrkt-typo-meta-size);
    font-weight: var(--mrkt-typo-meta-weight);
    line-height: var(--mrkt-typo-meta-line-height);
    letter-spacing: var(--mrkt-typo-meta-letter-spacing);
    text-transform: uppercase;

    /* Style */
    color: var(--mrkt-color-primary-300);
  }

  :scope .panel {
    /* Positioning */
    position: relative;
    z-index: 1;

    /* Layout */
    display: flex;
    grid-column: 2 / 13;
    grid-row: 1;
    flex-direction: column;
    align-self: end;
    gap: var(--mrkt-space-S);
    margin-block-end: var(--mrkt-space-M);
    padding: var(--mrkt-space-M);

    /* Style */
    --mrkt-chamfer-size: var(--mrkt-angle-cut-base);
    --mrkt-chamfer-surface: color-mix(in oklch, var(--mrkt-color-neutral-900) 88%, var(--mrkt-color-secondary-900));
    color: var(--mrkt-color-text);
  }

  :scope .panel > p {
    /* Font */
    font-size: var(--mrkt-typo-body-small-size);
    line-height: var(--mrkt-typo-body-small-line-height);

    /* Style */
    color: var(--mrkt-color-text-muted);
  }

  :scope .panel .mrkt-btn {
    /* Layout */
    align-self: flex-start;
    margin-block-start: var(--mrkt-space-XS);
  }

  :scope .guide-mirrored img {
    /* Layout */
    grid-column: 2 / 13;
  }

  :scope .guide-mirrored .panel {
    /* Layout */
    grid-column: 1 / 12;
  }

  :scope .guide:is(:hover, :focus-visible) img {
    /* Style */
    transform: scale(1.035);
  }

  :scope .guide:is(:hover, :focus-visible) .panel {
    /* Style */
    --mrkt-chamfer-border-color: var(--mrkt-color-primary);
  }

  :scope .guide:is(:hover, :focus-visible) .mrkt-btn--link {
    /* Style */
    color: var(--mrkt-color-text-link);
  }

  .guide:is(:hover, :focus-visible) .mrkt-btn--link::before {
    /* Style */
    transform: translateX(var(--mrkt-space-XXS));
  }

  :scope .guide:is(:hover, :focus-visible) .mrkt-btn--link::after {
    /* Style */
    background-size: 100% 100%;
  }

  :scope .guide:focus-visible {
    /* Style */
    outline: 2px solid var(--mrkt-color-focus);
    outline-offset: 4px;
  }

  @media (max-width: 64rem) {
    :scope .intro,
    :scope .hub {
      /* Layout */
      grid-template-columns: minmax(0, 1fr);
      gap: var(--mrkt-space-L);
    }

    :scope .content,
    :scope .contact,
    :scope .faq,
    :scope .guides {
      /* Layout */
      grid-column: 1;
      min-width: 0;
    }

    :scope .guides {
      /* Layout */
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 47.5rem) {
    .elementor :scope {
      /* Layout */
      gap: var(--mrkt-space-L);
    }

    :scope .title {
      /* Layout */
      max-width: 9ch;
    }

    :scope .lead {
      /* Layout */
      max-width: 29ch;
    }

    :scope .contact {
      /* Layout */
      padding: var(--mrkt-space-M);
    }

    :scope .contact-list > div {
      /* Layout */
      grid-template-columns: 1fr;
      gap: var(--mrkt-space-XXS);
    }

    :scope .contact > .mrkt-btn {
      /* Layout */
      width: 100%;
    }

    :scope summary {
      /* Layout */
      gap: var(--mrkt-space-S);
      padding: var(--mrkt-space-S);
    }

    :scope summary::after {
      /* Layout */
      width: 2.5rem;
    }

    :scope .faq-item > p {
      /* Layout */
      padding: 0 var(--mrkt-space-S) var(--mrkt-space-M);
    }

    :scope .guides {
      /* Layout */
      grid-template-columns: 1fr;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .faq-item::details-content,
    summary,
    summary::after,
    .guide,
    .guide img,
    .guide .mrkt-btn::before,
    .guide .mrkt-btn::after {
      /* Transitions */
      transition-duration: 1ms;
    }
  }
}/* End custom CSS */