.benefit-study {
  --benefit-inset: 40px;
  --benefit-space: 104px;
  --benefit-column-gap: 50px;
  --benefit-intro-width: 470px;
  --benefit-copy-width: 430px;
  --benefit-item-width: 353px;
  --benefit-intro-gap: 30px;
  --benefit-title: 36px;
  --benefit-height: 657px;
  --fan-width: 767px;
  --fan-height: 642px;
  --fan-right: 18px;
  --fan-bottom: -10px;
  --fan-cycle: 5000;
  --fan-base-opacity: .2;
  padding: var(--benefit-space) var(--benefit-inset);
  background: var(--v-surface);
  overflow: clip;
}
.benefit-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--benefit-column-gap); }
.benefit-intro { position: relative; min-height: var(--benefit-height); isolation: isolate; }
.benefit-intro__copy { position: relative; z-index: 1; display: grid; gap: var(--benefit-intro-gap); max-width: var(--benefit-intro-width); }
.benefit-intro__copy p { max-width: var(--benefit-copy-width); font-size: var(--lead); color: var(--v-muted); }
.wire-fan { position: absolute; right: var(--fan-right); bottom: var(--fan-bottom); width: var(--fan-width); height: var(--fan-height); fill: none; stroke: none; pointer-events: none; }
.wire-fan__paths { stroke: var(--v-blue); stroke-width: 2; fill: none; }
.wire-fan__base { opacity: var(--fan-base-opacity); }
.wire-fan__window { fill: var(--v-ink); stroke: none; }
.benefit-details { min-width: 0; }
.benefit-list { display: grid; gap: var(--s10); padding: 0; margin: 0; list-style: none; }
.benefit-item { display: grid; gap: var(--s2); max-width: var(--benefit-item-width); }
.benefit-number { color: var(--v-blue); margin-bottom: var(--s2); }
.benefit-number, .benefit-item h3 { font-size: var(--benefit-title); font-weight: var(--title-weight); line-height: 1.1; letter-spacing: -.02em; }
.benefit-item h3 { margin: 0; }
.benefit-item p { color: var(--v-muted); }
.benefit-action { display: inline-flex; align-items: center; gap: var(--s3); margin-top: var(--s14); min-height: var(--s12); padding: var(--s2) var(--s4); background: var(--v-blue); color: var(--v-white); font-size: var(--action); text-decoration: none; transition: background var(--motion); }
.benefit-action:hover { background: var(--v-navy); }
.benefit-action:active { opacity: .85; }
.benefit-action svg { width: var(--s4); height: var(--s4); }
.benefit-pause { display: block; margin-top: var(--s4); border: 0; background: transparent; color: var(--v-muted); padding: var(--s2) 0; min-height: var(--s12); font-size: var(--action); }
.benefit-pause[hidden] { display: none; }
.benefit-pause:hover { text-decoration: underline; }
.ecosystem-study { --ecosystem-space: 62px; --ecosystem-mark: 25px; --ecosystem-cell: 158px; }
.ecosystem-study .brand-band { padding-block: var(--ecosystem-space); background: var(--v-white); }
.ecosystem-mark { flex: 0 0 var(--ecosystem-cell); text-align: center; color: var(--v-muted); font-size: var(--ecosystem-mark); letter-spacing: -.04em; white-space: nowrap; }
@media (max-width: 1000px) {
  .benefit-study { --benefit-inset: 16px; --benefit-space: 64px; --benefit-title: 28px; }
  .benefit-layout { grid-template-columns: minmax(0, 1fr); gap: var(--s12); }
  .benefit-intro { min-height: 0; }
  .benefit-intro__copy { max-width: none; }
  .benefit-intro__copy p { max-width: var(--benefit-copy-width); }
  .wire-fan, .benefit-pause { display: none; }
}