/* Theme-specific light and motion integrated into the original image surfaces. */
.fxi-ambient-host{position:relative;isolation:isolate;overflow:hidden}.fxi-ambient-layer{position:absolute!important;inset:0!important;z-index:0!important;max-height:1100px;overflow:hidden;pointer-events:none!important;opacity:.7}.ambient-plane{position:absolute;display:block;inset:0;pointer-events:none;mix-blend-mode:screen}.fxi-ambient-host>.fxi-ambient-layer~*{position:relative}.fxi-ambient-host>.fxi-ambient-button{position:absolute!important}.fxi-context-image.fxi-ambient-host img{position:relative;z-index:-1}.fxi-context-image .fxi-ambient-layer{z-index:1!important}.fxi-ambient-button{right:18px;bottom:16px;z-index:5;padding:8px 12px;background:#06243de8;color:#e0f2ff;border:1px solid #7da2bb;border-radius:5px;font:12px "Segoe UI",Arial;cursor:pointer}.fxi-ambient-button[hidden]{display:none}.fxi-ambient-button:focus-visible{outline:3px solid #7dd6ff;outline-offset:3px}.fxi-ambient-layer~.fxi-page-heading,.fxi-ambient-layer~.fxi-maker-page{z-index:1}.fxi-context-image .fxi-ambient-button{z-index:3}
/* Cisco: packets travel through the existing rack photograph. */
[data-theme="packets"] .ambient-plane-0{background:radial-gradient(ellipse at 78% 15%,#46bfff55,transparent 18%),radial-gradient(ellipse at 85% 65%,#82eaff33,transparent 15%);animation:packet-route 13s linear infinite}.fxi-page-partenaire-cisco #main-content::before{animation:cisco-dolly 29s ease-in-out infinite alternate}
/* Palo Alto: moving display reflections and focus across the control room. */
[data-theme="monitor"] .ambient-plane-0{background:linear-gradient(115deg,transparent 55%,#97bfff22 62%,transparent 70%);animation:monitor-sweep 17s ease-in-out infinite}[data-theme="monitor"] .ambient-plane-1{background:radial-gradient(ellipse at 84% 22%,#51adff33,transparent 20%);animation:monitor-focus 8s ease-in-out infinite alternate}.fxi-page-partenaire-palo-alto-networks #main-content::before{animation:monitor-dolly 33s ease-in-out infinite alternate}
/* Fortinet: perimeter halos in a warmer technical accent. */
[data-theme="perimeter"] .ambient-plane-0{inset:8% -20% 30% 45%;border-radius:50%;background:radial-gradient(ellipse,transparent 40%,#eaa66e26 44%,transparent 51%);animation:perimeter-breathe 11s ease-in-out infinite}[data-theme="perimeter"] .ambient-plane-1{background:radial-gradient(ellipse at 90% 40%,#ff996622,transparent 32%);animation:perimeter-light 19s ease-in-out infinite alternate}.fxi-page-partenaire-fortinet #main-content::before{animation:perimeter-camera 31s ease-in-out infinite alternate}
/* Splunk: data arriving in different lanes, not a generic camera loop. */
[data-theme="telemetry"] .ambient-plane-0{left:55%;background:repeating-linear-gradient(90deg,transparent 0 12%,#64caff15 12% 13%,transparent 13% 22%);mask-image:linear-gradient(transparent,#000,transparent);animation:telemetry-lanes 14s ease-in-out infinite alternate}[data-theme="telemetry"] .ambient-plane-1{background:radial-gradient(ellipse at 78% 55%,#31cfff33,transparent 20%);animation:telemetry-signal 7s ease-in-out infinite alternate}.fxi-page-partenaire-splunk #main-content::before{animation:telemetry-camera 36s ease-in-out infinite alternate}
/* Stormshield: separated zones illuminate successively. */
[data-theme="segmentation"] .ambient-plane-0{inset:7% 5% 38% 60%;background:linear-gradient(135deg,#53aaff22,transparent);clip-path:polygon(0 0,100% 0,100% 44%,0 70%);animation:zone-first 12s ease-in-out infinite}[data-theme="segmentation"] .ambient-plane-1{inset:26% 0 15% 50%;background:linear-gradient(135deg,transparent,#6bcaff22);clip-path:polygon(0 25%,100% 0,100% 100%,0 100%);animation:zone-second 12s ease-in-out infinite}.fxi-page-partenaire-stormshield #main-content::before{animation:zone-camera 30s ease-in-out infinite alternate}
/* HPE Aruba/Juniper: expanding spatial coverage on the data center image. */
[data-theme="wireless"] .ambient-plane-0{inset:0 -20% 15% 38%;background:repeating-radial-gradient(ellipse at 70% 40%,transparent 0 90px,#6de4ef15 92px 94px,transparent 96px 180px);animation:coverage 22s ease-in-out infinite alternate}.fxi-page-partenaire-hpe-aruba-juniper #main-content::before{animation:coverage-camera 32s ease-in-out infinite alternate}
/* Dell: staggered chassis lights. */
[data-theme="compute"] .ambient-plane-0{inset:15% 5% 20% 60%;background:repeating-linear-gradient(0deg,transparent 0 44px,#78c5ff22 45px 47px,transparent 49px 90px);mask-image:linear-gradient(90deg,transparent,#000,transparent);animation:compute-scan 18s linear infinite}[data-theme="compute"] .ambient-plane-1{background:radial-gradient(ellipse at 80% 50%,#4598ff22,transparent 30%);animation:compute-breathe 9s ease-in-out infinite alternate}.fxi-page-partenaire-dell #main-content::before{animation:compute-camera 35s ease-in-out infinite alternate}
/* HP Inc.: moving window light across workstations. */
[data-theme="workspace"] .ambient-plane-0{background:linear-gradient(125deg,transparent 45%,#fff5da20 47%,transparent 52%,#fff5da18 57%,transparent 61%);animation:workspace-day 27s ease-in-out infinite alternate}.fxi-page-partenaire-hp-inc #main-content::before{animation:workspace-camera 38s ease-in-out infinite alternate}
/* GETAC: field atmosphere moving laterally with a low horizon. */
[data-theme="terrain"] .ambient-plane-0{inset:30% -25% -10%;background:radial-gradient(ellipse at 75% 80%,#b6ccd533,transparent 45%);filter:blur(15px);animation:terrain-air 23s ease-in-out infinite alternate}.fxi-page-partenaire-getac #main-content::before{animation:terrain-camera 37s ease-in-out infinite alternate}
/* Remaining domains use their own compositions within their original surfaces. */
[data-theme="photonics"] .ambient-plane-0{background:conic-gradient(from 45deg at 80% 50%,transparent,#648dff20,transparent 28%,#74d5ff22,transparent 60%);animation:photon-phase 25s ease-in-out infinite alternate}[data-theme="photonics"] .ambient-plane-1{background:radial-gradient(ellipse at 78% 45%,#7cb7ff22,transparent 30%);animation:photon-focus 10s ease-in-out infinite alternate}
[data-theme="tracking"] .ambient-plane-0{background:conic-gradient(from 0deg at 82% 55%,transparent 0 75%,#7cddff22 95%,transparent);animation:tracking-scan 18s ease-in-out infinite alternate}
[data-theme="horizon"] .ambient-plane-0{background:linear-gradient(0deg,#e6a76322,transparent 45%);animation:horizon-shimmer 15s ease-in-out infinite alternate}
[data-theme="fabric"] .ambient-plane-0{background:radial-gradient(ellipse at 90% 60%,#3dbbff22,transparent 35%);animation:fabric-depth 19s ease-in-out infinite alternate}
[data-theme="routing"] .ambient-plane-0{background:radial-gradient(ellipse at 20% 30%,#3abfff33,transparent 25%);animation:routing-flow 17s ease-in-out infinite alternate}
[data-theme="daylight"] .ambient-plane-0{background:linear-gradient(100deg,transparent,#fff5e122,transparent);animation:daylight-pass 28s ease-in-out infinite alternate}
[data-theme="constellation"] .ambient-plane-0{background:radial-gradient(ellipse at 20% 20%,#6aafff22,transparent 25%),radial-gradient(ellipse at 80% 60%,#8defff22,transparent 25%);animation:constellation-drift 21s ease-in-out infinite alternate}
[data-theme="focus"] .ambient-plane-0{background:radial-gradient(ellipse at 50% 40%,#a9d8ff22,transparent 40%);animation:focus-light 20s ease-in-out infinite alternate}
[data-theme="blueprint"] .ambient-plane-0{background:linear-gradient(35deg,transparent 30%,#7ab4f522 45%,transparent 60%);animation:blueprint-reveal 24s ease-in-out infinite alternate}
[data-theme="warmth"] .ambient-plane-0{background:radial-gradient(ellipse at 80% 20%,#f6d9a333,transparent 50%);animation:warmth-room 26s ease-in-out infinite alternate}
[data-theme="privacy"] .ambient-plane-0,[data-theme="paper"] .ambient-plane-0{opacity:0}
body.fxi-motion-paused .fxi-ambient-layer *,body.fxi-ambient-away .fxi-ambient-layer *,body.fxi-ambient-away #main-content::before,body.fxi-ambient-away #main-content::after{animation-play-state:paused!important}body.fxi-motion-paused .bilgem-orbit::before,body.fxi-motion-paused .bilgem-orbit::after{animation-play-state:paused!important}
@media(max-width:760px){.fxi-ambient-layer{opacity:.4}.fxi-motion-controls{display:flex!important}.fxi-ambient-button{font-size:11px}.ambient-plane{filter:none!important}}
@media(prefers-reduced-motion:reduce){.fxi-ambient-layer{display:none}body[class*="fxi-page-partenaire-"] #main-content::before,body[class*="fxi-page-partenaire-"] #main-content::after,.bilgem-orbit::before,.bilgem-orbit::after{animation:none!important}.fxi-ambient-button{display:none}}

@keyframes packet-route{from{transform:translateY(-8%);opacity:.25}to{transform:translateY(15%);opacity:.8}}
@keyframes cisco-dolly{from{transform:scale(1.01)}to{transform:scale(1.055) translateX(-1%)}}
@keyframes monitor-sweep{from{transform:translateX(-18%);opacity:.1}to{transform:translateX(16%);opacity:.65}}
@keyframes monitor-focus{from{opacity:.25}to{opacity:.75}}
@keyframes monitor-dolly{from{transform:scale(1.025) translateX(-.5%)}to{transform:scale(1.065) translateX(1%)}}
@keyframes perimeter-breathe{from{transform:scale(.9);opacity:.2}to{transform:scale(1.2);opacity:.6}}
@keyframes perimeter-light{from{transform:translateY(4%)}to{transform:translateY(-6%)}}
@keyframes perimeter-camera{from{transform:scale(1.02)}to{transform:scale(1.05) translateY(-1%)}}
@keyframes telemetry-lanes{from{transform:translateY(-10%);opacity:.4}to{transform:translateY(8%);opacity:.8}}
@keyframes telemetry-signal{from{opacity:.2}to{opacity:.65}}
@keyframes telemetry-camera{from{transform:scale(1.01) translateX(-.7%)}to{transform:scale(1.045) translateX(.7%)}}
@keyframes zone-first{from{opacity:.1}to{opacity:.6}}
@keyframes zone-second{from{opacity:.6}to{opacity:.1}}
@keyframes zone-camera{from{transform:scale(1.02) translateY(-.5%)}to{transform:scale(1.05) translateY(.4%)}}
@keyframes coverage{from{transform:scale(.95);opacity:.4}to{transform:scale(1.17);opacity:.65}}
@keyframes coverage-camera{from{transform:scale(1.02)}to{transform:scale(1.06) translate(-.6%,-.8%)}}
@keyframes compute-scan{from{transform:translateY(-45px);opacity:.2}to{transform:translateY(45px);opacity:.65}}
@keyframes compute-breathe{from{opacity:.3}to{opacity:.8}}
@keyframes compute-camera{from{transform:scale(1.02) translateX(.6%)}to{transform:scale(1.05) translateX(-.6%)}}
@keyframes workspace-day{from{transform:translateX(-10%);opacity:.25}to{transform:translateX(8%);opacity:.75}}
@keyframes workspace-camera{from{transform:scale(1.01)}to{transform:scale(1.04) translateY(-.7%)}}
@keyframes terrain-air{from{transform:translateX(-10%);opacity:.25}to{transform:translateX(10%);opacity:.65}}
@keyframes terrain-camera{from{transform:scale(1.025) translateX(-1%)}to{transform:scale(1.055) translateX(1%)}}
@keyframes photon-phase{from{transform:rotate(-8deg);opacity:.4}to{transform:rotate(10deg);opacity:.8}}
@keyframes photon-focus{from{opacity:.3}to{opacity:.7}}
@keyframes tracking-scan{from{transform:rotate(-10deg);opacity:.3}to{transform:rotate(12deg);opacity:.65}}
@keyframes horizon-shimmer{from{transform:translateY(5%);opacity:.25}to{transform:translateY(-4%);opacity:.7}}
@keyframes fabric-depth{from{transform:scale(1);opacity:.3}to{transform:scale(1.15);opacity:.75}}
@keyframes routing-flow{from{transform:translateX(-12%)}to{transform:translateX(40%)}}
@keyframes daylight-pass{from{transform:translateX(-18%);opacity:.4}to{transform:translateX(12%);opacity:.7}}
@keyframes constellation-drift{from{transform:translate(-4%,2%)}to{transform:translate(4%,-2%)}}
@keyframes focus-light{from{transform:scale(.9);opacity:.3}to{transform:scale(1.2);opacity:.7}}
@keyframes blueprint-reveal{from{transform:translateX(-15%)}to{transform:translateX(15%)}}
@keyframes warmth-room{from{opacity:.2}to{opacity:.6}}