.story-stage{border:1px solid var(--color-ink);background:var(--color-bg);position:relative;overflow:hidden}.story-glow{pointer-events:none;background-image:radial-gradient(closest-side,#f2d60080,#0000 70%),radial-gradient(closest-side,#075c5138,#0000 72%);background-position:18% 8%,92% 96%;background-repeat:no-repeat;background-size:68% 68%,58% 58%;position:absolute;inset:-28%}.story-frame{z-index:1;background:var(--color-bg);margin:12px;padding:12px;position:relative}.story-board{grid-template-columns:1fr;gap:12px;display:grid}.story-card{border:1px solid var(--color-border);background:var(--color-bg);align-items:center;gap:14px;min-height:60px;padding:8px 14px 8px 10px;display:flex;position:relative}.story-card:not(:last-child):before{content:"";background:var(--color-ink-muted);width:1px;height:12px;position:absolute;top:100%;left:30px}.story-icon{border:1px solid var(--color-ink);flex:none;place-items:center;width:40px;height:40px;display:grid}.story-foot{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-top:16px;padding-top:14px;display:flex}.story-card:after{content:"";border:2px solid var(--color-ink);opacity:0;pointer-events:none;position:absolute;inset:-1px}.story-pay{color:var(--color-ink);font-family:var(--font-display);opacity:0;font-size:18px;font-weight:700;line-height:1;position:absolute;top:calc(50% - 9px);right:14px;transform:translate(-10px)}@media (prefers-reduced-motion:no-preference){[data-play=true] .story-glow{animation:2.8s ease-out both story-glow}[data-play=true] .story-card:after{animation:6.4s both story-ring;animation-delay:calc(var(--step) * 1.35s)}[data-play=true] .story-card[data-last]:after{animation-name:story-ring-stay}[data-play=true] .story-pay{animation:.55s cubic-bezier(.22,1,.36,1) 4.6s both story-arrive}}@media print,(prefers-reduced-motion:reduce),(scripting:none){.story-glow,[data-play=true] .story-glow,.story-card:after,[data-play=true] .story-card:after{animation:none}.story-card[data-last]:after,[data-play=true] .story-card[data-last]:after{opacity:1;animation:none}.story-pay,[data-play=true] .story-pay{opacity:1;animation:none;transform:none}}@keyframes story-glow{0%{transform:translate(-6%,-4%)scale(1.04)}to{transform:none}}@keyframes story-ring{0%,18%{opacity:0}28%,48%{opacity:1}62%,to{opacity:0}}@keyframes story-ring-stay{0%,18%{opacity:0}28%,to{opacity:1}}@keyframes story-arrive{to{opacity:1;transform:none}}@media (max-width:23.75rem){.story-frame{margin:8px;padding:8px}.story-board{gap:10px}.story-card{gap:10px;min-height:52px;padding:6px 10px 6px 8px}.story-card:not(:last-child):before{height:10px;left:26px}.story-icon{width:36px;height:36px}}
.hero-fit{container-type:inline-size}.hero-title{text-wrap:balance;overflow-wrap:break-word;font-size:clamp(1.875rem,9.6vw,4rem);line-height:1}@media (min-width:48rem){.hero-title{white-space:nowrap;font-size:min(4.75rem, calc(100cqw / (var(--chars) * .5)))}}.ladder{gap:14px;display:grid}.ladder-step{align-items:center;gap:14px;display:flex;position:relative}.ladder-node{z-index:1;border:1px solid var(--color-ink);background:var(--color-bg);width:44px;height:44px;color:var(--color-ink);flex:none;place-items:center;display:grid;position:relative}.ladder-step:last-child .ladder-node{border-style:dashed}.ladder-label{font-family:var(--font-display);color:var(--color-ink);font-size:1rem;font-weight:600;line-height:1.2}.ladder-step:not(:last-child):after{content:"";background:var(--color-ink-muted);width:1px;height:14px;position:absolute;top:44px;left:22px}@media (min-width:48rem){.ladder{grid-template-columns:repeat(5,1fr);gap:0}.ladder-step{text-align:center;flex-direction:column;gap:10px}.ladder-step:not(:last-child):after{width:auto;height:1px;top:22px;left:calc(50% + 22px);right:calc(22px - 50%)}.ladder-label{font-size:.9375rem}}.flow-line{background:var(--color-ink);width:100%;height:1px;display:block;position:relative}.flow-line:after{content:"";border-top:1px solid var(--color-ink);border-right:1px solid var(--color-ink);width:8px;height:8px;position:absolute;top:-4px;right:1px;transform:rotate(45deg)}
