/** Shopify CDN: Minification failed

Line 189:0 All "@import" rules must come first
Line 193:16 Expected ")" to end URL token
Line 1376:16 Expected ")" to end URL token
Line 2563:0 All "@import" rules must come first
Line 2810:16 Expected ")" to end URL token
Line 4044:0 All "@import" rules must come first
Line 4048:16 Expected ")" to end URL token
Line 4391:0 All "@import" rules must come first
Line 4659:0 All "@import" rules must come first
Line 5035:2 Unexpected "}"
... and 10 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:aq-distributors (INDEX:8) */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700&family=Roboto:wght@400;500;700&display=swap');

  .aq-distributors {
    background: #ffffff;
    color: #262626;
    padding: clamp(56px, 6vw, 96px) var(--container-gutter);
  }

  .aq-distributors *,
  .aq-distributors *::before,
  .aq-distributors *::after {
    box-sizing: border-box;
  }

  .aq-distributors__inner {
    max-width: 1440px;
    margin: 0 auto;
  }

  .aq-distributors__intro {
    display: grid;
    grid-template-columns: minmax(420px, 0.92fr) minmax(420px, 1.08fr);
    gap: clamp(32px, 5vw, 72px);
    align-items: start;
    max-width: 1280px;
    margin-bottom: clamp(40px, 5vw, 72px);
  }

  .aq-distributors__eyebrow {
    margin: 0 0 14px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.08em;
    color: #2842ef;
    text-transform: uppercase;
  }

  .aq-distributors__heading {
    margin: 0;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(38px, 4.2vw, 60px);
    font-weight: 700;
    line-height: 0.98;
    letter-spacing: -0.04em;
    text-transform: uppercase;
  }

  .aq-distributors__copy,
  .aq-distributors__contact {
    max-width: 860px;
    margin: 0;
    font-family: Roboto, sans-serif;
    font-size: clamp(16px, 1.25vw, 18px);
    font-weight: 400;
    line-height: 1.6;
    color: #3a3a3a;
  }

  .aq-distributors__contact {
    margin-top: 22px;
  }

  .aq-distributors__contact a {
    color: #2842ef;
    font-weight: 700;
    text-decoration: none;
  }

  .aq-distributors__contact a:hover {
    text-decoration: underline;
  }

  .aq-distributors__list-heading {
    margin: 0 0 28px;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
  }

  .aq-distributors__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 28px);
  }

  .aq-distributors__card {
    min-width: 0;
  }

  .aq-distributors__logo-box {
    min-height: clamp(150px, 14vw, 210px);
    padding: clamp(20px, 2.8vw, 32px);
    border-radius: clamp(20px, 2vw, 32px);
    background: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .aq-distributors__logo {
    display: block;
    max-width: min(90%, 230px);
    max-height: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  .aq-distributors__logo--wide {
    max-width: min(94%, 260px);
  }

  .aq-distributors__name {
    margin: 16px 0 0;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
    color: #262626;
  }

  @media screen and (max-width: 1100px) {
    .aq-distributors {
      padding-bottom: 48px;
    }

    .aq-distributors__intro {
      grid-template-columns: 1fr;
      gap: 24px;
      margin-bottom: 44px;
    }
  }

  @media screen and (max-width: 1200px) {
    .aq-distributors__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media screen and (max-width: 900px) {
    .aq-distributors__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media screen and (max-width: 640px) {
    .aq-distributors {
      padding-top: 44px;
      padding-bottom: 44px;
    }

    .aq-distributors__grid {
      grid-template-columns: 1fr;
    }

    .aq-distributors__logo-box {
      min-height: 190px;
    }
  }
/* END_SECTION:aq-distributors */

/* START_SECTION:aquame-app-tilda (INDEX:17) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

  @font-face {
    font-family: 'TikTok Sans 18 ExtraExpanded';
    src: url({{ 'tiktok-sans-18pt-extraexpanded-bold.ttf' | asset_url }}) format('truetype');
    font-weight: 700;
    font-style: normal;
    size-adjust: 74%;
    font-display: swap;
  }

  .aq-app {
    position: relative;
    min-height: 470px;
    padding: 1px 36px 28px;
    overflow: hidden;
    background: #000000;
    box-sizing: border-box;
  }

  .aq-app__gradient {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 304px;
    background: linear-gradient(180deg, #000000 0%, var(--aq-app-gradient-end, #ffffff) 69%);
  }

  .aq-app__panel {
    --aq-app-phone-width: 182px;
    position: relative;
    z-index: 1;
    width: min(1440px, 100%);
    height: 441px;
    margin: 0 auto;
    background: var(--aq-app-panel, #272727);
    border-radius: 16px;
    overflow: hidden;
  }

  .aq-app__eyebrow,
  .aq-app__title,
  .aq-app__description,
  .aq-app__feature-list,
  .aq-app__phone,
  .aq-app__stores {
    position: absolute;
  }

  .aq-app__eyebrow {
    top: 62px;
    left: 40px;
    margin: 0;
    color: #838383;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.45;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .aq-app__title {
    top: 108px;
    left: 40px;
    width: 430px;
    margin: 0;
    color: var(--aq-app-text, #ffffff);
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .aq-app__description {
    top: 216px;
    left: 40px;
    width: 420px;
    margin: 0;
    color: #eaeaea;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.35;
  }

  .aq-app__feature-list {
    top: 63px;
    right: clamp(40px, 5.2vw, 76px);
    bottom: 32px;
    width: min(410px, 31vw);
    overflow: hidden;
  }

  .aq-app__feature {
    --aq-app-feature-title-size: 28px;
    --aq-app-feature-title-line: 1.05;
    --aq-app-feature-body-size: 16px;
    --aq-app-feature-body-line: 1.35;
    --aq-app-feature-text-gap: 12px;
    --aq-app-feature-text-lines: 4;
    --aq-app-feature-height-extra: 34px;
    --aq-app-feature-open-duration: 0.38s;
    --aq-app-feature-progress-duration: 7.45s;
    --aq-app-rail-collapsed: calc(var(--aq-app-feature-title-size) * var(--aq-app-feature-title-line));
    --aq-app-rail-expanded: calc(
      var(--aq-app-rail-collapsed) + var(--aq-app-feature-text-gap) +
      (var(--aq-app-feature-body-size) * var(--aq-app-feature-body-line) * var(--aq-app-feature-text-lines))
    );
    --aq-app-feature-height-collapsed: calc(var(--aq-app-rail-collapsed) + 22px);
    --aq-app-feature-height-expanded: calc(var(--aq-app-rail-expanded) + var(--aq-app-feature-height-extra));
    position: relative;
    height: var(--aq-app-feature-height-collapsed);
    padding-left: 34px;
    margin: 0;
    overflow: hidden;
    transition: height var(--aq-app-feature-open-duration) ease;
    cursor: pointer;
  }

  .aq-app__feature:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.85);
    outline-offset: 8px;
  }

  .aq-app__feature.is-active {
    height: var(--aq-app-feature-height-expanded);
  }

  .aq-app__feature--coach {
    --aq-app-feature-text-lines: 4.4;
  }

  .aq-app__feature--tracking {
    --aq-app-feature-text-lines: 5.4;
  }

  .aq-app__feature--manual {
    --aq-app-feature-text-lines: 5;
  }

  .aq-app__feature--history {
    --aq-app-feature-text-lines: 5;
  }

  .aq-app__feature h3 {
    margin: 0;
    color: #7b7b7b;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: var(--aq-app-feature-title-size);
    line-height: var(--aq-app-feature-title-line);
    letter-spacing: 0;
    text-transform: uppercase;
    opacity: 0.76;
    transform: scale(0.86);
    transform-origin: left center;
    transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
  }

  .aq-app__feature.is-active h3 {
    color: var(--aq-app-text, #ffffff);
    opacity: 1;
    transform: scale(1);
  }

  .aq-app__feature p {
    width: min(360px, 100%);
    margin: 0;
    padding-top: 0;
    color: var(--aq-app-text, #ffffff);
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: var(--aq-app-feature-body-size);
    line-height: var(--aq-app-feature-body-line);
    opacity: 0;
    transition:
      opacity 0.28s ease,
      padding-top var(--aq-app-feature-open-duration) ease;
  }

  .aq-app__feature.is-active p {
    padding-top: var(--aq-app-feature-text-gap);
    opacity: 1;
  }

  .aq-app__feature-rail {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: var(--aq-app-rail-collapsed);
    border-radius: 999px;
    background: #5c5c5c;
    overflow: hidden;
    transition: height var(--aq-app-feature-open-duration) ease;
  }

  .aq-app__feature.is-active .aq-app__feature-rail {
    height: var(--aq-app-rail-expanded);
  }

  .aq-app__feature-progress {
    display: block;
    width: 100%;
    height: 100%;
    background: #ffffff;
    transform: scaleY(0);
    transform-origin: top;
    transition: none;
  }

  .aq-app__feature.is-progressing .aq-app__feature-progress {
    transform: scaleY(1);
    transition: transform var(--aq-app-feature-progress-duration) linear var(--aq-app-feature-open-duration);
  }

  .aq-app__phone {
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    width: var(--aq-app-phone-width);
    aspect-ratio: 432 / 872;
  }

  @media (prefers-reduced-motion: reduce) {
    .aq-app__feature,
    .aq-app__feature h3,
    .aq-app__feature p,
    .aq-app__feature-rail,
    .aq-app__feature-progress {
      transition: none;
    }

    .aq-app__feature-progress,
    .aq-app__phone-image {
      transform: scaleY(1);
      transition: none;
    }
  }

  .aq-app__phone-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.45s ease;
  }

  .aq-app__phone-image.is-active {
    opacity: 1;
  }

  .aq-app__stores {
    top: 326px;
    left: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: auto;
    height: auto;
  }

  .aq-app__store-link {
    display: inline-flex;
    width: 142px;
    box-sizing: border-box;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }

  .aq-app__store-link:hover {
    opacity: 0.86;
    transform: translateY(-1px);
  }

  .aq-app__store-link:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.85);
    outline-offset: 5px;
    border-radius: 8px;
  }

  .aq-app__store-link img {
    display: block;
    width: 100%;
    height: auto;
  }

  @media screen and (max-width: 1199px) {
    .aq-app {
      min-height: 680px;
      padding: 17px 10px 30px;
    }

    .aq-app__gradient {
      height: 309px;
    }

    .aq-app__panel {
      width: min(620px, 100%);
      height: 633px;
    }

    .aq-app__eyebrow {
      top: 34px;
      left: 22px;
    }

    .aq-app__title {
      top: 82px;
      left: 22px;
      width: 360px;
      font-size: 36px;
    }

    .aq-app__description {
      top: 178px;
      left: 22px;
      width: 350px;
      font-size: 15px;
    }

    .aq-app__stores {
      top: 296px;
      left: 22px;
      gap: 10px;
    }

    .aq-app__store-link {
      width: 132px;
    }

    .aq-app__feature-list {
      top: 415px;
      left: 32px;
      right: auto;
      bottom: auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      width: 558px;
      overflow: visible;
    }

    .aq-app__feature {
      --aq-app-feature-title-size: 20px;
      --aq-app-feature-body-size: 14px;
      --aq-app-feature-text-gap: 12px;
      --aq-app-feature-height-extra: 0px;
      --aq-app-feature-height-collapsed: var(--aq-app-rail-collapsed);
      --aq-app-feature-height-expanded: var(--aq-app-rail-expanded);
      margin: 0;
      padding-left: 28px;
    }

    .aq-app__phone {
      top: 37px;
      left: 50%;
      transform: translateX(-50%);
      width: 155px;
    }
  }

  @media screen and (min-width: 990px) and (max-width: 1199px) {
    .aq-app {
      min-height: 512px;
      padding-top: 82px;
    }

    .aq-app__panel {
      width: min(940px, calc(100% - 20px));
      height: 400px;
    }

    .aq-app__phone {
      top: 38px;
      left: 50%;
      width: 155px;
    }

    .aq-app__feature-list {
      top: 64px;
      left: auto;
      right: 28px;
      bottom: auto;
      display: block;
      width: 300px;
      overflow: visible;
    }

    .aq-app__feature {
      --aq-app-feature-title-size: 18px;
      --aq-app-feature-body-size: 13px;
      --aq-app-feature-text-gap: 12px;
      --aq-app-feature-height-extra: 18px;
      padding-left: 26px;
      margin-bottom: 14px;
    }

    .aq-app__feature h3 {
      line-height: 1.18;
    }

    .aq-app__feature p {
      width: 100%;
      line-height: 1.35;
    }

    .aq-app__feature-rail {
      width: 2px;
      height: 22px;
    }

    .aq-app__feature.is-active .aq-app__feature-rail {
      height: min(var(--aq-app-rail-expanded), 150px);
    }
  }

  @media screen and (min-width: 640px) and (max-width: 989px) {
    .aq-app {
      min-height: 1015px;
      padding: 18px 10px 44px;
    }

    .aq-app__gradient {
      height: 300px;
    }

    .aq-app__panel {
      width: min(700px, calc(100% - 20px));
      height: 935px;
      border-radius: 16px;
    }

    .aq-app__eyebrow {
      top: 30px;
      left: 26px;
      font-size: 14px;
    }

    .aq-app__title {
      top: 68px;
      left: 26px;
      width: calc(100% - 52px);
      font-size: 34px;
      line-height: 1;
    }

    .aq-app__description {
      top: 122px;
      left: 26px;
      width: calc(100% - 52px);
      font-size: 15px;
      line-height: 1.35;
    }

    .aq-app__phone {
      top: 172px;
      left: 50%;
      transform: translateX(-50%);
      width: 190px;
    }

    .aq-app__feature-list {
      top: 576px;
      left: 30px;
      right: auto;
      bottom: auto;
      display: block;
      width: calc(100% - 60px);
      overflow: visible;
    }

    .aq-app__feature {
      --aq-app-feature-title-size: 22px;
      --aq-app-feature-body-size: 14px;
      --aq-app-feature-text-gap: 12px;
      --aq-app-feature-height-extra: 42px;
      --aq-app-feature-height-collapsed: calc(var(--aq-app-rail-collapsed) + 16px);
      --aq-app-feature-height-expanded: calc(var(--aq-app-rail-expanded) + 42px);
      padding-left: 24px;
    }

    .aq-app__stores {
      top: 862px;
      left: 50%;
      right: auto;
      display: flex;
      align-items: center;
      transform: translateX(-50%);
      justify-content: center;
      gap: 14px;
      width: calc(100% - 52px);
    }

    .aq-app__store-link {
      width: min(176px, calc((100vw - 90px) / 2));
    }
  }

  @media screen and (max-width: 639px) {
    .aq-app {
      min-height: 997px;
      padding: 16px 10px 42px;
    }

    .aq-app__gradient {
      height: 281px;
    }

    .aq-app__panel {
      width: 100%;
      height: 937px;
      border-radius: 16px;
    }

    .aq-app__eyebrow {
      top: 25px;
      left: 24px;
      font-size: 12px;
    }

    .aq-app__title {
      top: 57px;
      left: 24px;
      width: calc(100% - 48px);
      font-size: 32px;
      line-height: 1;
    }

    .aq-app__description {
      top: 112px;
      left: 24px;
      width: calc(100% - 48px);
      font-size: 14px;
      line-height: 1.35;
    }

    .aq-app__phone {
      top: 176px;
      left: 50%;
      transform: translateX(-50%);
      width: 168px;
    }

    .aq-app__feature-list {
      top: 558px;
      left: 28px;
      right: auto;
      bottom: auto;
      display: block;
      width: calc(100% - 56px);
      overflow: visible;
    }

    .aq-app__feature {
      --aq-app-feature-title-size: 20px;
      --aq-app-feature-body-size: 13px;
      --aq-app-feature-text-gap: 12px;
      --aq-app-feature-height-extra: 44px;
      --aq-app-feature-height-collapsed: calc(var(--aq-app-rail-collapsed) + 16px);
      --aq-app-feature-height-expanded: calc(var(--aq-app-rail-expanded) + 44px);
      padding-left: 22px;
    }

    .aq-app__stores {
      top: 850px;
      left: 50%;
      transform: translateX(-50%);
      justify-content: center;
      gap: 12px;
      width: calc(100% - 48px);
    }

    .aq-app__store-link {
      width: min(164px, calc((100vw - 68px) / 2));
    }
  }

  @media screen and (max-width: 380px) {
    .aq-app {
      min-height: 1022px;
    }

    .aq-app__panel {
      height: 962px;
    }

    .aq-app__stores {
      top: 874px;
    }
  }
/* END_SECTION:aquame-app-tilda */

/* START_SECTION:aquame-bottle-advantages (INDEX:18) */
.aqba {
    position: relative;
    background: var(--aqba-bg, #000000);
    overflow: hidden;
  }

  .aqba__artboard {
    position: relative;
    width: 1200px;
    height: 1605px;
    margin: 0 auto;
    background: #000000;
  }

  .aqba__video {
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 370px;
    width: 390px;
    height: 780px;
    overflow: visible;
    pointer-events: none;
  }

  .aqba__video-frame {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translateZ(0) rotate(21deg);
    transform-origin: 50% 50%;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  .aqba__video.is-fixed {
    position: fixed;
    top: var(--aqba-fixed-top, 40px);
    left: var(--aqba-fixed-left, 50%);
  }

  .aqba__video.is-ended {
    transform: translate3d(0, var(--aqba-ended-y, 800px), 0);
  }

  .aqba__video-media {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .aqba__video-media--mobile {
    display: none;
  }

  .aqba__mobile-eyebrow,
  .aqba__mobile-accordion {
    display: none;
  }

  .aqba__headline {
    position: absolute;
    z-index: 3;
    top: 121px;
    left: max(-60px, calc((1200px - 100vw) / 2 + 60px));
    margin: 0;
    color: var(--aqba-title-color, #ffffff);
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: .01em;
    text-transform: uppercase;
  }

  .aqba__headline-line {
    display: block;
    font-family: inherit;
    font-weight: inherit;
    font-style: normal;
    line-height: inherit;
    letter-spacing: inherit;
  }

  .aqba__headline-line--second {
    margin-top: 0;
    padding-left: 92px;
  }

  .aqba__stat {
    position: absolute;
    z-index: 3;
    top: 112px;
    left: 834px;
    width: 272px;
  }

  .aqba__stat-value {
    margin: 0 0 12px;
    color: #4c4c4c;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 69px;
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .aqba__card p,
  .aqba__card div {
    color: var(--aqba-muted, #8c8c8c);
    font-family: var(--font-b-family);
    font-style: var(--font-b-style);
    font-weight: var(--font-b-weight);
    font-size: 14px;
    line-height: 1.45;
  }

  .aqba__stat-text {
    color: #eaeaea;
    font-family: var(--font-b-family);
    font-style: var(--font-b-style);
    font-weight: var(--font-b-weight);
    font-size: 14px;
    line-height: 1.45;
  }

  .aqba__stat-text p,
  .aqba__card p,
  .aqba__card div p {
    margin: 0;
  }

  .aqba__card {
    position: absolute;
    z-index: 3;
    width: 342px;
    min-height: 213px;
    height: auto;
    padding: 22px 38px;
    background: rgba(255, 255, 255, 0.01);
    border-radius: 16px;
    backdrop-filter: blur(49px);
    -webkit-backdrop-filter: blur(49px);
    box-sizing: border-box;
  }

  .aqba__card img {
    display: block;
    width: auto;
    height: 34px;
    margin-bottom: 14px;
    opacity: 0.65;
  }

  .aqba__card h3 {
    margin: 0 0 18px;
    color: var(--aqba-text, #ffffff);
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .aqba__card--thermal {
    top: 409px;
    left: 118px;
  }

  .aqba__card--item-1 {
    top: 874px;
    left: 120px;
  }

  .aqba__card--item-2 {
    top: 1065px;
    left: 670px;
  }

  .aqba__card--item-3 {
    top: 1290px;
    left: 120px;
  }

  .aqba__card--item-4 {
    top: 603px;
    left: 650px;
  }

  @media screen and (max-width: 1199px) {
    .aqba__artboard {
      width: 100%;
      height: 133.75vw;
      min-height: 1120px;
    }

    .aqba__artboard > * {
      transform-origin: top left;
    }

    .aqba__video,
    .aqba__headline,
    .aqba__stat,
    .aqba__card {
      scale: calc(100vw / 1200);
    }

    .aqba__video.is-ended {
      transform: translate3d(0, var(--aqba-ended-y, 800px), 0);
    }
  }

  @media screen and (min-width: 990px) and (max-width: 1199px) {
    .aqba__artboard {
      height: max(1600px, 145vw);
      min-height: 1600px;
    }

    .aqba__video {
      left: 290px;
    }

    .aqba__headline {
      left: max(-60px, calc((1200px - 100vw) / 2 - 50px));
      font-size: 34px;
      line-height: 36px;
    }

    .aqba__stat {
      left: 724px;
    }

    .aqba__card--thermal {
      left: 38px;
    }

    .aqba__card--item-1,
    .aqba__card--item-3 {
      left: 40px;
    }

    .aqba__card--item-2 {
      left: 590px;
    }

    .aqba__card--item-4 {
      left: 570px;
    }
  }

  @media screen and (min-width: 640px) and (max-width: 989px) {
    .aqba__artboard {
      width: 100%;
      height: auto;
      min-height: 0;
      padding: 24px 0 44px;
      box-sizing: border-box;
      overflow: hidden;
    }

    .aqba__artboard > * {
      transform-origin: center center;
    }

    .aqba__video,
    .aqba__headline,
    .aqba__stat,
    .aqba__card {
      position: relative;
      inset: auto;
      left: auto;
      top: auto;
      width: auto;
      height: auto;
      scale: none;
      margin-left: 0;
    }

    .aqba__headline,
    .aqba__stat,
    .aqba__card {
      display: none;
    }

    .aqba__mobile-eyebrow {
      display: block;
      width: min(720px, calc(100% - 40px));
      margin: 0 auto 18px;
      color: #ffffff;
      font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 34px;
      line-height: 1;
      letter-spacing: 0;
      text-transform: uppercase;
    }

    .aqba__video {
      width: 100%;
      height: min(700px, 88vw);
      margin: 0 auto 28px;
      transform: none;
    }

    .aqba__video-frame {
      width: 100%;
      height: 100%;
      overflow: visible;
      transform: none;
    }

    .aqba__video-media--desktop {
      display: none;
    }

    .aqba__video-media--mobile {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
    }

    .aqba__mobile-accordion {
      display: block;
      width: min(720px, calc(100% - 40px));
      margin: 0 auto;
      padding: 0;
      border-top: 1px solid rgba(255, 255, 255, 0.18);
    }

    .aqba__mobile-item {
      border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .aqba__mobile-item summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      min-height: 58px;
      padding: 15px 0;
      color: #ffffff;
      font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 15px;
      line-height: 1.18;
      letter-spacing: 0;
      text-transform: uppercase;
      list-style: none;
      cursor: pointer;
    }

    .aqba .aqba__mobile-item summary > span:first-child {
      font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif !important;
      font-style: normal !important;
      font-weight: 700 !important;
      letter-spacing: 0 !important;
      text-transform: uppercase;
    }

    .aqba__mobile-item summary::-webkit-details-marker {
      display: none;
    }

    .aqba__mobile-plus {
      position: relative;
      flex: 0 0 28px;
      width: 28px;
      height: 28px;
      opacity: 0.72;
    }

    .aqba__mobile-plus::before,
    .aqba__mobile-plus::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 28px;
      height: 1px;
      background: #ffffff;
      transform: translate(-50%, -50%);
    }

    .aqba__mobile-plus::after {
      transform: translate(-50%, -50%) rotate(90deg);
      transition: transform 0.18s ease;
    }

    .aqba__mobile-item[open] .aqba__mobile-plus::after {
      transform: translate(-50%, -50%) rotate(0deg);
    }

    .aqba__mobile-panel {
      padding: 0 42px 18px 0;
      color: rgba(255, 255, 255, 0.62);
      font-family: var(--font-b-family);
      font-style: var(--font-b-style);
      font-weight: var(--font-b-weight);
      font-size: 14px;
      line-height: 1.45;
    }

    .aqba__mobile-panel p {
      margin: 0;
    }
  }

  @media screen and (max-width: 639px) {
    .aqba__artboard {
      height: auto;
      min-height: 0;
      padding: 16px 0 30px;
      box-sizing: border-box;
    }

    .aqba__video,
    .aqba__headline,
    .aqba__stat,
    .aqba__card {
      position: relative;
      inset: auto;
      left: auto;
      top: auto;
      width: auto;
      height: auto;
      scale: none;
    }

    .aqba__headline,
    .aqba__stat,
    .aqba__card {
      display: none;
    }

    .aqba__mobile-eyebrow {
      display: block;
      margin: 0 0 16px;
      padding: 0 16px;
      color: #ffffff;
      font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 32px;
      line-height: 1;
      letter-spacing: 0;
      text-transform: uppercase;
    }

    .aqba__headline {
      font-size: 20px;
      margin-bottom: 30px;
    }

    .aqba__video {
      width: 100%;
      height: min(465px, 118vw);
      margin: 0 auto 24px;
      transform: none;
    }

    .aqba__video-frame {
      width: 100%;
      height: 100%;
      overflow: visible;
      transform: none;
    }

    .aqba__video-media--desktop {
      display: none;
    }

    .aqba__video-media--mobile {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
    }

    .aqba__mobile-accordion {
      display: block;
      padding: 0 16px;
      border-top: 1px solid rgba(255, 255, 255, 0.18);
    }

    .aqba__mobile-item {
      border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .aqba__mobile-item summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      min-height: 49px;
      padding: 12px 0;
      color: #ffffff;
      font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 13px;
      line-height: 1.18;
      letter-spacing: 0;
      text-transform: uppercase;
      list-style: none;
      cursor: pointer;
    }

    .aqba .aqba__mobile-item summary > span:first-child {
      font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif !important;
      font-style: normal !important;
      font-weight: 700 !important;
      letter-spacing: 0 !important;
      text-transform: uppercase;
    }

    .aqba__mobile-item summary::-webkit-details-marker {
      display: none;
    }

    .aqba__mobile-plus {
      position: relative;
      flex: 0 0 24px;
      width: 24px;
      height: 24px;
      opacity: 0.72;
    }

    .aqba__mobile-plus::before,
    .aqba__mobile-plus::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 24px;
      height: 1px;
      background: #ffffff;
      transform: translate(-50%, -50%);
    }

    .aqba__mobile-plus::after {
      transform: translate(-50%, -50%) rotate(90deg);
      transition: transform 0.18s ease;
    }

    .aqba__mobile-item[open] .aqba__mobile-plus::after {
      transform: translate(-50%, -50%) rotate(0deg);
    }

    .aqba__mobile-panel {
      padding: 0 34px 16px 0;
      color: rgba(255, 255, 255, 0.62);
      font-family: var(--font-b-family);
      font-style: var(--font-b-style);
      font-weight: var(--font-b-weight);
      font-size: 13px;
      line-height: 1.45;
    }

    .aqba__mobile-panel p {
      margin: 0;
    }
  }
/* END_SECTION:aquame-bottle-advantages */

/* START_SECTION:aquame-tilda-app-blocks (INDEX:22) */
@font-face {
    font-family: 'TikTok Sans 18 ExtraExpanded';
    src: url({{ 'tiktok-sans-18pt-extraexpanded-bold.ttf' | asset_url }}) format('truetype');
    font-weight: 700;
    font-style: normal;
    size-adjust: 74%;
    font-display: swap;
  }

  .aq-tilda-app {
    overflow: hidden;
    margin: 0;
    padding: 0 36px;
    background: transparent;
    border-radius: 0;
    color: #111111;
  }

  .aq-tilda-app__download {
    position: relative;
    display: grid;
    grid-template-columns: minmax(520px, .9fr) minmax(390px, .72fr);
    gap: clamp(18px, 2vw, 32px);
    width: min(1440px, 100%);
    height: 404px;
    min-height: 404px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 46px 40px 0;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
  }

  .aq-tilda-app__after-space {
    height: 48px;
    background: #eeeeee;
  }

  .aq-tilda-app__download,
  .aq-tilda-app__after-space {
    display: none !important;
  }

  .aq-tilda-app__download-copy {
    position: relative;
    z-index: 2;
    align-self: start;
    max-width: 760px;
  }

  .aq-tilda-app__eyebrow {
    margin: 0 0 18px;
    color: #333333;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.45;
    text-transform: uppercase;
  }

  .aq-tilda-app h2,
  .aq-tilda-app h3 {
    margin: 0;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .aq-tilda-app h2 {
    max-width: 520px;
    font-size: 40px;
    line-height: 1;
  }

  .aq-tilda-app__feature-copy p {
    margin: 24px 0 0;
    color: #323232;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.35;
  }

  .aq-tilda-app__health-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    width: min(100%, 440px);
    margin-top: 28px;
  }

  .aq-tilda-app__health-badges img {
    display: block;
    width: auto;
    max-width: none;
    height: 46px;
  }

  .aq-tilda-app__intro-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(24px, 3vw, 64px);
    margin-top: 42px;
  }

  .aq-tilda-app__intro-grid p {
    margin: 0;
    color: #222222;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.35;
  }

  .aq-tilda-app__stores {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;
    margin-top: 24px;
  }

  .aq-tilda-app__store-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 172px;
    height: 54px;
    border-radius: 8px;
    background: #000000;
    overflow: hidden;
    text-decoration: none;
  }

  .aq-tilda-app__store-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .aq-tilda-app__download-media {
    position: relative;
    z-index: 1;
    align-self: stretch;
    min-height: 358px;
  }

  .aq-tilda-app__combined-media {
    position: absolute;
    display: block;
    height: auto;
    object-fit: contain;
    left: 50%;
    right: auto;
    bottom: 20px;
    width: min(23vw, 315px);
    transform: translateX(-50%);
    filter: drop-shadow(0 30px 48px rgba(0, 0, 0, .22));
  }

  @media screen and (max-width: 1399px) {
    .aq-tilda-app__download {
      grid-template-columns: minmax(470px, 1fr) minmax(360px, .62fr);
    }

    .aq-tilda-app__store-link {
      width: 164px;
      height: 51px;
    }
  }

  .aq-tilda-app__features {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 0;
  }

  .aq-tilda-app__showcase {
    --aq-showcase-index-width: 44px;
    --aq-showcase-title-gap: 18px;
    display: grid;
    grid-template-columns: minmax(520px, 850px) minmax(380px, 520px);
    grid-template-rows: auto minmax(0, 1fr);
    align-items: center;
    justify-content: center;
    gap: clamp(28px, 4vw, 70px);
    box-sizing: border-box;
    width: calc(100% + 72px);
    height: 720px;
    min-height: 0;
    margin: 0 -36px;
    padding: clamp(38px, 5vw, 76px) 36px;
    border-radius: 32px 32px 0 0;
    background: #050505;
    color: #ffffff;
    overflow: hidden;
  }

  .aq-tilda-app__showcase-copy {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 500px;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
  }

  .aq-tilda-app__showcase-heading {
    grid-column: 1 / -1;
    place-self: center;
    width: 100%;
    margin: 0 auto clamp(10px, 1.8vw, 24px);
    color: #ffffff;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(36px, 3.75vw, 54px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: .01em;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-18px);
    white-space: nowrap;
  }

  .aq-tilda-app__showcase-tabs {
    display: flex;
    flex-direction: column;
    gap: clamp(14px, 1.8vw, 26px);
    justify-content: center;
    height: min(100%, 460px);
    margin: 0;
  }

  .aq-tilda-app__showcase-item {
    position: relative;
    padding-left: clamp(30px, 3.4vw, 52px);
  }

  .aq-tilda-app__showcase-item::before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .28);
  }

  .aq-tilda-app__showcase-item::after {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: #ffffff;
    transform: scaleY(0);
    transform-origin: top;
  }

  .aq-tilda-app__showcase-item.is-progressing::after {
    animation: aq-showcase-progress 8.1s linear forwards;
  }

  .aq-tilda-app__showcase-tab {
    display: grid;
    grid-template-columns: var(--aq-showcase-index-width) minmax(0, 1fr);
    align-items: center;
    gap: var(--aq-showcase-title-gap);
    width: 100%;
    min-height: 46px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(255, 255, 255, .42);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transform: scale(.86);
    transform-origin: left center;
    transition: color .45s ease, transform .45s ease;
  }

  .aq-tilda-app__showcase-tab.is-active {
    color: #ffffff;
    transform: scale(1);
  }

  .aq-tilda-app__showcase-tab:focus-visible {
    outline: 2px solid #53d7ff;
    outline-offset: 6px;
  }

  .aq-tilda-app__showcase-index {
    color: currentColor;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: 0;
    transition: color .45s ease;
  }

  .aq-tilda-app__showcase-title {
    color: currentColor;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: 0;
    text-transform: uppercase;
    transition: color .45s ease;
  }

  .aq-tilda-app__showcase-panel {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(8px);
    transition: max-height .72s cubic-bezier(.22, 1, .36, 1), opacity .5s ease, transform .5s ease;
  }

  .aq-tilda-app__showcase-panel.is-active {
    max-height: 620px;
    opacity: 1;
    transform: translateY(0);
  }

  .aq-tilda-app__showcase-panel p {
    max-width: 480px;
    margin: 12px 0 0 calc(var(--aq-showcase-index-width) + var(--aq-showcase-title-gap));
    color: rgba(255, 255, 255, .9);
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
  }

  .aq-tilda-app__showcase-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    width: min(100%, 360px);
    margin: 24px 0 0 calc(var(--aq-showcase-index-width) + var(--aq-showcase-title-gap));
  }

  .aq-tilda-app__showcase-badges img {
    display: block;
    width: auto;
    max-width: none;
    height: 40px;
  }

  .aq-tilda-app__showcase-media {
    position: relative;
    align-self: start;
    justify-self: end;
    width: min(100%, 520px);
    height: 500px;
    min-height: 0;
    border-radius: 0;
    overflow: hidden;
    background: transparent;
  }

  .aq-tilda-app__showcase-image {
    position: absolute;
    inset: 0;
    margin: 0;
    z-index: 0;
    opacity: 0;
    transition: opacity .85s ease;
    will-change: opacity;
  }

  .aq-tilda-app__showcase-image.is-active {
    z-index: 1;
    opacity: 1;
  }

  .aq-tilda-app__showcase-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }

  .aq-tilda-app__mobile-showcase {
    display: none;
  }

  @keyframes aq-showcase-progress {
    from {
      transform: scaleY(0);
    }

    to {
      transform: scaleY(1);
    }
  }

  .aq-tilda-app__feature {
    display: grid;
    grid-template-columns: minmax(0, .98fr) minmax(0, 1fr);
    gap: clamp(24px, 4vw, 76px);
    width: min(1440px, 100%);
    min-height: 520px;
    margin: 0 auto;
    padding: 0;
    border-radius: 24px;
    background: #ffffff;
    overflow: hidden;
  }

  .aq-tilda-app__feature {
    display: none;
  }

  .aq-tilda-app__feature-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 620px;
    padding: 54px clamp(28px, 4.8vw, 74px);
  }

  .aq-tilda-app__number {
    margin-bottom: 26px;
    color: #2842ef;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(28px, 2.6vw, 42px);
    font-weight: 700;
    line-height: .9;
  }

  .aq-tilda-app h3 {
    max-width: 560px;
    font-size: clamp(26px, 2.2vw, 36px);
    line-height: 1.05;
  }

  .aq-tilda-app__feature-media {
    position: relative;
    min-height: 520px;
    margin: 0;
    overflow: hidden;
    background: #dce8e8;
  }

  .aq-tilda-app__feature-media img {
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  .aq-tilda-app__feature--image-right .aq-tilda-app__feature-media {
    order: -1;
  }

  .aq-tilda-app__feature--image-left .aq-tilda-app__feature-copy {
    order: 1;
  }

  .aq-tilda-app__feature--image-left .aq-tilda-app__feature-media {
    order: 2;
  }

  @media screen and (max-width: 1199px) {
    .aq-tilda-app {
      margin: 0;
      padding: 0 12px;
    }

    .aq-tilda-app__download {
      grid-template-columns: 1fr;
      height: auto;
      min-height: auto;
      padding: 36px 22px 22px;
      border-radius: 24px;
    }

    .aq-tilda-app__after-space {
      height: 34px;
    }

    .aq-tilda-app__eyebrow {
      margin-bottom: 28px;
    }

    .aq-tilda-app h2 {
      font-size: clamp(32px, 6.8vw, 40px);
    }

    .aq-tilda-app__intro-grid {
      grid-template-columns: 1fr;
      gap: 16px;
      margin-top: 24px;
    }

    .aq-tilda-app__stores {
      margin-top: 22px;
    }

    .aq-tilda-app__download-media {
      min-height: 320px;
      margin-top: 12px;
    }

    .aq-tilda-app__combined-media {
      left: 50%;
      right: auto;
      bottom: 24px;
      width: min(62vw, 320px);
      transform: translateX(-50%);
    }

    .aq-tilda-app__feature,
    .aq-tilda-app__feature--image-left {
      grid-template-columns: 1fr;
      gap: 0;
      min-height: auto;
      padding: 0;
      border-radius: 22px;
    }

    .aq-tilda-app__feature--image-left .aq-tilda-app__feature-media,
    .aq-tilda-app__feature--image-right .aq-tilda-app__feature-media {
      order: -1;
    }

    .aq-tilda-app__feature--image-left .aq-tilda-app__feature-copy {
      order: 1;
    }

    .aq-tilda-app__feature-copy {
      max-width: none;
      padding: 36px 18px 34px;
    }

    .aq-tilda-app__feature-media img {
      min-height: 360px;
    }

    .aq-tilda-app__feature-media {
      min-height: 360px;
    }

    .aq-tilda-app__showcase {
      --aq-showcase-index-width: 34px;
      --aq-showcase-title-gap: 12px;
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      width: calc(100% + 24px);
      height: 880px;
      min-height: 0;
      margin: 0 -12px;
      padding: 28px 12px 18px;
      border-radius: 24px 24px 0 0;
    }

    .aq-tilda-app__showcase-copy {
      justify-content: flex-start;
      height: 360px;
      min-height: 0;
    }

    .aq-tilda-app__showcase-heading {
      margin-bottom: 20px;
      font-size: clamp(30px, 7vw, 42px);
      transform: none;
      white-space: normal;
    }

    .aq-tilda-app__showcase-tabs {
      gap: 16px;
    }

    .aq-tilda-app__showcase-item {
      padding-left: 22px;
    }

    .aq-tilda-app__showcase-tab {
      grid-template-columns: var(--aq-showcase-index-width) minmax(0, 1fr);
      gap: var(--aq-showcase-title-gap);
      min-height: 48px;
      padding-left: 16px;
    }

    .aq-tilda-app__showcase-title {
      font-size: 20px;
    }

    .aq-tilda-app__showcase-index {
      font-size: 20px;
    }

    .aq-tilda-app__showcase-tab.is-active .aq-tilda-app__showcase-index,
    .aq-tilda-app__showcase-tab.is-active .aq-tilda-app__showcase-title {
      font-size: 20px;
    }

    .aq-tilda-app__showcase-panel p {
      font-size: 16px;
      margin-left: calc(var(--aq-showcase-index-width) + var(--aq-showcase-title-gap));
    }

    .aq-tilda-app__showcase-badges {
      margin-left: calc(var(--aq-showcase-index-width) + var(--aq-showcase-title-gap));
    }

    .aq-tilda-app__showcase-media {
      justify-self: center;
      width: min(100%, 420px);
      height: 320px;
      border-radius: 0;
    }
  }

  @media screen and (min-width: 990px) and (max-width: 1199px) {
    .aq-tilda-app__download {
      grid-template-columns: minmax(0, 1fr) 320px;
      gap: 24px;
      height: 430px;
      min-height: 430px;
      padding: 36px 22px 0;
    }

    .aq-tilda-app__download-copy {
      max-width: 620px;
    }

    .aq-tilda-app__download-media {
      min-height: 394px;
      margin-top: 0;
    }

    .aq-tilda-app__combined-media {
      left: 50%;
      bottom: 32px;
      width: 280px;
      transform: translateX(-50%);
    }

    .aq-tilda-app__showcase-title,
    .aq-tilda-app__showcase-index {
      font-size: 18px;
    }

    .aq-tilda-app__showcase-tab.is-active .aq-tilda-app__showcase-index,
    .aq-tilda-app__showcase-tab.is-active .aq-tilda-app__showcase-title {
      font-size: 18px;
    }
  }

  @media screen and (min-width: 640px) and (max-width: 989px) {
    .aq-tilda-app__download-media {
      min-height: 490px;
    }

    .aq-tilda-app__combined-media {
      bottom: 44px;
      width: min(68vw, 350px);
    }

    .aq-tilda-app__showcase-title,
    .aq-tilda-app__showcase-index {
      font-size: 22px;
    }

    .aq-tilda-app__showcase-tab.is-active .aq-tilda-app__showcase-index,
    .aq-tilda-app__showcase-tab.is-active .aq-tilda-app__showcase-title {
      font-size: 22px;
    }
  }

  @media screen and (max-width: 549px) {
    .aq-tilda-app__download {
      padding-top: 46px;
    }

    .aq-tilda-app__intro-grid p,
    .aq-tilda-app__feature-copy p {
      font-size: 16px;
    }

    .aq-tilda-app__store-link {
      width: min(46vw, 172px);
      height: auto;
      aspect-ratio: 1080 / 338;
    }

    .aq-tilda-app__download-media {
      min-height: 335px;
    }

    .aq-tilda-app__combined-media {
      width: min(74vw, 260px);
      bottom: -6px;
    }

    .aq-tilda-app h3 {
      font-size: clamp(24px, 7vw, 32px);
    }

    .aq-tilda-app__feature-copy {
      padding: 30px 14px 28px;
    }

    .aq-tilda-app__health-badges {
      width: 100%;
      margin-top: 24px;
    }

    .aq-tilda-app__health-badges img {
      max-width: calc(50vw - 22px);
      height: 40px;
    }

    .aq-tilda-app__feature-media,
    .aq-tilda-app__feature-media img {
      min-height: 300px;
    }

    .aq-tilda-app__number {
      margin-bottom: 18px;
      font-size: clamp(26px, 8vw, 36px);
    }

    .aq-tilda-app__showcase {
      height: 820px;
      padding: 24px 12px 14px;
    }

    .aq-tilda-app__showcase-copy {
      height: 330px;
      min-height: 0;
    }

    .aq-tilda-app__showcase-heading {
      margin-bottom: 18px;
      font-size: clamp(28px, 8vw, 36px);
      transform: none;
    }

    .aq-tilda-app__showcase-tabs {
      gap: 14px;
    }

    .aq-tilda-app__showcase-panel p {
      margin-left: calc(var(--aq-showcase-index-width) + var(--aq-showcase-title-gap));
      margin-top: 18px;
      font-size: 16px;
      line-height: 1.35;
    }

    .aq-tilda-app__showcase-badges {
      width: 100%;
      margin-left: calc(var(--aq-showcase-index-width) + var(--aq-showcase-title-gap));
      margin-top: 18px;
    }

    .aq-tilda-app__showcase-badges img {
      max-width: calc(50vw - 22px);
      height: 36px;
    }

    .aq-tilda-app__showcase-media {
      width: min(100%, 340px);
      height: 280px;
    }
  }

  @media screen and (max-width: 639px) {
    .aq-tilda-app__showcase {
      display: block;
      width: calc(100% + 24px);
      height: auto;
      min-height: 0;
      margin: 0 -12px;
      padding: 22px 0 28px;
      border-radius: 24px 24px 0 0;
      overflow: hidden;
    }

    .aq-tilda-app__showcase-heading {
      width: auto;
      margin: 0 28px 34px;
      font-size: clamp(25px, 7.4vw, 34px);
      line-height: 1.08;
      text-align: center;
      transform: none;
    }

    .aq-tilda-app__showcase-copy,
    .aq-tilda-app__showcase-media {
      display: none;
    }

    .aq-tilda-app__mobile-showcase {
      display: block;
      padding-top: 24px;
      touch-action: pan-y;
    }

    .aq-tilda-app__mobile-hero {
      position: relative;
      margin: 0 28px 38px;
      overflow: hidden;
      border-radius: 14px;
      background: transparent;
      aspect-ratio: 1.18 / 1;
    }

    .aq-tilda-app__mobile-hero-image {
      position: absolute;
      inset: 0;
      margin: 0;
      opacity: 0;
      transition: opacity .45s ease;
    }

    .aq-tilda-app__mobile-hero-image.is-active {
      opacity: 1;
    }

    .aq-tilda-app__mobile-hero-image img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
    }

    .aq-tilda-app__mobile-viewport {
      margin: 0;
      padding: 0 0 18px;
      overflow: hidden;
      touch-action: pan-y;
    }

    .aq-tilda-app__mobile-cards {
      display: flex;
      gap: 12px;
      margin: 0;
      padding: 0 28px;
      transform: translate3d(0, 0, 0);
      transition: transform .62s cubic-bezier(.22, 1, .36, 1);
      will-change: transform;
    }

    .aq-tilda-app__mobile-card {
      flex: 0 0 min(280px, calc(100vw - 104px));
      min-height: 200px;
      padding: 20px 20px 22px;
      border-radius: 12px;
      background: #1e1c1d;
      color: #ffffff;
      opacity: .58;
      transition: opacity .35s ease;
    }

    .aq-tilda-app__mobile-card.is-active {
      opacity: 1;
    }

    .aq-tilda-app__mobile-card h3 {
      max-width: none;
      margin: 0 0 10px;
      color: #ffffff;
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.2;
      text-transform: none;
    }

    .aq-tilda-app__mobile-card p {
      margin: 0;
      color: #ffffff;
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      line-height: 1.34;
    }

    .aq-tilda-app__mobile-dots {
      display: flex;
      justify-content: center;
      gap: 8px;
      padding-top: 8px;
    }

    .aq-tilda-app__mobile-dots button {
      width: 10px;
      height: 10px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: rgba(255, 255, 255, .42);
      cursor: pointer;
    }

    .aq-tilda-app__mobile-dots button.is-active {
      background: rgba(255, 255, 255, .92);
    }
  }

  @media screen and (min-width: 640px) and (max-width: 820px) {
    .aq-tilda-app__showcase {
      display: block;
      width: calc(100% + 24px);
      height: auto;
      min-height: 0;
      margin: 0 -12px;
      padding: 42px 0 38px;
      border-radius: 24px 24px 0 0;
      overflow: hidden;
    }

    .aq-tilda-app__showcase-heading {
      width: auto;
      margin: 0 48px 38px;
      font-size: clamp(34px, 5.2vw, 42px);
      line-height: 1.08;
      text-align: center;
      white-space: normal;
    }

    .aq-tilda-app__showcase-copy,
    .aq-tilda-app__showcase-media {
      display: none;
    }

    .aq-tilda-app__mobile-showcase {
      display: block;
      padding-top: 24px;
      touch-action: pan-y;
    }

    .aq-tilda-app__mobile-hero {
      position: relative;
      max-width: 620px;
      margin: 0 auto 38px;
      overflow: hidden;
      border-radius: 18px;
      background: transparent;
      aspect-ratio: 1.48 / 1;
    }

    .aq-tilda-app__mobile-hero-image {
      position: absolute;
      inset: 0;
      margin: 0;
      opacity: 0;
      transition: opacity .45s ease;
    }

    .aq-tilda-app__mobile-hero-image.is-active {
      opacity: 1;
    }

    .aq-tilda-app__mobile-hero-image img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
    }

    .aq-tilda-app__mobile-viewport {
      margin: 0;
      padding: 0 0 20px;
      overflow: hidden;
      touch-action: pan-y;
    }

    .aq-tilda-app__mobile-cards {
      display: flex;
      gap: 14px;
      margin: 0;
      padding: 0 48px;
      transform: translate3d(0, 0, 0);
      transition: transform .62s cubic-bezier(.22, 1, .36, 1);
      will-change: transform;
    }

    .aq-tilda-app__mobile-card {
      flex: 0 0 min(330px, calc(100vw - 160px));
      min-height: 190px;
      padding: 22px 22px 24px;
      border-radius: 14px;
      background: #1e1c1d;
      color: #ffffff;
      opacity: .58;
      transition: opacity .35s ease;
    }

    .aq-tilda-app__mobile-card.is-active {
      opacity: 1;
    }

    .aq-tilda-app__mobile-card h3 {
      max-width: none;
      margin: 0 0 10px;
      color: #ffffff;
      font-family: 'Roboto', sans-serif;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.2;
      text-transform: none;
    }

    .aq-tilda-app__mobile-card p {
      margin: 0;
      color: #ffffff;
      font-family: 'Roboto', sans-serif;
      font-size: 17px;
      line-height: 1.35;
    }

    .aq-tilda-app__mobile-dots {
      display: flex;
      justify-content: center;
      gap: 8px;
      padding-top: 8px;
    }

    .aq-tilda-app__mobile-dots button {
      width: 10px;
      height: 10px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: rgba(255, 255, 255, .42);
      cursor: pointer;
    }

    .aq-tilda-app__mobile-dots button.is-active {
      background: rgba(255, 255, 255, .92);
    }
  }

  @media screen and (min-width: 821px) and (max-width: 1199px) {
    .aq-tilda-app__showcase {
      display: block;
      width: calc(100% + 24px);
      height: auto;
      min-height: 0;
      margin: 0 -12px;
      padding: 46px 0 42px;
      border-radius: 24px 24px 0 0;
      overflow: hidden;
    }

    .aq-tilda-app__showcase-heading {
      width: auto;
      margin: 0 56px 40px;
      font-size: clamp(38px, 4.4vw, 48px);
      line-height: 1.08;
      text-align: center;
      white-space: normal;
    }

    .aq-tilda-app__showcase-copy,
    .aq-tilda-app__showcase-media {
      display: none;
    }

    .aq-tilda-app__mobile-showcase {
      display: block;
      padding-top: 22px;
      touch-action: pan-y;
    }

    .aq-tilda-app__mobile-hero {
      position: relative;
      max-width: 700px;
      margin: 0 auto 40px;
      overflow: hidden;
      border-radius: 18px;
      background: transparent;
      aspect-ratio: 1.68 / 1;
    }

    .aq-tilda-app__mobile-hero-image {
      position: absolute;
      inset: 0;
      margin: 0;
      opacity: 0;
      transition: opacity .45s ease;
    }

    .aq-tilda-app__mobile-hero-image.is-active {
      opacity: 1;
    }

    .aq-tilda-app__mobile-hero-image img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
    }

    .aq-tilda-app__mobile-viewport {
      margin: 0;
      padding: 0 0 22px;
      overflow: hidden;
      touch-action: pan-y;
    }

    .aq-tilda-app__mobile-cards {
      display: flex;
      gap: 16px;
      margin: 0;
      padding: 0 56px;
      transform: translate3d(0, 0, 0);
      transition: transform .62s cubic-bezier(.22, 1, .36, 1);
      will-change: transform;
    }

    .aq-tilda-app__mobile-card {
      flex: 0 0 min(380px, calc(100vw - 220px));
      min-height: 180px;
      padding: 24px 24px 26px;
      border-radius: 14px;
      background: #1e1c1d;
      color: #ffffff;
      opacity: .58;
      transition: opacity .35s ease;
    }

    .aq-tilda-app__mobile-card.is-active {
      opacity: 1;
    }

    .aq-tilda-app__mobile-card h3 {
      max-width: none;
      margin: 0 0 10px;
      color: #ffffff;
      font-family: 'Roboto', sans-serif;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.2;
      text-transform: none;
    }

    .aq-tilda-app__mobile-card p {
      margin: 0;
      color: #ffffff;
      font-family: 'Roboto', sans-serif;
      font-size: 17px;
      line-height: 1.35;
    }

    .aq-tilda-app__mobile-dots {
      display: flex;
      justify-content: center;
      gap: 8px;
      padding-top: 8px;
    }

    .aq-tilda-app__mobile-dots button {
      width: 10px;
      height: 10px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: rgba(255, 255, 255, .42);
      cursor: pointer;
    }

    .aq-tilda-app__mobile-dots button.is-active {
      background: rgba(255, 255, 255, .92);
    }
  }
/* END_SECTION:aquame-tilda-app-blocks */

/* START_SECTION:banner-overlap (INDEX:23) */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700&family=Roboto:wght@400;700&display=swap');

  .bovlp {
    position: relative;
    min-height: 350px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    z-index: 1;
  }

  @media screen and (min-width: 750px) {
    .bovlp {
      margin-top: calc(var(--bovlp-overlap) * -1);
      min-height: var(--bovlp-min-height);
      height: clamp(350px, 56vw, 700px);
    }
  }

  .bovlp__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
    z-index: 0;
  }

  .bovlp__slide--active {
    opacity: 1;
  }

  .bovlp__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }

  .bovlp__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bovlp-overlay);
    opacity: var(--bovlp-overlay-opacity);
    z-index: 1;
  }

  .bovlp__container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 20px 32px;
  }

  @media screen and (min-width: 750px) {
    .bovlp__container {
      padding: 120px 40px 60px;
    }
  }

  /* Content Position */
  .bovlp__content {
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  @media screen and (min-width: 750px) {
    .bovlp__content {
      gap: 20px;
    }
  }

  .bovlp__content--left {
    margin-right: auto;
  }

  .bovlp__content--center {
    margin: 0 auto;
    text-align: center;
    align-items: center;
  }

  .bovlp__content--right {
    margin-left: auto;
    text-align: right;
    align-items: flex-end;
  }

  /* Subheading */
  .bovlp__subheading {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: white;
    margin: 0;
  }

  @media screen and (min-width: 750px) {
    .bovlp__subheading {
      font-size: 13px;
    }
  }

  /* Heading */
  .bovlp__heading {
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-weight: 700;
    color: var(--bovlp-heading);
    margin: 0;
    line-height: 1.05;
    text-transform: uppercase;
    white-space: pre-wrap;
  }

  .bovlp__heading--small {
    font-size: 22px;
  }

  .bovlp__heading--medium {
    font-size: 28px;
  }

  .bovlp__heading--large {
    font-size: 32px;
  }

  @media screen and (min-width: 750px) {
    .bovlp__heading--small {
      font-size: 36px;
    }

    .bovlp__heading--medium {
      font-size: 48px;
    }

    .bovlp__heading--large {
      font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
      font-size: 60px;
      font-weight: 700;
      line-height: 60px;
    }
  }

  /* Description */
  .bovlp__description {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 24px;
    color: var(--bovlp-text);
    margin: 0;
  }

  @media screen and (min-width: 750px) {
    .bovlp__description {
      font-size: 16px;
    }
  }

  .bovlp__description p {
    margin: 0;
  }

  /* Button */
  .bovlp__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    padding: 13px 32px;
    box-sizing: border-box;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .04em;
    text-align: center;
    text-transform: uppercase;
    border-radius: 999px;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    align-self: flex-start;
    margin-top: 4px;
  }

  @media screen and (min-width: 750px) {
    .bovlp__button {
      font-size: 17px;
    }
  }

  .bovlp__content--center .bovlp__button {
    align-self: center;
  }

  .bovlp__content--right .bovlp__button {
    align-self: flex-end;
  }

  .bovlp__button--filled {
    background-color: var(--bovlp-btn-bg);
    color: var(--bovlp-btn-text);
    border: 1px solid var(--bovlp-btn-bg);
  }

  .bovlp__button--filled:hover {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
  }

  .bovlp__button--outline {
    background-color: transparent;
    color: var(--bovlp-btn-text);
    border: 1px solid var(--bovlp-btn-text);
  }

  .bovlp__button--outline:hover {
    opacity: 0.85;
  }

  @media screen and (max-width: 549px) {
    .bovlp__button {
      padding: 14px 24px;
      font-size: 16px;
    }
  }
/* END_SECTION:banner-overlap */

/* START_SECTION:collection-tabs (INDEX:34) */
@font-face {
    font-family: 'TikTok Sans 18 ExtraExpanded';
    src: url({{ 'tiktok-sans-18pt-extraexpanded-bold.ttf' | asset_url }}) format('truetype');
    font-weight: 700;
    font-style: normal;
    size-adjust: 74%;
    font-display: swap;
  }

  .ctabs {
    background-color: transparent;
    padding: 40px 0;
    padding-bottom: calc(40px + var(--ctabs-overlap));
    position: relative;
    z-index: 2;

    @media screen and (min-width: 750px) {
      padding: 60px 0;
      padding-bottom: calc(60px + var(--ctabs-overlap));
    }
  }

  .ctabs__container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
    scroll-margin-top: 140px;
  }

  @media screen and (min-width: 750px) {
    .ctabs__container {
      padding: 0 40px;
    }
  }

  .ctabs__heading {
    text-align: center;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--ctabs-text);
    margin: 0 0 24px 0;

    @media screen and (min-width: 750px) {
      margin: 0 0 32px 0;
    }
  }

  @media screen and (max-width: 1199px) {
    .ctabs__heading {
      font-size: 36px;
    }
  }

  @media screen and (min-width: 640px) and (max-width: 989px) {
    .ctabs__heading {
      font-size: 34px;
    }
  }

  @media screen and (max-width: 639px) {
    .ctabs__heading {
      font-size: 32px;
    }
  }

  /* Tabs Nav - wrapped in a single pill border */
  .ctabs__nav-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;

    @media screen and (min-width: 750px) {
      margin-bottom: 40px;
    }
  }

  .ctabs__nav {
    display: inline-flex;
    align-items: center;
    gap: 0;
    border-radius: 30px;
    background: #F8F8F8;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .ctabs__nav::-webkit-scrollbar {
    display: none;
  }

  .ctabs__tab {
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 30px;
    border: none;
    background: transparent;
    color: #262626;
    cursor: pointer;
    transition: all 0.25s ease;
    white-space: nowrap;
    line-height: 22px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;

    @media screen and (min-width: 750px) {
      font-size: 15px;
      padding: 11px 26px;
    }
  }

  .ctabs__tab:hover {
    color: #262626;
    background: rgba(40, 66, 239, 0.08);
  }

  .ctabs__tab--active {
    background-color: var(--ctabs-accent);
    color: #fff;
  }

  .ctabs__tab--active:hover {
    color: #fff;
    background-color: var(--ctabs-accent);
  }

  /* Product Grid */
  .ctabs__grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: auto;
    gap: 12px;

    @media screen and (min-width: 600px) {
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: 1fr;
      gap: 16px;
    }

    @media screen and (min-width: 750px) {
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }

    @media screen and (min-width: 900px) {
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
    }

    @media screen and (min-width: 1200px) {
      gap: 28px;
    }
  }

  .ctabs__anchor {
    display: block;
    position: relative;
    top: -80px;
    width: 1px;
    height: 1px;
    pointer-events: none;
  }

  .ctabs__grid--formula-1 {
    grid-auto-rows: auto;
    align-items: stretch;
  }

  /* Product Card */
  .ctabs__card {
    background: #F8F8F8;
    border-radius: 16px;
    border: none;
    overflow: hidden;
    position: relative;
    padding: 16px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
  }

  @media screen and (min-width: 600px) {
    .ctabs__card {
      border-radius: 20px;
      padding: 18px;
    }
  }

  @media screen and (min-width: 750px) {
    .ctabs__card {
      border-radius: 24px;
      padding: 20px;
    }
  }

  @media screen and (min-width: 1200px) {
    .ctabs__card {
      border-radius: 32px;
      padding: 32px;
    }
  }

  .ctabs__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
  }

  .ctabs__card--dp-sip {
    order: 1;
  }

  .ctabs__card--dp-chug {
    order: 2;
  }

  .ctabs__card--dp-other {
    order: 3;
  }

  .ctabs__card--partner-cta {
    min-height: 0;
    height: 100%;
    padding: 0;
    border-radius: 32px;
    background: #111111;
    justify-content: flex-end;
    overflow: hidden;
    isolation: isolate;
  }

  .ctabs__card--partner-split-cta {
    grid-column: span 1;
    min-height: 0;
    height: 100%;
    padding: 0;
    border-radius: 32px;
    background: #000000;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    isolation: isolate;
  }

  @media screen and (min-width: 600px) {
    .ctabs__card--partner-split-cta {
      grid-column: span 2;
      grid-template-columns: 1fr 1fr;
    }
  }

  .ctabs__partner-split-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 220px;
    padding: 28px 16px 16px;
    box-sizing: border-box;
    background: #000000;
  }

  @media screen and (min-width: 600px) {
    .ctabs__partner-split-content {
      padding: 32px 18px 18px;
    }
  }

  @media screen and (min-width: 750px) {
    .ctabs__partner-split-content {
      padding: 36px 20px 20px;
    }
  }

  @media screen and (min-width: 1200px) {
    .ctabs__partner-split-content {
      padding: 48px 32px 32px;
    }
  }

  .ctabs__partner-split-title {
    margin: 0;
    color: #ffffff;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(28px, 3vw, 48px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
  }

  .ctabs__partner-split-media {
    position: relative;
    min-height: 220px;
    overflow: hidden;
    border-radius: 32px;
    background: #111111;
  }

  @media screen and (min-width: 600px) {
    .ctabs__partner-split-content,
    .ctabs__partner-split-media {
      min-height: 100%;
    }
  }

  .ctabs__partner-split-video {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  @media screen and (max-width: 599px) {
    .ctabs__card--partner-split-cta {
      display: flex;
      flex-direction: column-reverse;
      height: auto;
      border-radius: 12px;
    }

    .ctabs__partner-split-content {
      min-height: 210px;
      padding: 48px 14px 32px;
    }

    .ctabs__partner-split-title {
      margin: 0 0 22px;
      font-size: 24px;
      line-height: 1.05;
    }

    .ctabs__partner-split-media {
      min-height: 0;
      aspect-ratio: 1 / 1.15;
      border-radius: 12px 12px 0 0;
    }

    .ctabs__card--partner-split-cta .ctabs__partner-split-btn {
      width: 100%;
      height: 48px;
      padding: 0 18px;
      font-size: 13px;
      align-self: stretch;
    }
  }

  .ctabs__card--partner-cta::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, .35) 58%, rgba(0, 0, 0, .78) 100%);
    pointer-events: none;
  }

  .ctabs__partner-video {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ctabs__partner-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 100%;
    padding: 28px 16px 16px;
    box-sizing: border-box;
  }

  @media screen and (max-width: 599px) {
    .ctabs__card--partner-cta {
      min-height: 320px;
    }

    .ctabs__partner-content {
      min-height: 320px;
      padding: 34px 18px 18px;
    }
  }

  @media screen and (min-width: 600px) {
    .ctabs__partner-content {
      padding: 32px 18px 18px;
    }
  }

  @media screen and (min-width: 750px) {
    .ctabs__partner-content {
      padding: 36px 20px 20px;
    }
  }

  @media screen and (min-width: 1200px) {
    .ctabs__partner-content {
      padding: 48px 32px 32px;
    }
  }

  .ctabs__partner-title {
    margin: 0 0 24px;
    color: #ffffff;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(24px, 2.35vw, 36px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
  }

  .ctabs__partner-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 230px;
    max-width: 100%;
    height: 36px;
    padding: 8px 20px;
    border-radius: 100px;
    background: var(--ctabs-btn-bg);
    color: var(--ctabs-btn-text);
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: opacity 0.2s ease;
  }

  @media screen and (min-width: 750px) {
    .ctabs__partner-btn {
      height: 34px;
      padding: 7px 16px;
      font-size: 12px;
    }
  }

  @media screen and (min-width: 1200px) {
    .ctabs__partner-btn {
      width: 240px;
      height: 44px;
      padding: 7px 20px;
      font-size: 15px;
    }
  }

  .ctabs__partner-btn:hover {
    opacity: .85;
  }

  .ctabs__shop-partners-card {
    background: #D8D9DD;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    display: block;
    grid-column: span 1;
    height: 100%;
    color: #262626;
  }

  @media screen and (min-width: 400px) {
    .ctabs__shop-partners-card {
      border-radius: 16px;
    }
  }

  @media screen and (min-width: 600px) {
    .ctabs__shop-partners-card {
      border-radius: 24px;
      grid-column: span 2;
    }
  }

  @media screen and (min-width: 900px) {
    .ctabs__shop-partners-card {
      grid-column: span 3;
    }
  }

  .ctabs__shop-partners-inner {
    display: flex;
    height: 100%;
    min-height: 0;
    padding: 0;
    gap: 0;
    box-sizing: border-box;
    background: #D8D9DD;
    overflow: hidden;
  }

  .ctabs__shop-partners-text {
    flex: 0 0 46%;
    padding: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
  }

  @media screen and (min-width: 400px) {
    .ctabs__shop-partners-text {
      padding: 16px;
    }
  }

  @media screen and (min-width: 600px) {
    .ctabs__shop-partners-text {
      padding: 24px;
    }
  }

  @media screen and (min-width: 1200px) {
    .ctabs__shop-partners-text {
      padding: 32px;
    }
  }

  .ctabs__shop-partners-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
  }

  .ctabs__shop-partners-subheading {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #262626;
    margin: 0;
  }

  .ctabs__shop-partners-label-mobile {
    display: none;
  }

  @media screen and (min-width: 400px) {
    .ctabs__shop-partners-subheading {
      font-size: 11px;
    }
  }

  @media screen and (min-width: 600px) {
    .ctabs__shop-partners-subheading {
      font-size: 12px;
    }
  }

  @media screen and (min-width: 1200px) {
    .ctabs__shop-partners-subheading {
      font-size: 14px;
    }
  }

  .ctabs__shop-partners-heading {
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.05;
    letter-spacing: 0;
    color: #262626;
    margin: 0;
    word-break: break-word;
  }

  @media screen and (min-width: 400px) {
    .ctabs__shop-partners-heading {
      font-size: 20px;
    }
  }

  @media screen and (min-width: 600px) {
    .ctabs__shop-partners-heading {
      font-size: 28px;
    }
  }

  @media screen and (min-width: 900px) {
    .ctabs__shop-partners-heading {
      font-size: 36px;
    }
  }

  @media screen and (min-width: 1200px) {
    .ctabs__shop-partners-heading {
      font-size: 45px;
    }
  }

  .ctabs__shop-partners-arrow {
    width: 16px;
    height: 16px;
    color: #262626;
    flex-shrink: 0;
  }

  @media screen and (min-width: 400px) {
    .ctabs__shop-partners-arrow {
      width: 18px;
      height: 18px;
    }
  }

  @media screen and (min-width: 600px) {
    .ctabs__shop-partners-arrow {
      width: 22px;
      height: 22px;
    }
  }

  @media screen and (min-width: 1200px) {
    .ctabs__shop-partners-arrow {
      width: 36px;
      height: 36px;
    }
  }

  .ctabs__shop-partners-arrow svg {
    width: 100%;
    height: 100%;
  }

  .ctabs__shop-partners-image {
    display: none;
  }

  @media screen and (max-width: 599px) {
    .ctabs__shop-partners-card {
      min-height: 320px;
    }

    .ctabs__shop-partners-inner {
      position: relative;
      display: flex;
      flex-direction: column-reverse;
      min-height: 320px;
    }

    .ctabs__shop-partners-text {
      position: relative;
      z-index: 2;
      flex: 0 0 auto;
      min-height: 64px;
      padding: 16px;
    }

    .ctabs__shop-partners-label-desktop,
    .ctabs__shop-partners-heading {
      display: none;
    }

    .ctabs__shop-partners-label-mobile {
      display: inline;
      font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
      font-size: 19px;
      font-weight: 800;
      line-height: 1.05;
      letter-spacing: 0;
      color: #262626;
      text-transform: uppercase;
    }

    .ctabs__shop-partners-subheading {
      font-size: inherit;
      line-height: 1.05;
      letter-spacing: 0;
    }

    .ctabs__shop-partners-image {
      display: block;
      position: relative;
      z-index: 1;
      flex: 1 1 auto;
      min-height: 256px;
      overflow: hidden;
    }

    .ctabs__shop-partners-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
    }
  }

  @media screen and (min-width: 600px) {
    .ctabs__shop-partners-image {
      display: flex;
      position: relative;
      width: 54%;
      align-items: stretch;
      justify-content: center;
      overflow: hidden;
      flex-shrink: 0;
    }
  }

  @media screen and (min-width: 900px) {
    .ctabs__shop-partners-image {
      width: 54%;
    }
  }

  @media screen and (min-width: 1200px) {
    .ctabs__shop-partners-image {
      width: 54%;
    }
  }

  .ctabs__shop-partners-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  .ctabs__shop-partners-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    animation: ctabsPartnersFadeFirst 14s ease-in-out infinite;
  }

  .ctabs__shop-partners-slide:first-child {
    position: relative;
  }

  .ctabs__shop-partners-slide:nth-child(2) {
    animation-name: ctabsPartnersFadeSecond;
  }

  @keyframes ctabsPartnersFadeFirst {
    0%,
    39% {
      opacity: 1;
    }
    50%,
    89% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes ctabsPartnersFadeSecond {
    0%,
    39% {
      opacity: 0;
    }
    50%,
    89% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ctabs__shop-partners-slide {
      animation: none;
    }

    .ctabs__shop-partners-slide:first-child {
      opacity: 1;
    }
  }

  .ctabs__card--aquame-partner-cta {
    grid-column: span 2;
    min-height: 0;
    padding: 0;
    border-radius: 32px;
    background: #000000;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    isolation: isolate;
  }

  .ctabs__aquame-partner-copy {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: 0;
    min-height: 100%;
    padding: 0 24px 34px;
    box-sizing: border-box;
  }

  .ctabs__aquame-partner-title {
    max-width: 260px;
    margin: 0 0 74px;
    color: #ffffff;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(22px, 1.8vw, 30px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
  }

  .ctabs__aquame-partner-btn {
    width: 100%;
  }

  .ctabs__aquame-partner-media {
    position: relative;
    z-index: 0;
    min-width: auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    border-radius: 32px;
    background: #111111;
  }

  .ctabs__aquame-partner-video {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  @media screen and (max-width: 749px) {
    .ctabs__card--aquame-partner-cta {
      grid-column: span 1;
      min-height: 620px;
      grid-template-columns: 1fr;
      grid-template-rows: minmax(310px, 1fr) minmax(250px, auto);
    }

    .ctabs__aquame-partner-copy {
      order: 2;
      padding: 0 24px 32px;
    }

    .ctabs__aquame-partner-title {
      margin-bottom: 42px;
      font-size: 24px;
    }

    .ctabs__aquame-partner-btn {
      width: 100%;
    }

    .ctabs__aquame-partner-media {
      order: 1;
      border-radius: 32px;
    }
  }

  /* Badge */
  .ctabs__badge {
    position: absolute;
    top: 14px;
    right: 14px;
    background-color: var(--ctabs-badge-bg);
    color: var(--ctabs-badge-text);
    font-family: Poppins, sans-serif;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 14px;
    border-radius: 20px;
    z-index: 1;
  }

  .ctabs__card-link {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
  }

 

  .ctabs__card-title {
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #262626;
    margin: 0;
    line-height: 1.12;
    letter-spacing: 0;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

    @media screen and (min-width: 750px) {
      font-size: 13px;
      -webkit-line-clamp: 3;
      line-clamp: 3;
    }

    @media screen and (min-width: 1200px) {
      font-size: 15px;
    }
  }

  /* Image area */
  .ctabs__card-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex: 1;
    mix-blend-mode: multiply;
    min-height: 200px;
  }

  @media screen and (min-width: 600px) {
    .ctabs__card-image-wrapper {
      min-height: 140px;
    }
  }

  @media screen and (min-width: 900px) {
    .ctabs__card-image-wrapper {
      min-height: 180px;
    }
  }

  @media screen and (min-width: 1200px) {
    .ctabs__card-image-wrapper {
      min-height: 220px;
    }
  }

  .ctabs__card-image {
    width: 100%;
    max-width: 270px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    display: block;
    margin: 0 auto;
  }

  .ctabs__card-placeholder {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
  }

  /* Footer with price pill + button */
  .ctabs__card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 8px;
    margin-top: 12px;
  }

  .ctabs__card-price {
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #262626;
    border-radius: 30px;
    padding: 8px 14px;
    height: 36px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 1;
    letter-spacing: 0;
    background: #fff;
    white-space: nowrap;
    min-width: 0;

    @media screen and (min-width: 750px) {
      font-size: 12px;
      padding: 8px 14px;
      height: 34px;
    }

    @media screen and (min-width: 1200px) {
      font-size: 14px;
      padding: 10px 20px;
      height: 44px;
    }
  }

  .ctabs__card-btn {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    padding: 8px 20px;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 12px;
    font-weight: 700;
    background-color: var(--ctabs-btn-bg);
    color: var(--ctabs-btn-text);
    border: 1.5px solid var(--ctabs-btn-bg);
    border-radius: 100px;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.2s ease, transform 0.2s ease;
    height: 36px;
    flex-shrink: 1;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;

    @media screen and (min-width: 750px) {
      font-size: 11px;
      padding: 7px 16px;
      height: 34px;
    }

    @media screen and (min-width: 1200px) {
      font-size: 13px;
      padding: 7px 20px;
      height: 44px;
    }
  }

  .ctabs__card-form {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
  }

  .ctabs__card-actions {
    display: flex;
    flex: 0 1 230px;
    min-width: 0;
  }

  @media screen and (min-width: 1200px) {
    .ctabs__card-actions {
      flex-basis: 240px;
    }
  }

  .ctabs__card-actions--loading {
    pointer-events: none;
    opacity: .72;
  }

  .ctabs__card-form form {
    display: flex;
    width: 100%;
  }

  .ctabs__card-form--hidden {
    display: none;
  }

  .ctabs__card-btn-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42em;
    min-width: 0;
  }

  .ctabs__card-btn-label {
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }

  .ctabs__card-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.04em;
    height: 1.04em;
    flex: 0 0 1.04em;
    transform: translateY(-0.03em);
  }

  .ctabs__card-btn-icon svg {
    display: block;
    width: 100%;
    height: 100%;
  }

  .ctabs__card-quantity {
    display: inline-grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    justify-items: center;
    height: 36px;
    width: 100%;
    min-width: 0;
    border: 1.5px solid var(--ctabs-btn-bg);
    border-radius: 100px;
    background: #ffffff;
    color: #262626;
    overflow: hidden;
  }

  .ctabs__card-quantity.ctabs__card-quantity--hidden {
    display: none;
  }

  @media screen and (min-width: 750px) {
    .ctabs__card-quantity {
      height: 34px;
    }
  }

  @media screen and (min-width: 1200px) {
    .ctabs__card-quantity {
      height: 44px;
    }
  }

  .ctabs__qty-btn {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 0;
    letter-spacing: 0;
    transition: background-color .2s ease, opacity .2s ease;
  }

  .ctabs__qty-btn:hover {
    background-color: rgba(40, 66, 239, .08);
  }

  .ctabs__qty-value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    letter-spacing: 0;
    color: #262626;
  }

  @media screen and (min-width: 1200px) {
    .ctabs__qty-value {
      font-size: 14px;
    }
  }

  .ctabs__card-btn .spinner {
    width: 18px;
    height: 18px;
  }

  .ctabs__card-btn .spinner__value {
    stroke: currentColor;
  }

  .ctabs__card-btn:disabled {
    cursor: not-allowed;
    opacity: 0.55;
    transform: none;
  }

  .ctabs__card-btn:hover {
    opacity: 0.85;
    transform: translateY(-1px);
  }

  .ctabs__card-btn:disabled:hover {
    opacity: 0.55;
    transform: none;
  }

  .ctabs__card-btn:active {
    opacity: 0.75;
    transform: translateY(0);
  }
/* END_SECTION:collection-tabs */

/* START_SECTION:custom-hero-banner (INDEX:46) */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700&family=Roboto:wght@400;700&display=swap');

  @font-face {
    font-family: 'TikTok Sans 18 ExtraExpanded';
    src: url({{ 'tiktok-sans-18pt-extraexpanded-bold.ttf' | asset_url }}) format('truetype');
    font-weight: 700;
    font-style: normal;
    size-adjust: 74%;
    font-display: swap;
  }

  .aqua-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 288 / 163;
    display: flex;
    align-items: center;
    overflow: hidden;
  }

  @media screen and (max-width: 749px) {
    .aqua-hero {
      aspect-ratio: auto;
      min-height: 760px;
    }
  }

  /* ── Background Media ── */
  .aqua-hero__media {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: #000000;
  }

  .aqua-hero__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .aqua-hero__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    animation: aquaHeroSlideFade 21s infinite;
    animation-delay: var(--aqua-hero-slide-delay, 0s);
    animation-timing-function: ease-in-out;
    will-change: opacity;
  }

  .aqua-hero__slide--first {
    opacity: 1;
  }

  @keyframes aquaHeroSlideFade {
    0% {
      opacity: 0;
    }

    9.524%,
    33.333% {
      opacity: 1;
    }

    42.857%,
    100% {
      opacity: 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .aqua-hero__slide {
      animation: none;
      opacity: 0;
    }

    .aqua-hero__slide--first {
      opacity: 1;
    }
  }

  .aqua-hero--workplace .aqua-hero__img:not(.aqua-hero__img--mobile) {
    object-position: 72% center;
  }

  .aqua-hero__img--mobile {
    display: none;
  }

  .aqua-hero__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  @media screen and (max-width: 749px) {
    .aqua-hero__img:not(.aqua-hero__img--mobile):not(.aqua-hero__img--local) {
      display: none;
    }

    .aqua-hero__img--mobile,
    .aqua-hero__img--local {
      display: block;
      height: 100%;
      object-position: 76% top;
      transform: none;
    }

    .aqua-hero--mobile-tuned .aqua-hero__img--mobile,
    .aqua-hero--mobile-tuned .aqua-hero__img--local {
      position: absolute;
      top: -34px;
      right: auto;
      bottom: auto;
      left: -120%;
      width: 230%;
      max-width: none;
      height: auto;
      object-fit: contain;
      object-position: center top;
    }

    .aqua-hero--home.aqua-hero--mobile-tuned .aqua-hero__img--local {
      top: -14px;
    }

    .aqua-hero--partnerships .aqua-hero__img--mobile {
      object-position: 62% center;
    }

    .aqua-hero--workplace .aqua-hero__img--mobile {
      object-position: 83% center;
      height: 100%;
      transform: none;
    }
  }

  .aqua-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 70%);
    pointer-events: none;
  }

  .aqua-hero--placeholder .aqua-hero__media::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(120% 80% at 80% 20%, rgba(0, 199, 225, 0.35) 0%, transparent 60%),
      radial-gradient(100% 80% at 10% 100%, rgba(255, 0, 204, 0.18) 0%, transparent 55%),
      linear-gradient(135deg, #061c2f 0%, #0d2a4a 45%, #2842ef 100%);
    z-index: -1;
  }

  .aqua-hero--placeholder .aqua-hero__overlay {
    background: linear-gradient(90deg, rgba(6, 28, 47, 0.55) 0%, rgba(6, 28, 47, 0.05) 70%);
  }

  .aqua-hero--workplace .aqua-hero__overlay {
    background:
      linear-gradient(180deg, rgba(6, 28, 47, 0.5) 0%, rgba(6, 28, 47, 0.15) 22%, rgba(6, 28, 47, 0) 42%),
      linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.08) 55%, rgba(0, 0, 0, 0) 72%);
  }

  /* ── Content ── */
  .aqua-hero__content {
    position: relative;
    z-index: 1;
    width: 100%;
    align-self: stretch;
    display: flex;
    align-items: center;
    padding: 48px 24px;
  }

  @media screen and (min-width: 750px) {
    .aqua-hero__content {
      padding: 64px 48px;
    }
  }

  .aqua-hero__inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }

  /* ── Title ── */
  .aqua-hero__title {
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    max-width: 935px;
  }

  @media screen and (min-width: 990px) {
    .aqua-hero__title {
      font-size: 64px;
      line-height: 64px;
    }
  }

  @media screen and (min-width: 990px) and (max-width: 1199px) {
    .aqua-hero__title {
      font-size: 58px;
      line-height: 58px;
    }
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .aqua-hero {
      aspect-ratio: auto;
      min-height: 560px;
    }

    .aqua-hero__img {
      object-position: 54% center;
    }

    .aqua-hero__content {
      padding: 72px 40px 48px;
    }

    .aqua-hero__inner {
      max-width: none;
    }

    .aqua-hero__title {
      max-width: 440px;
      font-size: 34px;
      line-height: 1.22;
    }
  }

  /* ── Description ── */
  .aqua-hero__desc {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
    margin: 0 0 32px 0;
    max-width: 520px;
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .aqua-hero__desc {
      max-width: 360px;
      font-size: 15px;
      line-height: 1.45;
    }
  }

  /* ── Buttons ── */
  .aqua-hero__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .aqua-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 999px;
    padding: 13px 32px;
    cursor: pointer;
    transition: opacity 0.2s ease;
    white-space: nowrap;
  }

  .aqua-hero__btn:hover {
    opacity: 0.85;
  }

  .aqua-hero__btn--outline {
    color: var(--ah-btn1-text, #ffffff);
    background-color: var(--ah-btn1-bg, transparent);
    border: 1px solid var(--ah-btn1-border, #ffffff);
  }

  .aqua-hero__btn--solid {
    color: var(--ah-btn2-text, #ffffff);
    background-color: var(--ah-btn2-bg, #2842EF);
    border: 1px solid var(--ah-btn2-bg, #2842EF);
  }

  @media screen and (max-width: 749px) {
    .aqua-hero__content {
      display: block;
      align-self: auto;
      margin-top: 468px;
      padding: 0 24px 36px;
    }

    .aqua-hero--mobile-tuned .aqua-hero__title {
      font-size: 34px;
      line-height: 0.98;
      letter-spacing: -0.01em;
      word-break: keep-all;
      overflow-wrap: normal;
      hyphens: none;
    }

    .aqua-hero__overlay,
    .aqua-hero--workplace .aqua-hero__overlay {
      background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.9) 0%,
        rgba(0, 0, 0, 0.7) 45%,
        rgba(0, 0, 0, 0) 55%
      );
    }

    .aqua-hero__buttons {
      flex-direction: column;
    }

    .aqua-hero__btn {
      width: 100%;
      padding: 14px 24px;
      font-size: 16px;
    }
  }
/* END_SECTION:custom-hero-banner */

/* START_SECTION:feature-grid (INDEX:57) */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700&family=Roboto:wght@400;700&display=swap');

  .fgrid {
    background-color: var(--fgrid-bg);
    padding: 48px 16px;
  }

  @media screen and (min-width: 750px) {
    .fgrid {
      padding: 60px 24px;
    }
  }

  .fgrid__container {
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
  }

  /* ── Grid Layout ── */
  .fgrid__layout {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
  }

  @media screen and (min-width: 990px) {
    .fgrid__layout {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto;
      column-gap: 30%;
      row-gap: 0;
      align-items: center;
      min-height: 520px;
    }
  }

  @media screen and (min-width: 1200px) {
    .fgrid__layout {
      column-gap: 34%;
      min-height: 580px;
    }
  }

  /* ── Product Center ── */
  .fgrid__product {
    display: flex;
    align-items: center;
    justify-content: center;
    order: -1;
  }

  @media screen and (min-width: 990px) {
    .fgrid__product {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 0;
      order: unset;
      pointer-events: none;
      width: 40%;
    }
  }

  /* ── Carousel ── */
  .fgrid__carousel {
    width: 280px;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
  }

  @media screen and (min-width: 990px) {
    .fgrid__carousel {
      width: 100%;
    }
  }

  /* When only one image is present, no animation needed */
  .fgrid__carousel--single .fgrid__carousel-track {
    animation: none !important;
  }

  .fgrid__carousel-track {
    display: flex;
    flex-direction: column;
    /* 3 slides × aspect-ratio height each — track is 3× tall */
    animation: fgrid-vscroll 15s linear infinite;
  }

  .fgrid__carousel-slide {
    flex-shrink: 0;
    width: 100%;
    aspect-ratio: 1 / 1;
  }

  /*
    Track holds 3 equally-sized slides: [img1] [img2] [img1-clone]
    translateY percentages are relative to the track's own height.
    -33.333% → show img2  |  -66.666% → show img1-clone (= img1, seamless reset)
  */
  @keyframes fgrid-vscroll {
    0%,
    28% {
      transform: translateY(0);
    }
    38%,
    63% {
      transform: translateY(-33.333%);
    }
    73%,
    100% {
      transform: translateY(-66.666%);
    }
  }

  .fgrid__product-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .fgrid__placeholder {
    width: 280px;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.15;
  }

  @media screen and (min-width: 990px) {
    .fgrid__placeholder {
      width: 100%;
    }
  }

  /* ── Feature Items ── */
  .fgrid__feature {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }

  @media screen and (min-width: 750px) {
    .fgrid__feature {
      position: relative;
      z-index: 1;
      gap: 20px;
      padding: 20px;
    }
  }

  @media screen and (min-width: 750px) {
    .fgrid__feature--tl {
      grid-column: 1;
      grid-row: 1;
      align-self: end;
      justify-self: stretch;
    }

    .fgrid__feature--bl {
      grid-column: 1;
      grid-row: 2;
      align-self: start;
      justify-self: stretch;
    }

    .fgrid__feature--tr {
      grid-column: 2;
      grid-row: 1;
      align-self: end;
      justify-self: stretch;
    }

    .fgrid__feature--br {
      grid-column: 2;
      grid-row: 2;
      align-self: start;
      justify-self: stretch;
    }
  }

  /* ── Feature Text ── */
  .fgrid__feature-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
  }

  @media screen and (min-width: 750px) {
    .fgrid__feature-text {
      gap: 12px;
    }
  }

  /* Heading — Syne */
  .fgrid__heading {
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1;
    color: var(--fgrid-heading);
    margin: 0;
    text-transform: uppercase;
  }

  @media screen and (min-width: 750px) {
    .fgrid__heading {
      font-size: 28px;
    }
  }

  @media screen and (min-width: 990px) {
    .fgrid__heading {
      font-size: 30px;
      line-height: 30px;
    }
  }

  /* Description — Roboto */
  .fgrid__desc {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 24px;
    color: var(--fgrid-text);
    margin: 0;
  }

  @media screen and (min-width: 750px) {
    .fgrid__desc {
      font-size: 16px;
    }
  }

  /* ── Arrows ── */
  .fgrid__arrow {
    width: 100%;
    display: none;
  }

  @media screen and (min-width: 750px) {
    .fgrid__arrow {
      display: block;
    }
  }

  .fgrid__arrow img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
/* END_SECTION:feature-grid */

/* START_SECTION:footer (INDEX:62) */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700&family=Roboto:wght@400;700&display=swap');

  .custom-footer-new {
    background-color: var(--cf-bg, #2D2D2D);
    color: var(--cf-text, #ffffff);
    padding: 48px 24px;
  }

  @media screen and (min-width: 750px) {
    .custom-footer-new {
      padding: 64px 48px;
    }
  }

  /* ── Grid ── */
  .cfn__container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    max-width: 1440px;
    margin: 0 auto;
  }

  @media screen and (min-width: 990px) {
    .cfn__container {
      grid-template-columns: 1.2fr 1fr 1fr;
      gap: 40px;
      align-items: start;
    }

    .cfn__col--links {
      padding-left: 32px;
    }
  }

  /* ── Left: Brand ── */
  .cfn__logo-link {
    display: inline-block;
    text-decoration: none;
    margin-bottom: 16px;
  }

  .cfn__logo-img {
    display: block;
    width: var(--cf-logo-width, 120px);
    height: auto;
  }

  .cfn__logo-text {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--cf-text, #ffffff);
  }

  .cfn__heading {
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    font-style: italic;
    color: var(--cf-heading, #ffffff);
    text-transform: uppercase;
    margin: 0;
    letter-spacing: -0.01em;
  }

  @media screen and (min-width: 990px) {
    .cfn__heading {
      font-size: 52px;
      line-height: 54px;
    }
  }

  /* ── Column Headings ── */
  .cfn__col-heading {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: var(--cf-heading, #ffffff);
    margin: 0 0 20px 0;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }

  /* ── Links ── */
  .cfn__link-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .cfn__link-item {
    margin: 0 0 12px 0;
  }

  .cfn__link-item:last-child {
    margin-bottom: 0;
  }

  .cfn__link {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--cf-text, #ffffff);
    text-decoration: none;
    transition: opacity 0.2s ease;
  }

  .cfn__link:hover {
    opacity: 0.7;
  }

  /* ── Contact ── */
  .cfn__contact-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
  }

  .cfn__contact-item {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--cf-text, #ffffff);
    margin: 0;
  }

  .cfn__contact-item a {
    color: var(--cf-text, #ffffff);
    text-decoration: none;
    transition: opacity 0.2s ease;
  }

  .cfn__contact-item a:hover {
    opacity: 0.7;
  }

  /* ── Button ── */
  .cfn__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 13px 32px;
    box-sizing: border-box;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 17px;
    font-style: normal;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--cf-btn-text, #ffffff);
    background-color: var(--cf-btn-bg, #2842EF);
    border: 1px solid var(--cf-btn-bg, #2842EF);
    border-radius: 999px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    margin-bottom: 24px;
  }

  .cfn__btn:hover {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
  }

  @media screen and (max-width: 989px) {
    .cfn__btn {
      padding: 14px 24px;
      font-size: 16px;
    }
  }

  /* ── Copyright ── */
  .cfn__copyright {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--cf-text, #ffffff);
    margin: 0;
    opacity: 0.6;
  }
/* END_SECTION:footer */

/* START_SECTION:info-grid (INDEX:72) */
.igrd {
    background-color: var(--igrd-section-bg);
    padding: 40px 16px;

    @media screen and (min-width: 750px) {
      padding: 60px 24px;
    }
  }

  .igrd__container {
    max-width: 1440px;
    margin: 0 auto;
  }

  /* Grid Layout */
  .igrd__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;

    @media screen and (min-width: 750px) {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      gap: 20px;
    }
  }

  /* Cards Base */
  .igrd__card {
    border-radius: var(--igrd-radius);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
  }

  a.igrd__card {
    transition: transform 0.25s ease;
  }

  a.igrd__card:hover {
    transform: translateY(-2px);
  }

  /* Left Card */
  .igrd__card--left {
    background-color: var(--igrd-left-bg);
    background-image: var(--igrd-left-bgimg, none);
    background-size: cover;
    background-position: center;
    padding: 32px 24px;
    gap: 20px;

    @media screen and (min-width: 750px) {
      grid-row: 1 / 3;
      padding: 48px 40px;
      gap: 24px;
    }
  }

  /* Top-Right Card */
  .igrd__card--tr {
    background-color: var(--igrd-tr-bg);
    background-image: var(--igrd-tr-bgimg, none);
    background-size: cover;
    background-position: center;
    padding: 28px 24px;
    justify-content: space-between;

    @media screen and (min-width: 750px) {
      padding: 36px 36px;
    }
  }

  /* Bottom-Right Card */
  .igrd__card--br {
    background-color: var(--igrd-br-bg);
    background-image: var(--igrd-br-bgimg, none);
    background-size: cover;
    background-position: center;
    padding: 0;
  }

  .igrd__card-inner {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 100%;
  }

  .igrd__card-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(20px, 4vw, 36px) clamp(18px, 3.5vw, 36px);
    flex: 1 1 50%;
    min-width: 0;
  }

  .igrd__card-image {
    flex: 0 0 clamp(44%, 48%, 52%);
    position: relative;
    overflow: hidden;
    border-radius: 0 var(--igrd-radius) var(--igrd-radius) 0;
  }

  .igrd__card-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  /* Card Header (subheading + arrow row) */
  .igrd__card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }

  /* Subheadings */
  .igrd__subheading {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin: 0;

    @media screen and (min-width: 750px) {
      font-size: 14px;
    }
  }

  .igrd__card--left .igrd__subheading {
    color: var(--igrd-left-sub);
  }

  .igrd__subheading--tr {
    color: var(--igrd-tr-sub);
  }

  .igrd__subheading--br {
    color: var(--igrd-br-sub);
  }

  /* Headings */
  .igrd__heading {
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.05;
    margin: 0;
  }

  .igrd__heading--left {
    color: var(--igrd-left-heading);
    font-size: 26px;

    @media screen and (min-width: 750px) {
      font-size: 40px;
    }
  }

  .igrd__heading--tr {
    color: var(--igrd-tr-heading);
    font-size: 26px;
    max-width: 220px;

    @media screen and (min-width: 750px) {
      font-size: 40px;
      max-width: 350px;
    }
  }

  }

  .igrd__heading--br {
    color: var(--igrd-br-heading);
    font-size: 26px !important;
    max-width: 200px;

    @media screen and (min-width: 750px) {
      font-size: 40px !important;
      max-width: 280px;
    }
  }

  }

  /* Description */
  .igrd__description {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
    color: var(--igrd-left-text);

    @media screen and (min-width: 750px) {
      font-size: 14px;
    }
  }

  .igrd__description p {
    margin: 0 0 16px 0;
  }

  .igrd__description p:last-child {
    margin-bottom: 0;
  }

  /* Button */
  .igrd__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 28px;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    background-color: var(--igrd-left-btn-bg);
    color: var(--igrd-left-btn-text);
    border-radius: 999px;
    text-decoration: none;
    transition: opacity 0.25s ease;
    align-self: flex-start;
    margin-top: auto;

    @media screen and (min-width: 750px) {
      font-size: 14px;
      padding: 14px 32px;
    }
  }

  .igrd__button:hover {
    opacity: 0.85;
  }

  /* Arrow Icons */
  .igrd__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;

    @media screen and (min-width: 750px) {
      width: 36px;
      height: 36px;
    }
  }

  .igrd__arrow img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .igrd__arrow svg {
    width: 24px;
    height: 24px;

    @media screen and (min-width: 750px) {
      width: 28px;
      height: 28px;
    }
  }

  .igrd__arrow--tr {
    color: var(--igrd-tr-arrow);
  }

  .igrd__arrow--br {
    color: var(--igrd-br-arrow);
  }
/* END_SECTION:info-grid */

/* START_SECTION:product-features-grid (INDEX:101) */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700&family=Roboto:wght@400;700&display=swap');

  /* ══════════════════════════════════════════
     Section wrapper
  ══════════════════════════════════════════ */
  .fgrid {
    background-color: var(--fgrid-bg);
    padding: 48px 0;
  }

  .fgrid__container {
    max-width: 1440px;
    margin: 0 auto;
  }

  /* ══════════════════════════════════════════
     MOBILE LAYOUT  (< 990px)
  ══════════════════════════════════════════ */

  /* Hide desktop grid on mobile */
  .fgrid__layout {
    display: none;
  }

  /* Outer mobile wrapper */
  .fgrid__mobile {
    display: flex;
    flex-direction: column;
  }


  /* ── Horizontal scroll strip ── */
  .fgrid__mobile-scroller {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    /* thin scrollbar on supporting browsers */
    scrollbar-width: thin;
    scrollbar-color: #2842EF transparent;
    
  }

  .fgrid__mobile-scroller::-webkit-scrollbar {
    height: 3px;
  }

  .fgrid__mobile-scroller::-webkit-scrollbar-track {
    background: transparent;
  }

  .fgrid__mobile-scroller::-webkit-scrollbar-thumb {
    background: #262626;
    border-radius: 2px;
  }

  .fgrid__mobile-track {
    display: flex;
    /* each card is exactly one viewport-width wide */
  }

  /* ── Individual text card ── */
  .fgrid__mobile-card {
    flex: 0 0 100vw;      /* exactly 1 card visible */
    min-width: 100vw;
    scroll-snap-align: start;
    padding: 48px 24px 32px;
    box-sizing: border-box;
  }

  /* ── Product image below text strip ── */
  .fgrid__mobile-image {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .fgrid__mobile-image .fgrid__product-img,
  .fgrid__mobile-image .fgrid__placeholder {
    width: 100%;
    max-width: 543px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    display: block;
  }

  .fgrid__mobile-image .fgrid__placeholder {
    opacity: 0.15;
  }

  /* ══════════════════════════════════════════
     DESKTOP LAYOUT  (≥ 990px)
  ══════════════════════════════════════════ */
  @media screen and (min-width: 990px) {

    .fgrid {
      padding: 60px 24px;
    }

    .fgrid__container {
      overflow: hidden;
    }

    /* Hide mobile strip on desktop */
    .fgrid__mobile {
      display: none;
    }

    /* Show desktop grid */
    .fgrid__layout {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto;
      column-gap: 30%;
      row-gap: 0;
      align-items: center;
      min-height: 520px;
    }

    /* ── Product center ── */
    .fgrid__product {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 0;
      pointer-events: none;
      width: 40%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .fgrid__product-img {
      display: block;
      width: 100%;
      height: auto;
      aspect-ratio: 1 / 1;
      object-fit: contain;
    }

    .fgrid__placeholder {
      width: 100%;
      aspect-ratio: 1 / 1;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0.15;
    }

    /* ── Feature items ── */
    .fgrid__feature {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 20px;
      padding: 20px;
    }

    .fgrid__feature--tl { grid-column: 1; grid-row: 1; align-self: end;   justify-self: stretch; }
    .fgrid__feature--bl { grid-column: 1; grid-row: 2; align-self: start; justify-self: stretch; }
    .fgrid__feature--tr { grid-column: 2; grid-row: 1; align-self: end;   justify-self: stretch; }
    .fgrid__feature--br { grid-column: 2; grid-row: 2; align-self: start; justify-self: stretch; }

    /* ── Arrows ── */
    .fgrid__arrow {
      display: block;
      width: 100%;
    }

    .fgrid__arrow img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: contain;
    }
  }

  @media screen and (min-width: 1200px) {
    .fgrid__layout {
      column-gap: 34%;
      min-height: 580px;
    }
  }

  /* ══════════════════════════════════════════
     Shared typography (both layouts)
  ══════════════════════════════════════════ */

  .fgrid__feature-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: left;
  }

  /* Heading — Syne, matches Figma: 35px / 700 / 100% lh */
  .fgrid__heading {
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 35px;
    font-weight: 700;
    font-style: normal;
    line-height: 35px;
    color: var(--fgrid-heading);
    margin: 0;
    text-transform: uppercase;
  }

  @media screen and (min-width: 990px) {
    .fgrid__heading {
      font-size: 40px;
      line-height: 40px;
    }
  }

  /* Description — Roboto, matches Figma: 14px / 400 / 20px lh */
  .fgrid__desc {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
    color: var(--fgrid-text);
    margin: 0;
  }

  @media screen and (min-width: 990px) {
    .fgrid__desc {
      font-size: 16px;
      line-height: 24px;
    }
  }

  /* Arrows hidden on mobile (only rendered inside .fgrid__layout which is desktop-only) */
  .fgrid__arrow {
    display: none;
  }
/* END_SECTION:product-features-grid */

/* START_SECTION:product-spec (INDEX:104) */
.pspec {
    position: relative;
    background-color: var(--pspec-bg);
    min-height: var(--pspec-min-height);
    display: flex;
    align-items: center;
    overflow: hidden;
  }

  /* Full background image */
  .pspec__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
  }

  .pspec__container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 60px 24px;

    @media screen and (min-width: 750px) {
      padding: 80px 40px;
    }
  }

  /* Content */
  .pspec__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 500px;

    @media screen and (min-width: 750px) {
      gap: 24px;
    }
  }

  .pspec__content--left {
    margin-right: auto;
  }

  .pspec__content--center {
    margin: 0 auto;
    text-align: center;
    align-items: center;
  }

  .pspec__content--right {
    margin-left: auto;
    text-align: right;
    align-items: flex-end;
  }

  /* Subheading — Roboto 16px/24px 400 */
  .pspec__subheading {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 24px;
    color: var(--pspec-sub);
    margin: 0;

    @media screen and (min-width: 750px) {
      font-size: 16px;
    }
  }

  /* Heading — Syne 70px/70px 700 */
  .pspec__heading {
    font-family: 'TikTok Sans 18 ExtraExpanded', Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 40px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.0;
    color: var(--pspec-heading);
    margin: 0;
    text-transform: uppercase;

    @media screen and (min-width: 750px) {
      font-size: 56px;
      line-height: 56px;
    }

    @media screen and (min-width: 990px) {
      font-size: 70px;
      line-height: 70px;
    }
  }

  /* Buttons */
  .pspec__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 4px;
  }

  .pspec__content--center .pspec__buttons {
    justify-content: center;
  }

  .pspec__content--right .pspec__buttons {
    justify-content: flex-end;
  }

  .pspec__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 13px;
    font-weight: 500;
    border-radius: var(--pspec-radius);
    text-decoration: none;
    transition: all 0.25s ease;
    white-space: nowrap;

    @media screen and (min-width: 750px) {
      font-size: 14px;
      padding: 14px 32px;
    }
  }

  .pspec__btn--outline {
    background-color: transparent;
    color: var(--pspec-btn1-text);
    border: 1.5px solid var(--pspec-btn1-border);
  }

  .pspec__btn--outline:hover {
    background-color: var(--pspec-btn1-border);
    color: var(--pspec-btn1-bg);
  }

  .pspec__btn--filled {
    background-color: var(--pspec-btn2-bg);
    color: var(--pspec-btn2-text);
    border: 1.5px solid var(--pspec-btn2-bg);
  }

  .pspec__btn--filled:hover {
    opacity: 0.88;
  }
/* END_SECTION:product-spec */

/* START_SECTION:tech-banner (INDEX:112) */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap');

  .tb {
    position: relative;
    width: 100%;
    aspect-ratio: 89 / 50;
    overflow: hidden;
  }

  .tb__media {
    position: absolute;
    inset: 0;
    z-index: 0;
  }

  .tb__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .tb__img--mobile {
    display: none;
  }

  @media screen and (max-width: 749px) {
    .tb__img:not(.tb__img--mobile) {
      display: none;
    }
    .tb__img--mobile {
      display: block;
    }
  }

  .tb__content {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 80px;
  }

  .tb__content--v-top { align-items: flex-start; }
  .tb__content--v-center { align-items: center; }
  .tb__content--v-bottom { align-items: flex-end; }

  .tb__content--h-left { justify-content: flex-start; }
  .tb__content--h-center { justify-content: center; text-align: center; }
  .tb__content--h-right { justify-content: flex-end; text-align: right; }

  .tb__inner {
    max-width: 1440px;
    width: 100%;
  }

  .tb__heading {
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    color: var(--tb-heading-color, #ffffff);
    text-transform: uppercase;
    margin: 0;
    max-width: 612px;
  }

  /* ── Responsive ── */
  @media screen and (max-width: 989px) {
    .tb__content {
      padding: 60px 40px;
    }

    .tb__heading {
      font-size: 48px;
      line-height: 50px;
    }
  }

  @media screen and (max-width: 749px) {
    .tb {
      aspect-ratio: auto;
      min-height: 400px;
      height: 100vw;
    }

    .tb__content {
      position: absolute;
      inset: 0;
      padding: 40px 20px;
    }

    .tb__content--mv-top { align-items: flex-start; }
    .tb__content--mv-center { align-items: center; }
    .tb__content--mv-bottom { align-items: flex-end; }

    .tb__content--mh-left { justify-content: flex-start; text-align: left; }
    .tb__content--mh-center { justify-content: center; text-align: center; }
    .tb__content--mh-right { justify-content: flex-end; text-align: right; }

    .tb__heading {
      font-size: 36px;
      line-height: 38px;
      max-width: 100%;
    }
  }
/* END_SECTION:tech-banner */

/* START_SECTION:tech-cards (INDEX:113) */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700&family=Roboto:wght@400;500&display=swap');

  .tc {
    background-color: var(--tc-section-bg, #ffffff);
    padding: 60px 0;
    width: 100%;
    overflow: hidden;
  }

  .tc__grid {
    display: flex;
    gap: 36px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 36px;
  }

  .tc__grid--fit .tc__card {
    flex: 1;
    min-width: 0;
  }

  .tc__grid--scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .tc__grid--scroll::-webkit-scrollbar {
    display: none;
  }

  .tc__grid--scroll .tc__card {
    flex: 0 0 calc(25% - 27px);
    min-width: 280px;
  }

  .tc__card {
    height: 553px;
    border-radius: var(--tc-card-radius, 32px);
    overflow: hidden;
    position: relative;
  }

  .tc__card-inner {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: var(--tc-card-bg, rgba(38, 38, 38, 0.55));
  }

  /* ── Card Image ── */
  .tc__card-media {
    position: absolute;
    inset: 0;
    z-index: 0;
  }

  .tc__card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .tc__card--3 .tc__card-img {
    transform: scale(1.08);
  }

  /* ── Label Tag ── */
  .tc__label {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    background-color: var(--tc-label-bg, rgba(255, 255, 255, 0.2));
    color: var(--tc-label-color, #ffffff);
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 16px;
    border-radius: 20px;
    backdrop-filter: blur(4px);
  }

  /* ── Heading ── */
  .tc__heading {
    position: relative;
    z-index: 2;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    color: var(--tc-heading-color, #ffffff);
    text-transform: uppercase;
    margin: 0;
    padding: 24px;
  }

  /* ── Overlay on image for text readability ── */
  .tc__card-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 1;
  }

  /* ── Responsive ── */
  @media screen and (max-width: 989px) {
    .tc__grid {
      gap: 24px;
      padding: 0 24px;
    }

    .tc__grid--fit {
      flex-wrap: wrap;
    }

    .tc__grid--fit .tc__card {
      flex: 0 0 calc(50% - 12px);
      height: 450px;
    }

    .tc__grid--scroll .tc__card {
      min-width: 250px;
      height: 450px;
    }
  }

  @media screen and (max-width: 749px) {
    .tc {
      padding: 40px 0;
    }

    .tc__heading {
      font-size: 35px;
      line-height: 35px;
    }

    .tc__label {
      font-size: 14px;
    }

    .tc__grid {
      gap: 20px;
      margin: 0 20px;
      padding: 0 0 12px;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      flex-wrap: nowrap;
      scrollbar-width: thin;
      scrollbar-color: #2842EF transparent;
    }

    .tc__grid::-webkit-scrollbar {
      height: 6px;
    }

    .tc__grid::-webkit-scrollbar-track {
      background: transparent;
    }

    .tc__grid::-webkit-scrollbar-thumb {
      background: #2842EF;
      border-radius: 5px;
    }

    .tc__grid--fit .tc__card,
    .tc__grid--scroll .tc__card {
      flex: 0 0 75vw;
      min-width: 260px;
      height: 450px;
    }
  }
/* END_SECTION:tech-cards */

/* START_SECTION:tech-features-alt (INDEX:115) */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700&family=Roboto:wght@400&display=swap');

  .tfa {
    background-color: var(--tfa-bg, #ffffff);
    padding: 80px 0;
    width: 100%;
  }

  .tfa__container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px;
    gap: 76px;
  }

  /* ── Left Side ── */
  .tfa__left {
    position: relative;
    width: 773px;
    height: 769px;
    flex-shrink: 0;
  }

  .tfa__rect {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 773px;
    height: 540px;
    border-radius: var(--tfa-rect-radius, 32px);
    background-color: var(--tfa-rect-bg, #262626);
  }

  .tfa__image-wrap {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 700px;
    height: 673px;
    z-index: 1;
    pointer-events: none;
  }

  .tfa__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom center;
  }

  /* ── Right Side ── */
  .tfa__right {
    display: flex;
    flex-direction: column;
    gap: 48px;
    max-width: 405px;
    flex-shrink: 0;
  }

  .tfa__feature-heading {
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    color: var(--tfa-heading-color, #262626);
    text-transform: uppercase;
    margin: 0 0 12px 0;
  }

  .tfa__feature-desc {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: var(--tfa-desc-color, #262626);
    margin: 0;
  }

  /* ── Responsive ── */
  @media screen and (max-width: 1200px) {
    .tfa__left {
      width: 550px;
      height: 580px;
    }

    .tfa__rect {
      width: 550px;
      height: 400px;
    }

    .tfa__image-wrap {
      width: 500px;
      height: 500px;
    }

    .tfa__feature-heading {
      font-size: 32px;
      line-height: 34px;
    }

    .tfa__feature-desc {
      font-size: 16px;
      line-height: 24px;
    }
  }

  @media screen and (max-width: 989px) {
    .tfa__container {
      flex-direction: column;
      align-items: center;
      gap: 40px;
    }

    .tfa__left {
      width: 100%;
      max-width: 600px;
      height: 500px;
    }

    .tfa__rect {
      width: 100%;
      height: 400px;
    }

    .tfa__image-wrap {
      width: 80%;
      height: 480px;
    }

    .tfa__right {
      max-width: 100%;
      text-align: center;
    }
  }

  @media screen and (max-width: 749px) {
    .tfa {
      padding: 40px 0;
    }

    .tfa__container {
      padding: 0 20px;
    }

    .tfa__right {
      gap: 32px;
    }

    .tfa__feature-heading {
      font-size: 28px;
      line-height: 30px;
    }

    .tfa__feature-desc {
      font-size: 16px;
      line-height: 24px;
    }

    .tfa__left {
      height: 400px;
    }

    .tfa__rect {
      height: 320px;
    }

    .tfa__image-wrap {
      height: 380px;
    }
  }
/* END_SECTION:tech-features-alt */

/* START_SECTION:tech-features (INDEX:116) */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700&family=Roboto:wght@400&display=swap');

  .tf {
    background-color: var(--tf-bg, #ffffff);
    padding: 80px 0;
    width: 100%;
    overflow: hidden;
  }

  .tf__container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px;
    gap: 147px;
  }

  /* ── Left Side ── */
  .tf__left {
    display: flex;
    flex-direction: column;
    gap: 48px;
    max-width: 405px;
    flex-shrink: 1;
  }

  .tf__feature-heading {
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    color: var(--tf-heading-color, #262626);
    text-transform: uppercase;
    margin: 0 0 12px 0;
  }

  .tf__feature-desc {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: var(--tf-desc-color, #262626);
    margin: 0;
  }

  /* ── Right Side ── */
  .tf__right {
    position: relative;
    width: 773px;
    max-width: 100%;
    height: 769px;
    flex-shrink: 1;
  }

  .tf__rect {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 540px;
    border-radius: var(--tf-rect-radius, 32px);
    background-color: var(--tf-rect-bg, #55B7EA);
  }

  .tf__image-wrap {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
  }

  .tf__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom center;
  }

  /* ── Responsive ── */
  @media screen and (max-width: 1200px) {
    .tf__container {
      gap: 60px;
    }

    .tf__right {
      width: 550px;
      height: 500px;
    }

    .tf__rect {
      height: 380px;
    }

    .tf__feature-heading {
      font-size: 32px;
      line-height: 34px;
    }

    .tf__feature-desc {
      font-size: 16px;
      line-height: 24px;
    }
  }

  @media screen and (max-width: 989px) {
    .tf__container {
      flex-direction: column;
      align-items: center;
      gap: 40px;
    }

    .tf__left {
      max-width: 100%;
      text-align: center;
    }

    .tf__right {
      width: 100%;
      max-width: 600px;
      height: 400px;
    }

    .tf__rect {
      height: 320px;
    }
  }

  @media screen and (max-width: 749px) {
    .tf {
      padding: 40px 0;
    }

    .tf__container {
      padding: 0 20px;
    }

    .tf__left {
      gap: 32px;
    }

    .tf__feature-heading {
      font-size: 28px;
      line-height: 30px;
    }

    .tf__feature-desc {
      font-size: 16px;
      line-height: 24px;
    }

    .tf__right {
      height: 320px;
    }

    .tf__rect {
      height: 250px;
    }
  }
/* END_SECTION:tech-features */

/* START_SECTION:workplace-cta (INDEX:123) */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700&family=Roboto:wght@400;500&display=swap');

  .wpc {
    position: relative;
    overflow: hidden;
    color: #ffffff;
    padding-top: var(--wpc-pad-top, 60px);
    padding-bottom: var(--wpc-pad-bottom, 60px);
    padding-left: 24px;
    padding-right: 24px;
    min-height: var(--wpc-min-height, 520px);
    display: flex;
    align-items: center;
  }

  @media screen and (min-width: 750px) {
    .wpc {
      padding-left: 48px;
      padding-right: 48px;
    }
  }

  .wpc *,
  .wpc *::before,
  .wpc *::after {
    box-sizing: border-box;
  }

  .wpc__media {
    position: absolute;
    inset: 0;
    z-index: 0;
  }

  .wpc__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .wpc--placeholder .wpc__media::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #061c2f 0%, #0d2a4a 55%, #1a3a5e 100%);
  }

  .wpc--placeholder .wpc__media::after {
    content: '';
    position: absolute;
    inset: -30%;
    width: 160%;
    height: 160%;
    background:
      radial-gradient(ellipse 55% 55% at 25% 30%, rgba(0, 199, 225, 0.55) 0%, transparent 60%),
      radial-gradient(ellipse 65% 65% at 75% 70%, rgba(40, 66, 239, 0.65) 0%, transparent 55%),
      radial-gradient(ellipse 45% 45% at 65% 20%, rgba(40, 66, 239, 0.35) 0%, transparent 50%);
    animation: wpc-gradient-flow 8s ease-in-out infinite;
    will-change: transform;
  }

  @keyframes wpc-gradient-flow {
    0%   { transform: translate(0%,  0%); }
    25%  { transform: translate(6%, -4%); }
    50%  { transform: translate(3%,  8%); }
    75%  { transform: translate(-5%, 4%); }
    100% { transform: translate(0%,  0%); }
  }

  .wpc__overlay {
    position: absolute;
    inset: 0;
    background: var(--wpc-overlay, linear-gradient(180deg, rgba(6, 28, 47, 0.55), rgba(6, 28, 47, 0.7)));
  }

  .wpc__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
    text-align: center;
  }

  .wpc__eyebrow {
    margin: 0 0 16px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--wpc-eyebrow, #00c7e1);
  }

  .wpc__heading {
    margin: 0 0 18px;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(32px, 4.4vw, 60px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--wpc-heading, #ffffff);
  }

  .wpc__description {
    margin: 0 auto;
    max-width: none;
    white-space: nowrap;
    font-family: 'Roboto', sans-serif;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.6;
    color: var(--wpc-text, rgba(255, 255, 255, 0.85));
  }

  @media screen and (max-width: 749px) {
    .wpc__description {
      white-space: normal;
    }
  }

  .wpc__buttons {
    margin-top: clamp(28px, 3vw, 40px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }

  .wpc__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 30px;
    border-radius: 999px;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    border: 1px solid transparent;
    white-space: nowrap;
  }

  .wpc__btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
  }

  .wpc__btn--solid {
    background: var(--wpc-btn1-bg, #2842ef);
    color: var(--wpc-btn1-text, #ffffff);
    border-color: var(--wpc-btn1-border, transparent);
  }

  .wpc__btn--outline {
    background: var(--wpc-btn2-bg, transparent);
    color: var(--wpc-btn2-text, #ffffff);
    border-color: rgba(255, 255, 255, 0.7);
  }

  @media screen and (max-width: 600px) {
    .wpc__buttons {
      flex-direction: column;
    }

    .wpc__btn {
      width: 100%;
    }
  }
/* END_SECTION:workplace-cta */

/* START_SECTION:workplace-ecosystem (INDEX:124) */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700&family=Roboto:wght@400;500;700&display=swap');

  .wpe {
    background-color: var(--wpe-bg, #f7f8fa);
    padding-top: var(--wpe-pad-top, 60px);
    padding-bottom: var(--wpe-pad-bottom, 60px);
    padding-left: 24px;
    padding-right: 24px;
  }

  @media screen and (min-width: 750px) {
    .wpe {
      padding-left: 48px;
      padding-right: 48px;
    }
  }

  .wpe *,
  .wpe *::before,
  .wpe *::after {
    box-sizing: border-box;
  }

  .wpe__inner {
    max-width: 1440px;
    margin: 0 auto;
  }

  .wpe__intro {
    text-align: center;
    max-width: 840px;
    margin: 0 auto clamp(28px, 3vw, 36px);
  }

  .wpe__eyebrow {
    margin: 0 0 14px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: var(--wpe-eyebrow, #2842ef);
    text-transform: uppercase;
  }

  .wpe__heading {
    margin: 0 0 16px;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(30px, 3.6vw, 48px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--wpe-heading, #061c2f);
  }

  .wpe__heading--has-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.22em;
  }

  .wpe__heading-logo {
    display: block;
    height: 0.74em;
    width: auto;
    flex-shrink: 0;
    position: relative;
    top: 2px;
  }

  .wpe__description {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: clamp(16px, 1.15vw, 18px);
    line-height: 1.55;
    color: var(--wpe-text, #3a3a3a);
  }

  .wpe__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 1.8vw, 28px);
  }

  .wpe__card {
    background: var(--wpe-card-bg, #ffffff);
    border-radius: 28px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }

  .wpe__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 40px rgba(6, 28, 47, 0.08);
  }

  .wpe__media {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background:
      radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.35) 0%, transparent 50%),
      linear-gradient(135deg, #1dacfe 0%, #2842ef 100%);
  }

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

  .wpe__media-img--fallback {
    width: auto;
    height: 86%;
    max-width: 82%;
    object-fit: contain;
    object-position: center bottom;
    margin: 7% auto 0;
  }

  .wpe__media-img--dashboard {
    border-radius: 16px;
  }

  .wpe__media-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
      radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.35) 0%, transparent 50%),
      linear-gradient(135deg, #1dacfe 0%, #2842ef 100%);
    color: rgba(255, 255, 255, 0.85);
  }

  .wpe__media-placeholder::before {
    content: '';
    position: absolute;
    inset: 24px;
    border: 1px dashed rgba(255, 255, 255, 0.45);
    border-radius: 18px;
  }

  .wpe__media-label {
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(4px);
  }

  .wpe__body {
    padding: clamp(22px, 2.5vw, 32px);
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .wpe__card-eyebrow {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--wpe-eyebrow, #2842ef);
  }

  .wpe__card-heading {
    margin: 0;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(22px, 2vw, 28px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: var(--wpe-card-heading, #061c2f);
  }

  .wpe__card-text {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 1.55;
    color: var(--wpe-card-text, #3a3a3a);
  }

  @media screen and (max-width: 900px) {
    .wpe__grid {
      grid-template-columns: 1fr;
      max-width: 480px;
      margin-left: auto;
      margin-right: auto;
    }
  }
/* END_SECTION:workplace-ecosystem */

/* START_SECTION:workplace-feature-grid (INDEX:125) */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700&family=Roboto:wght@400;500;700&display=swap');

  .wpfg {
    background-color: var(--wpfg-bg, #ffffff);
    color: var(--wpfg-text, #3a3a3a);
    padding-top: var(--wpfg-pad-top, 60px);
    padding-bottom: var(--wpfg-pad-bottom, 60px);
    padding-left: 24px;
    padding-right: 24px;
  }

  @media screen and (min-width: 750px) {
    .wpfg {
      padding-left: 48px;
      padding-right: 48px;
    }
  }

  .wpfg *,
  .wpfg *::before,
  .wpfg *::after {
    box-sizing: border-box;
  }

  .wpfg__inner {
    max-width: 1440px;
    margin: 0 auto;
  }

  /* ── Intro ── */
  .wpfg__intro {
    display: grid;
    gap: clamp(20px, 3vw, 56px);
    align-items: end;
    margin-bottom: clamp(28px, 3vw, 36px);
  }

  .wpfg__intro--split {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  }

  .wpfg__intro--stacked {
    grid-template-columns: 1fr;
    max-width: 880px;
  }

  .wpfg__intro--centered {
    grid-template-columns: 1fr;
    gap: 16px;
    text-align: center;
    justify-items: center;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
  }

  .wpfg__eyebrow {
    margin: 0 0 14px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.08em;
    color: var(--wpfg-eyebrow, #2842ef);
    text-transform: uppercase;
  }

  .wpfg__heading {
    margin: 0;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(30px, 3.6vw, 48px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--wpfg-heading, #061c2f);
  }

  .wpfg__description {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: clamp(16px, 1.15vw, 18px);
    font-weight: 400;
    line-height: 1.6;
    color: var(--wpfg-text, #3a3a3a);
    max-width: 640px;
  }

  .wpfg__intro--centered .wpfg__description {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    white-space: nowrap;
  }

  /* ── Visual features header (drink smarter style) ── */
  .wpfg__vf-header {
    width: min(926px, 100%);
    margin: 0 auto 8px;
    text-align: center;
  }

  .wpfg__vf-eyebrow {
    margin: 0 0 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--wpfg-eyebrow, #00c7e1);
  }

  .wpfg__vf-title {
    margin: 0 0 16px;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(30px, 3.6vw, 48px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--wpfg-heading, #061c2f);
  }

  .wpfg__vf-intro {
    color: var(--wpfg-text, #3a3a3a);
    font-family: 'Roboto', sans-serif;
    font-size: clamp(16px, 1.15vw, 18px);
    font-weight: 400;
    line-height: 1.55;
  }

  .wpfg__vf-intro p {
    margin: 0;
  }

  /* ── Visual features body (drink smarter layout) ── */
  .wpfg__v3-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: clamp(40px, 4.8vw, 72px);
  }

  /* image right: text = order 1, image = order 2 */
  .wpfg--vf-image-right .wpfg__v3-right {
    order: 1;
  }
  .wpfg--vf-image-right .wpfg__v3-left {
    order: 2;
  }

  .wpfg__v3-left {
    position: relative;
    width: 46%;
    max-width: 620px;
    aspect-ratio: 750 / 568;
    flex: 0 1 620px;
  }

  .wpfg__v3-rect {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 89.789%;
    border-radius: var(--wpfg-v3-rect-radius, 32px);
    background: linear-gradient(
      90deg,
      var(--wpfg-v3-gradient-start, #1dacfe) 0%,
      var(--wpfg-v3-gradient-end, #00c7e1) 100%
    );
  }

  .wpfg--vf-cover .wpfg__v3-rect {
    display: none;
  }

  .wpfg__v3-image-wrap {
    position: absolute;
    bottom: 7.042%;
    left: 50%;
    z-index: 1;
    width: 64.133%;
    transform: translateX(-50%);
    pointer-events: none;
  }

  .wpfg__v3-image {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
  }

  .wpfg__v3-image--cover {
    height: 100%;
    object-fit: cover;
  }

  .wpfg__v3-image-wrap:has(.wpfg__v3-image--cover) {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 89.789%;
    transform: none;
    border-radius: var(--wpfg-v3-rect-radius, 32px);
    overflow: hidden;
  }

  .wpfg__v3-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 120px;
    padding: 16px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.75);
  }

  .wpfg__v3-right {
    display: flex;
    flex: 1 1 0;
    max-width: 680px;
    flex-direction: column;
    justify-content: center;
    margin-top: clamp(16px, 1.8vw, 26px);
  }

  .wpfg__v3-features {
    display: flex;
    flex-direction: column;
    gap: clamp(13px, 1.32vw, 19px);
  }

  .wpfg__v3-feature {
    margin: 0;
  }

  .wpfg__v3-feature-title {
    margin: 0 0 8px;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(22px, 2vw, 28px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: var(--wpfg-card-heading, #061c2f);
  }

  .wpfg__v3-feature-text {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
    color: var(--wpfg-card-text, #3a3a3a);
  }

  .wpfg--visual-features:not(.wpfg--vf-light) .wpfg__v3-feature-title {
    color: var(--wpfg-heading, #ffffff);
  }

  .wpfg--visual-features:not(.wpfg--vf-light) .wpfg__v3-feature-text {
    color: var(--wpfg-text, #cfd8e3);
  }

  .wpfg--vf-light .wpfg__v3-feature-title {
    color: var(--wpfg-heading, #061c2f);
  }

  .wpfg--vf-light .wpfg__v3-feature-text {
    color: var(--wpfg-text, #3a3a3a);
  }

  .wpfg--vf-light .wpfg__v3-placeholder {
    color: rgba(6, 28, 47, 0.45);
  }

  /* ── Grid ── */
  .wpfg__grid {
    display: grid;
    gap: clamp(16px, 1.6vw, 24px);
  }

  .wpfg--cols-2 .wpfg__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wpfg--cols-3 .wpfg__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wpfg--cols-4 .wpfg__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .wpfg--cols-5 .wpfg__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }

  /* ── Card ── */
  .wpfg__card {
    background: var(--wpfg-card-bg, #f5f5f5);
    border: 1px solid var(--wpfg-card-border, transparent);
    border-radius: 24px;
    padding: clamp(22px, 2.2vw, 32px);
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 200px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }

  .wpfg__card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(6, 28, 47, 0.08);
  }

  .wpfg__card-heading {
    margin: 0;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(18px, 1.4vw, 22px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: var(--wpfg-card-heading, #061c2f);
  }

  .wpfg__card-text {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 1.55;
    color: var(--wpfg-card-text, #3a3a3a);
  }

  /* ── Numbered variant ── */
  .wpfg__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 999px;
    background: var(--wpfg-accent, #2842ef);
    color: #ffffff;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 6px;
  }

  /* ── Icon placeholder variant ── */
  .wpfg__icon-img {
    display: block;
    width: 56px;
    height: 56px;
    object-fit: contain;
    margin-bottom: 6px;
    border-radius: 16px;
  }

  .wpfg__icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background:
      linear-gradient(135deg, var(--wpfg-accent, #2842ef) 0%, #00c7e1 100%);
    margin-bottom: 6px;
    position: relative;
    overflow: hidden;
  }

  .wpfg__icon::after {
    content: '';
    position: absolute;
    inset: 18px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 6px;
  }

  /* ── Callout ── */
  .wpfg__callout {
    margin: clamp(28px, 3vw, 40px) 0 0;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(18px, 1.4vw, 22px);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--wpfg-heading, #061c2f);
    text-align: center;
  }

  @media screen and (min-width: 990px) and (max-width: 1200px) {
    .wpfg__v3-body {
      gap: 40px;
    }

    .wpfg__v3-left {
      width: 44%;
      flex-basis: 500px;
      max-width: 500px;
    }

    .wpfg__v3-right {
      max-width: 620px;
    }
  }

  /* ── Responsive ── */
  @media screen and (max-width: 1200px) {
    .wpfg--cols-4 .wpfg__grid,
    .wpfg--cols-5 .wpfg__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media screen and (max-width: 989px) {
    .wpfg__vf-header {
      width: min(560px, 100%);
      margin-bottom: 12px;
    }
  }

  @media screen and (max-width: 900px) {
    .wpfg__intro--centered .wpfg__description {
      white-space: normal;
    }

    .wpfg__v3-body {
      flex-direction: column;
      align-items: center;
      gap: 40px;
    }

    .wpfg__v3-left {
      width: 100%;
      max-width: 502px;
      flex: none;
      aspect-ratio: 502 / 380;
    }

    .wpfg__v3-rect {
      height: 90%;
    }

    .wpfg__v3-image-wrap {
      width: min(322px, 62vw, 360px);
    }

    .wpfg__v3-right {
      width: 100%;
      max-width: 560px;
      flex: none;
      align-items: center;
      text-align: center;
      margin-top: 0;
    }

    .wpfg__intro--split {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .wpfg--cols-3 .wpfg__grid,
    .wpfg--cols-4 .wpfg__grid,
    .wpfg--cols-5 .wpfg__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media screen and (max-width: 600px) {
    .wpfg--cols-2 .wpfg__grid,
    .wpfg--cols-3 .wpfg__grid,
    .wpfg--cols-4 .wpfg__grid,
    .wpfg--cols-5 .wpfg__grid {
      grid-template-columns: 1fr;
    }

    .wpfg__card {
      min-height: 0;
    }
  }
/* END_SECTION:workplace-feature-grid */

/* START_SECTION:workplace-industries (INDEX:126) */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700&family=Roboto:wght@400;500&display=swap');

  .wpi {
    background-color: var(--wpi-bg, #061c2f);
    padding-top: var(--wpi-pad-top, 60px);
    padding-bottom: var(--wpi-pad-bottom, 60px);
    padding-left: 24px;
    padding-right: 24px;
    color: var(--wpi-text, #ffffff);
  }

  @media screen and (min-width: 750px) {
    .wpi {
      padding-left: 48px;
      padding-right: 48px;
    }
  }

  .wpi *,
  .wpi *::before,
  .wpi *::after {
    box-sizing: border-box;
  }

  .wpi__inner {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: clamp(40px, 5vw, 80px);
  }

  .wpi__left {
    flex: 1 1 0;
    min-width: 0;
  }

  .wpi__right {
    flex: 0 0 44%;
    max-width: 560px;
    border-radius: 24px;
    overflow: hidden;
    line-height: 0;
  }

  .wpi__image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 24px;
  }

  .wpi__image-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 24px;
    border: 2px dashed rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.35);
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .wpi__intro {
    margin-bottom: clamp(28px, 3vw, 36px);
  }

  .wpi__eyebrow {
    margin: 0 0 12px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: var(--wpi-eyebrow, #00c7e1);
    text-transform: uppercase;
  }

  .wpi__heading {
    margin: 0 0 16px;
    font-family: 'TikTok Sans 18 ExtraExpanded', sans-serif;
    font-size: clamp(28px, 3.4vw, 44px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--wpi-heading, #ffffff);
  }

  .wpi__description {
    margin: 0 auto;
    max-width: 680px;
    font-family: 'Roboto', sans-serif;
    font-size: clamp(15px, 1.05vw, 17px);
    line-height: 1.55;
    color: var(--wpi-text, rgba(255, 255, 255, 0.75));
  }

  .wpi__chips {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px;
  }

  .wpi:not(.wpi--has-image) .wpi__chips {
    justify-content: center;
  }

  .wpi__chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 22px;
    border-radius: 999px;
    background: var(--wpi-chip-bg, rgba(255, 255, 255, 0.06));
    color: var(--wpi-chip-text, #ffffff);
    border: 1px solid var(--wpi-chip-border, rgba(255, 255, 255, 0.16));
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.02em;
    transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
  }

  .wpi__chip:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-1px);
  }

  .wpi__chip-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--wpi-eyebrow, #00c7e1);
    flex-shrink: 0;
  }

  @media screen and (max-width: 900px) {
    .wpi__inner {
      flex-direction: column;
      gap: 36px;
    }

    .wpi__right {
      flex: none;
      width: 100%;
      max-width: 520px;
      margin: 0 auto;
      order: -1;
    }

    .wpi__left {
      text-align: center;
    }

    .wpi__chips {
      justify-content: center;
    }
  }

  @media screen and (max-width: 600px) {
    .wpi__chip {
      padding: 10px 16px;
      font-size: 14px;
    }
  }
/* END_SECTION:workplace-industries */