.nexus-story{margin:0;min-width:0;width:100%;max-width:650px;align-self:center;isolation:isolate}.story-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#3e6b69;font:10px/1.5 var(--mono);letter-spacing:.09em;margin:0 10px 12px}.story-replay{display:flex;align-items:center;gap:6px;border:0;background:none;color:#237369;font:inherit;letter-spacing:0;cursor:pointer;padding:8px}.story-replay:first-letter{font-size:18px}.story-scene{display:block;width:100%;height:auto;overflow:visible}.story-contours{opacity:.2}.story-route{stroke-width:1.6;stroke:#82baad}.story-route.blue{stroke:#7eafc5}.story-output-route{stroke:#219c95;stroke-width:2}.source-panel{fill:#f8fffb;stroke:#a0c9bc;stroke-width:1;filter:url(#story-shadow)}.source-icon{stroke:#00866a}.story-source.blue .source-icon{stroke:#277eaa}.source-title{fill:#17483f;font:500 20px var(--sans,Arial,sans-serif);letter-spacing:-.03em}.source-detail{fill:none;stroke:#7fab9c;stroke-width:3;stroke-linecap:round;opacity:.5}.source-light{fill:#00a77f}.story-source.blue .source-light{fill:#2189c2}.hub-title{fill:#edfff7;font:450 36px var(--sans,Arial,sans-serif);letter-spacing:-1.4px}.hub-label{fill:#87dbc9;font:10px var(--mono);letter-spacing:1.5px}.result-kicker{fill:#54766e;font:10px var(--mono);letter-spacing:1px}.result-title{fill:#083d3c;font:500 26px var(--sans,Arial,sans-serif);letter-spacing:-.8px}.result-detail{fill:#56776d;font:16px var(--sans,Arial,sans-serif)}.result-ready{fill:#0a765d;font:14px var(--sans,Arial,sans-serif)}.story-stages{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px;margin:0 20px 22px;border-top:1px solid #aad2c6}.story-stages>span{display:flex;align-items:center;gap:8px;padding-top:13px;color:#617f78;font-size:13px;position:relative;transition:color .4s}.story-stages>span::before{content:"";height:2px;background:#008c73;position:absolute;top:-1px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .6s}.story-stages>span.active{color:#006f59}.story-stages>span.active::before{transform:scaleX(1)}.story-stages b{font:10px var(--mono);font-weight:400}.nexus-story figcaption{display:flex;align-items:center;flex-direction:column;gap:13px}.story-choices{display:flex;background:#d4eee5;padding:3px;border:1px solid #a8cdbf;border-radius:5px;gap:3px}.story-choices button{font:12px/1.5 var(--sans,Arial,sans-serif);padding:8px 14px;border:0;border-radius:3px;background:transparent;color:#34665b;cursor:pointer;white-space:nowrap}.story-choices button[aria-pressed="true"]{background:#fff;color:#075a49;box-shadow:0 2px 5px #0d453c12}.story-disclaimer{font:10px/1.5 var(--mono);color:#58786e;letter-spacing:.01em}.nexus-story button:focus-visible{outline:2px solid #007f68;outline-offset:4px}.nexus-story[data-motion="reduced"] .story-replay{visibility:hidden}@media(max-width:850px){.nexus-story{max-width:600px;margin:35px auto 0}.story-topline{font-size:10px}.story-stages{margin-left:10px;margin-right:10px}}@media(max-width:600px){.nexus-story{margin-top:25px}.story-topline{font-size:8px;letter-spacing:.05em;margin:0 0 12px}.story-stages{margin:0 4px 20px;gap:8px}.story-stages>span{font-size:11px;gap:5px}.story-stages b{font-size:9px}.story-choices button{font-size:11px;padding:8px 12px}.story-disclaimer{font-size:9px}}@media(prefers-reduced-motion:reduce){.story-stages>span,.story-stages>span::before{transition:none}}

.working-kicker{fill:#64958a;font:11px var(--mono);letter-spacing:1.4px}.working-label{fill:#347568;font:20px var(--sans,Arial,sans-serif);letter-spacing:-.4px}
@media(min-width:851px){.nexus-opening{padding:64px 0 68px}.nexus-story{max-width:560px;justify-self:end}.nexus-opening .opening-copy{align-self:start;padding-top:40px}}
@media(max-width:600px){.source-title{font-size:24px}.result-title{font-size:30px}.result-detail{font-size:19px}.result-ready{font-size:17px}.result-kicker{font-size:12px}}

/* Source ownership is conveyed by both labels and a distinct card treatment. */
.story-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:0 0 5px;color:#41675f;font:11px/1.5 var(--sans,Arial,sans-serif)}.story-legend span{display:flex;align-items:center;gap:7px}.story-legend i{width:12px;height:12px;border-radius:2px;display:inline-block}.external-key{background:white;border:1px solid #86b2a5}.nexus-key{background:#087b78;border:1px solid #075f65}.story-source.external .source-panel{fill:#fff;stroke:#8fb9ad;stroke-width:1.5}.story-source.nexus-product .source-panel{fill:#087b78;stroke:#00656d;stroke-width:1.5}.story-source.nexus-product .source-title{fill:#fff;font-size:18px;letter-spacing:-.4px}.source-product-brand{fill:#b1f2df;font:10px var(--mono);letter-spacing:1.4px}.story-source.nexus-product .source-icon{stroke:#b3f7e3}.story-source.nexus-product .source-light{fill:#82e7d6}.story-source.nexus-product[data-source="portal"] .source-panel{fill:#086b7a}.story-source.nexus-product .source-title{font-weight:500}@media(max-width:600px){.story-source.external .source-title{font-size:22px}.story-source.nexus-product .source-title{font-size:18px}.source-product-brand{font-size:12px}.story-legend{font-size:11px}}

.story-source .source-panel{transition:stroke .45s ease,stroke-width .45s ease}.story-source.external.is-selected .source-panel{stroke:#00a981;stroke-width:2.4}.story-source.nexus-product.is-selected .source-panel{stroke:#72dfbd;stroke-width:2.4}

.connection-lines rect{fill:#03bc8b;filter:drop-shadow(0 0 3px #03c99566)}
.connection-lines .return-flow path{stroke:#9cc4d8}
.connection-lines .return-flow circle{fill:#2189c2;filter:drop-shadow(0 0 3px #2189c266)}
.connection-lines .disconnected circle.shimmer{fill:#9fb7ad;filter:blur(1px)}
.nexus-core::after{content:"";position:absolute;inset:-7px;border:1px solid #72dfbd;border-radius:7px;pointer-events:none;opacity:var(--pulse,0);box-shadow:0 0 calc(var(--pulse,0) * 22px) rgba(114,223,189,.5),inset 0 0 calc(var(--pulse,0) * 14px) rgba(114,223,189,.25)}
.core-data .core-step{font-weight:inherit;transition:color .35s ease,text-shadow .35s ease}
.core-data .core-step.is-active{color:#8ff0cb;text-shadow:0 0 8px rgba(114,223,189,.55)}
.motion-paused .nexus-core::after{opacity:0}

/* Direction A: a calm navy product panel. */
.nexus-story{background:#001833 radial-gradient(ellipse 60% 45% at 50% 40%,rgba(114,223,189,.12),rgba(0,24,51,0) 70%);border-radius:18px;padding:22px 20px 20px;box-shadow:0 30px 70px rgba(0,24,51,.28);box-sizing:border-box}
.story-topline{color:#b9d3cc;font:500 12px/1.5 var(--sans,Inter,Arial,sans-serif);letter-spacing:.04em}
.story-replay{color:#d9e6ec;border:1px solid #1f3d55;border-radius:999px;padding:5px 12px;background:#021f3b}
.story-legend{color:#b9d3cc}.external-key{background:#021f3b;border-color:#3b6077}.nexus-key{background:#0b4d5e;border-color:#2f8c8c}
.story-scene>rect{display:none}
.story-contours{opacity:1;stroke:#1f3d55}
.story-route{stroke:#21405a;transition:stroke .45s ease}.story-route.blue{stroke:#21405a}
.story-route.is-selected{stroke:#72dfbd;stroke-opacity:.55}.story-route.blue.is-selected{stroke:#6bb8e3}
.story-output-route{stroke:#72dfbd;stroke-opacity:.7}
.story-source.external .source-panel{fill:#021f3b;stroke:#1f3d55;stroke-width:1;filter:none}
.story-source.nexus-product .source-panel,.story-source.nexus-product[data-source="portal"] .source-panel{fill:#0a3e55;stroke:#1d6170;stroke-width:1;filter:none}
.story-source.external.is-selected .source-panel{fill:#062a47;stroke:#72dfbd;stroke-width:1.6}
.story-source.nexus-product.is-selected .source-panel{fill:#0c4760;stroke:#6bb8e3;stroke-width:1.6}
.story-source .source-title,.story-source.external .source-title{fill:#ffffff;font-weight:500}
.source-icon,.story-source.external .source-icon{stroke:#8fb3c2}.story-source.is-selected .source-icon{stroke:#72dfbd}
.story-source.nexus-product .source-icon{stroke:#a9dcec}
.source-detail{stroke:#2b5770;opacity:1}
.source-light{fill:#72dfbd}.story-source.nexus-product .source-light{fill:#6bb8e3}
.source-product-brand{fill:#8fd9c4}
.hub-label{fill:#72dfbd;font:500 14px var(--sans,Inter,Arial,sans-serif);letter-spacing:0}
.hub-title{fill:#ffffff;font-weight:600}
.story-context-wave{stroke:#72dfbd}
.working-kicker{fill:#8fb3c2}.working-label{fill:#e3f9f3}
.story-chips rect{fill:#062a47;stroke:#2b5770}.story-chips text{fill:#e3f9f3}.story-chips circle{fill:#72dfbd}
.result-back{fill:#0c3a57;stroke:#1f4f6b}
.result-front{fill:#ffffff;stroke:#ffffff}
.result-kicker{fill:#526675;font:13px var(--sans,Inter,Arial,sans-serif);letter-spacing:0}
.result-title{fill:#061e35;font-weight:600}
.story-stages{border-top-color:#1f3d55}.story-stages>span{color:#8fb3c2}.story-stages>span.active{color:#ffffff}.story-stages>span::before{background:#72dfbd}
.story-choices{background:#021f3b;border-color:#1f3d55}.story-choices button{color:#b9d3cc}.story-choices button[aria-pressed="true"]{background:#ffffff;color:#061e35;box-shadow:none}
.story-disclaimer{color:#8fb3c2}
.nexus-story button:focus-visible{outline-color:#72dfbd}
@media(max-width:600px){.nexus-story{padding:16px 12px 16px;border-radius:14px}.result-kicker{font-size:15px}}

/* Cinematic pass: depth, light and focus. */
.nexus-story{background:radial-gradient(ellipse 70% 50% at 18% 0%,rgba(127,230,198,.08),rgba(0,24,51,0) 60%),radial-gradient(ellipse 60% 45% at 50% 40%,rgba(114,223,189,.10),rgba(0,24,51,0) 70%),linear-gradient(180deg,#00203f 0%,#001833 45%,#00142b 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 80px rgba(0,8,20,.45),0 2px 4px rgba(0,24,51,.12),0 30px 70px -10px rgba(0,24,51,.35)}
.story-contours{filter:blur(1.2px)}
.story-gi{mix-blend-mode:screen;pointer-events:none}
.story-source{transition:filter .9s cubic-bezier(.65,0,.35,1),opacity .6s cubic-bezier(.65,0,.35,1)}
.story-source.is-selected .source-panel{filter:drop-shadow(0 0 12px rgba(114,223,189,.32)) drop-shadow(0 8px 14px rgba(0,8,20,.45))}
.story-source.nexus-product.is-selected .source-panel{filter:drop-shadow(0 0 12px rgba(107,184,227,.32)) drop-shadow(0 8px 14px rgba(0,8,20,.45))}
.nexus-story[data-phase="understand"] .story-source:not(.is-selected){filter:blur(.8px)}
.nexus-story[data-focus="result"] .story-source:not(.is-selected){filter:blur(1.4px)}
.nexus-story[data-focus="result"] .story-source.is-selected{filter:blur(.5px)}
.nexus-story[data-focus="result"] .story-hub{filter:blur(.35px)}
.story-hub{transition:filter .9s cubic-bezier(.65,0,.35,1)}
.hub-rim{filter:drop-shadow(0 0 6px rgba(114,223,189,.45))}
.result-front{filter:drop-shadow(0 18px 28px rgba(0,8,20,.5)) drop-shadow(0 0 22px rgba(114,223,189,.18))}
.result-back{fill:#0b3552;stroke:#1a4a66}
.nexus-story[data-motion="reduced"] .story-source,.nexus-story[data-motion="reduced"] .story-hub{filter:none!important}
@media(prefers-reduced-motion:reduce){.story-source,.story-hub{filter:none!important}}