.a .group-65 {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 1175px;
  /* overflow:hidden clips absolute emoji children */
  overflow: visible;
  position: relative;
  width: 100%;
}

.a .rectangle-33 {
  background: linear-gradient(180deg, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 1) 12%, rgba(20, 20, 20, 1) 92%, rgba(20, 20, 20, 0) 100%);
  height: 250px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 53px;
  width: 100%;
  z-index: 1;
}

.a .group-31 {
  box-sizing: border-box;
  height: 260px;
  margin-bottom: 424px;
  max-width: 1416px;
  position: relative;
  width: 90%;
  z-index: 2;
}

.a .the-casai-no-risk-revolution {
  height: 188px;
  left: calc(50.00% - 662px);
  position: absolute;
  top: 3px;
  width: 1363px;
}

.a .created-to-eliminate {
  align-items: center;
  color: var(--cultured-pearl);
  display: flex;
  font-family: var(--font-family-raleway);
  font-size: clamp(17px, 2.8vw, 44px);
  font-weight: 600;
  height: 82px;
  left: 553px;
  letter-spacing: clamp(-0.55px, -0.1vw, -2.04px);
  line-height: 1.2;
  position: absolute;
  top: 178px;
  white-space: nowrap;
}

.a .group-40 {
  height: 256px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 386px;
  transform: translateX(-50%);
  width: min(1207px, 90%);
  z-index: 0;
}

.a .rectangle-32 {
  background: linear-gradient(180deg, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 1) 42%, rgba(20, 20, 20, 1) 92%, rgba(20, 20, 20, 0) 100%);
  height: 502px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 481px;
  width: 100%;
  z-index: 1;
}

.a .frame-44 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: 1460px;
  position: relative;
  width: 90%;
  z-index: 2;
}

/* transparent on desktop, slider on mobile */
.a .revolution-track {
  display: contents;
}

/* hidden on desktop */
.revolution-dots {
  display: none;
  align-items: center;
  gap: 10px;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.revolution-dot {
  -webkit-appearance: none;
  appearance: none;
  background: rgba(255, 255, 255, 0.35);
  border: none;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  line-height: 0;
  outline: none;
  padding: 0;
  width: 20px;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.revolution-dot:hover {
  background: rgba(255, 255, 255, 0.7);
}

.revolution-dot.is-active {
  background: var(--blue-ribbon);
  border: none;
  border-radius: 50%;
  box-shadow: 0 0 10px 3px rgba(1, 114, 253, 0.5);
}

/* 2K–4K */
@media (min-width: 2200px) {
  .a .group-65 { zoom: 1.11; width: calc(100vw / 1.11); margin-left: auto; margin-right: auto; }
}
@media (min-width: 2800px) {
  .a .group-65 { zoom: 1.41; width: calc(100vw / 1.41); }
}
@media (min-width: 3840px) {
  .a .group-65 { zoom: 1.94; width: calc(100vw / 1.94); }
}

/* ≤ 1560px — 2 cards per row */
@media (max-width: 1560px) {
  .a .frame-44 {
    display: grid;
    grid-template-columns: repeat(2, 340px);
    gap: 24px 27px;
    justify-content: center;
    max-width: 750px;
  }
}

/* ≤ 1380px — heading overflows (SVG is 1363px wide) */
@media (max-width: 1380px) {
  .a .group-31 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: auto;
    margin-bottom: 30px;
  }

  .a .the-casai-no-risk-revolution {
    height: auto;
    left: auto;
    max-width: 100%;
    position: relative;
    top: auto;
    width: 100%;
  }

  .a .created-to-eliminate {
    height: auto;
    left: auto;
    position: relative;
    top: auto;
    white-space: normal;
    width: auto;
  }

  /* group-40 joins flow: heading → image → cards */
  .a .group-40 {
    height: auto;
    left: auto;
    position: relative;
    top: 0;
    transform: none;
    width: min(1207px, 90%);
    z-index: 2;
    margin-bottom: 20px;
  }
}

/* ≤ 1024px */
@media (max-width: 1024px) {
  /* overflow-x:clip avoids overflow-y:auto coercion → no scroll container */
  .a .group-65 {
    min-height: auto;
    overflow-x: clip;
    padding-bottom: 60px;
  }

  .a .group-31 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: auto;
    margin-bottom: 20px;
    max-width: 700px;
    width: 90%;
  }

  .a .the-casai-no-risk-revolution {
    height: auto;
    left: auto;
    position: relative;
    top: auto;
    width: 100%;
    max-width: 681px;
  }

  .a .created-to-eliminate {
    height: auto;
    left: auto;
    letter-spacing: clamp(-0.55px, -0.1vw, -2.04px);
    line-height: 1.3;
    position: relative;
    text-align: left;
    top: auto;
    white-space: normal;
    width: auto;
  }

  .a .group-40 {
    height: auto;
    left: auto;
    position: relative;
    transform: none;
    width: min(680px, 90%);
    z-index: 2;
    margin-bottom: 16px;
    top: 0;
  }

  .a .frame-44 {
    display: block;
    margin-bottom: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 24px 0 36px;
    width: 100%;
  }

  .a .revolution-track {
    display: flex;
    gap: 20px;
    will-change: transform;
    align-items: center;
  }

  .a .revolution-track .component {
    flex-shrink: 0;
    width: calc(66.7vw - 27px);
    height: 491px;
    transition: opacity 0.4s ease;
    opacity: 0.45;
  }

  .a .revolution-track .component.is-active {
    opacity: 1;
  }

  .a .revolution-track .immediate-revenue-drop {
    font-size: clamp(28px, 4.8vw, 46px);
    height: auto;
    left: 8%;
    line-height: 1.2;
    width: 84%;
  }

  .a .revolution-track .the-silent-terror-of {
    font-size: clamp(18px, 3vw, 28px);
    height: auto;
    left: 8%;
    line-height: 1.6;
    top: 38%;
    width: 84%;
  }

  .revolution-dots {
    display: flex;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

/* ≤ 640px */
@media (max-width: 640px) {
  .a .group-31 {
    gap: 8px;
    margin-bottom: 16px;
    max-width: 360px;
    width: 90%;
  }

  .a .the-casai-no-risk-revolution {
    max-width: 329px;
    width: 100%;
  }

  .a .revolution-track .component {
    width: calc(66.7vw - 27px);
    min-width: 220px;
    height: 450px;
  }
}

/* Desktop: hide group-40, show emojis */
@media (min-width: 1421px) {
  .a .group-40 { display: none; }
}

/* Mobile: invisible spacer preserves flex-column spacing */
@media (max-width: 1420px) {
  .a .group-40 {
    aspect-ratio: 1207 / 256;
    visibility: hidden;
  }
}

.a .group-40-emojis {
  height: 500px;
  left: 50%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 386px;
  transform: translateX(-50%);
  width: min(1207px, 90%);
  z-index: 0;
}

@media (min-width: 1421px) {
  .a .group-40-emojis .rev-emoji-1 { width: 151px; height: 140px; left:    0px; top: 116px; }
  .a .group-40-emojis .rev-emoji-2 { width:  71px; height:  66px; left:  219px; top:   0px; }
  .a .group-40-emojis .rev-emoji-3 { width: 134px; height: 125px; left:  402px; top:  54px; }
  .a .group-40-emojis .rev-emoji-4 { width:  71px; height:  66px; left:  689px; top: 188px; }
  .a .group-40-emojis .rev-emoji-5 { width: 151px; height: 140px; left:  759px; top:   6px; }
  .a .group-40-emojis .rev-emoji-6 { width:  71px; height:  66px; left:  989px; top:  18px; }
  .a .group-40-emojis .rev-emoji-7 { width:  71px; height:  66px; left: 1136px; top: 183px; }
}

/* floating animation for emojis 3 and 5, out of phase */
@keyframes rev-float {
  0%, 100% { transform: translateY(0)   scale(1);    }
  50%       { transform: translateY(-8px) scale(1.06); }
}

.a .group-40-emoji.rev-floating {
  animation: rev-float 3s ease-in-out infinite;
}
.a .rev-emoji-5.rev-floating {
  animation-duration: 3.4s;
  animation-delay: -1.3s;
}

.a .group-40-emoji {
  position: absolute;
  pointer-events: none;
  will-change: transform, opacity;
  transition: opacity 0.1s linear;
}

/* rectangle-33 must end before emojis container top at each breakpoint:
   top:53px + height = end → must stay below container top */
@media (max-width: 1420px) { .a .rectangle-33 { height:  70px; } }
@media (max-width: 1380px) { .a .rectangle-33 { height:  80px; } }
@media (max-width: 1200px) { .a .rectangle-33 { height:  95px; } }
@media (max-width: 1024px) { .a .rectangle-33 { height: 120px; } }
@media (max-width: 768px)  { .a .rectangle-33 { height:  95px; } }
@media (max-width: 640px)  { .a .rectangle-33 { height:  60px; } }

@media (max-width: 1420px) {
  .a .group-40-emojis {
    height: 190px;
    left: 0;
    right: 0;
    transform: none;
    overflow: visible;
    top: 270px;
    width: auto;
    zoom: 1.4;
    z-index: 0;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 90%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 8%, black 90%, transparent 100%);
  }
}
@media (max-width: 1380px) { .a .group-40-emojis { top: 260px; zoom: 1.2; } }
@media (max-width: 1200px) { .a .group-40-emojis { top: 240px; } }
@media (max-width: 1024px) { .a .group-40-emojis { top: 190px; height: 160px; zoom: 1; } }
@media (max-width: 768px)  { .a .group-40-emojis { top: 160px; height: 150px; } }
@media (max-width: 640px)  { .a .group-40-emojis { top: 120px; height: 140px; } }

@media (max-width: 1420px) {
  .a .group-40-emojis .rev-emoji-1,
  .a .group-40-emojis .rev-emoji-2,
  .a .group-40-emojis .rev-emoji-3,
  .a .group-40-emojis .rev-emoji-4,
  .a .group-40-emojis .rev-emoji-5,
  .a .group-40-emojis .rev-emoji-6,
  .a .group-40-emojis .rev-emoji-7 { height: auto; }

  .a .group-40-emojis .rev-emoji-1 { left:  8%; top: 45px; width: clamp(28px,  8.8vw,  80px); }
  .a .group-40-emojis .rev-emoji-2 { left: 21%; top: -10px; width: clamp(18px,  5.4vw,  48px); }
  .a .group-40-emojis .rev-emoji-3 { left: 30%; top: 12px; width: clamp(36px, 11.6vw, 108px); }
  .a .group-40-emojis .rev-emoji-4 { left: calc(45% + 10px); top: 52px; width: clamp(19px, 5.9vw, 54px); }
  .a .group-40-emojis .rev-emoji-5 { left: 56%; top:  8px; width: clamp(36px, 11.6vw, 108px); }
  .a .group-40-emojis .rev-emoji-6 { left: 71%; top: 12px; width: clamp(16px,  4.9vw, 43px); }
  .a .group-40-emojis .rev-emoji-7 { left: 81%; top: 48px; width: clamp(22px,  6.5vw, 58px); }
}