@font-face {
  font-family: 'Gambarino';
  src: url('../fonts/Gambarino-Regular.woff2') format('woff2'),
       url('../fonts/Gambarino-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.woff2') format('woff2'),
       url('../fonts/Satoshi-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
       url('../fonts/Satoshi-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-LightItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
       url('../fonts/Satoshi-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
       url('../fonts/Satoshi-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg: #f5f8fb;
  --black: #000100;
  --white: #fff;
  --accent-green: #81d83d;
  --gray-meta: #9d9e9e;
  --gray-eyebrow: #808080;
  --gray-nav-inactive: #a1a1a1;
  --gray-body-secondary: #6b6b6b;
  --placeholder-bg: #ececec;
  --divider: #cdcdcd;

  --font-gambarino: 'Gambarino', serif;
  --font-satoshi: 'Satoshi', sans-serif;
  --font-nav: 'Satoshi', sans-serif;
  --font-cookie: 'Cookie', cursive;

  --nav-pad: 60px;
  --cs-margin: 24px;
  --header-margin: clamp(28px, 11vw, 160px);

  --wide-w: min(1034px, calc(100% - 382px - 24px));
  --wide-x: max(382px, calc(50% - var(--wide-w) / 2));
  --wide-w-narrow: calc(var(--wide-w) * 0.654);
  --content-w: calc(var(--wide-w) * 0.673);
  --content-x: calc(var(--wide-x) + var(--wide-w) * 0.327);

  --gap-heading-para: 24px;
  --gap-major: 80px;
  --gap-minor: 40px;
  --journey-axis-w: 112px;
  --journey-gap: 16px;
}

body {
  background: var(--bg);
  color: var(--black);
  font-family: var(--font-satoshi);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

nav.site-nav {
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 57px var(--nav-pad) 0;
  font-family: var(--font-nav);
  font-size: 16px;
}

.logo-mark {
  position: absolute;
  left: var(--nav-pad);
  top: 27px;
  z-index: 11;
  font-family: var(--font-cookie);
  font-size: 120px;
  line-height: 1;
  color: var(--accent-green);
  text-decoration: none;
}

.site-nav ul {
  list-style: none;
  display: flex;
  gap: 42px;
}

.site-nav ul a {
  text-decoration: none;
  color: var(--black);
  font-weight: 400;
  line-height: 1.757;
}

.site-nav ul .nav-lang {
  font-size: 14px;
  font-family: "Chiron Sung HK", "Songti SC", "Noto Serif CJK SC",
    "Source Han Serif SC", STSong, SimSun, Georgia, serif;
}

.nav-toggle {
  display: none;
  align-items: center;
  justify-content: flex-end;
  width: 44px;
  height: 44px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--black);
}
.nav-toggle svg { display: block; width: 18px; height: 14px; }

.cs-header {
  padding: 210px var(--header-margin) 0;
}

.cs-tagline {
  font-family: var(--font-gambarino);
  font-weight: 400;
  font-size: clamp(26px, 2.4vw, 32px);
  letter-spacing: 0.04em;
  line-height: 1.402;
  max-width: min(580px, 100%);
}

.cs-meta {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(36px, 16vw, 222px);
  margin-top: 48px;
}

.cs-meta .label {
  font-family: var(--font-satoshi);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  color: var(--gray-meta);
}

.cs-meta .value {
  font-family: var(--font-satoshi);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.48px;
  color: var(--black);
  margin-top: 8px;
  line-height: 1.6;
}

.cs-cover {
  width: 100%;
  aspect-ratio: var(--ar, 1440 / 712);
  background: var(--placeholder-bg);
  margin-top: 96px;
  margin-bottom: 128px;
  overflow: hidden;
}
.cs-cover > img,
.cs-cover > video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.cs-cover > img { transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1); }
.cs-cover.is-zoomed > img { transform: scale(1.08); }
@media (prefers-reduced-motion: reduce) {
 .cs-cover > img { transition: none; }
}

main { padding-bottom: var(--header-margin); }

.cs-rail {
  position: fixed;
  left: var(--cs-margin);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  z-index: 10;
  max-height: 90vh;
  overflow-y: auto;

  width: max-content;
}

.cs-rail.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.cs-rail a {
  display: block;
  font-family: var(--font-gambarino);
  font-size: 16px;
  line-height: 1.4;
  text-decoration: none;
  color: var(--gray-nav-inactive);
  opacity: 0.4;
  white-space: nowrap;
  transition: color 0.3s ease, opacity 0.3s ease, font-size 0.3s ease;
}

.cs-rail a.is-active {
  color: var(--accent-green);
  opacity: 1;
  font-size: 24px;
}

.cs-rail a:not(.is-active):hover {
  opacity: 0.75;
}

.cs-section {
  position: relative;
}

.cs-eyebrow {
  font-family: var(--font-satoshi);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.48px;
  text-transform: capitalize;
  color: var(--gray-eyebrow);
  margin-left: var(--content-x);
  width: var(--content-w);
}

.cs-heading {
  font-family: var(--font-gambarino);
  font-weight: 400;
  font-size: 24px;
  line-height: 1.631;
  color: var(--black);
  margin-left: var(--content-x);
  width: var(--content-w);
  margin-top: 0;
}

.cs-text {
  font-family: var(--font-satoshi);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.631;
  color: var(--black);
  margin-left: var(--content-x);
  width: var(--content-w);
  margin-top: var(--gap-heading-para);
}

.cs-text + .cs-text { margin-top: var(--gap-heading-para); }
.cs-text.secondary { color: var(--gray-body-secondary); }
.cs-text.tight { margin-top: var(--gap-minor); }

.cs-two-up + .cs-text,
.cs-wide-media + .cs-text {
  margin-top: var(--gap-major);
}

.cs-numbered-item {
  font-family: var(--font-satoshi);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.631;
  color: var(--black);
  margin-left: var(--content-x);
  width: var(--content-w);
  margin-top: var(--gap-minor);
}
.cs-numbered-item .num { font-weight: 400; }

.cs-divider-major, .cs-divider-minor {
  height: 0.4px;
  background: var(--divider);
  margin-left: var(--wide-x);
  width: var(--wide-w);
}
.cs-divider-major { margin-top: var(--gap-major); margin-bottom: var(--gap-major); }
.cs-divider-minor { margin-top: var(--gap-minor); margin-bottom: var(--gap-minor); }
.cs-divider-minor.narrow { margin-left: var(--content-x); width: var(--content-w); }

.cs-cover { aspect-ratio: 2360 / 1424; }
.cs-wide-media {
  margin: var(--gap-major) 0 0 var(--wide-x);
  width: var(--wide-w);
}
.cs-wide-media.narrow { width: var(--wide-w-narrow); }

.cs-wide-media img { display: block; width: 100%; height: auto; }
.cs-wide-media + .cs-wide-media { margin-top: var(--gap-minor); }
.cs-wide-media.compact { width: min(544px, var(--wide-w)); }
.cs-wide-media.portrait { width: min(440px, var(--wide-w)); }
.cs-wide-media.community-mockups { margin-left: var(--content-x); width: min(544px, var(--content-w)); }
.cs-wide-media.community-hub { position: relative; margin-left: var(--content-x); width: var(--content-w); overflow: hidden; aspect-ratio: 938 / 404; }
/* Crop 32px from the top and bottom to remove the source image’s baked-in rounded corners. */
.community-hub img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cs-subsection { margin-top: var(--gap-major); }
.cs-subheading { margin: var(--gap-minor) 0 0 var(--content-x); width: var(--content-w); font: 400 18px/1.631 var(--font-satoshi); }
.cs-subheading.square { display: flex; align-items: flex-start; gap: .5em; }
.cs-subheading.square::before { content: ''; flex: none; width: .25em; height: .25em; margin-top: .6905em; background: currentColor; }
.cs-subheading.square span { min-width: 0; }
.cs-subsection > .cs-subheading.square { margin-top: 0; }
.cs-numbered-item { display: grid; grid-template-columns: 28px 1fr; gap: 16px; }
.cs-numbered-item h3 { font: 400 16px/1.631 var(--font-satoshi); }
.cs-numbered-item p { margin-top: 8px; }
.research-panel {
  container-type: inline-size;
  margin: var(--gap-major) 0 0 var(--wide-x);
  width: var(--wide-w);
}
.research-card-grid {
  --research-open: 70cqw;
  --research-active-grow: calc(70 / 15);
  --research-pad: clamp(16px, 2.9cqw, 30px);
  --research-height: clamp(440px, 64.475cqw, 666.617px);
  display: flex;
  height: var(--research-height);
  overflow: hidden;
}
.research-card {
  position: relative;
  isolation: isolate;
  flex: 1 1 0;
  min-width: 44px;
  overflow: hidden;
  color: var(--bg);
  cursor: pointer;
  transition: flex-grow 360ms cubic-bezier(.645, .045, .355, 1);
}
.research-card.is-active { flex-grow: var(--research-active-grow); cursor: default; }
.research-card__image, .research-card::before { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.research-card__image {
  --research-focus: 50%;
  z-index: -3;
  display: block;
  inset: -4px auto auto var(--research-focus);
  /* Overscan hides the source PNGs’ transparent edge pixels. */
  width: calc(max(var(--research-open), var(--research-height)) + 8px);
  height: calc(var(--research-height) + 8px);
  max-width: none;
  object-fit: cover;
  transform: translateX(calc(-1 * var(--research-focus)));
}
.research-card:nth-child(2) .research-card__image { --research-focus: 78%; }
.research-card::before { content: ''; z-index: -2; background: #000; opacity: .54; transition: opacity 360ms ease-out; }
.research-card.is-active::before { opacity: 0; }
.research-card__number { position: absolute; top: clamp(24px, 4cqw, 48px); left: 50%; transform: translateX(-50%); font: 400 32px/1.4 var(--font-satoshi); text-shadow: 0 1px 8px rgb(0 0 0 / 55%); transition: left 360ms cubic-bezier(.645, .045, .355, 1), transform 360ms cubic-bezier(.645, .045, .355, 1); }
.research-card.is-active .research-card__number { left: var(--research-pad); transform: none; }
.research-card__copy { position: absolute; isolation: isolate; bottom: 28px; left: var(--research-pad); width: calc(var(--research-open) - 2 * var(--research-pad)); }
.research-card__copy::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -24px calc(-1 * var(--research-pad)) -28px;
  background: linear-gradient(180deg, transparent, rgb(0 0 0 / 46%) 24px, rgb(0 0 0 / 60%) 60%, rgb(0 0 0 / 72%));
  pointer-events: none;
}
.research-card__copy h3 { font: 400 18px/1.631 var(--font-satoshi); text-shadow: 0 1px 3px rgb(0 0 0 / 55%); }
.research-card__copy p { margin: 16px 0 0; font: 300 16px/1.631 var(--font-satoshi); }
.research-card__copy { opacity: 0; visibility: hidden; transition: opacity 100ms ease-out, visibility 0s 100ms; }
.research-card.is-active .research-card__copy { opacity: 1; visibility: visible; transition: opacity 180ms ease-out 280ms, visibility 0s 280ms; }
.research-card:focus-visible { outline: 2px solid var(--accent-green); outline-offset: -2px; }
@container (max-width: 660px) {
  .research-card-grid { --research-open: 64cqw; --research-active-grow: calc(64 / 18); --research-height: 440px; }
  .research-card__number { font-size: 24px; }
}
.cs-findings { margin: var(--gap-heading-para) 0 0 var(--content-x); width: var(--content-w); padding-left: 20px; font: 300 16px/1.631 var(--font-satoshi); }
.cs-findings li + li { margin-top: var(--gap-heading-para); }
.statement-groups { container-type: inline-size; margin: var(--gap-major) 0 0 var(--content-x); width: var(--content-w); }
.statement-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 56px; row-gap: var(--gap-minor); align-items: start; }
.cs-statement { min-width: 0; }
.cs-statement h3 { display: flex; align-items: center; gap: .5em; font: 400 18px/1.631 var(--font-satoshi); }
.cs-statement h3::before { content: ''; flex: none; width: .25em; height: .25em; background: currentColor; }
.cs-statement ul { display: grid; gap: var(--gap-heading-para); margin-top: var(--gap-heading-para); list-style: none; font: 300 16px/1.631 var(--font-satoshi); }
@container (max-width: 656px) {
 .statement-grid { grid-template-columns: 1fr; }
}
.archetypes { margin: var(--gap-major) 0 0 var(--wide-x); width: var(--wide-w); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: 1fr auto auto; gap: 0; }
.archetype-card { position: relative; display: grid; grid-template-rows: subgrid; grid-row: 1 / span 3; overflow: hidden; }
.archetype-card:nth-child(1) { grid-column: 1; }
.archetype-card:nth-child(2) { grid-column: 2; }
.archetype-card:nth-child(3) { grid-column: 3; }
.archetype-photo { grid-area: 1 / 1 / 4 / 2; }
.archetype-select { display: block; width: 100%; border: 0; padding: 0; background: transparent; color: inherit; }
.archetype-photo img { display: block; width: 100%; height: auto; transition: transform 200ms cubic-bezier(.645, .045, .355, 1); }
.archetype-info { grid-area: 2 / 1 / 4 / 2; display: grid; grid-template-rows: subgrid; position: relative; padding: 20px; color: #fff; background: rgb(0 0 0 / 70%); }
.archetypes h3 { font: 400 18px/1.4 var(--font-satoshi); }
.archetypes blockquote { margin-top: 16px; font: 300 16px/1.631 var(--font-satoshi); }
.archetype-card:focus-visible { outline: 2px solid var(--accent-green); outline-offset: 4px; z-index: 1; }
@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
 .archetype-info { transform: translateY(100%); transition: transform 200ms cubic-bezier(.645, .045, .355, 1); }
 .archetype-card:is(:hover, :focus-visible, :focus-within) .archetype-info { transform: translateY(0); }
 .archetype-card:is(:hover, :focus-visible, :focus-within) .archetype-photo img { transform: scale(1.04); }
}
@media (max-width: 600px) {
 .archetypes { grid-template-rows: auto auto; background: #202020; }
 .archetype-card { display: contents; }
 .archetype-photo { grid-row: 1; grid-column: auto; overflow: hidden; }
 .archetype-select { position: relative; cursor: pointer; }
 .archetype-select::after { content: ''; position: absolute; inset: auto 0 0; height: 3px; background: var(--accent-green); opacity: 0; }
 .archetype-card.is-selected .archetype-select::after { opacity: 1; }
 .archetype-select:focus-visible { outline: 2px solid var(--accent-green); outline-offset: -4px; }
 .archetype-info { grid-area: 2 / 1 / 3 / 4; display: block; background: transparent; visibility: hidden; }
 .archetype-card.is-selected .archetype-info { visibility: visible; }
}
.archetypes + .cs-text { margin-top: var(--gap-major); }
.cs-quote { margin: var(--gap-minor) 0 0 var(--content-x); width: var(--content-w); padding-left: 24px; border-left: 2px solid var(--accent-green); font: 300 italic 18px/1.631 var(--font-satoshi); }
.cs-quote.plain { padding-left: 0; border-left: 0; color: var(--gray-body-secondary); font: 300 16px/1.631 var(--font-satoshi); }
.cs-wide-media + .cs-quote { margin-top: var(--gap-major); }
.media-link { display: block; position: relative; color: inherit; }


.media-link:focus-visible { outline: 2px solid var(--accent-green); outline-offset: 4px; }
.demo-pair { margin: var(--gap-major) 0 0 var(--wide-x); width: var(--wide-w); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-minor); align-items: start; }
.demo-pair video { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; background: #000; }
.demo-pair figure { container-type: inline-size; }
.demo-video { position: relative; padding: 6.4%; border-radius: 11.6cqw; background: #000; box-shadow: 0 8px 8px rgb(0 0 0 / 20%); }
.demo-video video { border-radius: 5.2cqw; }
.demo-toggle { position: absolute; right: calc(6.4cqw + 12px); bottom: calc(6.4cqw + 12px); display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid rgb(255 255 255 / 35%); border-radius: 50%; color: #fff; background: rgb(0 0 0 / 65%); cursor: pointer; }
.demo-toggle svg { display: block; width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; }
.demo-toggle .demo-play, .demo-toggle[data-paused="true"] .demo-pause { display: none; }
.demo-toggle[data-paused="true"] .demo-play { display: block; }
.demo-toggle:focus-visible { outline: 2px solid var(--accent-green); outline-offset: 3px; }
.demo-pair figcaption { margin-top: 16px; font: 300 14px/1.5 var(--font-satoshi); color: var(--gray-body-secondary); }
.lucky-visuals { position: relative; height: clamp(600px, 52vw, 800px); margin-top: var(--gap-major); overflow: clip; }
.lucky-interface { position: absolute; bottom: 0; width: min(544px, calc(var(--wide-w) * .54)); margin-left: var(--wide-x); }
.lucky-visuals img { display: block; width: 100%; height: auto; }
.lucky-device { position: absolute; top: 0; right: 0; width: clamp(440px, 42vw, 640px); pointer-events: none; }
@media (min-width: 1080px) and (max-width: 1199px) {
 .lucky-device { width: 36vw; }
}
@media (max-width: 1079px) {
 .lucky-visuals { height: auto; }
 .lucky-interface { position: static; width: var(--content-w); margin-left: var(--content-x); }
 .lucky-device { display: none; }
}
.testing-gallery { margin: var(--gap-major) 0 0 var(--wide-x); width: var(--wide-w); }
.testing-row { display: grid; grid-template-columns: 1.632fr 1.337fr .948fr; gap: 20px; }
.testing-row + .testing-row { grid-template-columns: 1fr 1fr; margin-top: 20px; }
.testing-photo { overflow: hidden; }
.testing-photo img { display: block; width: 100%; height: auto; transform: scale(1.06); }
.testing-results { margin: var(--gap-major) 0 0 var(--content-x); width: var(--content-w); display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.testing-value { font: 400 clamp(48px, 5vw, 72px)/1.1 var(--font-gambarino); }
.testing-value span { font-size: .55em; }
.testing-description { margin-top: 24px; font: 300 16px/1.631 var(--font-satoshi); }
.first-media { margin-top: var(--gap-minor); }
.final-showcase { container-type: inline-size; margin: var(--gap-minor) 0 0 var(--wide-x); width: var(--wide-w); }
.final-stage { position: relative; padding-bottom: 5.2%; }
.final-showcase img { display: block; width: 100%; height: auto; }
.final-device { position: absolute; top: 7.7cqw; left: 0; width: 40%; aspect-ratio: 1115 / 1363; overflow: clip; pointer-events: none; }
/* The visible artwork spans source rows 84–1447 in the 1803px-tall PNG. */
.final-device img { height: 100%; object-fit: cover; object-position: center 19.09%; }
@media (max-width: 1079px) {
 .final-device { left: calc(-1 * var(--wide-x)); }
}
@media (max-width: 600px) {
 .final-stage { height: clamp(360px, 58svh, 520px); padding-bottom: 0; }
 .final-overview { height: calc(100% - 32px); overflow: clip; }
 .final-overview .media-link { height: 100%; }
 .final-overview img { height: 100%; object-fit: cover; object-position: 60% center; }
 .final-device { top: auto; bottom: 0; width: 76%; max-width: 300px; }
}
.site-footer { padding: 64px 0 40px; font: 400 14px/1.5 var(--font-satoshi); color: var(--black); }
.site-footer-inner { width: var(--wide-w); margin-left: var(--wide-x); }
.footer-mark { color: var(--accent-green); font-weight: 700; }
@media (max-width: 1079px) {
 :root { --pm: clamp(28px, 5vw, 56px); --wide-w: min(860px, calc(100% - 2 * var(--pm))); --wide-x: calc(50% - var(--wide-w) / 2); --wide-w-narrow: var(--wide-w); --content-w: min(660px, calc(100% - 2 * var(--pm))); --content-x: calc(50% - var(--content-w) / 2); }
 .cs-rail { display: none; }
}
@media (max-width: 600px) {
 :root { --pm: clamp(18px, 6vw, 26px); --wide-w: calc(100% - 2 * var(--pm)); --wide-x: var(--pm); --wide-w-narrow: var(--wide-w); --content-w: var(--wide-w); --content-x: var(--pm); }
 .logo-mark { left: 24px; top: 20px; font-size: 80.55px; }
 nav.site-nav { left: auto; right: 24px; top: 24px; padding: 0; }
 .nav-toggle { display: flex; }
 .site-nav ul { display: none; }
 .site-nav ul.is-open { display: flex; flex-direction: column; gap: 16px; position: absolute; right: 0; top: 40px; background: var(--bg); padding: 16px 20px; box-shadow: 0 8px 24px rgba(0,0,0,.12); }
 .cs-header { padding-top: 84px; }
 .cs-tagline { font-size: clamp(22px, 6.5vw, 26px); }
 .cs-cover { height: 50vh; margin-top: clamp(36px, 10vw, 96px); margin-bottom: clamp(52px, 14vw, 128px); }
 .demo-pair { grid-template-columns: 1fr; }
 .demo-pair figure { width: min(100%, 380px); margin-inline: auto; }
 .testing-row { grid-template-columns: 1fr 1fr; gap: 16px; }
 .testing-row:first-child .testing-photo:first-child { grid-column: 1 / -1; }
 .testing-row + .testing-row { gap: 16px; margin-top: 16px; }
 .testing-row:first-child .testing-photo:not(:first-child) { aspect-ratio: 778 / 582; overflow: hidden; }
 .testing-row:first-child .testing-photo:not(:first-child) img { height: 100%; object-fit: cover; }
 .testing-results { gap: 24px; }
 .cs-quote { font-size: 16px; padding-left: 20px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }