.reveal-card.svelte-1kvcyi3 {
  flex: 1;
  height: 100%;
  align-items: flex-start;
  justify-content: flex-start;
  --card-bg: var(--primary-dark);
  --fg: var(--primary-contrast, #fff);
  background: var(--card-bg);
  color: var(--fg);
  border-radius: 1rem;
  padding: 1.25rem 1.25rem 2.5rem 1.25rem;
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in oklab, var(--accent) 35%, transparent);
  transition: box-shadow 200ms ease, border-color 200ms ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.reveal-card[data-color=apricot].svelte-1kvcyi3 {
  --accent: var(--accent-apricot);
}
.reveal-card[data-color=aqua].svelte-1kvcyi3 {
  --accent: var(--accent-aqua);
}
.reveal-card[data-color=yellow].svelte-1kvcyi3 {
  --accent: var(--accent-lemon);
}
.reveal-card[data-color=iceblue-blush].svelte-1kvcyi3 {
  --accent: var(--accent-ice-blush);
}
.reveal-card.svelte-1kvcyi3:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 70%, white);
}

.card-inner.svelte-1kvcyi3 {
  position: relative;
  width: 100%;
}

.view.svelte-1kvcyi3 {
  inset: 0;
}

.view-initial.svelte-1kvcyi3 {
  position: absolute;
  padding: 0;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 220ms ease, transform 220ms ease;
}

.view-open.svelte-1kvcyi3 {
  position: relative;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 220ms ease, transform 220ms ease;
}

.reveal-card.open.svelte-1kvcyi3 .view-initial:where(.svelte-1kvcyi3) {
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
}

.reveal-card.open.svelte-1kvcyi3 .view-open:where(.svelte-1kvcyi3) {
  opacity: 1;
  transform: translateY(0);
}

.stack.svelte-1kvcyi3 {
  display: grid;
  grid-auto-rows: min-content;
  gap: 0.5rem;
}

.stack-open.svelte-1kvcyi3 {
  /* Slightly more relaxed spacing for open state if needed */
  gap: 0.6rem;
}

.reveal-card-header.svelte-1kvcyi3 {
  margin: 0 0 0.25rem 0;
  font-weight: 800;
  letter-spacing: 0.4px;
  color: var(--primary-dark);
  -webkit-text-stroke: 1px var(--accent);
  text-stroke: 1px var(--accent);
  text-shadow: 0 0 0 var(--accent);
  font-size: clamp(1.25rem, 1.2vw + 0.9rem, 1.9rem);
}

.pre.svelte-1kvcyi3 {
  transition: opacity 220ms ease, transform 220ms ease;
}

/* Hover + initial/post animation (nur im Initial-View relevant) */
.view-initial.svelte-1kvcyi3 .post:where(.svelte-1kvcyi3) {
  transform: translateY(45%);
  opacity: 0.001;
  transition: transform 260ms ease, opacity 220ms ease;
}

.reveal-card.hovered.svelte-1kvcyi3 .view-initial:where(.svelte-1kvcyi3) .post:where(.svelte-1kvcyi3) {
  transform: translateY(15%);
  opacity: 1;
}

.reveal-card-body-text.svelte-1kvcyi3 {
  margin: 0;
  line-height: 1.4;
  font-size: 0.95rem;
}
.reveal-card-body-text.svelte-1kvcyi3 b,
.reveal-card-body-text.svelte-1kvcyi3 strong {
  font-weight: 700;
}

/* Open-state Styling (definiert finalen Look, keine Height-Spielerei) */
.open-pre-header.svelte-1kvcyi3 {
  font-size: clamp(0.9rem, 0.6vw + 0.7rem, 1.05rem);
  color: var(--accent);
  -webkit-text-stroke: 0;
  text-stroke: initial;
  text-shadow: none;
  opacity: 0.95;
  margin-bottom: 0.15rem;
}

.open-post-header.svelte-1kvcyi3 {
  margin-top: 0;
}

.open-body.svelte-1kvcyi3 {
  margin-top: 0.35rem;
}

.cta.svelte-1kvcyi3 {
  position: absolute;
  right: 0.9rem;
  bottom: 0.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 200ms ease, opacity 200ms ease;
}

.reveal-card.hovered.svelte-1kvcyi3:not(.open) .cta:where(.svelte-1kvcyi3) {
  transform: scale(1.05);
}

.reveal-card.open.svelte-1kvcyi3 .cta:where(.svelte-1kvcyi3) {
  opacity: 0.85;
}

@media (max-width: 768px) {
  .reveal-card.svelte-1kvcyi3 {
    padding-bottom: 2.5rem;
  }
}
.initial-mask.svelte-1kvcyi3 {
  position: absolute;
  bottom: -6.5rem;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to top, var(--primary-dark) 0%, rgba(7, 6, 133, 0.9333333333) 20%, rgba(7, 6, 133, 0.4) 50%, rgba(7, 6, 133, 0) 100%);
  transition: opacity 200ms ease;
  opacity: 1;
  width: 100%;
  z-index: 1000;
}

/* When card is opened: mask fades out */
.reveal-card.open.svelte-1kvcyi3 .initial-mask:where(.svelte-1kvcyi3) {
  opacity: 0;
}

    .reviewer-p.svelte-scc1ge{
        font-weight: 600;
    }

    .reviewer-role-p.svelte-scc1ge{
        font-family: "Roboto Mono";
        font-size: 1rem;
    }

    .reviewer-image-wrapper.svelte-scc1ge{
        height: 12rem;
        min-width: 12rem;
        border-radius: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .reviewer-image.svelte-scc1ge{
        height: 10rem;
        width: 10rem;
        border-radius: 10rem;
        object-fit: cover;
        object-position: center;
    }

    .magenta-border.svelte-scc1ge{
        border: 2px solid var(--accent-magenta);
    }

    .aqua-border.svelte-scc1ge{
        border: 2px solid var(--accent-aqua);
    }

    .review-logo.svelte-scc1ge{
        height: 3rem;
        width: auto;
        object-fit: contain;
        object-position: center;
    }



    .primary-dark-tile.svelte-kbikou{
        background: var(--primary-dark);
        color: white;
    }


    .primary-sky-tile.svelte-kbikou{
        background: var(--primary-sky);
        color: white;
    }


    .iceblue-tile.svelte-kbikou{
        background: var(--accent-ice-blush);
        color: var(--primary-dark);
    }

    .apricot-tile.svelte-kbikou{
        background: var(--accent-apricot);
        color: var(--primary-dark);
    }

    .b2b-card.svelte-kbikou{
        border-radius: 1rem;
        overflow: hidden;
    }

    .b2b-card-chip.svelte-kbikou{
        background: white;
        border-radius: 2rem;
        color: black !important;
        font-family: "Roboto Mono";
        font-size: 0.75rem;
        width: max-content;
        padding: 0.125rem 0.5rem;
        margin-bottom: 0.5rem;
    }

    .b2b-card-image.svelte-kbikou{
        object-fit: cover;
        object-position: center;
        height: 100%;
        width: 100%;
    }

    /* (unused) .b2b-card-action-marker{
        background: var(--primary-sky);
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        border-radius: 2rem;
    }*/

    .platform-content.svelte-185wbkq{
        width: 100%;
        height: 20rem;
        border-radius: 2rem;
        background: var(--neutral-warm-300);
    }

    .x-large-text-coral.svelte-185wbkq{
        font-size: 5.75rem;
        line-height: 6rem;
        color: var(--secondary-orange);
        font-weight: 700;
        letter-spacing: -3px;
        max-width: 80%;
    }

    .iceberg-section.svelte-185wbkq{
        height: 80dvh;
        position: relative;
        overflow: hidden;
    }

    .iceberg-content.svelte-185wbkq {
        position: relative;
        animation: svelte-185wbkq-iceberg-fade-in 0.45s cubic-bezier(0.33, 1, 0.68, 1);
    }

    @keyframes svelte-185wbkq-iceberg-fade-in {
        0% { opacity: 0; transform: translateY(10px); }
        100% { opacity: 1; transform: translateY(0); }
    }


    .ocean-line.svelte-185wbkq{
        position: absolute;
        bottom: 10rem;
        left: 0;
        transition:
                bottom 0.6s cubic-bezier(0.33, 1, 0.68, 1),
                transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    }

    .iceberg-section.svelte-185wbkq{
        min-height: 80dvh;
        position: relative;
        /*overflow: hidden;*/
        max-width: 1920px;
        overflow: visible;
    }

    .iceberg-content.svelte-185wbkq {
        position: relative;
        animation: svelte-185wbkq-iceberg-fade-in 0.45s cubic-bezier(0.33, 1, 0.68, 1);
    }

    @keyframes svelte-185wbkq-iceberg-fade-in {
        0% { opacity: 0; transform: translateY(10px); }
        100% { opacity: 1; transform: translateY(0); }
    }

    .ocean-line.svelte-185wbkq{
        position: absolute;
        bottom: 10rem;
        left: 0;
        width: 100dvw;
        transition:
                bottom 0.6s cubic-bezier(0.33, 1, 0.68, 1),
                transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    }

    .ocean-line-state-2.svelte-185wbkq{
        bottom: 26rem;
        transform: scaleY(0.7);
    }

    .ocean-line-state-3.svelte-185wbkq{
        bottom: 33rem;
        transform: scaleY(0.6);
    }

    .iceberg-wrapper.svelte-185wbkq {
        position: absolute;
        right: 0;
        top: 30%;
        width: auto;
        height: auto;
        pointer-events: none;
        z-index: 1;
        transition:
                right 0.6s cubic-bezier(0.33, 1, 0.68, 1),
                top 0.6s cubic-bezier(0.33, 1, 0.68, 1),
                transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    }

    .iceberg-wrapper-state-1.svelte-185wbkq {
        right: -5%;
        top: 25%;
        transform: scale(1);
    }

    .iceberg-wrapper-state-2.svelte-185wbkq {
        right: -5%;
        top: -12%;
        transform: scale(0.8);
    }

    .iceberg-wrapper-state-3.svelte-185wbkq {
        right: -5%;
        top: -27%;
        transform: scale(0.6);
    }

    .iceberg.svelte-185wbkq {
        position: relative;
        transform-origin: center bottom;
        animation: svelte-185wbkq-iceberg-idle 6s ease-in-out infinite;
    }

    @keyframes svelte-185wbkq-iceberg-idle {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-8px); }
    }

    .iceberg-button.svelte-185wbkq{
        position: absolute;
        bottom: 4rem;
        right: 50%;
        transform: translateX(50%);
        z-index: 2;
    }

    .iceberg-dots.svelte-185wbkq{
        position: absolute;
        bottom: 2.6rem;
        right: 50%;
        transform: translateX(50%);
        display: flex;
        gap: 0.4rem;
        z-index: 2;
    }

    .iceberg-dot.svelte-185wbkq{
        width: 8px;
        height: 8px;
        border-radius: 999px;
        border: none;
        padding: 0;
        background: rgba(0,0,0,0.2);
        cursor: pointer;
        transition:
                background-color 0.25s ease,
                transform 0.25s ease,
                width 0.25s ease;
    }

    .iceberg-dot-active.svelte-185wbkq{
        width: 18px;
        background: var(--primary-dark);
        transform: translateY(-1px);
    }

    .problem-1.svelte-185wbkq{
        color: var(--primary-dark);
        position: absolute;
        max-width: 33%;
        bottom: -220px;
        left: 35%;
    }
    .problem-2.svelte-185wbkq{
        color: var(--primary-dark);
        position: absolute;
        max-width: 33%;
        bottom: -280px;
        left: 0%;
    }
    .problem-3.svelte-185wbkq{
        color: var(--primary-dark);
        position: absolute;
        max-width: 33%;
        bottom: -380px;
        left: 35%;
    }
    .problem-4.svelte-185wbkq{
        color: var(--primary-dark);
        position: absolute;
        max-width: 33%;
        bottom: -400px;
        left: 0%;
    }
    .solution-1.svelte-185wbkq{
        /* (unused) .text-cardheader{
            color: var(--accent-magenta) !important;
        }*/
        color: var(--primary-dark);
        position: absolute;
        max-width: 33%;
        top: 200px;
        left: 150px;
    }
    .solution-2.svelte-185wbkq{
        /* (unused) .text-cardheader{
            color: var(--primary-sky) !important;
        }*/
        color: var(--primary-dark);
        position: absolute;
        max-width: 33%;
        top: 380px;
        left: 280px;
    }

    h2.svelte-185wbkq{
        color: var(--primary-dark);
    }

    h3.svelte-185wbkq{
        color: var(--primary-dark);
    }

    .newsletter-input-wrapper.svelte-185wbkq{
        padding: 0.5rem 0.5rem 0.5rem 2rem;
        border-radius: 4rem;
        background: white;
    }

    .newsletter-input.svelte-185wbkq{
        border: 0px;
        outline: 0px;
        font-size: 1.25rem;
        color: var(--neutral-warm-700);
        min-width: 500px;
    }

    .newsletter-signup-button.svelte-185wbkq{
        background: var(--primary-sky);
        color: white;
        font-size: 1.25rem;
        padding: 0.75rem 2rem;
        &:hover{
            background: var(--primary-dark);
        }
    }

    .mobile-header.svelte-185wbkq{
        font-size: 2rem;
        line-height: 2.5rem;
    }

    @media (max-width: 1150px) {

        .x-large-text-coral.svelte-185wbkq{
            font-size: 3rem !important;
            line-height: 3.8rem !important;
            width: 100% !important;
            min-width: 100%;
        }


        .x-large-text-coral.svelte-185wbkq{
            font-size: 72px;
            line-height: 90px;
            width:100%;
            min-width: 100%;
            max-width: 100%;
        }

        .ocean-line.svelte-185wbkq{
            position: absolute;
            bottom: 10rem;
            left: 0;
            transform: scaleY(0.8);
            transition:
                    bottom 0.6s cubic-bezier(0.33, 1, 0.68, 1),
                    transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
        }

        .ocean-line-state-2.svelte-185wbkq{
            bottom: 33rem;
            transform: scaleY(0.6);
        }

        .ocean-line-state-3.svelte-185wbkq{
            bottom: 35rem;
            transform: scaleY(0.4);
        }

        .iceberg-wrapper.svelte-185wbkq {
            position: absolute;
            right: 0;
            top: 30%;
            width: auto;
            height: auto;
            pointer-events: none;
            z-index: 1;
            transition:
                    right 0.6s cubic-bezier(0.33, 1, 0.68, 1),
                    top 0.6s cubic-bezier(0.33, 1, 0.68, 1),
                    transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
        }

        .iceberg-wrapper-state-1.svelte-185wbkq {
            right: -25%;
            top: 25%;
            transform: scale(0.8);
        }

        .iceberg-wrapper-state-2.svelte-185wbkq {
            right: -25%;
            top: -18%;
            transform: scale(0.7);
        }

        .iceberg-wrapper-state-3.svelte-185wbkq {
            right: -25%;
            top: -27%;
            transform: scale(0.6);
        }

        .solution-1.svelte-185wbkq{
            top: 130px;
            left: 60px;
            max-width: 50%;
        }

        .solution-2.svelte-185wbkq{
            top: 340px;
            left: 60px;
            max-width: 50%;
        }
    }


    @media(max-width: 600px){
        .ocean-line.svelte-185wbkq{
            opacity: 0;
        }

        h2.svelte-185wbkq{
            font-size: 1.5rem;
            line-height: 2rem;
            font-weight: bold;
        }

        .x-large-text-coral.svelte-185wbkq{
            font-size: 3rem;
            line-height: 3.8rem;
            width: 100% !important;
            min-width: 100%;
        }

        .iceberg.svelte-185wbkq{
            position: absolute;
            right: -100px;
            bottom: -30%;
            width: 100%;
        }

        .iceberg-section.svelte-185wbkq{
            height: 100%;
        }

        .ocean-line.svelte-185wbkq{
            position: absolute;
            bottom: 120px;
            width: 150%;
        }


        .ocean-line.svelte-185wbkq{
            position: absolute;
            bottom: 4rem;
            left: 0;
            transition:
                    bottom 0.6s cubic-bezier(0.33, 1, 0.68, 1),
                    transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
        }

        .ocean-line-state-2.svelte-185wbkq{
            bottom: 14rem;
            transform: scaleY(0.7);
        }

        .ocean-line-state-3.svelte-185wbkq{
            bottom: 36rem;
            transform: scaleY(0.6);
        }

        .iceberg-wrapper.svelte-185wbkq {
            position: absolute;
            right: -20%;
            top: 60%;
            width: 60%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
            transition:
                    right 0.6s cubic-bezier(0.33, 1, 0.68, 1),
                    top 0.6s cubic-bezier(0.33, 1, 0.68, 1),
                    transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
        }

        .iceberg-wrapper-state-1.svelte-185wbkq {
            right: -5%;
            top: 25%;
            transform: scale(1);
        }

        .iceberg-wrapper-state-2.svelte-185wbkq {
            right: -5%;
            top: -2%;
            transform: scale(0.9);
        }

        .iceberg-wrapper-state-3.svelte-185wbkq {
            right: -5%;
            top: -47%;
            transform: scale(0.7);
        }

        .problem-1.svelte-185wbkq, .problem-2.svelte-185wbkq, .problem-3.svelte-185wbkq, .problem-4.svelte-185wbkq {
            position: relative;
            width: 66%;
            max-width: unset;
            bottom: unset;
            left: unset;
        }

        .solution-1.svelte-185wbkq, .solution-2.svelte-185wbkq {
            position: relative;
            width: 70%;
            max-width: unset;
            top: unset;
            left: unset;
        }

        .solution-2.svelte-185wbkq {
            width: 100%;
            max-width: 100%;
        }


        .newsletter-input.svelte-185wbkq{
            border: 0px;
            outline: 0px;
            font-size: 1.25rem;
            color: var(--neutral-warm-700);
            min-width: unset;
        }

        .newsletter-signup-button.svelte-185wbkq{
            padding: 0.75rem ;
            width: 3rem;
            height: 3rem;
        }
    }

    .header-slider-image-left-01.svelte-185wbkq{
        position: absolute;
        height: min-content;
        width: min-content;
        transform: scale(0.8);
        top: -332px;
        left:0;
        opacity: 0;
        z-index: -1;
    }

    .header-slider-image-left-02.svelte-185wbkq{
        position: absolute;
        height: min-content;
        width: min-content;
        transform: scale(0.8);
        top: -80px;
        left:0;
        z-index: -1;
    }

    .header-slider-image-left-03.svelte-185wbkq{
        position: absolute;
        height: min-content;
        width: min-content;
        transform: scale(1);
        top: 177px;
        left:0;
        z-index: -1;
    }

    .header-slider-image-left-04.svelte-185wbkq{
        position: absolute;
        height: min-content;
        width: min-content;
        transform: scale(0.8);
        top: 425px;
        left:0;
        opacity: 0;
        z-index: -1;
    }

    .header-slider-image-right-00.svelte-185wbkq{
        position: absolute;
        height: min-content;
        width: min-content;
        transform: scale(0.8);
        top: -368px;
        right:-150px;
        opacity: 0;
        z-index: -1;
    }

    .header-slider-image-right-01.svelte-185wbkq{
        position: absolute;
        height: min-content;
        width: min-content;
        transform: scale(0.8);
        top: -168px;
        right:-150px;
        z-index: -1;
    }

    .header-slider-image-right-02.svelte-185wbkq{
        position: absolute;
        height: min-content;
        width: min-content;
        transform: scale(0.8);
        top: 62px;
        right:-150px;
        z-index: -1;
    }

    .header-slider-image-right-03.svelte-185wbkq{
        position: absolute;
        height: min-content;
        width: min-content;
        transform: scale(0.8);
        top: 290px;
        right:-150px;
        z-index: -1;
    }

    .header-slider-image-right-04.svelte-185wbkq{
        position: absolute;
        height: min-content;
        width: min-content;
        transform: scale(0.8);
        top: 515px;
        right:-150px;
        opacity: 0;
        z-index: -1;
    }

    .header-slider-stack.svelte-185wbkq {
        position: relative;
        width: 100%;
        height: 520px;
    }

    .header-slider-image.svelte-185wbkq {
        position: absolute;
        height: min-content;
        width: min-content;
        transform-origin: center;
        z-index: -1;
        transition:
                top 4s cubic-bezier(0.33, 1, 0.68, 1),
                left 4s cubic-bezier(0.33, 1, 0.68, 1),
                right 4s cubic-bezier(0.33, 1, 0.68, 1),
                opacity 4s cubic-bezier(0.33, 1, 0.68, 1),
                transform 4s cubic-bezier(0.33, 1, 0.68, 1);
    }

    .header-slider-image.no-transition.svelte-185wbkq {
        transition: none;
    }
    @media (min-width: 1151px) {
        .header-slider-image-left-01.svelte-185wbkq {
            transform: scale(0.8);
            top: -332px;
            left: 0;
            opacity: 0;
        }

        .header-slider-image-left-02.svelte-185wbkq {
            transform: scale(0.8);
            top: -80px;
            left: 0;
            opacity: 1;
        }

        .header-slider-image-left-03.svelte-185wbkq {
            transform: scale(1);
            top: 177px;
            left: 0;
            opacity: 1;
        }

        .header-slider-image-left-04.svelte-185wbkq {
            transform: scale(0.8);
            top: 425px;
            left: 0;
            opacity: 0;
        }

        .header-slider-image-right-01.svelte-185wbkq {
            transform: scale(0.8);
            top: -168px;
            right: -150px;
            opacity: 1;
        }

        .header-slider-image-right-02.svelte-185wbkq {
            transform: scale(0.8);
            top: 62px;
            right: -150px;
            opacity: 1;
        }

        .header-slider-image-right-03.svelte-185wbkq {
            transform: scale(0.8);
            top: 290px;
            right: -150px;
            opacity: 1;
        }

        .header-slider-image-right-04.svelte-185wbkq {
            transform: scale(0.8);
            top: 515px;
            right: -150px;
            opacity: 0;
        }

        .header-slider-image-right-00.svelte-185wbkq {
            transform: scale(0.8);
            top: -368px;
            right: -150px;
            opacity: 0;
        }
    }





    .iceberg-button.svelte-185wbkq{
        position: absolute;
        bottom: 4rem;
        right: 50%;
        transform: translateX(50%);
    }

    @media(max-width: 600px) {
        .problem-1.svelte-185wbkq,
        .problem-2.svelte-185wbkq,
        .problem-3.svelte-185wbkq,
        .problem-4.svelte-185wbkq {
            display: none;
        }
    }

    .mobile-problem-wrapper.svelte-185wbkq {
        position: relative;
        margin-top: 0.75rem;
        height: 120px; /* genug Platz für Text */
        width: 100%;
        overflow: visible;
    }

    .mobile-problem-item.svelte-185wbkq {
        position: absolute;
        max-width: 75%;
        color: var(--primary-dark);
        animation: svelte-185wbkq-mobile-problem-fade 1s cubic-bezier(0.33, 1, 0.68, 1);
    }

    @keyframes svelte-185wbkq-mobile-problem-fade {
        0% {
            opacity: 0;
            transform: translateY(8px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .mobile-problem-dots.svelte-185wbkq {
        margin-top: 0.4rem;
        display: flex;
        gap: 0.25rem;
        align-items: center;
    }

    .mobile-problem-dot.svelte-185wbkq {
        width: 6px;
        height: 6px;
        padding: 0;
        border-radius: 999px;
        border: none;
        background: rgba(0, 0, 0, 0.18);
        transition: all 0.25s ease;
    }

    .mobile-problem-dot-active.svelte-185wbkq {
        width: 14px;
        background: var(--primary-dark);
    }


    @media (max-width: 1150px){
        .header-slider-stack.svelte-185wbkq {
            position: relative;
            width: 100%;
            margin-top: 1.5rem;
            overflow: visible;
            --slider-img-size: clamp(120px, 21.7vw, 250px);
            --slider-gap: 1.2rem;
            height: calc(var(--slider-img-size) * 2 + 1rem);
        }

        .header-slider-image.svelte-185wbkq {
            width: var(--slider-img-size);
            height: var(--slider-img-size);
            transform: scale(1);
            top: auto;
            right: auto;
        }


        .header-slider-image-left-01.svelte-185wbkq {
            top: 0;
            left: calc(-1 * (var(--slider-img-size) + var(--slider-gap)));
            opacity: 0;
        }

        .header-slider-image-left-02.svelte-185wbkq {
            top: 0;
            left: 0;
            opacity: 1;
        }

        .header-slider-image-left-03.svelte-185wbkq {
            top: 0;
            left: calc(1 * (var(--slider-img-size) + var(--slider-gap)));
            opacity: 1;
        }

        .header-slider-image-left-04.svelte-185wbkq {
            top: 0;
            left: calc(3 * (var(--slider-img-size) + var(--slider-gap)));
            opacity: 0;
        }

        .header-slider-image-right-04.svelte-185wbkq {
            bottom: 0;
            left: calc(3 * (var(--slider-img-size) + var(--slider-gap)));
            opacity: 0;
        }

        .header-slider-image-right-03.svelte-185wbkq {
            bottom: 0;
            left: calc(2 * (var(--slider-img-size) + var(--slider-gap)));
            opacity: 1;
        }

        .header-slider-image-right-02.svelte-185wbkq {
            bottom: 0;
            left: calc(1 * (var(--slider-img-size) + var(--slider-gap)));
            opacity: 1;
        }

        .header-slider-image-right-01.svelte-185wbkq {
            bottom: 0;
            left: 0;
            opacity: 1;
        }

        .header-slider-image-right-00.svelte-185wbkq {
            bottom: 0;
            left: calc(-1 * (var(--slider-img-size) + var(--slider-gap)));
            opacity: 0;
        }

        .iceberg-button.svelte-185wbkq{
            position: relative;
            bottom: unset;
            right: unset;
            margin: 1rem auto;
        }
        .iceberg-dots.svelte-185wbkq{
            display: none;
        }
    }

    .huge-blue-text.svelte-185wbkq{
        font-size: 120px;
        line-height: 120px;
        text-align: end;
        font-weight: 700;
        color: var(--primary-dark);
    }

    .special-b2b-h1.svelte-185wbkq{
        line-height: 4.35rem;
        color: var(--primary-dark);
    }

    .platform-video.svelte-185wbkq {
        width: 100%;
        height: auto;
        border-radius: 12px;
        display: block;
        object-fit: cover;
    }

    .pxtra-card.svelte-185wbkq{
        padding: 1rem;
        border-radius: 1rem;
        background: var(--accent-apricot);
        color: black;
        width: fit-content;
        p:where(.svelte-185wbkq){
            text-decoration: none !important;
        }
        img:where(.svelte-185wbkq){
            height: 3rem;
            margin-left: 1.5rem;
            background: white;
            padding: 0.5rem;
            border-radius: 0.5rem;
        }
    }

    @media (max-width: 600px){
        .pxtra-card.svelte-185wbkq{
            img:where(.svelte-185wbkq){
                margin-left: unset;
                margin-top: 1rem;
            }
        }
    }