.dari-substrate__layout{grid-template-columns:minmax(18rem,4fr) minmax(0,8fr);align-items:start;gap:clamp(3rem,7vw,7rem);display:grid}.dari-substrate__intro{position:sticky;top:8rem}.dari-flow{border-top:2px solid var(--color-text-primary);margin:0;padding:0;list-style:none;position:relative}.dari-flow:before,.dari-flow:after{z-index:0;content:"";transform-origin:top;width:1px;position:absolute;top:3.25rem;bottom:3.25rem;left:1.5rem}.dari-flow:before{background:var(--color-border-strong)}.dari-flow:after{background:var(--color-action);box-shadow:0 0 .75rem color-mix(in srgb, var(--color-action) 24%, transparent);transform:scaleY(0)}.dari-flow li{z-index:1;border-bottom:1px solid var(--color-border-subtle);grid-template-columns:3rem minmax(6rem,.65fr) minmax(15rem,1.8fr) minmax(10rem,auto);align-items:center;gap:1.25rem;min-height:6.5rem;padding:1.25rem 0;display:grid;position:relative}.dari-flow__marker{width:3rem;height:3rem;color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border-strong);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;display:grid}.dari-flow strong{font-size:1rem;font-weight:700}.dari-flow p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.6}.dari-flow small{color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:.02em;font-size:.68rem;font-weight:650;line-height:1.5}@media (prefers-reduced-motion:no-preference){.dari-flow:after{animation:dari-trace 9.6s var(--ease-carbon) infinite}.dari-flow__marker{animation:dari-stage 9.6s calc(var(--dari-step) * 1.65s) var(--ease-carbon) infinite both}.dari-flow li strong{animation:dari-copy 9.6s calc(var(--dari-step) * 1.65s) var(--ease-carbon) infinite both}}@keyframes dari-trace{0%,6%{opacity:.25;transform:scaleY(0)}68%,88%{opacity:1;transform:scaleY(1)}96%,to{opacity:0;transform:scaleY(1)}}@keyframes dari-stage{0%,18%,to{color:var(--color-text-secondary);background:var(--color-bg-primary);border-color:var(--color-border-strong);box-shadow:none;transform:scale(1)}5%,12%{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-action) 16%, var(--color-bg-primary));border-color:var(--color-action);box-shadow:0 0 0 5px color-mix(in srgb, var(--color-action) 14%, transparent);transform:scale(1.04)}}@keyframes dari-copy{0%,18%,to{color:var(--color-text-primary);transform:translate(0)}5%,12%{color:var(--color-action-hover);transform:translate(.2rem)}}@media (max-width:900px){.dari-substrate__layout{grid-template-columns:minmax(0,1fr)}.dari-substrate__intro{position:static}}@media (max-width:680px){.dari-substrate{padding-block:2.75rem}.dari-substrate__layout{gap:1.5rem}.dari-flow li{grid-template-columns:3rem minmax(0,1fr);gap:.4rem 1rem}.dari-flow__marker{grid-row:1/span 3;align-self:center}.dari-flow p,.dari-flow small{grid-column:2}}@media (prefers-reduced-motion:reduce){.dari-flow *,.dari-flow:after{transition:none!important;animation:none!important}}
