.hero-product{isolation:isolate}.impact-network{position:absolute;inset:-45px -40px -35px -55px;pointer-events:none;z-index:-1}.impact-network>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.data-route{fill:none;stroke:url(#data-trail);stroke-width:1.1;stroke-dasharray:5 9;animation:data-trace 12s linear infinite}.route-two{animation-direction:reverse;opacity:.7}.route-three{opacity:.3}.impact-aura{position:absolute;inset:8% 0 0;background:radial-gradient(ellipse at 54% 48%,#009bea3a,transparent 60%);animation:aura-breathe 6s ease-in-out infinite}.impact-ring{position:absolute;left:8%;top:6%;width:89%;height:94%;border:1px solid #5fdcff1f;border-radius:50%;transform:rotate(-23deg)}.impact-ring.ring-a{border-top-color:#76dfff80;animation:orbit-turn 16s linear infinite}.impact-ring.ring-b{left:13%;top:11%;width:76%;height:81%;border-right-color:#51b9eb55;animation:orbit-turn 22s linear infinite reverse}.impact-ping{position:absolute;width:60px;height:60px;border:1px solid #a1eaff;border-radius:50%;animation:signal-ping 6s ease-out infinite}.ping-app{left:10%;top:70%}.ping-otif{right:9%;top:57%;animation-delay:2s}.impact-stage .hero-browser{animation:browser-float 8s 2s ease-in-out infinite,screen-energize 6s 1.5s ease-in-out infinite}.impact-stage .hero-phone{animation:phone-float 7s 2.5s ease-in-out infinite,phone-energize 6s ease-in-out infinite}.impact-stage .event-toast{animation:toast-arrive 1s .7s both,toast-confirm 6s 2.7s ease-in-out infinite}.impact-stage .check-icon{animation:check-beat 6s 2.7s ease-in-out infinite}.hero-browser:after{content:'';position:absolute;inset:-80% -10%;background:linear-gradient(118deg,transparent 43%,#a5e6ff00 46%,#c6f3ff15 49%,#a4ddff00 52%,transparent 55%);transform:translateX(-90%);pointer-events:none;animation:screen-sheen 7s 1s ease-in-out infinite;mix-blend-mode:screen}.impact-legend{position:absolute;top:0;left:40px;right:0;height:20px;display:flex;gap:9px;align-items:center;color:#83d7ff;font-size:8px;letter-spacing:.13em}.impact-live{width:4px;height:4px;border-radius:50%;background:#80e4e9;box-shadow:0 0 14px #80e4e9;animation:check-beat 3s infinite}.impact-phase{position:absolute;left:13px;opacity:0;animation:legend-cycle 9s linear infinite}.phase-two{animation-delay:3s}.phase-three{animation-delay:6s}.impact-replay{position:absolute;bottom:-30px;right:0;background:transparent;border:1px solid #84c7ed35;color:#98cbea;font-size:8px;padding:6px 10px;border-radius:20px;transition:background .2s}.impact-replay:hover{background:#2a729130}.motion-paused .impact-legend .impact-phase{animation:none;opacity:0}.motion-paused .impact-legend .phase-three{opacity:1}.motion-paused .impact-ping{opacity:0}.motion-paused .impact-aura{animation:none}.motion-paused .hero-browser:after{display:none}@keyframes data-trace{to{stroke-dashoffset:-168}}@keyframes aura-breathe{0%,100%{opacity:.45;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}@keyframes orbit-turn{from{transform:rotate(-23deg)}to{transform:rotate(337deg)}}@keyframes signal-ping{0%{transform:scale(.25);opacity:0}8%{opacity:.8}45%,100%{transform:scale(2.2);opacity:0}}@keyframes screen-energize{0%,100%{box-shadow:0 35px 100px #0008;border-color:#8fceff35}35%,55%{box-shadow:0 35px 100px #0008,0 0 45px #3cbfff45;border-color:#8fe5ff80}}@keyframes phone-energize{0%,100%{box-shadow:0 22px 45px #0007}10%,25%{box-shadow:0 22px 45px #0007,0 0 28px #41b9ed55}}@keyframes toast-confirm{0%,100%{box-shadow:0 15px 45px #0005}40%{box-shadow:0 15px 45px #0005,0 0 25px #72dfbe50}}@keyframes check-beat{0%,100%{transform:scale(1)}45%{transform:scale(1.12)}}@keyframes screen-sheen{0%,20%{transform:translateX(-90%)}65%,100%{transform:translateX(90%)}}@keyframes legend-cycle{0%,2%{opacity:0;transform:translateY(4px)}5%,28%{opacity:1;transform:none}32%,100%{opacity:0;transform:translateY(-4px)}}@media(max-width:800px){.impact-network{inset:-30px -10px -25px -10px}.impact-legend{left:80px;top:-13px;font-size:7px}.impact-replay{bottom:-27px}.hero-product{margin-bottom:22px}}@media(max-width:480px){.impact-legend{left:50px;font-size:6px;letter-spacing:.09em;top:-8px}.impact-network{inset:-20px -6px -15px -6px}.impact-ping{width:40px;height:40px}.impact-replay{font-size:7px;bottom:-25px}.hero-floor{margin-top:25px}}@media(prefers-reduced-motion:reduce){.impact-network{opacity:.35}.impact-ping{display:none}.impact-phase{display:none;animation:none!important}.impact-legend .phase-three{display:block;opacity:1}.hero-browser:after{display:none}.impact-replay{display:none}}
.hero-product-caption{position:absolute;top:50%;left:50%;width:90%;margin:0;transform:translate(-50%,-20%);text-align:center;font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:600;letter-spacing:.09em;color:#c4edff;text-shadow:0 2px 18px #001421}.hero-product-caption span{font-family:'DM Sans',Arial,sans-serif;font-size:18px;font-weight:400;letter-spacing:0;color:#d5e7f3;line-height:1.5;margin-top:15px}.impact-legend{top:calc(50% - 45px);left:5%;right:5%;justify-content:center;font-size:11px;letter-spacing:.1em;text-align:center}.impact-legend .impact-live{position:absolute;left:calc(50% - 175px)}.impact-legend .impact-phase{left:0;width:100%}@media(max-width:800px){.hero-product-caption{font-size:24px;top:50%;left:50%;margin:0}.hero-product-caption span{font-size:17px}.impact-legend{top:calc(50% - 45px);left:5%;right:5%;font-size:10px}}@media(max-width:480px){.hero-product-caption{font-size:22px;width:95%}.hero-product-caption span{font-size:15px;margin-top:12px}.impact-legend{font-size:8px;letter-spacing:.08em;top:calc(50% - 38px)}.impact-legend .impact-live{left:calc(50% - 133px)}}
.hero-product-caption>small{display:block;font-family:"DM Sans",Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:.03em;color:#9fc5de;margin-top:15px;line-height:1.7}@media(max-width:480px){.hero-product-caption>small{font-size:10px}.impact-legend{font-size:7px}}
.impact-replay{display:none}
.hero-background{opacity:.82;animation-name:hero-coye-arrive}.hero-shade{background:linear-gradient(90deg,#041425f0 0%,#061b30c9 45%,#04233b35),linear-gradient(0deg,#061a2ee5,transparent 60%)}@keyframes hero-coye-arrive{from{transform:scale(1.08);opacity:0}to{transform:scale(1);opacity:.82}}.motion-paused .hero-background{opacity:.82}