.shield-film-section{padding:65px 0 85px;background:#eef5fb}.film-heading{text-align:center;margin:0 auto 35px}.film-heading .kicker{color:#1467a8}.film-heading h2{font-size:clamp(34px,4vw,50px);margin:18px 0;line-height:1.08}.shield-film{background:#030d1b;border:1px solid #30506b;border-radius:16px;overflow:hidden;color:#fff;box-shadow:0 30px 65px #0a316122}.film-topline{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:23px 30px;border-bottom:1px solid #ffffff14}.film-topline>.ss-brand{font-size:23px}.film-topline .ss-synapse{color:#5bc4f0}.film-topline>span:last-child{font-size:10px;letter-spacing:.14em;color:#88a7bf}.film-stage{position:relative;aspect-ratio:2/1;overflow:hidden;background:#030d1b}.film-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;opacity:.94;transform:scale(var(--art-scale,1));will-change:transform}.film-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#030d1b88,transparent 30%,transparent 70%,#030d1b88),linear-gradient(0deg,#030d1b,transparent 18%,transparent 85%,#030d1b44)}.film-signals{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.signal-paths path{fill:none;stroke:url(#signal-blue);stroke-width:1.5;opacity:.5}.signal-paths #film-response{opacity:.15}.film-packets circle{fill:#b8eeff;filter:drop-shadow(0 0 5px #17a2e3);opacity:0}.film-threat{fill:#ff9869;filter:drop-shadow(0 0 9px #ff542f);opacity:0}.film-tool{position:absolute;left:4%;height:36px;transform:translateY(-50%);display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.15em;color:#b6d1e4}.film-tool>span{font-size:10px;color:#56bdeb;border:1px solid #245274;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;background:#071c30}.email-tool{top:30%}.device-tool{top:50%}.access-tool{top:70%}.film-agent-tag{position:absolute;top:83%;left:50%;transform:translateX(-50%);color:#8cbedb;font-size:11px;letter-spacing:.18em;white-space:nowrap}.film-event{position:absolute;top:7%;left:50%;transform:translateX(-50%);padding:9px 16px;border:1px solid #4a8eae88;border-radius:30px;background:#061a2be6;color:#b6e8ff;font-size:12px;letter-spacing:.04em;white-space:nowrap;transition:color .5s,border-color .5s}.film-outcome{position:absolute;right:4%;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px;opacity:.18;transition:opacity .7s;color:#b6edff}.film-outcome svg{width:38px;height:38px;padding:9px;border:1px solid #83d9ff;border-radius:50%;background:#082e47}.film-outcome span{font-size:12px;line-height:1.45}.shield-film[data-scene="1"] .film-event{color:#ffb393;border-color:#c07554}.shield-film[data-scene="2"] .film-outcome{opacity:1}.shield-film[data-scene="2"] #film-response{opacity:.7}.film-caption{text-align:center;padding:0 25px 30px;min-height:126px}.film-chapter{display:block;font-size:11px;letter-spacing:.16em;color:#70c9f2;margin-bottom:14px}.film-caption h3{font-size:clamp(22px,2.5vw,32px);line-height:1.2;color:white;margin:0 0 12px;letter-spacing:-.035em}.film-caption p{font-size:15px;line-height:1.6;color:#a9c0d4;margin:0}.film-caption.is-changing{animation:caption-enter .6s ease both}@keyframes caption-enter{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.film-controls{display:flex;align-items:center;gap:15px;padding:22px 30px;border-top:1px solid #ffffff18}.film-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;flex:1}.film-progress button{position:relative;border:0;border-bottom:2px solid #264059;background:none;color:#829eb4;padding:0 0 13px;text-align:left;font:inherit;font-size:12px;cursor:pointer;overflow:hidden}.film-progress button[aria-pressed=true]{color:#fff}.film-progress i{position:absolute;bottom:0;left:0;height:2px;background:#5bc4f0;width:var(--progress,0%)}.film-toggle,.film-replay{background:transparent;color:#c6def0;border:1px solid #45637c;border-radius:5px;padding:9px 13px;font:inherit;font-size:13px;cursor:pointer}.film-replay{font-size:21px;padding:4px 12px}.film-disclosure{margin:0;padding:0 30px 22px;color:#7f9bb1;font-size:12px;line-height:1.6}
@media(max-width:700px){.film-topline{padding:18px}.film-topline>.ss-brand{font-size:18px}.film-topline>span:last-child{font-size:8px;max-width:105px;text-align:right}.film-stage{aspect-ratio:1.35/1}.film-art{object-fit:cover;width:125%;left:-12.5%}.film-tool{left:3%;font-size:9px;letter-spacing:.03em;gap:4px}.film-tool>span{display:none}.film-outcome{right:2%;gap:5px;flex-direction:column;text-align:center}.film-outcome svg{width:30px;height:30px;padding:7px}.film-outcome span{font-size:9px}.film-event{font-size:10px;padding:7px 10px;top:5%}.film-agent-tag{font-size:9px;letter-spacing:.08em;top:88%}.film-caption{min-height:145px;padding:0 20px 25px}.film-caption h3{font-size:23px}.film-caption p{font-size:14px}.film-controls{padding:20px 18px;gap:10px}.film-progress{gap:10px}.film-progress button{font-size:10px}.film-toggle{font-size:12px;padding:8px 10px}.film-disclosure{padding:0 18px 20px}}
.processing-stage{aspect-ratio:1.75/1}.processing-signals{position:absolute;inset:0;width:100%;height:100%}.processing-paths path{stroke:#5bc4f0;stroke-width:1;fill:none;opacity:.28}.stream-packet{fill:#9ee8ff;stroke:#d3f6ff;stroke-width:1;filter:drop-shadow(0 0 5px #17a2e3)}.stream-packet.remediation{fill:#6de3c5;stroke:#afffe8}.stream-packet.suspect{fill:#ff9065;stroke:#ffd1b5}.processing-halo{fill:#17a2e3;opacity:var(--core-pulse,.3);filter:url(#core-glow)}.core-filter-lines path{stroke:#256084;stroke-width:1}.core-bit{fill:#a0edff;filter:drop-shadow(0 0 3px #17a2e3)}.core-label{font:600 10px Inter,Arial,sans-serif;letter-spacing:1.5px;fill:#92dfff}.core-operation{font-size:8px;letter-spacing:1px}.processing-side-label{position:absolute;top:7%;font-size:10px;letter-spacing:.11em;color:#8eb8d4}.left-label{left:4%}.right-label{right:4%;width:17%}.business-node{position:absolute;top:var(--node-top);left:4%;width:17%;transform:translateY(-50%);display:grid;grid-template-columns:38px 1fr;gap:2px 9px;align-items:center}.business-node svg{width:38px;height:38px;color:#79d4ff;grid-row:1/3}.business-node strong{font-size:14px;color:white;line-height:1.25}.business-node>span{font-size:10px;line-height:1.4;color:#8fb2cd}.stack-node{position:absolute;top:var(--node-top);right:3%;width:18%;transform:translateY(-50%);padding:8px 10px;border-left:2px solid #327599;background:linear-gradient(90deg,#0b2843dd,#07152855)}.stack-node b{display:block;color:#d7edf9;font-size:13px;line-height:1.3}.stack-node span{display:block;color:#86b1cc;font-size:10px;line-height:1.45;margin-top:3px}.processing-stage .film-event{top:3%;font-size:11px}.processing-stage .film-agent-tag{top:88%;font-size:11px}.automatic-badge{position:absolute;top:94%;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.08em;color:#78dcbf;white-space:nowrap;opacity:0;transition:opacity .5s}.shield-film[data-scene="2"] .automatic-badge{opacity:1}.shield-film[data-scene="2"] .stack-node{border-color:#6de3c5}.shield-film[data-scene="2"] .stack-node span{color:#99ead6}.shield-film[data-scene="1"] .processing-halo{fill:#43cbff}.shield-film[data-scene="2"] .core-operation{fill:#83f0d1}.processing-stage .film-art{transition:filter .8s}.shield-film[data-scene="1"] .processing-stage .film-art{filter:brightness(1.2) saturate(1.1)}
@media(max-width:700px){.processing-stage{aspect-ratio:1.15/1}.processing-stage .film-art{width:100%;left:0;object-fit:cover}.business-node{left:2%;width:19%;grid-template-columns:1fr;gap:5px}.business-node svg{width:29px;height:29px;grid-row:auto}.business-node strong{font-size:11px}.business-node>span{font-size:9px}.stack-node{right:1%;width:20%;padding:6px}.stack-node b{font-size:10px}.stack-node span{font-size:8px}.processing-side-label{font-size:8px;top:5%}.left-label{left:2%}.right-label{right:1%;width:20%}.processing-stage .film-event{font-size:8px;top:3%;padding:6px 7px}.processing-stage .film-agent-tag{font-size:9px}.automatic-badge{font-size:8px}.core-label{font-size:9px}.core-operation{font-size:8px}}
.shield-film{--phase-color:#65d3ff}.shield-film[data-scene="1"]{--phase-color:#b9ebff}.shield-film[data-scene="2"]{--phase-color:#6de3c5}.phase-navigation{display:grid;grid-template-columns:repeat(3,1fr);gap:0;flex:none;border-bottom:1px solid #27445e;background:#061526}.phase-navigation button{display:flex;align-items:center;gap:15px;text-align:left;padding:22px 25px;border:0;border-right:1px solid #27445e;border-bottom:3px solid transparent;position:relative;transition:background .4s,color .4s}.phase-navigation button:last-child{border-right:0}.phase-navigation .phase-number{display:grid;place-items:center;width:38px;height:38px;border:1px solid #365b76;border-radius:50%;font-size:14px;font-weight:600;flex:none}.phase-navigation .phase-label{font-size:20px;font-weight:650;letter-spacing:-.025em;line-height:1.2}.phase-navigation small{display:block;margin-top:7px;font-size:12px;letter-spacing:0;font-weight:400;color:#9eb7cd}.phase-navigation button[aria-pressed=true]{background:#14334e;color:white}.phase-navigation button[aria-pressed=true] .phase-number{color:#061526;background:var(--phase-color);border-color:var(--phase-color)}.phase-navigation button[aria-pressed=true] small{color:#d2e6f4}.phase-navigation i{height:3px;background:var(--phase-color)}.film-controls{justify-content:flex-end;padding:14px 28px;border-top:1px solid #ffffff14}.film-caption{padding-bottom:25px;min-height:136px}.film-chapter{font-size:13px;color:var(--phase-color);font-weight:650;letter-spacing:.12em}.processing-stage .film-event{top:3%;font-size:12px;padding:10px 15px;background:#061726ed;border-color:var(--phase-color);color:var(--phase-color);box-shadow:0 4px 20px #0005}.processing-side-label{font-size:12px;letter-spacing:.07em;color:#aacbe2}.business-node{padding:11px 9px;border:1px solid #34556f;border-radius:9px;background:#071b2fdd;gap:4px 9px;transition:border-color .5s,opacity .5s}.business-node strong{font-size:15px}.business-node>span{font-size:12px}.business-node svg{padding:3px;color:var(--phase-color)}.stack-node{border:1px solid #34556f;border-left:3px solid #42728f;border-radius:7px;padding:9px 12px;background:#091f33e8;transition:border-color .5s,opacity .5s}.stack-node b{font-size:14px}.stack-node span{font-size:12px;line-height:1.4}.shield-film[data-scene="0"] .business-node,.shield-film[data-scene="0"] .stack-node{border-color:#468cac}.shield-film[data-scene="1"] .business-node,.shield-film[data-scene="1"] .stack-node{opacity:.65}.shield-film[data-scene="1"] .processing-paths{opacity:.25}.shield-film[data-scene="1"] #core-outer{filter:drop-shadow(0 0 5px #8be5ff)}.shield-film[data-scene="2"] .business-node,.shield-film[data-scene="2"] .stack-node{border-color:#6de3c599}.shield-film[data-scene="2"] .business-node>span{color:#99ead6}.shield-film[data-scene="2"] .processing-paths path{stroke:#6de3c5}.processing-paths path{stroke-width:1.4;opacity:.4}.core-label{font-size:12px;letter-spacing:1px}.core-operation{font-size:10px;letter-spacing:.4px}.processing-stage .film-agent-tag{font-size:13px;letter-spacing:.1em;color:#bee7ff}.automatic-badge{font-size:11px}.film-topline>span:last-child{font-size:12px}.film-caption h3{max-width:850px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.phase-navigation button{padding:18px 15px;gap:10px}.phase-navigation .phase-label{font-size:17px}.phase-navigation .phase-number{width:31px;height:31px}.stack-node{padding:7px}.stack-node b{font-size:12px}.stack-node span{font-size:10px}.business-node strong{font-size:13px}.business-node>span{font-size:10px}.business-node{grid-template-columns:29px 1fr;padding:8px 6px}.business-node svg{width:29px;height:29px}.processing-side-label{font-size:10px}}
@media(max-width:600px){.phase-navigation button{padding:14px 8px;flex-direction:column;align-items:flex-start;gap:8px}.phase-navigation .phase-label{font-size:15px}.phase-navigation small{font-size:11px;line-height:1.4}.phase-navigation .phase-number{width:27px;height:27px;font-size:12px}.processing-stage .film-event{font-size:9px;padding:8px;max-width:57%;white-space:normal;text-align:center;line-height:1.4}.business-node{grid-template-columns:1fr;width:21%;padding:8px;left:1%}.business-node strong{font-size:12px}.business-node>span{display:none}.stack-node{width:22%;right:1%;padding:8px 6px}.stack-node b{font-size:11px}.stack-node span{display:none}.processing-side-label{font-size:9px}.left-label{left:1%;max-width:22%}.right-label{right:1%;width:22%}.processing-stage .film-agent-tag{font-size:10px}.automatic-badge{font-size:9px}.film-topline>span:last-child{font-size:10px}.film-caption{min-height:155px}.film-chapter{font-size:12px}}
/* The full sculpted shield expresses the agent state; no mechanical overlay. */
.processing-stage .film-art{transition:filter 1.1s ease;filter:brightness(var(--shield-brightness,1.06));will-change:filter,transform}.shield-film[data-scene="0"] .processing-stage .film-art{filter:hue-rotate(0deg) saturate(1.15) brightness(var(--shield-brightness,1.06))}.shield-film[data-scene="1"] .processing-stage .film-art{filter:hue-rotate(-12deg) saturate(.55) brightness(var(--shield-brightness,1.25))}.shield-film[data-scene="2"] .processing-stage .film-art{filter:hue-rotate(-72deg) saturate(1.2) brightness(var(--shield-brightness,1.06))}.shield-film[data-scene="2"] .processing-stage .film-agent-tag{color:#a9f4d9}.processing-stage .film-agent-tag{transition:color 1s ease}.shield-film[data-scene="1"] .processing-stage .film-agent-tag{color:#e0f5ff}.shield-film[data-scene="1"] .film-event{box-shadow:0 0 24px #b9ebff22}
@media(prefers-reduced-motion:reduce){.film-caption.is-changing{animation:none}.film-event,.film-outcome,.automatic-badge,.processing-stage .film-art,.business-node,.stack-node,.phase-navigation button,.processing-stage .film-agent-tag{transition:none}.film-art{transform:none}}

/* A synchronized whole-shield pulse; brightness is driven directly, without transition lag. */
.shield-film[data-scene="1"]{--phase-color:#c7a3ff}
.shield-film .processing-stage .film-art{transition:none;filter:hue-rotate(var(--shield-hue,0deg)) saturate(1.35) brightness(var(--shield-brightness,1.12));transform:scale(var(--art-scale,1))}
.shield-film .processing-stage .shield-radiance{pointer-events:none;mix-blend-mode:screen;opacity:var(--shield-glow,.18);filter:hue-rotate(var(--shield-hue,0deg)) saturate(1.7) brightness(1.6) blur(18px);mask-image:radial-gradient(ellipse 29% 47% at 50% 48%,#000 40%,transparent 100%);will-change:opacity,transform}
.shield-film[data-scene="1"] .processing-stage .film-agent-tag{color:#d8c1ff}
.shield-film[data-scene="1"] .film-event{box-shadow:0 0 26px #b380ff30}
.shield-film[data-step="verified"] .film-event{box-shadow:0 0 28px #6de3c544}
@media(prefers-reduced-motion:reduce){.shield-film .processing-stage .film-art{transform:none}.shield-film .processing-stage .shield-radiance{filter:hue-rotate(var(--shield-hue,0deg)) blur(18px)}}

/* The existing SynapseShield mark is the agent, with restrained phase lighting. */
.processing-stage{background:radial-gradient(ellipse at 50% 48%,#10253e 0%,#061323 42%,#030d1b 76%)}
.agent-logo-stage{position:absolute;inset:0;width:100%;height:100%;color:var(--phase-color);pointer-events:none;transform:scale(var(--art-scale,1));transition:color .65s ease;will-change:transform}
.agent-brand-mark{filter:hue-rotate(var(--shield-hue,0deg)) brightness(var(--shield-brightness,1.12))}
.logo-bloom{opacity:var(--shield-glow,.3)}
.logo-aura{opacity:calc(.35 + var(--shield-glow,.3))}
.logo-edge-light{stroke-dashoffset:var(--edge-travel,0);opacity:.8}
.shield-film[data-step="verified"] .logo-edge-light{stroke-dasharray:none}
@media(prefers-reduced-motion:reduce){.agent-logo-stage{transform:none;transition:none}}

/* Living constellation: floating depth, a luminous center, authentic tool marks. */
.constellation-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--phase-color)}
.constellation-links line{stroke:var(--phase-color);stroke-width:.75;transition:stroke .8s}
.constellation-nodes circle{fill:#80ddff;filter:drop-shadow(0 0 4px #46bdff)}
.shield-film[data-scene="1"] .constellation-nodes circle{fill:#b3acff}
.shield-film[data-scene="2"] .constellation-nodes circle{fill:#89f2d3}
.constellation-heart{opacity:calc(.55 + var(--shield-glow,.3));transform-box:fill-box;transform-origin:center;transform:scale(var(--shield-brightness,1.12))}
.constellation-center{filter:drop-shadow(0 0 9px #c3a0ff)}
.processing-paths path{stroke-width:1.2;opacity:.55}
.stack-node{display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center;min-height:58px}
.stack-brand-icon{grid-row:1/3;width:30px;height:30px;object-fit:contain;border-radius:5px;background:#eaf5ff;padding:3px}
.stack-node b,.stack-node span{min-width:0}.stack-node b{font-size:13px}.stack-node span{font-size:10px}
@media(max-width:900px){.stack-node{grid-template-columns:24px 1fr;column-gap:6px}.stack-brand-icon{width:24px;height:24px}.stack-node b{font-size:11px}.stack-node span{font-size:9px}}
@media(max-width:600px){.stack-node{min-height:42px;padding:6px 4px;grid-template-columns:20px 1fr;column-gap:4px}.stack-brand-icon{width:20px;height:20px;padding:2px}.stack-node b{font-size:9px;overflow-wrap:anywhere}}

/* Restore the concept's art-directed depth beneath its live signal layer. */
.processing-stage{background:#030d1b}
.constellation-depth{position:absolute;left:26%;top:8%;width:48%;height:84%;object-fit:contain;mix-blend-mode:screen;pointer-events:none;transform:scale(var(--art-scale,1));filter:brightness(var(--shield-brightness,1.12));mask-image:radial-gradient(ellipse at center,#000 48%,transparent 73%);will-change:transform,filter}
.constellation-art{opacity:.28;mix-blend-mode:screen}
.constellation-art .constellation-heart,.constellation-art .constellation-center{opacity:0}
.shield-film[data-scene="1"] .constellation-depth{filter:hue-rotate(16deg) brightness(var(--shield-brightness,1.12))}
.shield-film[data-scene="2"] .constellation-depth{filter:hue-rotate(-35deg) brightness(var(--shield-brightness,1.12))}
.processing-paths path{stroke:#60ceff;stroke-width:1.5;opacity:.75;filter:drop-shadow(0 0 4px #229dda)}
.business-node,.stack-node{border:1px solid #28536e;background:linear-gradient(125deg,#10283f,#06101e);box-shadow:inset 0 1px #ffffff08,0 8px 20px #0003;border-radius:10px}
.stack-node{border-left:1px solid #28536e;padding:12px;min-height:64px;grid-template-columns:34px 1fr;column-gap:12px}
.stack-brand-icon{background:transparent;padding:2px;width:34px;height:34px;border-radius:0}
.stack-brand-icon[src$="huntress.svg"],.stack-brand-icon[src$="ironscales.svg"],.stack-brand-icon[src$="duo.svg"]{filter:brightness(0) invert(1)}
.stack-node b{font-size:14px;font-weight:550}.stack-node span{color:#95b2c9;font-size:10px;margin-top:5px}
.business-node{padding:16px 12px}.business-node svg{color:#83d8ff;filter:drop-shadow(0 0 5px #2796d155)}
.shield-film[data-scene="1"] .business-node,.shield-film[data-scene="1"] .stack-node{opacity:.85}
@media(max-width:900px){.stack-node{padding:9px 7px;grid-template-columns:26px 1fr;column-gap:7px;min-height:55px}.stack-brand-icon{width:26px;height:26px}.stack-node b{font-size:11px}.business-node{padding:10px 7px}}
@media(max-width:600px){.constellation-depth{left:23%;width:54%}.stack-node{padding:7px 4px;grid-template-columns:20px 1fr;column-gap:4px;min-height:42px}.stack-brand-icon{width:20px;height:20px}.stack-node b{font-size:9px}.business-node{padding:9px 6px}}
@media(prefers-reduced-motion:reduce){.constellation-depth{transform:none}}

.constellation-live{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

.processing-stage[data-renderer="fallback"]{background:#030d1b url("constellation-depth.png") center/auto 84% no-repeat}.processing-stage[data-renderer="fallback"] .constellation-live{opacity:0}

.stack-brand-icon[src$="huntress.svg"]{filter:none}.cmp-grid{position:relative}

@media(max-width:900px){.processing-stage .stack-node span{display:none}.processing-stage .stack-node{min-height:43px;padding:8px 7px}.processing-stage .stack-brand-icon{grid-row:auto}.processing-stage .right-label{top:6%;font-size:9px}}


/* One consistent visual language across each 15-second phase. */
.shield-film[data-scene="0"]{--phase-color:#65d3ff;--phase-rgb:101,211,255;--phase-surface:#09283a}
.shield-film[data-scene="1"]{--phase-color:#c49aff;--phase-rgb:196,154,255;--phase-surface:#231437}
.shield-film[data-scene="2"]{--phase-color:#70edc2;--phase-rgb:112,237,194;--phase-surface:#092d24}
.shield-film[data-scene]{border-color:rgba(var(--phase-rgb),.45);box-shadow:0 25px 65px #0a316122,0 0 24px rgba(var(--phase-rgb),.12)}
.shield-film[data-scene] .film-topline,.shield-film[data-scene] .film-controls{background:linear-gradient(90deg,var(--phase-surface),#030d1b);border-color:rgba(var(--phase-rgb),.2)}
.shield-film[data-scene] .film-topline>span:last-child,.shield-film[data-scene] .processing-side-label,.shield-film[data-scene] .film-agent-tag,.shield-film[data-scene] .automatic-badge{color:var(--phase-color)}
.shield-film[data-scene] .phase-navigation button[aria-pressed=true]{background:var(--phase-surface)}
.shield-film[data-scene] .business-node,.shield-film[data-scene] .stack-node{opacity:1;border-color:rgba(var(--phase-rgb),.6);background:linear-gradient(125deg,var(--phase-surface),#06101e);box-shadow:inset 0 1px rgba(var(--phase-rgb),.12),0 0 15px rgba(var(--phase-rgb),.07)}
.shield-film[data-scene] .business-node svg{color:var(--phase-color);filter:drop-shadow(0 0 5px rgba(var(--phase-rgb),.35))}
.shield-film[data-scene] .business-node>span,.shield-film[data-scene] .stack-node span{color:var(--phase-color)}
.shield-film[data-scene] .processing-paths{opacity:1}
.shield-film[data-scene] .processing-paths path{stroke:var(--phase-color);opacity:.65;filter:drop-shadow(0 0 3px rgba(var(--phase-rgb),.5))}
.shield-film[data-scene] .stream-packet{fill:var(--phase-color);stroke:#efffff;filter:drop-shadow(0 0 5px var(--phase-color))}
.shield-film[data-scene] .film-event{color:var(--phase-color);background:var(--phase-surface);border-color:var(--phase-color);box-shadow:0 0 22px rgba(var(--phase-rgb),.18)}
.shield-film[data-scene] .film-toggle,.shield-film[data-scene] .film-replay{color:var(--phase-color);border-color:rgba(var(--phase-rgb),.5)}
.shield-film[data-scene] .film-chapter{color:var(--phase-color)}

/* Business exposure points balance the six connected security tools. */
.processing-stage .business-node{left:4%;width:19%;min-height:64px;padding:10px 12px;grid-template-columns:34px 1fr;gap:4px 10px}
.processing-stage .business-node svg{width:34px;height:34px;padding:1px}
.processing-stage .business-node strong{font-size:14px;line-height:1.3}
.processing-stage .business-node>span{font-size:11px;line-height:1.4}
@media(max-width:900px){.processing-stage .business-node{min-height:43px;padding:8px 7px;grid-template-columns:26px 1fr;gap:6px}.processing-stage .business-node svg{width:26px;height:26px;grid-row:auto}.processing-stage .business-node strong{font-size:11px}.processing-stage .business-node>span{display:none}}
@media(max-width:600px){.processing-stage .business-node{left:1%;width:23%;padding:7px 4px;grid-template-columns:20px 1fr;gap:4px}.processing-stage .business-node svg{width:20px;height:20px}.processing-stage .business-node strong{font-size:9px;overflow-wrap:anywhere}}

/* Smooth stage handoffs while keeping text and phase selection immediate. */
@property --phase-color{syntax:'<color>';inherits:true;initial-value:#65d3ff}
@property --phase-surface{syntax:'<color>';inherits:true;initial-value:#09283a}
.shield-film{transition:--phase-color 1s ease,--phase-surface 1s ease,border-color 1s ease,box-shadow 1s ease}
.shield-film .business-node,.shield-film .stack-node{transition:border-color 1s ease,box-shadow 1s ease,background-color 1s ease}
.shield-film .business-node>span,.shield-film .stack-node span,.shield-film .processing-side-label,.shield-film .film-agent-tag,.shield-film .film-chapter,.shield-film .film-topline>span:last-child{transition:color 1s ease}
.shield-film .processing-paths path{transition:stroke 1s ease,filter 1s ease,opacity .8s ease}
.shield-film .film-event{transition:color .8s ease,border-color .8s ease,box-shadow .8s ease}
.shield-film .automatic-badge{transition:opacity .8s ease,color 1s ease}
@media(prefers-reduced-motion:reduce){.shield-film,.shield-film *{transition:none!important}}

.film-heading .film-intro{max-width:780px;margin:20px auto 0;font-size:17px;line-height:1.75;color:#395a76}