.se-story{width:min(1160px,calc(100% - 40px));margin:0 auto;position:relative;z-index:2}
.se-chapter{position:relative;width:min(1160px,100%);margin:var(--ds-space-section) auto;padding:var(--ds-space-card);border:1px solid var(--ds-border-glass);background:linear-gradient(145deg,var(--ds-surface-glass),rgba(255,255,255,.024));border-radius:var(--ds-radius-lg);box-shadow:0 28px 110px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}
.se-chapter:after{content:"";position:absolute;inset:-1px;z-index:0;pointer-events:none;opacity:.46;background:radial-gradient(circle at 84% 14%,rgba(153,217,217,.16),transparent 26rem),radial-gradient(circle at 12% 100%,rgba(53,84,100,.18),transparent 32rem)}
.se-chapter>*{position:relative;z-index:1}
.se-eyebrow{color:var(--ds-color-accent);font-size:var(--ds-font-eyebrow);font-weight:850;text-transform:uppercase;letter-spacing:.18em;margin:0 0 18px}
.se-hero{min-height:86vh;display:flex;flex-direction:column;justify-content:center}
.se-hero h1{font-size:var(--ds-font-hero);line-height:.92;letter-spacing:-.075em;margin:0;max-width:980px;color:var(--ds-color-text)}
.se-hero h2,.se-chapter h2{font-size:var(--ds-font-section);line-height:.98;letter-spacing:-.06em;margin:0;max-width:1000px;color:var(--ds-color-text)}
.se-hero p,.se-chapter p{max-width:780px;color:var(--ds-color-muted);font-size:var(--ds-font-body);line-height:1.68}
.se-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:var(--ds-space-section) auto}
.se-metric,.se-card{border:1px solid var(--ds-border-glass);border-radius:calc(var(--ds-radius-lg) - 4px);background:rgba(255,255,255,.052);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);padding:28px}
.se-metric strong{display:block;color:var(--ds-color-accent);font-size:clamp(48px,7vw,84px);line-height:1;letter-spacing:-.06em;margin-bottom:14px}
.se-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:42px}
.se-pipeline-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.se-timeline{position:relative;margin-top:42px;display:grid;gap:18px}
.se-timeline:before{content:"";position:absolute;left:24px;top:12px;bottom:12px;width:2px;background:linear-gradient(var(--ds-color-accent),rgba(153,217,217,.1));opacity:.65}
.se-timeline-step{display:grid;grid-template-columns:72px 1fr;gap:22px;align-items:start;position:relative}
.se-timeline-dot{width:50px;height:50px;border-radius:var(--ds-radius-pill);background:rgba(153,217,217,.13);border:1px solid rgba(153,217,217,.48);box-shadow:0 0 36px rgba(153,217,217,.18);display:grid;place-items:center;color:var(--ds-color-accent);font-weight:900;position:relative;z-index:2}
.se-big-quote{color:var(--ds-color-text)!important;font-size:clamp(36px,6vw,82px)!important;line-height:1.05!important;letter-spacing:-.055em!important;max-width:1000px!important}
.se-lesson{margin-top:42px;border:1px solid rgba(153,217,217,.28);background:radial-gradient(circle at 82% 22%,rgba(153,217,217,.16),transparent 24rem),rgba(255,255,255,.055);border-radius:var(--ds-radius-lg);padding:clamp(32px,6vw,72px)}
.se-lesson p:last-child{color:var(--ds-color-text);font-size:clamp(30px,4vw,54px);line-height:1.12;letter-spacing:-.055em}
@media(max-width:900px){.se-story{width:min(100% - 28px,1160px)}.se-chapter{padding:28px}.se-metrics,.se-grid,.se-pipeline-grid{grid-template-columns:1fr}.se-hero{min-height:auto;padding-top:72px;padding-bottom:72px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* v5.1 delegates vertical hero placement to hero-layout-engine.css */

/* v6.0.0-beta.5.34 — five-across pipeline card fit
   Keep long one-word labels inside legacy Growth Story pipeline cards. */
.se-pipeline-grid > .se-card {
  min-width: 0;
  padding: 20px 14px;
}
.se-pipeline-grid > .se-card h3 {
  min-width: 0;
  max-width: 100%;
  margin-top: 0;
  font-size: clamp(21px, 1.8vw, 24px);
  line-height: 1.06;
  letter-spacing: -.04em;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
}
@media (max-width: 1180px) and (min-width: 901px) {
  .se-pipeline-grid > .se-card {
    padding-left: 12px;
    padding-right: 12px;
  }
  .se-pipeline-grid > .se-card h3 {
    font-size: clamp(20px, 1.75vw, 23px);
  }
}