.hero-intro{clip-path:none;border-radius:10px;isolation:isolate}.hero-intro>img{object-position:61% center;filter:saturate(.8) brightness(.82);transform:scale(1)}.hero-intro:after{z-index:0;pointer-events:none;background:linear-gradient(180deg,#081521a6 0%,transparent 47%,#07121ade 77%,#07121a 100%)}.hero-network{position:absolute;inset:0;z-index:1;pointer-events:none}.hero-network svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.intro-wire{fill:none;stroke:#80b6ff;stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.8}.intro-origin{fill:#b5dbff;stroke:#246eff;stroke-width:3;vector-effect:non-scaling-stroke}.intro-pulse{fill:none;stroke:#75b0ff;stroke-width:1;opacity:.5;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center}.intro-services{position:absolute;left:3%;right:3%;top:10%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.intro-services>span{text-align:center;background:#10283be8;border:1px solid #537da8;border-radius:5px;padding:11px 4px;color:#e4efff;font-size:14px;font-weight:500;line-height:1.4;box-shadow:0 6px 24px #0002}.intro-platform{position:absolute;left:50%;top:29%;transform:translate(-50%,-15%);background:#0642b0ef;border:1px solid #80aefb;border-radius:6px;padding:11px 20px;text-align:center;box-shadow:0 6px 35px #0052f530}.intro-platform span{font-size:12px;letter-spacing:.15em;display:block;color:#d3e5ff}.intro-platform strong{display:block;font-size:15px;letter-spacing:.11em;font-weight:600;color:white;margin-top:5px}.intro-copy{position:absolute;z-index:2;bottom:24px;left:30px;right:30px;color:white}.intro-copy>span{font-size:12px;letter-spacing:.14em;color:#9dbbe0}.intro-copy>p{font-size:clamp(25px,2.5vw,36px);line-height:1.16;letter-spacing:-.03em;margin:14px 0 20px}.intro-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #7997bc42;padding-top:13px}.intro-controls>span{font-size:12px;color:#b8cce5;line-height:1.5}.intro-controls button{font-family:inherit;font-size:12px;min-height:40px;border:1px solid #657f9f;border-radius:5px;padding:9px 12px;background:#14283b;color:#deedff;cursor:pointer}.intro-controls button:focus-visible{outline:3px solid #85b7ff;outline-offset:4px}.intro-copy small{display:block;font-size:12px;color:#8096b0;margin-top:9px}.hero-intro.intro-running>img{animation:intro-camera 4.8s cubic-bezier(.2,.7,.2,1) both}.intro-running .intro-uplink{animation:intro-line 1s .7s both}.intro-running .intro-platform{animation:intro-platform-in .7s 1.3s both}.intro-running .intro-distribution{animation:intro-line 1s 2s both}.intro-running .intro-services>span{animation:intro-card .7s 2.7s both}.intro-running .intro-services>span:nth-child(2){animation-delay:2.9s}.intro-running .intro-services>span:nth-child(3){animation-delay:3.1s}.intro-running .intro-pulse{animation:intro-signal 1.25s .35s 3 both}.intro-paused *, .intro-paused>img{animation-play-state:paused!important}@keyframes intro-camera{from{transform:scale(1.07);filter:saturate(.45) brightness(.65)}to{transform:scale(1);filter:saturate(.8) brightness(.82)}}@keyframes intro-line{from{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}to{stroke-dasharray:1;stroke-dashoffset:0;opacity:.85}}@keyframes intro-platform-in{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}@keyframes intro-card{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes intro-signal{from{transform:scale(.3);opacity:.9}to{transform:scale(1.8);opacity:0}}@media(max-width:1000px) and (min-width:701px){.intro-copy{left:20px;right:20px}.intro-services{gap:6px}.intro-services>span{font-size:12px}.intro-copy>p{font-size:28px}.intro-controls{align-items:flex-start}}@media(max-width:700px){.hero-intro{height:460px;min-height:460px;clip-path:none;border-radius:8px}.intro-services{top:8%;gap:6px}.intro-services>span{font-size:12px;padding:10px 3px}.intro-copy{left:18px;right:18px;bottom:18px}.intro-copy>p{font-size:28px;margin:10px 0 14px}.intro-platform{padding:9px 16px}.intro-platform strong{font-size:13px}.intro-controls{gap:8px}.intro-controls>span{max-width:190px}.intro-copy>span{font-size:12px;letter-spacing:.09em}.intro-copy small{font-size:12px}}@media(prefers-reduced-motion:reduce){.hero-intro *{animation:none!important}.hero-intro>img{transform:none}}.motion-reduced .hero-intro *{animation:none!important}
