.technical-visual.svelte-1haakf3{display:grid;gap:16px;margin:34px 0;scroll-margin-top:104px}.technical-visual__head.svelte-1haakf3{display:grid;gap:6px}.technical-visual__head.svelte-1haakf3 p:where(.svelte-1haakf3),.visual-panel.svelte-1haakf3>span:where(.svelte-1haakf3){margin:0;color:var(--color-cyan);font-family:var(--font-mono);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.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{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.38fr);gap:14px;align-items:stretch}.oran-workflow__map.svelte-1haakf3,.visual-panel.svelte-1haakf3{border:1px solid var(--color-line);background:linear-gradient(rgba(157,190,198,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(157,190,198,.05) 1px,transparent 1px),radial-gradient(circle at 20% 18%,rgba(112,228,215,.11),transparent 32%),linear-gradient(135deg,#081112f0,#040708e6);background-size:30px 30px,30px 30px,auto,auto;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.oran-workflow__map.svelte-1haakf3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:center;min-height:430px;padding:18px}.oran-step.svelte-1haakf3{position:relative;display:grid;gap:12px;align-content:start;min-width:0;min-height:132px;border:1px solid rgba(157,190,198,.26);padding:13px;background:linear-gradient(135deg,rgba(112,228,215,.06),transparent 58%),#050a0beb;color:var(--color-text-soft);text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,opacity .18s ease,transform .18s ease}.oran-step.svelte-1haakf3:before{position:absolute;inset:0;border-top:3px solid transparent;content:"";pointer-events:none}.oran-step.inFlow.svelte-1haakf3{border-color:#70e4d785;background:linear-gradient(135deg,rgba(112,228,215,.12),transparent 58%),#050a0bf5;color:var(--color-text)}.oran-step.active.svelte-1haakf3,.oran-step.svelte-1haakf3:focus-visible{border-color:var(--color-line-strong);box-shadow:0 0 0 1px #70e4d747,0 14px 28px #0000003d;color:var(--color-text);outline:none;transform:translateY(-2px)}.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{display:inline-grid;place-items:center;width:32px;height:24px;border:1px solid rgba(112,228,215,.36);color:var(--color-text);font-size:.72rem;font-weight:850}.oran-step__copy.svelte-1haakf3{display:grid;gap:5px}.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{align-self:end;border-top:1px solid rgba(157,190,198,.16);padding-top:9px;text-transform:uppercase}.visual-panel.svelte-1haakf3{display:grid;gap:13px;align-content:start;padding:18px}.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{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.72rem}.route-readout.svelte-1haakf3 span:where(.svelte-1haakf3){border:1px solid rgba(157,190,198,.22);border-radius:var(--radius-sm);padding:4px 6px;background:#ffffff09;color:var(--color-text)}.visual-panel__details.svelte-1haakf3{display:grid;gap:8px;margin:0;padding:0;list-style:none}.visual-panel__details.svelte-1haakf3 li:where(.svelte-1haakf3){border-left:2px solid rgba(112,228,215,.34);padding-left:10px}.flow-buttons.svelte-1haakf3{display:flex;flex-wrap:wrap;gap:8px}.flow-buttons.svelte-1haakf3 button:where(.svelte-1haakf3){border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:7px 9px;background:#ffffff0a;color:var(--color-text-soft);font-size:.72rem;cursor:pointer}.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(max-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(max-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}}