:root{--sbk-gradient:linear-gradient(90deg,#ff7a2f,#ff4fa3,#d42aff,#a855f7,#4da3ff)}html{scroll-behavior:smooth}body{position:relative;overflow-x:hidden}
body::before,body::after{content:"";position:fixed;z-index:-1;width:34rem;height:34rem;border-radius:50%;pointer-events:none;opacity:.12;filter:blur(100px);will-change:transform}body::before{top:8%;left:-16rem;background:#ff4fa3;animation:ambient-one 19s ease-in-out infinite alternate}body::after{right:-17rem;top:42%;background:#4da3ff;animation:ambient-two 23s ease-in-out infinite alternate}@keyframes ambient-one{to{transform:translate3d(9rem,18vh,0) scale(1.12);opacity:.18}}@keyframes ambient-two{to{transform:translate3d(-8rem,-14vh,0) scale(.9);opacity:.17}}
.page-progress{position:fixed;inset:0 auto auto 0;z-index:1000;width:100%;height:3px;pointer-events:none;transform:scaleX(0);transform-origin:left;background:var(--sbk-gradient);box-shadow:0 0 12px rgba(212,42,255,.35);will-change:transform}.site-header{transition:background-color .35s,box-shadow .35s;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.site-header.is-scrolled{background:rgba(9,9,16,.72);box-shadow:0 12px 40px rgba(0,0,0,.2)}
#site-nav>a:not(.button),.site-footer a{position:relative;transition:color .3s}#site-nav>a:not(.button)::after,.site-footer nav a::after{content:"";position:absolute;left:0;right:0;bottom:-.35rem;height:1px;background:var(--sbk-gradient);transform:scaleX(0);transform-origin:right;transition:transform .32s}#site-nav>a:not(.button):hover::after,#site-nav>a:not(.button):focus-visible::after,.site-footer nav a:hover::after,.site-footer nav a:focus-visible::after{transform:scaleX(1);transform-origin:left}#site-nav details[open] .nav-panel{transform-origin:top;animation:panel-in .28s ease-out both}@keyframes panel-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.hero.home .eyebrow,.hero.home h1,.hero.home .lead,.hero.home .actions,.hero.home>div:first-child>p:last-child,.hero.home .device-family{animation:hero-in .78s cubic-bezier(.2,.75,.25,1) both}.hero.home h1{animation-delay:.08s}.hero.home .lead{animation-delay:.16s}.hero.home .actions{animation-delay:.24s}.hero.home>div:first-child>p:last-child{animation-delay:.32s}.hero.home .device-family{animation-delay:.22s}@keyframes hero-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.device-family .visual{will-change:transform;filter:drop-shadow(0 22px 28px rgba(0,0,0,.38))}.device-family .visual.connect{animation:float-connect 7.4s ease-in-out infinite alternate}.device-family .visual.professional{animation:float-professional 9.2s ease-in-out infinite alternate}.device-family .visual.pulse{animation:float-pulse 6.3s ease-in-out infinite alternate}@keyframes float-connect{to{transform:translateY(-7px) rotate(.7deg);filter:drop-shadow(0 28px 34px rgba(255,79,163,.2))}}@keyframes float-professional{to{transform:translateY(-4px) rotate(-.35deg);filter:drop-shadow(0 26px 34px rgba(168,85,247,.18))}}@keyframes float-pulse{to{transform:translateY(-8px) rotate(1deg);filter:drop-shadow(0 26px 32px rgba(77,163,255,.2))}}
.button{position:relative;overflow:hidden;transition:transform .32s,box-shadow .32s,border-color .32s}.button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px rgba(168,85,247,.16)}.button.primary::after{content:"";position:absolute;inset:-50% auto -50% -45%;width:28%;transform:skewX(-20deg);background:rgba(255,255,255,.2);animation:button-glint 7s ease-in-out infinite}@keyframes button-glint{0%,72%{left:-45%}88%,100%{left:135%}}
.product-card{transition:transform .4s,border-color .4s,box-shadow .4s}.product-card .visual img{transition:transform .4s}.product-card:hover{transform:translateY(-6px)}.product-card:hover .visual img{transform:scale(1.02)}.product-card.connect:hover{border-color:rgba(255,79,163,.55);box-shadow:0 24px 60px rgba(255,79,163,.1)}.product-card.professional:hover{border-color:rgba(168,85,247,.55);box-shadow:0 24px 60px rgba(168,85,247,.1)}.product-card.pulse:hover{border-color:rgba(77,163,255,.55);box-shadow:0 24px 60px rgba(77,163,255,.1)}
.info-grid{position:relative}.info-grid::before{content:"";position:absolute;top:-1rem;left:0;width:100%;height:2px;background:var(--sbk-gradient);opacity:.45}.info{position:relative;transition:transform .36s,border-color .36s,box-shadow .36s}.info::after{content:"";position:absolute;left:1.25rem;right:1.25rem;bottom:.7rem;height:2px;background:var(--sbk-gradient);transform:scaleX(0);transform-origin:left;transition:transform .38s}.info:hover{transform:translateY(-4px);border-color:rgba(255,79,163,.34);box-shadow:0 18px 38px rgba(0,0,0,.2)}.info:hover::after{transform:scaleX(1)}
.stores a{transition:transform .32s,border-color .32s,box-shadow .32s}.stores a img{transition:transform .32s}.stores a:hover,.stores a:focus-visible{transform:translateY(-3px);border-color:rgba(255,79,163,.48);box-shadow:0 14px 30px rgba(255,79,163,.1)}.stores a:hover img,.stores a:focus-visible img{transform:translateY(-2px) scale(1.04)}.site-footer p{transition:color .35s}.site-footer:hover p{color:#ff4fa3}
.motion-ready .reveal-item{opacity:0;transform:translateY(24px);transition:opacity .72s,transform .72s cubic-bezier(.2,.75,.25,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal-item.is-visible{opacity:1;transform:none}
@media(max-width:800px){body::before,body::after{width:22rem;height:22rem;filter:blur(80px)}.page-progress{height:2px}.product-card:hover,.info:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body::before,body::after,.hero.home .eyebrow,.hero.home h1,.hero.home .lead,.hero.home .actions,.hero.home>div:first-child>p:last-child,.hero.home .device-family,.device-family .visual,.button.primary::after,#site-nav details[open] .nav-panel{animation:none!important}.motion-ready .reveal-item{opacity:1!important;transform:none!important;transition:none!important}.button,.product-card,.product-card .visual img,.info,.stores a,.stores a img,.menu-chevron{transition-duration:.01ms!important}}