#workflow{scroll-margin-top:110px}.workflow-visual{align-items:center}.learning-curve{min-width:0;margin:0;padding:clamp(18px,3vw,36px);border:1px solid var(--rule);background:var(--paper)}.learning-curve__heading{display:flex;justify-content:space-between;gap:20px;font:11px/1.6 monospace;text-transform:uppercase;color:var(--muted-ink)}.learning-curve__heading span:last-child{flex-shrink:0;color:var(--red-ink)}.learning-curve svg{display:block;width:100%;height:auto;margin:32px 0 4px;overflow:visible}.learning-curve__grid{stroke:var(--rule);stroke-width:1}.learning-curve__axis{fill:none;stroke:var(--rule);stroke-width:2}.learning-curve__area{fill:var(--utah-red);opacity:.07}.learning-curve__line{fill:none;stroke:var(--utah-red);stroke-width:6;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:0}.learning-curve__marker{fill:var(--paper)}.learning-curve__labels{display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.5}.learning-curve__labels span:last-child{text-align:right;color:var(--red-ink)}.learning-curve figcaption{margin-top:28px;padding-top:18px;border-top:1px solid var(--rule);font-size:12px;line-height:1.6;color:var(--muted-ink)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.learning-curve{view-timeline:--learning-curve block}.learning-curve__line{animation:learning-curve-draw linear both;animation-timeline:--learning-curve;animation-range:entry 10% cover 55%}}}@keyframes learning-curve-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@media (max-width:600px){.learning-curve__heading{flex-direction:column;gap:4px}.learning-curve__labels{gap:16px;font-size:11px}}