/* Each background has a role: plane lighting, source traces, context contours, observation curtain, compression, photography. */
.interactive-visual[data-visual=armis] .visual-art{background:#10343c;aspect-ratio:36/23}.interactive-visual[data-visual=armis] .visual-art::before{background:radial-gradient(ellipse at 78% 15%,#5e9d8d88,transparent 55%),linear-gradient(145deg,#0c252d 8%,#1b4952 60%,#0e3038)}.interactive-visual[data-visual=armis] .plane-surface{fill:#41736c55;stroke:#a1c7b8;transition:fill .3s,stroke .3s}.interactive-visual[data-visual=armis] .layer.is-selected .plane-surface{fill:#85b99a80;stroke:#d9efdb;stroke-width:2}.interactive-visual[data-visual=armis] .layer{opacity:.72;transition:opacity .3s}.interactive-visual[data-visual=armis] .layer.is-selected{opacity:1}.interactive-visual .plane-label{transition:fill .3s}.interactive-visual .plane-label.is-selected{fill:#eff8ef;font-weight:600}.interactive-visual .plane-connector,.interactive-visual .plane-port{opacity:.85}
.interactive-visual[data-visual=discovery] .visual-art{background:#e5eee8}.interactive-visual[data-visual=discovery] .visual-art::before{background:radial-gradient(ellipse at 80% 45%,#a4c6aeaa,transparent 60%),repeating-linear-gradient(0deg,transparent 0 34px,#6b9c8a0d 34px 35px)}.interactive-visual .source-route{stroke:#7d9e91;opacity:.5;transition:stroke .3s,opacity .3s,stroke-width .3s}.interactive-visual .source-route.is-selected{stroke:#0f5c66;opacity:1;stroke-width:2.5}.interactive-visual .source-node{transition:fill .3s,stroke .3s}.interactive-visual .source-node.is-selected{fill:#cadfcf;stroke:#0f5c66;stroke-width:2}.interactive-visual .source-label.is-selected{fill:#0f5c66;font-weight:600}.interactive-visual .source-glyph.is-selected{opacity:1}.interactive-visual .source-glyph{opacity:.6;transition:opacity .3s}.interactive-visual .profile-route{stroke:#0f5c66;opacity:.6}.interactive-visual .profile-brackets{opacity:.35;transform-origin:540px 220px;transition:opacity .5s,transform .5s}.interactive-visual.is-active .profile-brackets{opacity:1;animation:iv-profile-build 1.1s cubic-bezier(.2,.7,.2,1) both}.interactive-visual.is-active .destination{stroke:#0f5c66;stroke-width:2}
.interactive-visual[data-visual=risk] .visual-art{background:#e3eae6}.interactive-visual[data-visual=risk] .visual-art::before{background:repeating-radial-gradient(ellipse at 50% 52%,transparent 0 31px,#5985770c 32px 33px,transparent 34px 46px),radial-gradient(ellipse at 45% 50%,#fcfff4 10%,#c4d8ca77 65%,transparent 75%)}.interactive-visual .context-arc{opacity:.4;stroke-width:7;transform-origin:360px 220px;transition:opacity .35s,stroke-width .35s,transform .5s}.interactive-visual .context-arc.is-selected{opacity:1;stroke-width:12;transform:rotate(calc(var(--mx)*3deg))}.interactive-visual .context-label{transition:fill .3s}.interactive-visual .context-label.is-selected{fill:#0f5c66;font-weight:600}.interactive-visual .risk-core{fill:#ffffffb0;transition:fill .4s,stroke .4s}.interactive-visual.is-active .risk-core{fill:#fbfff4;stroke:#5e9782;stroke-width:2}
.interactive-visual[data-visual=monitoring] .visual-art{background:#122f3a}.interactive-visual[data-visual=monitoring] .visual-art::before{background:radial-gradient(ellipse at 14% 28%,#416a7d99,transparent 60%),repeating-linear-gradient(90deg,transparent 0 36px,#b4ddc608 37px 38px),linear-gradient(135deg,#172d3c,#164a4c)}.interactive-visual .scan-position{opacity:0;transition:opacity .4s,transform .15s linear}.interactive-visual.is-active .scan-position{opacity:1}.interactive-visual .monitor-node{transition:fill .4s,stroke .4s}.interactive-visual .monitor-node.is-selected{fill:#396b6980;stroke:#e0f4dc;stroke-width:2.5}.interactive-visual.is-manual .scan-position{animation:iv-scan-sweep 4.8s ease-in-out both}.interactive-visual.is-manual .monitor-clock>path{transform-origin:0px 0px;animation:iv-clock-observe 4.8s ease-in-out both}
.interactive-visual[data-visual=vulnerabilities] .visual-art{background:#e7ece2}.interactive-visual[data-visual=vulnerabilities] .visual-art::before{background:radial-gradient(ellipse at 63% 48%,#9abd9c66,transparent 65%),linear-gradient(155deg,#f7f9ef,#d6e2d8 80%)}.interactive-visual .collector{stroke:#6e9c8b;transition:stroke-width .4s}.interactive-visual.is-active .collector{stroke-width:2}.interactive-visual .finding{opacity:.65;transition:opacity .4s}.interactive-visual.is-active .finding{opacity:1}.interactive-visual.is-active .finding>path{animation:iv-document-reveal 1.6s ease both}.interactive-visual.is-active .finding-1>path{animation-delay:.2s}.interactive-visual.is-active .finding-2>path{animation-delay:.4s}.interactive-visual .task-echo{opacity:0;transform:translate(-10px,10px);transition:opacity .5s,transform .5s}.interactive-visual.is-active .task-echo{opacity:.5;transform:translate(0,0)}
.interactive-visual[data-visual=manufacturing] .visual-art{background:#16373d}.interactive-visual[data-visual=manufacturing] .visual-art::before{background:radial-gradient(ellipse at 45% 85%,#67988177,transparent 60%)}.interactive-visual .factory-photo{transform-origin:360px 144px;transform:translate(calc(var(--mx)*-7px),calc(var(--my)*-4px)) scale(1.045);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.interactive-visual[data-visual=manufacturing] .scene{transform:translate(calc(var(--mx)*3px),0)}.interactive-visual .communication-route{stroke:#9bc8b4;stroke-width:2;transition:stroke .3s}.interactive-visual.is-active .communication-route{stroke:#e1f2db;stroke-dasharray:18 8;animation:iv-communication 2s linear 2}
@keyframes iv-profile-build{from{opacity:0;transform:scale(1.16)}to{opacity:1;transform:scale(1)}}@keyframes iv-scan-sweep{0%{transform:translate(70px,0)}100%{transform:translate(650px,0)}}@keyframes iv-clock-observe{from{transform:rotate(0)}to{transform:rotate(120deg)}}@keyframes iv-document-reveal{0%{stroke-dasharray:80;stroke-dashoffset:80;opacity:.4}100%{stroke-dasharray:80;stroke-dashoffset:0;opacity:1}}@keyframes iv-communication{to{stroke-dashoffset:-52}}
.interactive-visual{margin:0;min-width:0;width:100%;max-width:600px;border:1px solid #dbe4df;border-radius:12px;overflow:hidden;background:#fff;align-self:center}.interactive-visual .visual-art{aspect-ratio:18/11;position:relative;overflow:hidden;isolation:isolate;perspective:950px;--mx:0;--my:0;--px:50%;--py:50%;background:#edf2ef;outline-offset:-4px}.interactive-visual .visual-art:focus-visible{outline:3px solid #6e9e92}.interactive-visual .visual-stage{position:relative;z-index:1;transform:rotateX(calc(var(--my)*-3deg)) rotateY(calc(var(--mx)*4deg));transition:transform .38s cubic-bezier(.2,.7,.2,1);transform-origin:50% 50%}.interactive-visual .scene{transform:translate(calc(var(--mx)*5px),calc(var(--my)*4px));transition:transform .38s ease}.interactive-visual .visual-stage>svg{display:block;width:100%;height:auto;overflow:visible}.interactive-visual .visual-stage text{font-size:24px}.interactive-visual .visual-light{position:absolute;z-index:2;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 180px 150px at var(--px) var(--py),#daf4d733,transparent 75%);mix-blend-mode:screen;transition:opacity .4s}.interactive-visual .visual-grain{position:absolute;z-index:3;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.interactive-visual .visual-art::before{content:'';position:absolute;inset:-10%;pointer-events:none;z-index:0;transition:transform .7s ease,opacity .5s}.interactive-visual.is-active .visual-art::before{transform:translate(calc(var(--mx)*-8px),calc(var(--my)*-6px)) scale(1.04)}.interactive-visual.is-active .visual-light{opacity:1}.interactive-visual .visual-caption{padding:17px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;border-top:1px solid #dbe4df}.interactive-visual .visual-status{flex:1;min-width:170px;margin:0;color:#526c69;font-size:12px;line-height:1.6}.interactive-visual .visual-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.interactive-visual.is-suspended *{animation-play-state:paused!important}.pagehero .headline:has(.interactive-visual){grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px}
@media(max-width:900px){.pagehero .headline:has(.interactive-visual){gap:32px}.interactive-visual .visual-caption{padding:14px 16px}}@media(max-width:700px){.pagehero .headline:has(.interactive-visual){grid-template-columns:1fr;gap:35px}.interactive-visual{max-width:600px}.interactive-visual .visual-stage text{font-size:28px}.interactive-visual .visual-stage{transform:none}.interactive-visual .visual-status{min-width:100%;font-size:12px}}
@media(prefers-reduced-motion:reduce){.interactive-visual *,.interactive-visual *::before,.interactive-visual *::after{animation:none!important;transition:none!important}.interactive-visual .visual-stage,.interactive-visual .scene,.interactive-visual .factory-photo{transform:none!important}.interactive-visual .visual-light,.interactive-visual .scan-position{display:none!important}}