.results-section {
  width: 100%;
  padding: 72px 18px 24px;
  background:
    radial-gradient(circle at 92% 25%, rgba(112,76,255,.055), transparent 31%),
    radial-gradient(circle at 4% 76%, rgba(57,136,255,.04), transparent 30%),
    #fff;
}

.results-section__inner { width: 100%; max-width: 430px; margin: 0 auto; }
.results-header { text-align: center; }
.results-eyebrow { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; margin: 0; padding: 7px 14px; border-radius: 999px; color: #7551e8; background: linear-gradient(90deg, rgba(116,73,255,.11), rgba(68,132,255,.10)); font-size: 10px; line-height: 1; font-weight: 700; letter-spacing: .03em; }
.results-title { max-width: 400px; margin: 12px auto 0; color: #080b1a; font-family: var(--font-display); font-size: clamp(34px, 9vw, 40px); line-height: .98; font-weight: 900; letter-spacing: 0; text-align: center; text-wrap: balance; }
.results-title span, .results-subtitle span, .results-processed-title span { display: block; }
.results-subtitle { margin: 12px auto 0; color: #687188; font-size: 15px; line-height: 1.45; text-align: center; }
.results-showcase { display: flex; flex-direction: column; align-items: center; margin-top: 26px; }
.results-original { position: relative; isolation: isolate; width: min(84vw, 340px); margin: 0; }
.results-original::before { position: absolute; z-index: -1; content: ""; inset: 12% 6%; border-radius: 50%; background: radial-gradient(ellipse, rgba(126,99,255,.16), rgba(213,231,255,.20) 44%, transparent 74%); filter: blur(26px); }
.results-original img { position: relative; display: block; width: 100%; height: auto; object-fit: contain; }
.results-connector { width: 28px; height: 46px; margin: 4px 0 0; overflow: visible; fill: none; stroke: #754cff; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.results-processed { width: 100%; min-width: 0; display: flex; flex-direction: column; align-items: center; }
.results-after-badge { display: inline-flex; align-items: center; justify-content: center; min-height: 28px; margin: 0; padding: 7px 14px; border-radius: 999px; color: #754ceb; background: linear-gradient(90deg, rgba(119,70,255,.11), rgba(160,90,255,.10)); font-size: 10px; line-height: 1; font-weight: 700; letter-spacing: .025em; }
.results-processed-title { margin: 9px 0 0; color: #101426; font-family: var(--font-display); font-size: clamp(28px, 7.5vw, 31px); line-height: 1.02; font-weight: 900; letter-spacing: 0; text-align: center; text-wrap: balance; }
.results-carousel { width: calc(100% + 36px); margin: 18px -18px 0; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scroll-padding-left: 18px; -webkit-overflow-scrolling: touch; scrollbar-width: none; outline-offset: -2px; }
.results-carousel::-webkit-scrollbar { display: none; }
.results-carousel:focus-visible { outline: 2px solid rgba(112,76,255,.55); border-radius: 12px; }
.results-carousel__track { display: flex; align-items: flex-start; gap: 7px; width: max-content; padding: 6px 58px 4px 18px; }
.results-slide { display: flex; flex: 0 0 clamp(255px, 69.24vw, 270px); flex-direction: column; gap: 10px; width: clamp(255px, 69.24vw, 270px); margin: 0; scroll-snap-align: start; }
.results-slide img { display: block; width: 100%; height: auto; aspect-ratio: 1942 / 3238; object-fit: contain; filter: none; opacity: 1; transition: transform .2s ease; }
.results-slide:hover img { filter: drop-shadow(0 8px 12px rgba(67,75,140,.12)); }
.results-slide img:active { transform: scale(.99); }
.results-slide figcaption { min-height: 2.7em; padding: 0 8px 4px; color: #59627a; font-size: 13px; line-height: 1.35; font-weight: 600; text-align: center; }
.results-dots { display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 14px; margin-top: 4px; }
.results-dot { width: 7px; height: 6px; flex: 0 0 auto; padding: 0; border: 0; border-radius: 999px; background: #d6dae7; cursor: pointer; transition: width .18s ease, background .18s ease; }
.results-dot.is-active { width: 23px; background: linear-gradient(90deg, #684aff, #9a4cff); }
.results-dot:focus-visible { outline: 2px solid #724bff; outline-offset: 3px; }
.results-summary { width: 100%; display: grid; grid-template-columns: 68px minmax(0, 1fr); align-items: center; gap: 14px; margin: 25px 0 0; padding: 17px; border: 1px solid rgba(104,92,204,.08); border-radius: 23px; background: linear-gradient(120deg, rgba(235,244,255,.97), rgba(243,237,255,.97)); box-shadow: 0 14px 34px rgba(56,62,110,.05); }
.results-summary__icon { width: 66px; height: 66px; display: grid; place-items: center; border-radius: 18px; background: rgba(255,255,255,.60); box-shadow: inset 0 0 0 1px rgba(255,255,255,.55); }
.results-summary__icon svg { display: block; width: 42px; height: 42px; }
.results-summary__copy { min-width: 0; }
.results-summary__copy strong, .results-summary__copy small { display: block; }
.results-summary__copy strong { color: #101529; font-family: var(--font-display); font-size: 22px; line-height: 1.04; font-weight: 900; letter-spacing: 0; }
.results-summary__copy small { margin-top: 5px; color: #657087; font-size: 13px; line-height: 1.35; }

@media (min-width: 414px) {
  .results-section { padding-right: 20px; padding-left: 20px; }
  .results-carousel { width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; scroll-padding-left: 20px; }
  .results-carousel__track { padding-left: 20px; }
}

@media (min-width: 768px) {
  .results-section { padding: 82px 28px 36px; }
  .results-section__inner { max-width: 760px; }
  .results-title { font-size: 48px; }
  .results-original { width: min(44vw, 350px); }
  .results-carousel { width: calc(100% + 56px); margin-right: -28px; margin-left: -28px; scroll-padding-left: 28px; }
  .results-carousel__track { padding-right: 28px; padding-left: 28px; }
  .results-slide { flex-basis: 290px; width: 290px; }
  .results-summary { max-width: 680px; margin-top: 30px; margin-right: auto; margin-left: auto; }
}

@media (min-width: 1024px) {
  .results-section { padding: 90px 32px 36px; }
  .results-section__inner { max-width: 1280px; }
  .results-showcase { display: grid; grid-template-columns: minmax(260px, 290px) 54px minmax(0, 1fr); grid-template-rows: auto auto auto; align-items: center; gap: 20px 38px; margin-top: 42px; }
  .results-original { grid-column: 1; grid-row: 1; width: 100%; max-width: 290px; justify-self: center; }
  .results-connector { grid-column: 2; grid-row: 1; justify-self: center; margin: 0; transform: rotate(-90deg); }
  .results-processed { grid-column: 3; grid-row: 1; min-width: 0; }
  .results-carousel { grid-column: 1 / -1; grid-row: 2; width: 100vw; margin: 0 0 0 calc((100% - 100vw) / 2); scroll-padding-left: 28px; }
  .results-carousel__track { display: flex; gap: 10px; width: max-content; padding: 6px 58px 4px 28px; }
  .results-slide { flex-basis: 270px; width: 270px; }
  .results-dots { grid-column: 1 / -1; grid-row: 3; margin-top: -16px; }
  .results-summary { max-width: 960px; grid-template-columns: 90px minmax(0, 1fr); margin-top: 32px; padding: 24px; }
  .results-summary__icon { width: 82px; height: 82px; }
  .results-summary__copy strong { font-size: 25px; }
}

@media (prefers-reduced-motion: reduce) {
  .results-dot, .results-slide img { transition: none; }
}