.technical-visual.svelte-1haakf3{gap:16px;margin:34px 0;scroll-margin-top:104px;display:grid}.technical-visual__head.svelte-1haakf3{gap:6px;display:grid}.technical-visual__head.svelte-1haakf3 p:where(.svelte-1haakf3),.visual-panel.svelte-1haakf3>span:where(.svelte-1haakf3){color:var(--color-cyan);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:800}.technical-visual__head.svelte-1haakf3 h2:where(.svelte-1haakf3),.visual-panel.svelte-1haakf3 h3:where(.svelte-1haakf3),.visual-panel.svelte-1haakf3 p:where(.svelte-1haakf3){margin:0}.oran-workflow.svelte-1haakf3{grid-template-columns:minmax(0,1fr) minmax(260px,.38fr);align-items:stretch;gap:14px;display:grid}.oran-workflow__map.svelte-1haakf3,.visual-panel.svelte-1haakf3{border:1px solid var(--color-line);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);background:linear-gradient(#9dbec60f 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#9dbec60d 1px,#0000 1px) 0 0/30px 30px,radial-gradient(circle at 20% 18%,#70e4d71c,#0000 32%),linear-gradient(135deg,#081112f0,#040708e6)}.oran-workflow__map.svelte-1haakf3{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:8px;min-height:430px;padding:18px;display:grid}.oran-step.svelte-1haakf3{min-width:0;min-height:132px;color:var(--color-text-soft);text-align:left;cursor:pointer;background:linear-gradient(135deg,#70e4d70f,#0000 58%),#050a0beb;border:1px solid #9dbec642;align-content:start;gap:12px;padding:13px;transition:border-color .18s,background .18s,color .18s,opacity .18s,transform .18s;display:grid;position:relative}.oran-step.svelte-1haakf3:before{content:"";pointer-events:none;border-top:3px solid #0000;position:absolute;inset:0}.oran-step.inFlow.svelte-1haakf3{color:var(--color-text);background:linear-gradient(135deg,#70e4d71f,#0000 58%),#050a0bf5;border-color:#70e4d785}.oran-step.active.svelte-1haakf3,.oran-step.svelte-1haakf3:focus-visible{border-color:var(--color-line-strong);color:var(--color-text);outline:none;transform:translateY(-2px);box-shadow:0 0 0 1px #70e4d747,0 14px 28px #0000003d}.oran-step--telemetry.svelte-1haakf3:before{border-top-color:#f4c879b8}.oran-step--switching.svelte-1haakf3:before{border-top-color:#ef7d6aad}.oran-step--observability.svelte-1haakf3:before{border-top-color:#88a6b8b3}.oran-step__index.svelte-1haakf3,.oran-step__meta.svelte-1haakf3,.route-readout.svelte-1haakf3,.flow-buttons.svelte-1haakf3 button:where(.svelte-1haakf3),.visual-panel__details.svelte-1haakf3{font-family:var(--font-mono)}.oran-step__index.svelte-1haakf3{width:32px;height:24px;color:var(--color-text);border:1px solid #70e4d75c;place-items:center;font-size:.72rem;font-weight:850;display:inline-grid}.oran-step__copy.svelte-1haakf3{gap:5px;display:grid}.oran-step__copy.svelte-1haakf3 strong:where(.svelte-1haakf3){font-size:.94rem;line-height:1.2}.oran-step__copy.svelte-1haakf3 small:where(.svelte-1haakf3),.oran-step__meta.svelte-1haakf3{color:var(--color-muted);font-size:.72rem;font-weight:760;line-height:1.3}.oran-step__meta.svelte-1haakf3{text-transform:uppercase;border-top:1px solid #9dbec629;align-self:end;padding-top:9px}.visual-panel.svelte-1haakf3{align-content:start;gap:13px;padding:18px;display:grid}.visual-panel.svelte-1haakf3 p:where(.svelte-1haakf3),.visual-panel__details.svelte-1haakf3{color:var(--color-text-soft);font-size:.92rem;line-height:1.5}.route-readout.svelte-1haakf3{flex-wrap:wrap;align-items:center;gap:6px;font-size:.72rem;display:flex}.route-readout.svelte-1haakf3 span:where(.svelte-1haakf3){border-radius:var(--radius-sm);color:var(--color-text);background:#ffffff09;border:1px solid #9dbec638;padding:4px 6px}.visual-panel__details.svelte-1haakf3{gap:8px;margin:0;padding:0;list-style:none;display:grid}.visual-panel__details.svelte-1haakf3 li:where(.svelte-1haakf3){border-left:2px solid #70e4d757;padding-left:10px}.flow-buttons.svelte-1haakf3{flex-wrap:wrap;gap:8px;display:flex}.flow-buttons.svelte-1haakf3 button:where(.svelte-1haakf3){border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-text-soft);cursor:pointer;background:#ffffff0a;padding:7px 9px;font-size:.72rem}.flow-buttons.svelte-1haakf3 button.active:where(.svelte-1haakf3),.flow-buttons.svelte-1haakf3 button:where(.svelte-1haakf3):focus-visible{border-color:var(--color-line-strong);box-shadow:inset 0 -2px 0 var(--color-cyan);color:var(--color-text);outline:none}@media (prefers-reduced-motion:reduce){.oran-step.svelte-1haakf3{transition-duration:1ms}}@media (width<=980px){.oran-workflow.svelte-1haakf3{grid-template-columns:1fr}.oran-workflow__map.svelte-1haakf3{grid-template-columns:repeat(3,minmax(0,1fr));min-height:auto}}@media (width<=560px){.technical-visual.svelte-1haakf3{scroll-margin-top:190px}.oran-workflow__map.svelte-1haakf3,.visual-panel.svelte-1haakf3{padding:14px}.oran-workflow__map.svelte-1haakf3{grid-template-columns:1fr}.oran-step.svelte-1haakf3{min-width:0;min-height:auto}}