.og{--ease:cubic-bezier(0.2,0.7,0.2,1);container-type:inline-size;margin:0}.og-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(14px,2.4vw,32px)}.og-stage{position:relative;aspect-ratio:16/10;border-radius:12px;border:1px solid var(--panel-rule);background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px) 0 0 /18px 18px,radial-gradient(60% 60% at 50% 50%,rgba(139,209,207,.05),transparent 70%),#141416}.og-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.og-wires.v{display:none}.og-wire{fill:none;stroke-linecap:round;transition:stroke-dashoffset .7s var(--ease),opacity .5s ease,stroke .5s ease}.og-wire.m{stroke:rgba(242,241,238,.45);stroke-width:.3;stroke-dasharray:100 100;stroke-dashoffset:100}.og-wire.m[data-on]{stroke-dashoffset:0}.og-wire.m[data-dim]{opacity:.25}.og-wire.b{stroke:var(--amber);stroke-width:.3;stroke-dasharray:1.4 1.4;opacity:0}.og-wire.b[data-on]{opacity:.75}.og-wire.l{stroke:var(--teal);stroke-width:.55;stroke-dasharray:100 100;stroke-dashoffset:100;filter:drop-shadow(0 0 1px var(--teal))}.og-wire.l[data-on]{stroke-dashoffset:0}.og-node{position:absolute;left:calc(var(--hx) * 1%);top:calc(var(--hy) * 1%);transform:translate(-50%,-50%) scale(.94);opacity:0;transition:opacity .45s var(--ease),transform .45s var(--ease),border-color .4s ease,box-shadow .4s ease,color .4s ease,filter .5s ease;transition-delay:calc(var(--i, 0) * .08s);white-space:nowrap}.og-node[data-on]{opacity:1;transform:translate(-50%,-50%)}.og-node[data-on][data-dim]{filter:brightness(.45) saturate(0);transition:filter .5s ease,opacity .45s var(--ease),transform .45s var(--ease)}.og-hub{width:14px;height:14px}.og-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(242,241,238,.85);background:radial-gradient(circle,#f2f1ee 0 2.5px,#141416 3px);box-shadow:0 0 0 4px rgba(242,241,238,.08)}.og-hub span{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);font:500 9.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-panel-2)}.og-hub[data-touched] .og-ring{border-color:var(--teal);background:radial-gradient(circle,var(--teal) 0 2.5px,#141416 3px);box-shadow:0 0 0 4px rgba(139,209,207,.16),0 0 18px rgba(139,209,207,.35)}.og-hub[data-touched] span{color:var(--teal)}.og-agent,.og-person{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font:500 12px/1 var(--f-body);color:#fff;background:var(--panel-3);border:1px solid rgba(255,255,255,.14);padding:3px 11px 3px 3px}.og-av,.og-hex{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font:600 10px/1 var(--f-body)}.og-av{background:#f2f1ee;color:#141416}.og-agent{background:#1f1f23;color:var(--on-panel)}.og-hex{color:var(--on-panel-2)}.og-hex svg{width:15px;height:15px}.og-agent[data-touched],.og-person[data-touched]{color:var(--teal);background:#16211f;border-color:rgba(139,209,207,.6);box-shadow:0 0 22px rgba(139,209,207,.16)}.og-person[data-touched] .og-av{background:var(--teal);color:#0f2726}.og-agent[data-touched] .og-hex{color:var(--teal)}.og-blabel{font:500 9.5px/1 var(--f-mono);letter-spacing:.04em;color:var(--amber);background:#141416;border:1px solid rgba(233,180,76,.3);border-radius:999px;padding:4px 7px}.og-blabel[data-on]{transition-delay:.3s}.og-prop{display:grid;justify-items:center;gap:5px;padding:9px 14px;border-radius:12px;background:#16211f;border:1px solid rgba(139,209,207,.7);box-shadow:0 10px 26px rgba(0,0,0,.4),0 0 0 4px rgba(139,209,207,.14),0 0 26px rgba(139,209,207,.22);transform:translate(-50%,-30%) scale(.9)}.og-prop .k{font:500 9px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(139,209,207,.75)}.og-prop b{font:500 12.5px/1 var(--f-mono);color:var(--teal)}.og-copy{position:relative;display:grid;gap:16px;align-content:center}.og-tag{display:inline-flex;align-items:center;gap:8px;font:500 11px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#f2f1ee;animation:og-fade .45s ease both}.og-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.og-tag.t{color:var(--teal)}.og-tag.t:before{box-shadow:0 0 8px var(--teal)}.og-copy h3{color:#fff;font-weight:300;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.03em;line-height:1.15}.og-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.og-copy li{position:relative;padding-left:22px;color:var(--on-panel-2);font-size:15px;line-height:1.5}.og-copy li:before{content:"";position:absolute;left:2px;top:.72em;width:10px;height:1px;background:var(--teal)}.og-copy .og-foot{border-top:1px solid var(--panel-rule);padding-top:16px;color:var(--on-panel);font-size:14.5px;line-height:1.55}.og-copy .og-foot,.og-copy h3,.og-copy ul{opacity:0;transform:translateY(4px);transition:opacity .45s ease,transform .45s ease}.og-copy [data-on]{opacity:1;transform:none}.og-ctl{justify-self:start;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--panel-rule);background:transparent;color:var(--on-panel-2);cursor:pointer}.og-ctl:hover{color:#fff;border-color:rgba(255,255,255,.3)}.og-ctl:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.og-ctl svg{width:13px;height:13px}@keyframes og-fade{0%{opacity:0}}@container (max-width: 760px){.og-body{grid-template-columns:1fr}}@container (max-width: 560px){.og-stage{aspect-ratio:3/4}.og-wires.h{display:none}.og-wires.v{display:block}.og-node{left:calc(var(--vx) * 1%);top:calc(var(--vy) * 1%)}.og-hub span{left:0;transform:none}.og-blabel[data-bridge=billing]{transform:translate(6px,-50%)}.og-agent,.og-person{font-size:11px;padding-right:9px}}@media (prefers-reduced-motion:reduce){.og *,.og :before{animation:none!important;transition:none!important}}