/* ALIGN V11.4 — Unified infographic treatment. Preserve diagram semantics and interactions. */
:root{--ig-navy:#020165;--ig-deep:#07113e;--ig-orange:#FD7500;--ig-hairline:rgba(171,188,255,.24);--ig-glass:rgba(31,47,116,.48);--ig-shadow:0 22px 55px rgba(2,1,101,.15);--ig-radius:18px;--ig-motion:cubic-bezier(.22,1,.36,1)}
/* Shared visual rhythm: restrained glass, fine edges, no heavy outlines. */
.orbital-art,.decision-diagram,.flow-graphic.premium-flow,.framework-shell,.ai-bridge-shell{isolation:isolate}
.decision-diagram,.flow-graphic.premium-flow{border-radius:var(--ig-radius)!important;border:1px solid var(--ig-hairline)!important;box-shadow:var(--ig-shadow)!important}
.decision-diagram{background:radial-gradient(ellipse at 50% 60%,rgba(253,117,0,.075),transparent 58%),#07113e!important}
.decision-diagram::before{background-size:48px 48px!important;opacity:.5}
.decision-nodes>div{background:var(--ig-glass)!important;border:1px solid var(--ig-hairline)!important;border-radius:12px!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 24px rgba(0,0,0,.08)!important;transition:transform .5s var(--ig-motion),border-color .35s ease,background .35s ease}
.decision-nodes>div:hover{transform:translateY(-3px);border-color:rgba(253,117,0,.55)!important}
.decision-line,.decision-line:before{border-color:rgba(253,117,0,.6)!important}
.decision-line:before{background:rgba(253,117,0,.6)!important}
.decision-conclusion{background:#14236e!important;color:#fff!important;border:1px solid rgba(253,117,0,.65);border-radius:12px!important;box-shadow:0 0 32px rgba(253,117,0,.1);font-family:'Space Grotesk',sans-serif!important;font-weight:650!important}
/* Framework: consistent fine borders, typography, restrained depth. */
.framework-rail{gap:8px}
.framework-step{border:1px solid rgba(2,1,101,.16)!important;border-radius:11px!important;transition:transform .35s var(--ig-motion),box-shadow .35s ease,border-color .35s ease}
.framework-step:hover,.framework-step:focus-visible{transform:translateY(-2px);box-shadow:0 12px 26px rgba(2,1,101,.08)}
.framework-step.is-active,.framework-step[aria-selected=true]{border-color:var(--ig-orange)!important;box-shadow:inset 0 0 0 1px rgba(253,117,0,.14),0 12px 25px rgba(2,1,101,.08)}
.framework-panel{border:1px solid rgba(2,1,101,.12);border-radius:13px;box-shadow:0 16px 36px rgba(2,1,101,.055)}
/* AI workflow: same card language and light strokes. */
.ai-method-panel,.ai-stage-detail,.ai-bridge-contrast-item{border-radius:12px!important}
.ai-method-tab,.lens-tab,.signal-option{transition:background .3s ease,border-color .3s ease,transform .35s var(--ig-motion)}
.ai-method-tab:hover,.lens-tab:hover,.signal-option:hover{transform:translateY(-2px)}
/* Orbital hero: elegant thin orbits, small signal nodes, reduced glare. */
.orbital,.orbital-arc{border-width:1px!important}
.orbital-dot{border-width:1px!important;width:11px;height:11px;box-shadow:0 0 15px rgba(253,117,0,.18)}
.orbital-core{box-shadow:0 0 0 9px rgba(253,117,0,.055),0 0 44px rgba(253,117,0,.11)!important}
.orbit-caption{font-family:'Manrope',sans-serif!important;font-weight:650!important;letter-spacing:.13em!important}
/* Consistent motion and accessibility. */
@media(prefers-reduced-motion:reduce){.decision-nodes>div,.framework-step,.ai-method-tab,.lens-tab,.signal-option{transition:none!important;transform:none!important}}
@media(max-width:640px){.decision-diagram,.flow-graphic.premium-flow{border-radius:12px!important}.framework-step{border-radius:9px!important}}