.opw{--opw-text:var(--ink);--opw-muted:var(--ink-soft);--opw-subtle:var(--muted);--opw-border:var(--line);--opw-surface:var(--white);--opw-signal:#52a359;--opw-signal-ink:#0c7587;--opw-signal-soft:#e5f4e7;--opw-gradient-start:#55d867;--opw-gradient-end:#0c7587;--opw-gradient:linear-gradient(90deg, var(--opw-gradient-start), var(--opw-gradient-end));isolation:isolate;background:0 0;place-items:center;padding:clamp(1rem,3vw,3rem) 0;display:grid;overflow:clip visible;container:opw/inline-size}.opw-shell{width:100%;padding-inline:clamp(12px,2vw,48px);position:relative}.opw-stage{isolation:isolate;aspect-ratio:1200/1100;background:0 0;width:100%;position:relative;overflow:visible}.opw-radar{z-index:0;aspect-ratio:1;opacity:.66;pointer-events:none;width:min(58%,650px);position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.opw-radar span{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--opw-signal) 32%, transparent);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.opw-radar span:first-child{border-style:dashed;width:58%}.opw-radar span:nth-child(2){border-style:dotted;width:79%}.opw-radar span:nth-child(3){border-color:color-mix(in srgb, var(--opw-signal) 18%, transparent);width:100%}.opw-spotlight{z-index:0;aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--opw-signal) 18%, transparent), transparent 68%);will-change:transform;pointer-events:none;border-radius:50%;width:clamp(90px,24cqw,300px);transition:transform .68s cubic-bezier(.22,1,.36,1);position:absolute;inset-block-start:0;inset-inline-start:0}.opw-connectors{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.opw-connector-base,.opw-connector-signal{fill:none;stroke-linecap:round}.opw-connector-base{stroke:color-mix(in srgb, var(--opw-signal) 53%, var(--opw-border));stroke-width:1.6px}.opw-connector-signal{stroke:url(#opw-signal-gradient);stroke-width:3px;stroke-dasharray:.08 .92;stroke-dashoffset:1px;opacity:0}.opw-connector.is-active .opw-connector-base{stroke:color-mix(in srgb, var(--opw-signal) 86%, var(--opw-border));stroke-width:2.2px}.opw-connector.is-active .opw-connector-signal{opacity:1;animation:.82s linear 2 opw-signal-flow}.opw-endpoint{fill:var(--opw-surface);stroke:color-mix(in srgb, var(--opw-signal) 66%, var(--opw-border));stroke-width:2px}.opw-endpoint-halo{fill:color-mix(in srgb, var(--opw-signal) 13%, transparent);stroke:none;opacity:0;transform-box:fill-box;transform-origin:50%}.opw-connector.is-active .opw-endpoint{fill:var(--opw-signal);stroke:var(--opw-surface)}.opw-connector.is-active .opw-endpoint-halo{animation:.72s ease-out opw-endpoint-pulse}.opw-hub{z-index:4;aspect-ratio:1;border-radius:50%;width:clamp(110px,34cqw,328px);position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.opw-hub:before{z-index:-1;border-radius:inherit;background:radial-gradient(circle, color-mix(in srgb, var(--opw-signal) 18%, transparent), transparent 68%);content:"";filter:blur(7px);position:absolute;inset:-12%}.opw-hub-core{z-index:2;border:1px solid color-mix(in srgb, var(--opw-border) 80%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--opw-surface) 98%, transparent), color-mix(in srgb, var(--opw-surface) 90%, var(--opw-signal-soft))), var(--opw-surface);box-shadow:0 28px 58px color-mix(in srgb, var(--opw-signal) 18%, transparent), inset 0 1px 0 color-mix(in srgb, var(--opw-surface) 98%, transparent);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.42rem;padding:clamp(.4rem,2.5cqw,2rem);display:flex;position:absolute;inset:5%;overflow:hidden}.opw-hub-core:before{z-index:-1;background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--opw-signal-soft) 78%, transparent), transparent 48%);content:"";position:absolute;inset:0}.opw-hub-orbit{z-index:3;border:1px solid color-mix(in srgb, var(--opw-signal) 45%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:-2%}.opw-hub-orbit>span{border-radius:inherit;transform:rotate(var(--active-angle));transition:transform .68s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0}.opw-hub-orbit>span:before{border:3px solid var(--opw-surface);background:var(--opw-gradient);width:12px;height:12px;box-shadow:0 0 0 7px color-mix(in srgb, var(--opw-signal) 14%, transparent);content:"";border-radius:50%;position:absolute;inset-block-start:-6px;inset-inline-start:calc(50% - 6px)}.opw-hub-icon{border:1px solid var(--opw-signal);background:var(--opw-gradient);color:#fff;width:clamp(28px,6.5cqw,46px);height:clamp(28px,6.5cqw,46px);box-shadow:0 10px 24px color-mix(in srgb, var(--opw-signal) 22%, transparent);border-radius:50%;place-items:center;display:grid;overflow:hidden}.opw-hub-glyph>svg{width:60%;height:60%}.opw-hub-eyebrow{color:var(--opw-signal-ink);letter-spacing:.17em;font-size:.72rem;font-weight:700;line-height:1.2}.opw-hub-title{max-width:240px;color:var(--opw-text);margin:0;font-size:clamp(.85rem,2.6cqw,1.85rem);font-weight:700;line-height:1.08}.opw-hub-summary{color:var(--opw-muted);margin:0;font-size:clamp(.5rem,1cqw,.9rem);font-weight:600;line-height:1.35}.opw-nodes{z-index:5;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.opw-node-slot{pointer-events:auto;width:clamp(110px,27%,270px);position:absolute}.opw-node-slot[data-position=top]{inset-block-start:2.6%;inset-inline-start:50%;translate:-50%}.opw-node-slot[data-position=upper-right]{inset-block-start:12%;inset-inline-end:4.5%}.opw-node-slot[data-position=right]{inset-block-start:50%;inset-inline-end:.9%;translate:0 -50%}.opw-node-slot[data-position=lower-right]{inset-block-end:12%;inset-inline-end:4.5%}.opw-node-slot[data-position=bottom]{inset-block-end:2.6%;inset-inline-start:50%;translate:-50%}.opw-node-slot[data-position=lower-left]{inset-block-end:12%;inset-inline-start:4.5%}.opw-node-slot[data-position=left]{inset-block-start:50%;inset-inline-start:.9%;translate:0 -50%}.opw-node-slot[data-position=upper-left]{inset-block-start:12%;inset-inline-start:4.5%}.opw-node-slot[data-position=polar]{width:clamp(120px,30%,280px);inset-block-start:var(--slot-y);inset-inline-start:var(--slot-x);translate:-50% -50%}.opw-node{border:1px solid color-mix(in srgb, var(--opw-border) 88%, transparent);background:color-mix(in srgb, var(--opw-surface) 91%, transparent);width:100%;min-height:clamp(40px,7cqw,70px);color:var(--opw-text);box-shadow:0 14px 32px color-mix(in srgb, var(--opw-signal) 9%, transparent), inset 0 1px 0 color-mix(in srgb, var(--opw-surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);text-align:start;border-radius:clamp(10px,1.8vw,24px);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;gap:clamp(.2rem,1cqw,.56rem) clamp(.3rem,1.4cqw,.8rem);padding:clamp(.45rem,2cqw,1.15rem);transition:border-color .22s,box-shadow .28s,opacity .22s,transform .28s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.opw-node:hover,.opw-node:focus-visible,.opw-node.is-active{z-index:20;border-color:color-mix(in srgb, var(--opw-signal) 76%, var(--opw-border));box-shadow:0 20px 38px color-mix(in srgb, var(--opw-signal) 17%, transparent), 0 0 0 1px color-mix(in srgb, var(--opw-signal) 12%, transparent), inset 0 1px 0 color-mix(in srgb, var(--opw-surface) 96%, transparent);transform:translateY(-5px)scale(1.012)}.opw-node:active{transform:translateY(-1px)scale(.985)}.opw-node-number{color:var(--opw-subtle);letter-spacing:.12em;align-self:start;font-size:.72rem;font-weight:700}.opw-node-icon{isolation:isolate;border:1px solid color-mix(in srgb, var(--opw-signal) 18%, transparent);background:radial-gradient(circle at 32% 24%, color-mix(in srgb, var(--opw-surface) 96%, transparent), transparent 42%), color-mix(in srgb, var(--opw-signal-soft) 72%, var(--opw-surface));width:clamp(28px,6cqw,48px);height:clamp(28px,6cqw,48px);color:var(--opw-signal);box-shadow:0 8px 18px color-mix(in srgb, var(--opw-signal) 10%, transparent);border-radius:15px;grid-area:1/2/span 2;place-items:center;transition:border-color .22s,color .22s,transform .28s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden}.opw-node-icon:before{z-index:0;border-radius:inherit;background:var(--opw-gradient);content:"";opacity:0;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;transition:opacity .22s;position:absolute;inset:-1px}.opw-node-icon>svg{z-index:1;transform-origin:50%;width:60%;height:60%;transition:transform .28s cubic-bezier(.22,1,.36,1);position:relative}.opw-node:hover .opw-node-icon,.opw-node:focus-visible .opw-node-icon,.opw-node.is-active .opw-node-icon{color:#fff;border-color:#0000;transform:none}.opw-node:hover .opw-node-icon:before,.opw-node:focus-visible .opw-node-icon:before,.opw-node.is-active .opw-node-icon:before{opacity:1}.opw-node:hover .opw-node-icon>svg,.opw-node:focus-visible .opw-node-icon>svg,.opw-node.is-active .opw-node-icon>svg{transform:rotate(-4deg)scale(1.05)}.opw-node-copy{grid-column:1;gap:clamp(.1rem,.6cqw,.32rem);min-width:0;display:grid}.opw-node-copy strong{color:var(--opw-text);font-size:clamp(.68rem,1.7cqw,1.08rem);font-weight:700;line-height:1.22}.opw-node-copy>span{color:var(--opw-muted);opacity:0;max-height:0;margin-top:0;font-size:clamp(.7rem,1.5cqw,.98rem);line-height:1.5;transition:max-height .26s,opacity .2s,margin-top .26s;display:block;overflow:hidden}.opw-node:hover .opw-node-copy>span,.opw-node:focus-visible .opw-node-copy>span,.opw-node.is-active .opw-node-copy>span{opacity:1;max-height:6em;margin-top:clamp(.1rem,.6cqw,.32rem);transition:max-height .32s,opacity .28s 60ms,margin-top .32s}.opw-stage.is-enhanced:not(.is-visible) .opw-radar,.opw-stage.is-enhanced:not(.is-visible) .opw-hub-core,.opw-stage.is-enhanced:not(.is-visible) .opw-node-slot{opacity:0}.opw-stage.is-enhanced:not(.is-visible) .opw-hub-core{transform:scale(.86)}.opw-stage.is-enhanced:not(.is-visible) .opw-node-slot{transform:translate(var(--entry-x), var(--entry-y)) scale(.97)}.opw-stage.is-visible .opw-radar{animation:.52s ease-out both opw-radar-in}.opw-stage.is-visible .opw-hub-core{animation:.56s cubic-bezier(.16,1,.3,1) .14s both opw-hub-in}.opw-stage.is-visible .opw-connector-base{animation:.62s cubic-bezier(.22,1,.36,1) both opw-connector-draw;animation-delay:calc(.36s + var(--connector-index) * 65ms)}.opw-stage.is-visible .opw-node-slot{animation:.48s cubic-bezier(.22,1,.36,1) both opw-node-in;animation-delay:calc(.62s + var(--node-index) * 62ms)}@keyframes opw-radar-in{0%{opacity:0;transform:scale(.88)}}@keyframes opw-hub-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes opw-connector-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes opw-node-in{0%{opacity:0;transform:translate(var(--entry-x), var(--entry-y)) scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes opw-signal-flow{to{stroke-dashoffset:0}}@keyframes opw-endpoint-pulse{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2.5)}}@container opw (width<=360px){.opw-stage{aspect-ratio:auto;flex-direction:column;gap:clamp(2rem,5vw,3rem);padding:clamp(2rem,5vw,3.5rem);display:flex}.opw-connectors,.opw-spotlight{display:none}.opw-radar{width:min(74vw,540px);inset-block-start:14.5rem}.opw-hub{flex:none;width:min(320px,74vw);margin-inline:auto;position:relative;inset:auto;translate:none}.opw-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid;position:relative;inset:auto}.opw-node-slot,.opw-node-slot[data-position]{width:auto;position:relative;inset:auto;translate:none}.opw-node{height:100%;min-height:138px}}@container opw (width<=260px){.opw-stage{gap:2rem;padding:1.2rem 0}.opw-radar{width:min(92vw,390px);inset-block-start:11.2rem}.opw-hub{width:min(260px,100% - .75rem)}.opw-hub-icon{width:42px;height:42px}.opw-hub-title{font-size:1.4rem}.opw-nodes{grid-template-columns:1fr;gap:.8rem}.opw-nodes:before{z-index:-1;background:color-mix(in srgb, var(--opw-signal) 38%, var(--opw-border));content:"";width:1px;position:absolute;inset-block:1.5rem;inset-inline-start:2.58rem}.opw-node{border-radius:17px;grid-template-rows:1fr;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:.85rem;min-height:0;padding:.9rem}.opw-node-number{position:absolute;inset-block-start:.72rem;inset-inline-end:.8rem}.opw-node-icon{grid-area:1/1}.opw-node-copy{grid-area:1/2;padding-inline-end:1.35rem}.opw-node-copy strong{font-size:1rem}.opw-node-copy>span{font-size:.86rem}}@media (prefers-reduced-motion:reduce){.opw-connector-signal,.opw-endpoint-halo{display:none}.opw-node-slot,.opw-hub-core,.opw-radar{opacity:1!important;animation:none!important;transform:none!important}.opw-connector-base{stroke-dasharray:none!important;stroke-dashoffset:0!important;animation:none!important}}.opw-hub-glyph{place-items:center;width:100%;height:100%;display:none}.opw-stage[data-active="0"] .opw-hub-glyph[data-glyph="0"],.opw-stage[data-active="1"] .opw-hub-glyph[data-glyph="1"],.opw-stage[data-active="2"] .opw-hub-glyph[data-glyph="2"],.opw-stage[data-active="3"] .opw-hub-glyph[data-glyph="3"],.opw-stage[data-active="4"] .opw-hub-glyph[data-glyph="4"],.opw-stage[data-active="5"] .opw-hub-glyph[data-glyph="5"],.opw-stage[data-active="6"] .opw-hub-glyph[data-glyph="6"],.opw-stage[data-active="7"] .opw-hub-glyph[data-glyph="7"]{display:grid}.opw-node{text-decoration:none}div.opw-node{cursor:default}div.opw-node:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.opw-caption{color:var(--muted);text-align:center;margin:1rem 0 0;font-size:.85rem}