:root{--navy:#10082f;--navy2:#171044;--cyan:#00b8e8;--lime:#8cf000;--coral:#ff5b41}
.home-brand{display:inline-flex;align-items:center}
.home-brand img{display:block;width:190px;height:44px;object-fit:contain;object-position:left center}
.hero-slider{position:relative;max-width:1540px;margin:auto;background:#080723;overflow:hidden;aspect-ratio:2560/570}
.hero-track,.hero-slide,.hero-slide picture{position:absolute;inset:0}
.hero-slide{display:block;opacity:0;visibility:hidden;transition:opacity .65s ease}
.hero-slide.active{opacity:1;visibility:visible}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hero-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid #ffffff70;border-radius:50%;background:#10082fa8;color:white;font-size:30px;line-height:1;cursor:pointer}
.hero-arrow.previous{left:18px}.hero-arrow.next{right:18px}
.hero-dots{position:absolute;z-index:3;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:7px}
.hero-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#ffffff80;padding:0;cursor:pointer}
.hero-dots button.active{width:28px;border-radius:10px;background:var(--lime)}
.faq-copy>a{background:linear-gradient(90deg,#34216e,#d000d8)}
.product-tabs button.active{background:linear-gradient(90deg,#24165e,#9c00bd)}
.home-category-grid a:hover{border-color:var(--lime)}
@media(max-width:800px){
  .home-brand img{width:158px;height:36px}
  .hero-slider{aspect-ratio:1080/1350;max-height:76vh}
  .hero-slide img{object-fit:cover}
  .hero-arrow{width:38px;height:38px}
  .hero-arrow.previous{left:8px}.hero-arrow.next{right:8px}
}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}