/*
 * Webflow code components — typography (Shadow DOM)
 *
 * Site variables and inherited properties work inside code components:
 * https://developers.webflow.com/code-components/styling-components
 *
 * Adobe Fonts (Typekit) register under slugs like `centra-no-2`, not marketing
 * names like `Centra No2`. Hardcoded family strings in CSS modules won’t match
 * the global @font-face on the host, so components use CSS variables instead.
 *
 * In Webflow: Variables (or your root typography) — create / reuse stacks and
 * “Copy CSS” so the custom property name matches what you map below.
 *
 * Recommended site-level tokens (set on :root / body scope in Webflow):
 *
 *   --wf-code-font--accent  → small labels / uppercase chip (Cartograph-style)
 *   --wf-code-font--body    → headings, body copy, buttons
 *
 * Example values (replace with your Adobe / Webflow font stacks):
 *
 *   --wf-code-font--accent: "some-display-font", sans-serif;
 *   --wf-code-font--body: centra-no-2, sans-serif;
 *
 * You can alias existing site variables, e.g.:
 *   --wf-code-font--body: var(--_typography---font-family-body, inherit);
 *
 * Local Vite / Storybook: defaults live in src/styles/globals.css (:root).
 */

/**
 * Swiper 12.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 18, 2026
 */

:host {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.CGf3fMqHT7QccU81O2JA {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.PzZJ6aXuugmS9iZ3IDK2 > .ryJTUOxXc5a3G6xK3Zus {
  flex-direction: column;
}
.ryJTUOxXc5a3G6xK3Zus {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.nXcKgpCmXDb7NE0cQzhW .vaqwWXzWBoUULs6Hsz2g,
.rYNXKgi9b1qKby1EVJkY .vaqwWXzWBoUULs6Hsz2g,
.ryJTUOxXc5a3G6xK3Zus {
  transform: translate3d(0px, 0, 0);
}
.VjcN6HGXWgT0kCiOiglB {
  touch-action: pan-y;
}
.PzZJ6aXuugmS9iZ3IDK2 {
  touch-action: pan-x;
}
.vaqwWXzWBoUULs6Hsz2g {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.Vx00xRxAfzwGE9sFtRT3 {
  visibility: hidden;
}
/* Auto Height */
.PXorcbWWPx_X1Vn2gPXU,
.PXorcbWWPx_X1Vn2gPXU .vaqwWXzWBoUULs6Hsz2g {
  height: auto;
}
.PXorcbWWPx_X1Vn2gPXU .ryJTUOxXc5a3G6xK3Zus {
  align-items: flex-start;
  transition-property: transform, height;
}
.Vv46v51C1sw2B28I7YZ4 .vaqwWXzWBoUULs6Hsz2g {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.BP3oYGMIzIndbsfNJqPK.ZPGkHef_gN0sPq0azLF1 .ryJTUOxXc5a3G6xK3Zus {
  perspective: 1200px;
}
.BP3oYGMIzIndbsfNJqPK .ryJTUOxXc5a3G6xK3Zus {
  transform-style: preserve-3d;
}
.BP3oYGMIzIndbsfNJqPK {
  perspective: 1200px;
  .vaqwWXzWBoUULs6Hsz2g,
  .imD6KsKElhwZlk3_OFSt {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.ZPGkHef_gN0sPq0azLF1 {
  > .ryJTUOxXc5a3G6xK3Zus {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .ryJTUOxXc5a3G6xK3Zus > .vaqwWXzWBoUULs6Hsz2g {
    scroll-snap-align: start start;
  }
  &.VjcN6HGXWgT0kCiOiglB {
    > .ryJTUOxXc5a3G6xK3Zus {
      scroll-snap-type: x mandatory;
    }
    > .ryJTUOxXc5a3G6xK3Zus > .vaqwWXzWBoUULs6Hsz2g:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .ryJTUOxXc5a3G6xK3Zus > .vaqwWXzWBoUULs6Hsz2g:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.PzZJ6aXuugmS9iZ3IDK2 {
    > .ryJTUOxXc5a3G6xK3Zus {
      scroll-snap-type: y mandatory;
    }
    > .ryJTUOxXc5a3G6xK3Zus > .vaqwWXzWBoUULs6Hsz2g:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .ryJTUOxXc5a3G6xK3Zus > .vaqwWXzWBoUULs6Hsz2g:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.Et1gPzP0RxKlz2ceUtQ7 {
    > .ryJTUOxXc5a3G6xK3Zus {
      scroll-snap-type: none;
    }
    > .ryJTUOxXc5a3G6xK3Zus > .vaqwWXzWBoUULs6Hsz2g {
      scroll-snap-align: none;
    }
  }
  &.SFzRVwWiPWKZ4I9QWfBn {
    > .ryJTUOxXc5a3G6xK3Zus::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .ryJTUOxXc5a3G6xK3Zus > .vaqwWXzWBoUULs6Hsz2g {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.SFzRVwWiPWKZ4I9QWfBn.VjcN6HGXWgT0kCiOiglB {
    > .ryJTUOxXc5a3G6xK3Zus > .vaqwWXzWBoUULs6Hsz2g:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .ryJTUOxXc5a3G6xK3Zus::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.SFzRVwWiPWKZ4I9QWfBn.PzZJ6aXuugmS9iZ3IDK2 {
    > .ryJTUOxXc5a3G6xK3Zus > .vaqwWXzWBoUULs6Hsz2g:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .ryJTUOxXc5a3G6xK3Zus::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.BP3oYGMIzIndbsfNJqPK {
  .xEmyFVwrlQBBX57OOooJ,
  .zzuZFMRM4rsyFwyNbv7t,
  .VhGpVwBmK3W0X5MBqcsD,
  .IZnA2Td3MFkljuvLM05z,
  .cGgstSxMqEbMmYk7Qmtn,
  .xEmyFVwrlQBBX57OOooJ,
  .zzuZFMRM4rsyFwyNbv7t,
  .VhGpVwBmK3W0X5MBqcsD,
  .IZnA2Td3MFkljuvLM05z,
  .cGgstSxMqEbMmYk7Qmtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .xEmyFVwrlQBBX57OOooJ {
    background: rgba(0, 0, 0, 0.15);
  }
  .zzuZFMRM4rsyFwyNbv7t {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .VhGpVwBmK3W0X5MBqcsD {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .IZnA2Td3MFkljuvLM05z {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .cGgstSxMqEbMmYk7Qmtn {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.q9f2zJGWzeP55TJ10yig {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.CGf3fMqHT7QccU81O2JA:not(.HKxU8GXYbG3gHL68y12P),
.HKxU8GXYbG3gHL68y12P .ZCxzrpky8TEESx3ZpDM2 {
  .q9f2zJGWzeP55TJ10yig {
    animation: ASanvd8d8dxVcFhnsR6N 1s infinite linear;
  }
}
.GvCsMvR1CB73MGOgpxbQ {
  --swiper-preloader-color: #fff;
}
.uaTvxChKmyxbZ6H6NL1u {
  --swiper-preloader-color: #000;
}
@keyframes ASanvd8d8dxVcFhnsR6N {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

:host {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.VQ4_9pNlkAmY7TJRmHcQ {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.W508PE1hZVtaAm6L2tOH {
    opacity: 0;
  }
  .G1vPmKqU5q9T_9Al5GmB > &,
  &.G1vPmKqU5q9T_9Al5GmB {
    display: none !important;
  }
}
/* Common Styles */
.ErfPg1kFTBuf046T4TWs,
.WBL_Q9fcmHxT8UD2Cnvi,
.QRat8h1ul7VrTxWuhCIp > .J2iAOjkGSKY34liEgZlg,
.J2iAOjkGSKY34liEgZlg.neuyFjXThKqhbu3_1vl_ {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.iQVqtwK05jOQaF9xipeN {
  overflow: hidden;
  font-size: 0;
  .DzPve3pnIMBtpGkoz312 {
    transform: scale(0.33);
    position: relative;
  }
  .OT1kKt0Qrd1vhHMy1XI0 {
    transform: scale(1);
  }
  .EZnu0BerzbM_DJX78mHA {
    transform: scale(1);
  }
  .c2MVN9PbBvNA4hk6BpHI {
    transform: scale(0.66);
  }
  .w2BsPMh81TwOAiQi4rj3 {
    transform: scale(0.33);
  }
  .gFTn1sRWnjnnuGjfYNBe {
    transform: scale(0.66);
  }
  .VJ_tfaMEsz_zJsEaNM1v {
    transform: scale(0.33);
  }
}
.DzPve3pnIMBtpGkoz312 {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .mfX2ZtrGBnMPMGt77x7P & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.OT1kKt0Qrd1vhHMy1XI0 {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.Lb2keOD_F9a8eNZ5A3KT > .J2iAOjkGSKY34liEgZlg,
.cSUXHNWEvcsmmOvhii9n.J2iAOjkGSKY34liEgZlg {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .DzPve3pnIMBtpGkoz312 {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.iQVqtwK05jOQaF9xipeN {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .DzPve3pnIMBtpGkoz312 {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.QRat8h1ul7VrTxWuhCIp > .J2iAOjkGSKY34liEgZlg,
.neuyFjXThKqhbu3_1vl_.J2iAOjkGSKY34liEgZlg {
  .DzPve3pnIMBtpGkoz312 {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.iQVqtwK05jOQaF9xipeN {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .DzPve3pnIMBtpGkoz312 {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.QRat8h1ul7VrTxWuhCIp.JFPo7TFRvKYgSe6sZh9c > .iQVqtwK05jOQaF9xipeN .DzPve3pnIMBtpGkoz312 {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.ErfPg1kFTBuf046T4TWs {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.VjKlgjTOjby7X82u_u0n {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .MX13gzSAJZMvqQSph8kr {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .JFPo7TFRvKYgSe6sZh9c & .MX13gzSAJZMvqQSph8kr {
    transform-origin: right top;
  }
  .QRat8h1ul7VrTxWuhCIp > &,
  &.neuyFjXThKqhbu3_1vl_,
  .Lb2keOD_F9a8eNZ5A3KT > &.dtlABdJ8P7JnAdMLTLbJ,
  &.cSUXHNWEvcsmmOvhii9n.dtlABdJ8P7JnAdMLTLbJ {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .Lb2keOD_F9a8eNZ5A3KT > &,
  &.cSUXHNWEvcsmmOvhii9n,
  .QRat8h1ul7VrTxWuhCIp > &.dtlABdJ8P7JnAdMLTLbJ,
  &.neuyFjXThKqhbu3_1vl_.dtlABdJ8P7JnAdMLTLbJ {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.ueytJghsvy_7_CLMJuDs {
  display: none;
}

.KWUHY3SK7hxy7PG7A7gE {
  &.JNOG1JuplTO2eFmyTAlT {
    .FhZjOv7lhzai6zh_b9kj {
      transition-timing-function: ease-out;
    }
  }
  .FhZjOv7lhzai6zh_b9kj {
    pointer-events: none;
    transition-property: opacity;
    .FhZjOv7lhzai6zh_b9kj {
      pointer-events: none;
    }
  }
  .cLGjbMD4FN5wTBvlBA7p {
    pointer-events: auto;
    & .cLGjbMD4FN5wTBvlBA7p {
      pointer-events: auto;
    }
  }
}

/* Desktop Card - Figma 2026 Design System (Iris)
   Two-column card: monitor (left) + headline (right).
   Stacks vertically at phone breakpoints (≤767px, Webflow phone landscape + portrait).
   6 color families; gradient uses dark shade behind monitor only. */

/* ─── Color fallbacks (--gc--<color>--<shade> from page) ────────────── */

.uTTjmvJIn4NCCMq3ejBG {
  --color-main: var(--gc--red--main, oklch(65.3% 0.293 16));
  --color-dark: var(--gc--red--dark, oklch(22.9% 0.103 16));
}

.iaTamJ4BRsEgjd72UCKq {
  --color-main: var(--gc--orange--main, oklch(65.3% 0.213 44.415));
  --color-dark: var(--gc--orange--dark, oklch(22.9% 0.075 44.4));
}

.CHhJeX2rFOUjnxpsyHbY {
  --color-main: var(--gc--green--main, oklch(65.3% 0.2 161));
  --color-dark: var(--gc--green--dark, oklch(22.9% 0.07 161));
}

.fWFHaCe5ISIR_HNcfWRx {
  --color-main: var(--gc--blue--main, oklch(65.3% 0.181 235));
  --color-dark: var(--gc--blue--dark, oklch(22.9% 0.063 235));
}

.uPqdyubRPVUmAYU9Gq11 {
  --color-main: var(--gc--indigo--main, oklch(65.3% 0.214 289));
  --color-dark: var(--gc--indigo--dark, oklch(22.9% 0.075 289));
}

.RBFD3G_sqKBHuXcIM9bX {
  --color-main: var(--gc--violet--main, oklch(65.3% 0.314 341));
  --color-dark: var(--gc--violet--dark, oklch(22.9% 0.11 341));
}

/* ─── Breakpoints (align with Webflow) ─────────────────────────────────
   Desktop: 992px+
   Tablet: 768px–991px
   Phone landscape: 480px–767px
   Phone portrait: 320px–479px
   Stack layout: below 768px
───────────────────────────────────────────────────────────────────── */

._QPuC6E59rsze3xlOP9g {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

.qpcfdbq0SfJsQrkJA83A {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0;
  background-color: #1a1a1a;
  border-radius: 16px;
  overflow: clip;
  max-width: 1152px;
  margin: 0 auto;
  font-family: var(--wf-code-font--body, inherit);
}

@media (max-width: 767px) {
  ._QPuC6E59rsze3xlOP9g {
    padding: 0;
  }

  .qpcfdbq0SfJsQrkJA83A {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
}

/* ─── Monitor section (left) ──────────────────────────────────────────
    Gradient of dark shade behind monitor only; fades at headline boundary.    */

.zCBGa_4YWObj6q62hZxv {
  flex: 1 1 0;
  min-width: 0;
  height: 404px;
  position: relative;
  overflow: clip;
  box-sizing: border-box;
  /* Dark shade gradient behind monitor; fades to transparent at headline boundary */
  background: linear-gradient(
    to right,
    var(--color-dark) 0%,
    transparent 100%
  );
}

@media (max-width: 767px) {
  .zCBGa_4YWObj6q62hZxv {
    flex: none;
    order: 2;
    height: auto;
    /* min-height: 320px; */
    aspect-ratio: 27 / 20;
  }
}

/* Monitor frame – fixed 600×444.854, right-aligned. As parent shrinks, slides left. */
.T6HrTtuc8d6ZfDIlrtP1 {
  position: absolute;
  right: 0;
  top: 24px;
  width: 600px;
  height: 444.854px;
  flex-shrink: 0;
  overflow: clip;
}

@media (max-width: 767px) {
  .T6HrTtuc8d6ZfDIlrtP1 {
    right: 24px;
    top: 24px;
    bottom: -10%;
    width: calc(100% + 24px);
    max-width: 600px;
    height: auto;
    aspect-ratio: 27 / 20;
  }
}

.f6W65xbOpTXSYV0BKCXI {
  position: absolute;
  inset: 0;
}

/* SVG fills the frame */
.plyM8MS8zUIhY8vLEq1A {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* Screen content overlay – aligned to SVG viewBox (10,10,580,325) */
.fx1b8aFRVB3TttvqpDUS {
  position: absolute;
  left: 1.667%;
  top: 2.247%;
  width: 96.667%;
  height: 73.034%;
  border-radius: 6px;
  overflow: hidden;
  background-color: #0a0a0a;
}

/* ─── Headline section (right) ─────────────────────────────────────────
    Fixed 576px at max; text size unchanged as card shrinks.                 */

.xtjD9iM6AGaXpzEZE3NZ {
  flex: 0 0 576px;
  min-width: 0;
  min-height: 404px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  padding: 72px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .xtjD9iM6AGaXpzEZE3NZ {
    flex: none;
    order: 1;
    padding: 24px;
    gap: 20px;
    min-height: 0;
  }

  .hBN6ay_vHb5DuEqVKDBE {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}

.hBN6ay_vHb5DuEqVKDBE {
  width: 100%;
}

.OY8dI408MGrfGHdel5du {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.z_hLC7Fp_bRz99tgG4fF {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  background-color: var(--color-dark);
  border-radius: 100px;
  align-self: flex-start;
}

.sIVEh1e26NRNIquVydMo {
  font-family: var(
    --wf-code-font--accent,
    var(--wf-code-font--body, inherit)
  );
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: var(--color-main);
  text-transform: uppercase;
  white-space: nowrap;
}

.UuTAURAElw1esYYeE9Bz {
  font-family: var(--wf-code-font--body, inherit);
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: 0;
  color: #ffffff;
  margin: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .UuTAURAElw1esYYeE9Bz {
    font-size: 28px;
    line-height: 36px;
  }
}

.KHyhCkg1FiYbGOM3NTyT {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 12px 16px;
  background-color: var(--color-main);
  color: var(--color-on-main, #0d0d0d);
  font-family: var(--wf-code-font--body, inherit);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.KHyhCkg1FiYbGOM3NTyT:hover {
  background-color: var(--color-dark);
  color: white;
}

.KHyhCkg1FiYbGOM3NTyT:active {
  transform: scale(0.98);
}

/* ─── Swiper overrides for screen slot ────────────────────────────────
   Pagination uses main shade (active) and dark shade (inactive). */

.qpMp6yBUceb41LpJ4t8w {
  width: 100%;
  height: 100%;
}

.qpMp6yBUceb41LpJ4t8w .swiper-pagination-bullet {
  background-color: var(--color-dark);
  opacity: 0.6;
}

.qpMp6yBUceb41LpJ4t8w .swiper-pagination-bullet-active {
  background-color: var(--color-main);
  opacity: 1;
}

.QF_d8iPyHZt0Fo0eTd7p {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Ofe2Jg7N2pz7kDS_L50l {
  width: 100%;
  height: 100%;
}

.Ofe2Jg7N2pz7kDS_L50l img,
.LlVuLsHdLa75MYqOr2vK {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}