/* Hood Intelligence RC10 — professional animated architecture system
   Public-safe marketing visualization only. No policy internals, thresholds,
   secrets, credentials, schemas, unpublished mechanisms, or production routes. */
.hood-motion-stage{position:relative;isolation:isolate;border:1px solid rgba(132,162,220,.24);border-radius:28px;overflow:hidden;background:
radial-gradient(circle at 50% 45%,rgba(56,102,255,.15),transparent 35%),
linear-gradient(180deg,#07101f 0%,#091425 55%,#07101b 100%);box-shadow:0 36px 90px rgba(0,0,0,.28);min-height:610px}
.hood-motion-stage:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(135,165,224,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(135,165,224,.055) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 68%,transparent 100%)}
.hood-motion-stage:after{content:"";position:absolute;inset:-20%;z-index:-1;background:conic-gradient(from 180deg at 50% 50%,transparent 0 34%,rgba(57,105,255,.08) 44%,transparent 54% 100%);filter:blur(36px);animation:hoodAurora 18s linear infinite;pointer-events:none}
@keyframes hoodAurora{to{transform:rotate(360deg)}}
.hood-motion-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:30px 34px 0;position:relative;z-index:3}
.hood-motion-kicker{font:600 10px/1.3 'IBM Plex Mono',monospace;letter-spacing:.18em;text-transform:uppercase;color:#8fb0ff}
.hood-motion-title{margin:7px 0 0;color:#f5f8ff;font-size:clamp(22px,2.6vw,34px);letter-spacing:-.035em;line-height:1.05}
.hood-motion-status{display:flex;align-items:center;gap:9px;font:600 10px/1.3 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#9fb0cc;border:1px solid rgba(139,171,230,.2);background:rgba(7,15,28,.62);backdrop-filter:blur(12px);padding:10px 12px;border-radius:999px;white-space:nowrap}
.hood-motion-status i{width:7px;height:7px;border-radius:50%;background:#53e7b4;box-shadow:0 0 14px rgba(83,231,180,.85)}
.hood-motion-canvas{position:relative;padding:10px 18px 20px;height:500px}
.hood-motion-svg{width:100%;height:100%;display:block;overflow:visible}
.hood-link-base{fill:none;stroke:#223453;stroke-width:2.2;vector-effect:non-scaling-stroke}
.hood-link-energy{fill:none;stroke:url(#hoodEnergy);stroke-width:2.8;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:url(#hoodGlow);opacity:.95}
.hood-link-soft{fill:none;stroke:#53698e;stroke-width:1.4;stroke-dasharray:5 9;vector-effect:non-scaling-stroke;opacity:.5}
.hood-node .node-shell{fill:#0d1a2d;stroke:#31496d;stroke-width:1.4;filter:url(#hoodNodeShadow)}
.hood-node .node-accent{fill:#1f5eff;opacity:.95}
.hood-node .node-kicker{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;fill:#8fb0ff}
.hood-node .node-title{font:700 15px Inter,Arial,sans-serif;fill:#f5f8ff}
.hood-node .node-copy{font:500 10.5px Inter,Arial,sans-serif;fill:#9fb0cc}
.hood-node.hood-core .node-shell{fill:#10275f;stroke:#5f8dff;stroke-width:1.8;filter:url(#hoodCoreGlow)}
.hood-node.hood-core .node-kicker{fill:#bed0ff}.hood-node.hood-core .node-title{fill:#fff}
.hood-node.evidence .node-shell{fill:#0e2630;stroke:#3c8d8a}.hood-node.evidence .node-accent{fill:#53d5c3}
.hood-node.human .node-shell{fill:#241d36;stroke:#7956aa}.hood-node.human .node-accent{fill:#a783e8}
.hood-node.effect .node-shell{fill:#1b2434;stroke:#52627d}.hood-node.effect .node-accent{fill:#d0d7e4}
.hood-particle{fill:#fff;filter:url(#hoodParticleGlow)}
.hood-particle.blue{fill:#6f9cff}.hood-particle.green{fill:#5de3bc}.hood-particle.violet{fill:#b796ff}
.hood-core-ring{fill:none;stroke:#2b66ff;stroke-width:1.2;opacity:.35;transform-origin:center;transform-box:fill-box}
.hood-core-ring.r2{stroke:#72a1ff;opacity:.18}
.hood-motion-legend{position:absolute;left:34px;right:34px;bottom:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;z-index:4}
.hood-motion-chip{border:1px solid rgba(139,171,230,.16);background:rgba(7,15,28,.62);backdrop-filter:blur(12px);padding:12px 14px;border-radius:14px;color:#9fb0cc;font-size:12px;line-height:1.45}
.hood-motion-chip strong{display:block;color:#f5f8ff;font-size:11px;margin-bottom:3px}
.hood-motion-control{position:absolute;right:30px;bottom:30px;z-index:6;display:flex;gap:8px}
.hood-motion-control button{border:1px solid rgba(139,171,230,.2);background:rgba(7,15,28,.72);color:#d9e5ff;border-radius:999px;padding:8px 11px;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(10px)}
.hood-motion-control button:hover{border-color:#5f8dff;background:#10224a}
.hood-motion-stage.light{background:radial-gradient(circle at 50% 45%,rgba(56,102,255,.09),transparent 35%),linear-gradient(180deg,#fff,#f6f9ff);border-color:#d7e0ef;box-shadow:0 26px 70px rgba(31,61,112,.10)}
.hood-motion-stage.light:before{background-image:linear-gradient(rgba(58,91,145,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(58,91,145,.055) 1px,transparent 1px)}
.hood-motion-stage.light .hood-motion-title{color:#101828}.hood-motion-stage.light .hood-motion-kicker{color:#1f5eff}.hood-motion-stage.light .hood-motion-status{background:rgba(255,255,255,.82);color:#667085;border-color:#d7e0ef}
.hood-motion-stage.light .hood-node .node-shell{fill:#fff;stroke:#cdd8ea}.hood-motion-stage.light .hood-node .node-title{fill:#101828}.hood-motion-stage.light .hood-node .node-copy{fill:#667085}.hood-motion-stage.light .hood-node .node-kicker{fill:#1f5eff}.hood-motion-stage.light .hood-node.hood-core .node-shell{fill:#174dc9;stroke:#4f7dff}.hood-motion-stage.light .hood-node.hood-core .node-title{fill:#fff}.hood-motion-stage.light .hood-node.hood-core .node-copy{fill:#dbe6ff}.hood-motion-stage.light .hood-node.hood-core .node-kicker{fill:#dbe6ff}
.hood-motion-stage.light .hood-motion-chip,.hood-motion-stage.light .hood-motion-control button{background:rgba(255,255,255,.84);color:#667085;border-color:#d7e0ef}.hood-motion-stage.light .hood-motion-chip strong{color:#101828}
.hood-motion-stage .fallback-note{display:none}
@media(max-width:900px){.hood-motion-stage{min-height:760px}.hood-motion-canvas{height:640px;padding:8px 4px 14px}.hood-motion-head{padding:24px 22px 0}.hood-motion-status{display:none}.hood-motion-legend{left:22px;right:22px;bottom:18px;grid-template-columns:1fr}.hood-motion-chip:nth-child(n+2){display:none}.hood-motion-control{right:20px;bottom:20px}.hood-motion-svg{min-width:860px;transform:translateX(-60px)}}
@media(max-width:640px){.hood-motion-stage{min-height:700px;border-radius:20px}.hood-motion-canvas{height:590px;overflow-x:auto;overflow-y:hidden}.hood-motion-svg{min-width:900px;transform:none}.hood-motion-legend{display:none}.hood-motion-control{bottom:15px}.hood-motion-head{padding:20px 18px 0}.hood-motion-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.hood-motion-stage:after{animation:none}.hood-motion-control{display:none}}
