.introVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.heroVisual video{width:100%;height:100%;object-fit:cover}.videoShowcase{display:grid;grid-template-columns:.72fr 1.28fr;gap:56px;align-items:center;padding:90px max(5vw,calc((100vw - 1280px)/2));background:#fff}.videoCopy span{color:var(--green);font-weight:900;letter-spacing:.18em;font-size:12px}.videoCopy h2{font-size:clamp(34px,4vw,64px);line-height:1;margin:18px 0}.videoCopy p{font-size:18px;line-height:1.65;color:#52606b}.videoFrame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:28px;background:var(--navy);box-shadow:0 28px 80px rgba(7,24,40,.22)}.videoFrame img,.videoFrame video{width:100%;height:100%;object-fit:cover}.videoFrame i{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#fff;color:var(--red);font-style:normal;font-size:25px}@media(max-width:900px){.videoShowcase{grid-template-columns:1fr;padding:65px 20px}}
.animatedHero{--mx:50%;--my:50%;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at var(--mx) var(--my),rgba(89,181,47,.2),transparent 34%),var(--navy)}.animatedHero:before{content:"";position:absolute;z-index:2;inset:-55%;pointer-events:none;background:linear-gradient(112deg,transparent 43%,rgba(255,255,255,.12) 49%,transparent 55%);animation:waterLight 8s ease-in-out infinite}.animatedHero:after{content:"";position:absolute;z-index:0;width:42vw;height:42vw;right:-16vw;bottom:-24vw;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 70px rgba(41,164,214,.05),0 0 0 145px rgba(89,181,47,.035);animation:waterRing 9s ease-in-out infinite}.animatedHero .heroContent,.animatedHero .heroVisual{position:relative;z-index:1}.animatedHero .heroContent>*{animation:heroEnter .85s cubic-bezier(.2,.75,.2,1) both}.animatedHero .heroContent h1{animation-delay:.08s}.animatedHero .heroContent p{animation-delay:.16s}.animatedHero .heroButtons{animation-delay:.24s}.animatedHero .heroNotes{animation-delay:.32s}.animatedHero .heroVisual{animation:visualEnter 1.05s cubic-bezier(.2,.75,.2,1) .12s both}.animatedHero .heroVisual>img,.animatedHero .heroVisual>video{transition:transform .65s cubic-bezier(.2,.75,.2,1);transform:translate(calc((var(--mx) - 50%)*.035),calc((var(--my) - 50%)*.035)) scale(1.045)}.animatedHero .heroCard{animation:cardFloat 4.5s ease-in-out infinite}.revealBlock{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.2,1)}.revealBlock.isVisible{opacity:1;transform:none}
@keyframes heroEnter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes visualEnter{from{opacity:0;transform:translateX(55px) scale(.97)}to{opacity:1;transform:none}}@keyframes waterLight{0%,48%{transform:translateX(-36%)}72%,100%{transform:translateX(36%)}}@keyframes waterRing{0%,100%{transform:scale(.94);opacity:.55}50%{transform:scale(1.06);opacity:1}}@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.navItem{position:relative;display:flex;align-items:center;height:100%}.navItem>a:after{content:"⌄";font-size:11px;margin-left:7px;color:var(--red)}.megaMenu{position:absolute;top:100%;left:50%;translate:-50% 14px;width:540px;padding:22px;display:grid;grid-template-columns:1fr 210px;gap:22px;background:#fff;border-top:3px solid var(--red);box-shadow:0 24px 60px rgba(7,24,40,.2);opacity:0;visibility:hidden;transition:opacity .22s ease,translate .22s ease;z-index:60}.navItem:hover .megaMenu,.navItem:focus-within .megaMenu{opacity:1;visibility:visible;translate:-50% 0}.megaMenu>div{display:grid}.megaMenu a{display:flex;align-items:center;justify-content:space-between;padding:13px 8px;border-bottom:1px solid #e7edf0;color:var(--navy)}.megaMenu a:hover{padding-left:15px;color:var(--red);background:#f5f8f9}.megaMenu img{width:100%;height:170px;object-fit:contain;background:#f4f7f8}.categoryTile,.productCard,.deviceFeature{transition:transform .25s ease,box-shadow .25s ease}.categoryTile:hover,.productCard:hover,.deviceFeature:hover{transform:translateY(-7px);box-shadow:0 20px 46px rgba(7,24,40,.14)}
@media(max-width:900px){.navItem{display:block;height:auto}.navItem>a:after,.megaMenu{display:none}.animatedHero .heroVisual>img,.animatedHero .heroVisual>video{transform:none}.animatedHero:after{width:85vw;height:85vw}}
@media(prefers-reduced-motion:reduce){.animatedHero:before,.animatedHero:after,.animatedHero .heroContent>*,.animatedHero .heroVisual,.animatedHero .heroCard{animation:none!important}.revealBlock{opacity:1;transform:none;transition:none}}
.whyArn.imageRight .whyVisual{order:2}.whyArn.imageRight .whyContent{order:1}
@media(max-width:900px){.whyArn.imageRight .whyVisual,.whyArn.imageRight .whyContent{order:initial}}
.animatedHero.motion-zoom .heroVisual>img,.animatedHero.motion-zoom .heroVisual>video{transform:none;animation:managedHeroZoom 10s ease-in-out infinite alternate}.animatedHero.motion-float .heroVisual>img,.animatedHero.motion-float .heroVisual>video{transform:none;animation:managedHeroFloat 5.5s ease-in-out infinite}.animatedHero.motion-none:before,.animatedHero.motion-none:after{display:none}.animatedHero.motion-none .heroContent>*,.animatedHero.motion-none .heroVisual,.animatedHero.motion-none .heroCard,.animatedHero.motion-none .heroVisual>img,.animatedHero.motion-none .heroVisual>video{animation:none!important;transform:none!important;transition:none!important}@keyframes managedHeroZoom{from{transform:scale(1.015)}to{transform:scale(1.09)}}@keyframes managedHeroFloat{0%,100%{transform:scale(1.045) translateY(0)}50%{transform:scale(1.045) translateY(-12px)}}