.sketch{flex:none;display:block;overflow:visible}.sketch .sk,.road-path .sk{fill:none;stroke:var(--color-text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.sketch .sk-t,.road-path .sk-t{stroke:var(--color-primary)}.sketch .sk-gold{fill:var(--color-accent);stroke:var(--color-text)}.sketch .sk-ft{fill:var(--color-primary-soft)}.sketch .sk-fg{fill:var(--color-accent-soft)}.sk-dash-line,.road-path .sk-dash-line{stroke-dasharray:3 6}.before-after{margin-block-start:1.5rem}.ba-panel{border:1px solid var(--color-line-default);background:var(--color-surface);border-radius:1rem;gap:.75rem;margin:0;padding:1rem 1.1rem;display:grid}.ba-with{border-color:var(--color-primary);background:var(--color-primary-soft)}.ba-tag{font:600 .72rem/1 var(--font-family-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.ba-tag-with{color:var(--color-primary)}.ba-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ba-gap{border-block-start:2px dashed var(--color-line-strong);flex:1;min-width:1rem;height:0}.ba-gap.sk-dash-gold{border-color:var(--color-accent-text)}.ba-caption{color:var(--color-text-muted);justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.flow-strip{grid-template-columns:repeat(2,1fr);gap:1.25rem .75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.flow-step{text-align:center;justify-items:center;gap:.35rem;display:grid;position:relative}.flow-step b{font:600 .95rem/1.2 var(--font-family-display,inherit)}.flow-step span{color:var(--color-text-muted);max-width:14ch;font-size:.8rem}.flow-arrow{display:none}.flow-arrow-v{grid-column:1;justify-self:center;margin-block:.1rem}.sketch-bader{object-fit:contain;flex:none;display:block}@media (max-width:767px){.flow-strip{grid-template-columns:1fr;gap:0}.flow-step{text-align:start;grid-template-columns:44px 1fr;place-items:center start;column-gap:.85rem}.flow-step>.sketch:first-child,.flow-step>.sketch-bader:first-child{width:44px;height:44px}.flow-step b{font-size:1rem}.flow-step>.flow-arrow-v{grid-column:1}}@media (min-width:768px){.flow-arrow-v{display:none}.flow-strip{grid-template-columns:repeat(4,1fr);gap:1.5rem}.flow-arrow{display:block;position:absolute;inset-block-start:22px;inset-inline-end:-1.9rem}.flow-step span{max-width:20ch;font-size:.9rem}}.roadmap{gap:1.1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid;position:relative}.road-path{pointer-events:none;position:absolute}.road-v{width:2.5rem;height:calc(100% - 2rem);inset-block:1rem;inset-inline-start:0}.road-h{display:none}.road-step{min-height:3.6rem;padding-inline-start:3.4rem;position:relative}.road-step h3{font:600 1.05rem/1.25 var(--font-family-display,inherit)}.road-step p{color:var(--color-text-muted);margin-block-start:.2rem;font-size:.9rem}.road-pin{border:2px solid var(--color-primary);background:var(--color-primary-soft);width:2rem;height:2rem;font:600 .85rem var(--font-family-mono,monospace);color:var(--color-text);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-start:.25rem}.road-pin-gold{border-color:var(--color-text);background:var(--color-accent)}@media (min-width:768px){.roadmap{grid-template-columns:repeat(4,1fr);gap:1.5rem;padding-block-start:3rem}.road-v{display:none}.road-h{width:100%;height:2.5rem;display:block;inset-block-start:.5rem;inset-inline:0}[dir=rtl] .road-h{transform:scaleX(-1)}.road-step{padding-inline-start:0}.road-pin{inset-block-start:-2.5rem;inset-inline-start:0}}.data-safety{gap:.75rem;margin:1.25rem 0 0;display:grid}.ds-row{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.ds-box{border:2px dashed var(--color-accent-text);border-radius:1rem;align-items:center;gap:.15rem;padding:.6rem .5rem;display:flex;position:relative}.ds-lock{background:var(--color-bg);border-radius:50%;position:absolute;inset-block-start:-1.1rem;inset-inline-end:-.5rem}.ds-caption{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;font-size:.8rem;display:flex}.ds-caption b{color:var(--color-text);flex-basis:100%;font-size:.9rem;font-weight:600}@keyframes sk-draw{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes sk-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){[data-in] .sketch{animation:.7s ease-out both sk-draw;animation-delay:calc(var(--i,0) * .12s)}[data-in] .flow-step,[data-in] .road-step{animation:sk-pop .5s var(--motion-easing-standard,ease-out) both;animation-delay:calc(var(--i,0) * .12s)}[data-in] .road-path .sk-dash-line{animation:.9s ease-out both sk-pop}}@media (max-width:767px){[data-in] .sketch{animation:none}}