.hero{position:relative;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:-45%;z-index:-1;background:conic-gradient(from 180deg at 50% 50%,transparent,#287cff22,transparent,#34d39920,transparent);animation:hero-spin 18s linear infinite}.hero-art{position:relative}.glow{position:absolute;border-radius:999px;filter:blur(4px);opacity:.55;animation:glow-pulse 4s ease-in-out infinite}.g1{width:150px;height:150px;background:#3b82f6;right:12%;top:2%}.g2{width:90px;height:90px;background:#2dd4bf;left:12%;bottom:8%;animation-delay:-2s}.device{animation:device-float 5s ease-in-out infinite;box-shadow:0 28px 70px #02172e4d}.d2{animation-delay:-2.3s}.store-ribbon{overflow:hidden;margin:-20px 0 38px;background:#1166dd;color:#fff;transform:rotate(-1deg);box-shadow:0 12px 30px #1166dd33}.store-ribbon div{width:max-content;display:flex;gap:24px;align-items:center;padding:11px 0;font-size:.72rem;font-weight:900;letter-spacing:.16em;animation:ribbon 24s linear infinite}.store-ribbon i{color:#83f4cf}.product{opacity:0;animation:card-in .55s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay);transition:transform .25s ease,box-shadow .25s ease}.product:hover{transform:translateY(-6px);box-shadow:0 24px 55px #0b244019}.product-visual{position:relative;overflow:hidden}.product-visual img,.product-visual video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.product:hover .product-visual img,.product:hover .product-visual video{transform:scale(1.045)}.product-fallback{display:grid;place-items:center}.video-label{position:absolute;right:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:#071a2dcc;color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.12em;backdrop-filter:blur(8px)}.brand>span{position:relative;overflow:hidden}.brand>span:after{content:"";position:absolute;inset:-80%;background:linear-gradient(100deg,transparent,#ffffffaa,transparent);transform:translateX(-60%);animation:brand-shine 5s ease-in-out infinite}@keyframes hero-spin{to{transform:rotate(360deg)}}@keyframes glow-pulse{50%{transform:scale(1.15);opacity:.8}}@keyframes device-float{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes ribbon{to{transform:translateX(-33%)}}@keyframes card-in{to{opacity:1}}@keyframes brand-shine{50%,100%{transform:translateX(60%)}}@media(max-width:720px){.store-ribbon{margin-top:-8px}.hero-art{min-height:280px}.product:hover{transform:none}}@media(prefers-reduced-motion:reduce){.hero:before,.glow,.device,.store-ribbon div,.product,.brand>span:after{animation:none!important}.product{opacity:1}.product,.product-visual img,.product-visual video{transition:none!important}}