/* Pass 28 — the cycle is an event that creates four durable outputs. */
.page-section.cycle-story{
  /* The same page-shell width and centering as the adjacent content sections. */
  padding:88px 0 96px;
}
.cycle-story-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr);gap:64px;align-items:end;margin-bottom:34px}
.cycle-story-heading h2{max-width:760px;margin:0;font-size:clamp(46px,6.2vw,82px);line-height:.98;letter-spacing:-.058em}
.cycle-story-heading>p{margin:0 0 5px;color:var(--muted,#9da8bc);font-size:14px;line-height:1.72}
.cycle-story-path{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:stretch;padding:28px;border:1px solid rgba(137,151,213,.18);border-radius:28px;background:linear-gradient(135deg,rgba(8,19,32,.86),rgba(22,12,36,.84));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.cycle-story-step{min-height:210px;display:grid;grid-template-columns:auto 1fr;gap:17px;padding:21px;border:1px solid rgba(137,151,213,.17);border-radius:20px;background:rgba(7,12,25,.72)}
.cycle-story-number{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(92,242,255,.24);border-radius:10px;color:#78e8ff;font-size:8px;font-weight:900;letter-spacing:.08em;background:rgba(92,242,255,.045)}
.cycle-story-label,.cycle-story-output>span,.cycle-story-output-head>span{display:block;color:#78e8ff;font-size:8px;font-weight:900;letter-spacing:.16em}
.cycle-story-step h3{margin:12px 0 8px;font-size:20px;line-height:1.14;letter-spacing:-.025em}.cycle-story-step p{margin:0;color:var(--muted,#9da8bc);font-size:11px;line-height:1.7}
.cycle-story-arrow{align-self:center;color:rgba(141,121,255,.75);font-size:22px}
.cycle-story-output-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:38px 2px 14px}.cycle-story-output-head p{max-width:620px;margin:0;color:var(--muted,#9da8bc);font-size:11px;line-height:1.6;text-align:right}
.cycle-story-outputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cycle-story-output{min-height:260px;padding:23px;display:flex;flex-direction:column;border:1px solid rgba(137,151,213,.17);border-radius:20px;background:linear-gradient(150deg,rgba(10,16,31,.88),rgba(8,9,22,.76));transition:transform .17s ease,border-color .17s ease,background .17s ease}
.cycle-story-output:hover{transform:translateY(-2px);border-color:rgba(92,242,255,.38);background:linear-gradient(150deg,rgba(11,21,38,.94),rgba(13,9,29,.84))}.cycle-story-output h3{margin:20px 0 9px;font-size:18px;line-height:1.2;letter-spacing:-.025em}.cycle-story-output p{margin:0;color:var(--muted,#9da8bc);font-size:10.5px;line-height:1.72}.cycle-story-output strong{margin-top:auto;padding-top:24px;color:#d9ff61;font-size:9px;letter-spacing:.04em}
.cycle-story-thesis{margin-top:14px;padding:22px 24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;border:1px solid rgba(216,255,82,.16);border-radius:20px;background:linear-gradient(100deg,rgba(216,255,82,.045),rgba(92,242,255,.03),rgba(148,103,255,.04))}.cycle-story-thesis>strong{font-size:13px;letter-spacing:.025em}.cycle-story-thesis>p{margin:0;color:var(--muted,#9da8bc);font-size:10.5px;line-height:1.65}.cycle-story-thesis .button{white-space:nowrap}
@media(max-width:980px){.cycle-story-heading{grid-template-columns:1fr;gap:18px}.cycle-story-heading>p{max-width:720px}.cycle-story-path{grid-template-columns:1fr}.cycle-story-arrow{transform:rotate(90deg);justify-self:center}.cycle-story-outputs{grid-template-columns:1fr 1fr}.cycle-story-thesis{grid-template-columns:1fr;gap:12px}.cycle-story-thesis .button{justify-self:start}}
@media(max-width:620px){.page-section.cycle-story{padding:62px 0 72px}.cycle-story-heading h2{font-size:clamp(42px,13vw,58px)}.cycle-story-path{padding:14px;border-radius:22px}.cycle-story-step{min-height:auto;padding:18px}.cycle-story-outputs{grid-template-columns:1fr}.cycle-story-output{min-height:auto}.cycle-story-output-head{align-items:flex-start;flex-direction:column;gap:8px}.cycle-story-output-head p{text-align:left}.cycle-story-thesis{padding:20px}}


