/* Motion is part of the composition, with a quiet, readable foreground. */
.home-hero,.page-hero{isolation:isolate;position:relative;overflow:hidden}
.home-hero>.container,.page-hero>.container{position:relative;z-index:2}
.fluid-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.85}
.home-hero::after,.page-hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#071c19b3 0%,#071c194d 43%,transparent 72%)}
.system-visual{perspective:900px}
.system-visual::before{width:88%;height:88%;background:radial-gradient(ellipse,#27876535,transparent 67%)}
.system-visual .fluid-system{position:relative;width:110%;max-width:660px;height:auto;aspect-ratio:660/620;overflow:visible;will-change:transform;transform-origin:50% 50%;filter:drop-shadow(0 12px 30px #0002)}
.fluid-orbit{transform-origin:332px 303px;animation:fluid-orbit 24s linear infinite}
.fluid-orbit.reverse{animation-direction:reverse;animation-duration:36s}
.fluid-core-halo{transform-origin:332px 303px;animation:fluid-heart 5s ease-in-out infinite}
.fluid-core-mark{filter:drop-shadow(0 0 12px #5bdeb04d)}
.fluid-core-shine{animation:fluid-sheen 5s ease-in-out infinite}
.fluid-flow-line{stroke:#7ce7b6;stroke-opacity:.72;stroke-width:1.5;stroke-dasharray:14 130;animation:fluid-flow 7s linear infinite}
.fluid-packet{fill:#ceffde;filter:drop-shadow(0 0 5px #83f0bc)}
.fluid-node>rect{fill:#102c24e8;stroke:#88d9a7;stroke-opacity:.5}
.fluid-node{filter:drop-shadow(0 9px 14px #0003)}
.fluid-orbit-point{fill:#8cebc4;filter:drop-shadow(0 0 5px #65e3b4)}
.motion-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #87c69e5c;border-radius:30px;padding:7px 12px;min-height:34px;background:#102c2480;color:#cfe5d6;font:11px/1.3 var(--font);letter-spacing:0;text-transform:none;white-space:nowrap}
.motion-control:hover{background:#1c4434;border-color:#a8e7bf}
.motion-control-icon{width:12px;height:12px;display:inline-block;position:relative}
.motion-control-icon::before,.motion-control-icon::after{content:'';position:absolute;top:1px;width:2px;height:10px;background:currentColor;border-radius:1px}
.motion-control-icon::before{left:3px}.motion-control-icon::after{right:3px}
.motion-paused .motion-control-icon::before{left:3px;top:0;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid currentColor;background:none;border-radius:0}
.motion-paused .motion-control-icon::after{display:none}
.hero-bottom{gap:20px;position:relative;z-index:3;padding-right:110px}
.hero-bottom-actions{display:flex;align-items:center;gap:24px}
.page-hero .motion-control{margin-top:30px}
.motion-paused .fluid-system *,.motion-offscreen .fluid-system *{animation-play-state:paused!important}
.fluid-available .service-row{position:relative;overflow:hidden}
.fluid-available .service-row::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 260px 160px at var(--glow-x,50%) var(--glow-y,50%),#9fe5b214,transparent 70%);opacity:0;transition:opacity .3s}
.fluid-available .service-row:hover::after{opacity:1}
.fluid-available .card{position:relative;isolation:isolate;overflow:hidden}
.fluid-available .card::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle 200px at var(--glow-x,50%) var(--glow-y,50%),#bdedcc15,transparent 70%);opacity:0;transition:opacity .3s}
.fluid-available .card:hover::after{opacity:1}
@keyframes fluid-orbit{to{transform:rotate(360deg)}}
@keyframes fluid-heart{0%,100%{transform:scale(.96);opacity:.45}50%{transform:scale(1.07);opacity:.9}}
@keyframes fluid-sheen{0%,100%{opacity:.15}50%{opacity:.7}}
@keyframes fluid-flow{to{stroke-dashoffset:-288}}
@media(max-width:1100px){.hero-bottom-actions{gap:16px}}
@media(max-width:800px){.system-visual .fluid-system{width:117%;max-width:none}.hero-bottom{letter-spacing:1px}.hero-bottom-actions{gap:12px}.hero-bottom>span{max-width:260px}}
@media(max-width:720px){.system-visual .fluid-system{width:100%;max-width:100%}.home-hero::after,.page-hero::after{background:linear-gradient(180deg,#071c1973 0%,#071c1952 45%,transparent 70%)}.fluid-field{opacity:.75}.hero-bottom{flex-wrap:wrap;align-items:center;gap:15px;padding-right:0}.hero-bottom>span{max-width:100%;flex-basis:100%}.hero-bottom-actions{justify-content:flex-start;flex-wrap:wrap;width:100%;gap:15px 26px}.motion-control{font-size:10px;padding:8px 11px}.page-hero .motion-control{margin-top:23px}}
@media(prefers-reduced-motion:reduce){.fluid-system *{animation:none!important}.fluid-field{opacity:.5}}