*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#050609;--panel:#0b0e14;--line:rgba(255,255,255,.1);--text:#f4f7fb;--muted:#8791a2;--blue:#168cff;--cyan:#46c8ff;--purple:#8b5cf6}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}.glow{position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(22,140,255,.1),transparent 65%);pointer-events:none;transform:translate(-50%,-50%);z-index:-1}a{text-decoration:none;color:inherit}header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1280px,calc(100% - 40px));height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;z-index:10;background:rgba(5,6,9,.75);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:16px}.logo{font-family:'Space Grotesk';font-weight:800;letter-spacing:.18em}.logo span,em{color:var(--cyan)}nav{display:flex;gap:30px}nav a{font-size:.72rem;color:#aab3c0}.buy{display:inline-flex;align-items:center;gap:24px;padding:16px 20px;border-radius:10px;background:linear-gradient(135deg,#0878e6,#376bea);box-shadow:0 16px 40px rgba(0,110,255,.22);font-size:.76rem;font-weight:700;transition:.3s}.buy:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,110,255,.38)}.top-buy{padding:11px 16px}.menu{display:none;background:none;border:0;color:white;font-size:1.2rem}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:140px 7vw 90px;position:relative;overflow:hidden}.grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.hero-copy,.product{position:relative;z-index:1}.tag,em{font-style:normal;font-size:.65rem;letter-spacing:.18em;font-weight:700}.tag{display:flex;align-items:center;gap:10px}.tag i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 20px var(--blue)}h1,h2,h3{font-family:'Space Grotesk';letter-spacing:-.06em}.hero h1{font-size:clamp(4rem,8vw,8rem);line-height:.86;margin:24px 0}.hero h1 span,h2 span,.cta span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75)}.hero-copy>p{max-width:530px;line-height:1.8;color:var(--muted)}.actions{display:flex;align-items:center;gap:20px;margin-top:34px}.watch{border:0;background:transparent;color:#b8c0cc;font-family:inherit;display:flex;gap:10px;align-items:center}.watch i{font-style:normal;width:38px;height:38px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;color:var(--cyan);font-size:.65rem}.stats{display:flex;gap:34px;margin-top:52px}.stats div{display:flex;flex-direction:column;gap:6px}.stats strong{font-family:'Space Grotesk';font-size:1.2rem}.stats small{font-size:.55rem;color:#697383;letter-spacing:.1em}.product{min-height:580px;display:grid;place-items:center}.circle{position:absolute;border:1px solid rgba(70,200,255,.17);border-radius:50%}.c1{width:520px;height:520px;box-shadow:inset 0 0 80px rgba(22,140,255,.05),0 0 90px rgba(22,140,255,.06)}.c2{width:400px;height:400px;border-color:rgba(139,92,246,.18)}.c3{width:280px;height:280px}.headphones{width:360px;height:410px;position:relative;z-index:2;filter:drop-shadow(0 45px 45px rgba(0,0,0,.65));animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-18px) rotate(2deg)}}.band{position:absolute;width:245px;height:330px;left:58px;border:34px solid #1b2533;border-bottom:0;border-radius:180px 180px 0 0;box-shadow:inset 10px 0 18px rgba(255,255,255,.04),0 0 0 2px rgba(65,88,115,.35)}.cup{position:absolute;width:118px;height:150px;bottom:0;border-radius:46px;background:linear-gradient(145deg,#263244,#0d121a 70%);border:1px solid rgba(125,163,210,.35);box-shadow:inset 8px 8px 16px rgba(255,255,255,.04),inset -12px -12px 22px rgba(0,0,0,.45)}.left{left:5px}.right{right:5px}.cup i{position:absolute;inset:18px;border-radius:36px;background:radial-gradient(circle at 40% 30%,#26394f,#090d13 65%);border:1px solid rgba(105,151,200,.3)}.waves{position:absolute;width:600px;height:220px}.waves span{position:absolute;inset:0;border:1px solid rgba(22,140,255,.12);border-radius:50%;transform:rotate(-15deg);animation:wave 4s ease-in-out infinite}.waves span:nth-child(2){inset:30px;animation-delay:.6s}.waves span:nth-child(3){inset:60px;animation-delay:1.2s}@keyframes wave{50%{transform:rotate(15deg) scale(1.05);opacity:.35}}.callout{position:absolute;z-index:3;display:flex;gap:10px;font-size:.6rem;color:#778294}.callout b{color:var(--cyan)}.a{top:110px;right:0}.b{bottom:100px;left:0}.scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:.55rem;color:#657082;letter-spacing:.18em;display:flex;flex-direction:column;align-items:center;gap:10px}.scroll i{height:50px;width:1px;background:linear-gradient(var(--blue),transparent)}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0}.ticker div{width:max-content;color:#465061;font-family:'Space Grotesk';font-size:.75rem;letter-spacing:.2em;animation:move 18s linear infinite}.ticker b{color:var(--cyan);margin:0 28px}@keyframes move{to{transform:translateX(-30%)}}.section{padding:140px 7vw}.heading{max-width:900px}.section h2{font-size:clamp(3rem,5.8vw,6rem);line-height:.92;margin:18px 0}.heading p{max-width:600px;color:var(--muted);line-height:1.8}.feature-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;margin-top:60px}.card{height:440px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));position:relative;overflow:hidden;padding:28px}.card>small{position:absolute;right:24px;color:#556071}.card>div:last-child{position:absolute;left:28px;right:28px;bottom:28px;z-index:2}.card h3{font-size:1.5rem;margin:12px 0}.card p{font-size:.78rem;line-height:1.7;color:#8490a0}.core{position:absolute;width:130px;height:130px;left:50%;top:35%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#3cc5ff,#0d4eaa 50%,#07101c 75%);box-shadow:0 0 70px rgba(22,140,255,.4);animation:core 4s infinite ease-in-out}@keyframes core{50%{transform:translate(-50%,-60%) scale(1.08)}}.floor{position:absolute;left:-20%;right:-20%;height:55%;bottom:-25%;background:linear-gradient(rgba(70,200,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(70,200,255,.2) 1px,transparent 1px);background-size:30px 30px;transform:perspective(300px) rotateX(65deg)}.bars{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:9px;padding-bottom:80px}.bars i{width:6px;height:90px;background:linear-gradient(var(--cyan),var(--purple));border-radius:8px;animation:bars 1.5s ease-in-out infinite}.bars i:nth-child(2){height:150px;animation-delay:.1s}.bars i:nth-child(3){height:210px;animation-delay:.2s}.bars i:nth-child(4){height:120px}.bars i:nth-child(5){height:180px}.bars i:nth-child(6){height:80px}.bars i:nth-child(7){height:130px}@keyframes bars{50%{transform:scaleY(.45)}}.battery{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;border:1px solid rgba(22,140,255,.25);box-shadow:0 0 0 25px rgba(22,140,255,.025),0 0 0 50px rgba(139,92,246,.015);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#193a60,#07101b)}.battery strong{font-family:'Space Grotesk';font-size:3rem}.battery span{font-size:.55rem;color:var(--cyan);letter-spacing:.18em}.specs{background:#080a0f;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.spec-list{margin-top:60px;border-top:1px solid var(--line)}.spec-list div{display:grid;grid-template-columns:1fr 1fr;padding:25px 0;border-bottom:1px solid var(--line)}.spec-list span{font-size:.78rem;color:#778294}.spec-list b{font-family:'Space Grotesk';font-size:.9rem}.gallery{margin-top:60px;display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:300px 260px;gap:16px}.gallery>div{position:relative;overflow:hidden;border:1px solid var(--line);background:#0a0d14}.gallery>div:before{content:'';position:absolute;inset:0;transition:.7s}.gallery>div:hover:before{transform:scale(1.06)}.g1{grid-row:span 2}.g1:before{background:linear-gradient(130deg,transparent,rgba(0,0,0,.8)),url('https://images.unsplash.com/photo-1546435770-a3e426bf472b?auto=format&fit=crop&w=1400&q=85') center/cover}.g2:before{background:linear-gradient(135deg,rgba(139,92,246,.25),transparent),url('https://images.unsplash.com/photo-1505740420928-5e560c06d30e?auto=format&fit=crop&w=1000&q=85') center/cover}.g3:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.75)),url('https://images.unsplash.com/photo-1484704849700-f032a568e944?auto=format&fit=crop&w=1200&q=85') center/cover}.gallery span{position:absolute;left:20px;bottom:18px;z-index:1;font-size:.6rem;letter-spacing:.15em}.models{background:#080a0f}.table{margin-top:60px;border-top:1px solid var(--line)}.tr{min-height:67px;display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--line)}.tr span{font-size:.76rem;color:#7c8797}.tr b{font-size:.82rem}.tr.title{min-height:90px}.tr.title b{font-family:'Space Grotesk';font-size:1.05rem}.price b{color:var(--cyan)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.review{min-height:300px;padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent);display:flex;flex-direction:column;justify-content:space-between}.review>div{color:var(--cyan);letter-spacing:.2em;font-size:.75rem}.review p{line-height:1.8;color:#c0c8d3}.review b{font-size:.75rem}.review small{display:block;color:#697486;font-weight:400;margin-top:5px}.cta{min-height:650px;border-top:1px solid var(--line);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.cta-ring{position:absolute;width:700px;height:700px;border:1px solid rgba(22,140,255,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(22,140,255,.025),0 0 0 140px rgba(22,140,255,.015);background:radial-gradient(circle,rgba(22,140,255,.14),transparent 60%)}.cta>div:last-child{position:relative;z-index:1}.cta h2{font-size:clamp(3.7rem,7vw,7.5rem);line-height:.9;margin:22px 0}.cta p{color:var(--muted);margin-bottom:30px}footer{padding:38px 7vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:.6rem;color:#687385;letter-spacing:.1em}.reveal{opacity:0;transform:translateY(28px);transition:.8s}.reveal.active{opacity:1;transform:none}.delay{transition-delay:.12s}.delay2{transition-delay:.24s}@media(max-width:1000px){.hero{grid-template-columns:1fr}.product{min-height:500px}.feature-grid{grid-template-columns:1fr 1fr}.large{grid-column:span 2}.review-grid{grid-template-columns:1fr}}@media(max-width:700px){header{width:calc(100% - 24px);height:64px;top:12px;padding:0 18px}nav,.top-buy{display:none}.menu{display:block}.hero{padding:120px 24px 70px}.hero h1{font-size:4rem}.stats{gap:18px}.product{min-height:400px}.headphones{transform:scale(.72)}.c1{width:370px;height:370px}.c2{width:290px;height:290px}.c3{width:220px;height:220px}.callout{display:none}.section{padding:100px 24px}.feature-grid,.gallery{grid-template-columns:1fr}.large{grid-column:auto}.gallery{grid-template-rows:280px 220px 220px}.g1{grid-row:auto}.spec-list div,.tr{grid-template-columns:1fr 1fr;gap:15px}.tr>*:last-child{display:none}.review-grid{grid-template-columns:1fr}footer{padding:35px 24px;flex-direction:column;align-items:flex-start}}

/* =========================
   HERO VIDEO BACKGROUND
========================= */

.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}

.video-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(
      90deg,
      rgba(5,6,9,.96) 0%,
      rgba(5,6,9,.78) 38%,
      rgba(5,6,9,.38) 72%,
      rgba(5,6,9,.55) 100%
    ),
    linear-gradient(
      180deg,
      rgba(5,6,9,.28) 0%,
      rgba(5,6,9,.72) 100%
    );
}

.hero .grid{
  z-index:1;
}

.hero-copy,
.product,
.scroll{
  z-index:2;
}

@media(max-width:700px){
  .hero-video{
    object-position:center;
  }

  .video-overlay{
    background:
      linear-gradient(
        180deg,
        rgba(5,6,9,.72),
        rgba(5,6,9,.9)
      );
  }
}

/* =========================
   CUSTOM CURSOR
========================= */
.cursor-dot,.cursor-ring{
  position:fixed;
  top:0;left:0;
  border-radius:50%;
  pointer-events:none;
  z-index:9999;
  transform:translate(-50%,-50%);
  will-change:transform;
}
.cursor-dot{
  width:6px;height:6px;
  background:var(--cyan);
  box-shadow:0 0 10px var(--cyan);
  transition:opacity .2s, transform .12s ease-out;
}
.cursor-ring{
  width:38px;height:38px;
  border:1px solid rgba(70,200,255,.5);
  transition:width .25s,height .25s,opacity .2s,border-color .25s,background .25s;
}
.cursor-ring.hover{
  width:64px;height:64px;
  border-color:var(--blue);
  background:rgba(22,140,255,.08);
}
.cursor-ring.hidden,.cursor-dot.hidden{opacity:0}
body{cursor:none}
a,button,.magnetic{cursor:none}
@media(max-width:900px),(hover:none){
  .cursor-dot,.cursor-ring{display:none}
  body,a,button,.magnetic{cursor:auto}
}

/* =========================
   MAGNETIC BUTTONS
========================= */
.magnetic{display:inline-flex;position:relative;transition:transform .25s cubic-bezier(.2,.8,.2,1)}

/* =========================
   3D TILT
========================= */
.tilt{transition:transform .35s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;will-change:transform}
.tilt-inner{transform:translateZ(30px)}

/* =========================
   PAGE TRANSITION OVERLAY
========================= */
.page-transition{
  position:fixed;
  inset:0;
  z-index:99999;
  background:var(--bg);
  transform:scaleY(0);
  transform-origin:bottom;
  pointer-events:none;
}
.page-transition.leave{
  transform:scaleY(1);
  transform-origin:bottom;
  transition:transform .55s cubic-bezier(.76,0,.24,1);
}
.page-transition.enter{
  transform:scaleY(1);
  transform-origin:top;
  animation:enterPage .6s cubic-bezier(.76,0,.24,1) forwards;
}
@keyframes enterPage{to{transform:scaleY(0);transform-origin:top}}

/* =========================
   INTERNAL PAGES (SOBRE / LOJA)
========================= */
.subhero{
  min-height:64vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:180px 7vw 90px;
  position:relative;
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.subhero .grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.subhero h1{position:relative;z-index:1;font-family:'Space Grotesk';font-size:clamp(3rem,7vw,6.5rem);line-height:.92;letter-spacing:-.06em;margin:20px 0}
.subhero p{position:relative;z-index:1;max-width:600px;color:var(--muted);line-height:1.8}

.timeline{margin-top:60px;border-top:1px solid var(--line)}
.timeline .tl-item{display:grid;grid-template-columns:140px 1fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--line)}
.timeline .tl-item b{font-family:'Space Grotesk';color:var(--cyan);font-size:1.1rem}
.timeline .tl-item p{color:#b8c0cc;line-height:1.8;max-width:640px}
.timeline .tl-item h4{font-family:'Space Grotesk';margin-bottom:8px;font-size:1.15rem}

.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}
.value-card{padding:32px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));perspective:900px}
.value-card i{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3cc5ff,#0d4eaa 60%,#07101c 85%);display:block;margin-bottom:22px;box-shadow:0 0 40px rgba(22,140,255,.35)}
.value-card h3{font-size:1.25rem;margin-bottom:10px}
.value-card p{font-size:.82rem;line-height:1.75;color:#8490a0}

.quote-block{margin:0 7vw;padding:100px 0;text-align:center;border-bottom:1px solid var(--line)}
.quote-block p{font-family:'Space Grotesk';font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.3;max-width:900px;margin:0 auto 22px;letter-spacing:-.02em}
.quote-block span{font-size:.7rem;letter-spacing:.15em;color:var(--muted)}

.retail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}
.retail-card{padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));perspective:900px;display:flex;flex-direction:column;gap:14px}
.retail-card .rc-top{display:flex;justify-content:space-between;align-items:flex-start}
.retail-card h3{font-family:'Space Grotesk';font-size:1.25rem}
.retail-card small{color:var(--cyan);font-size:.62rem;letter-spacing:.15em;border:1px solid rgba(70,200,255,.3);padding:4px 10px;border-radius:20px;white-space:nowrap}
.retail-card p{font-size:.8rem;color:#8490a0;line-height:1.7}
.retail-card a{font-size:.72rem;font-weight:700;color:var(--cyan);display:inline-flex;align-items:center;gap:8px;margin-top:auto}

.store-locator{margin-top:70px;border:1px solid var(--line);background:#080a0f;padding:50px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.store-locator h3{font-family:'Space Grotesk';font-size:1.8rem;margin-bottom:16px}
.store-locator p{color:var(--muted);line-height:1.8;margin-bottom:26px}
.store-locator .field{display:flex;gap:10px}
.store-locator input{flex:1;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:10px;padding:14px 16px;color:var(--text);font-family:inherit;font-size:.82rem}
.store-locator input::placeholder{color:#5c6779}
.store-locator .map-mock{height:260px;border:1px solid var(--line);border-radius:14px;background:
  radial-gradient(circle at 30% 30%,rgba(22,140,255,.18),transparent 55%),
  radial-gradient(circle at 70% 70%,rgba(139,92,246,.14),transparent 55%),
  linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:100% 100%,100% 100%,26px 26px,26px 26px;
  position:relative;overflow:hidden}
.map-mock i{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 8px rgba(70,200,255,.15),0 0 20px var(--cyan)}
.map-mock i:nth-child(1){top:35%;left:28%}
.map-mock i:nth-child(2){top:60%;left:55%}
.map-mock i:nth-child(3){top:25%;left:70%}

.breadcrumb{position:relative;z-index:1;display:flex;gap:8px;align-items:center;font-size:.68rem;color:#697383;letter-spacing:.1em;margin-bottom:10px}
.breadcrumb b{color:var(--cyan)}

@media(max-width:1000px){
  .values-grid,.retail-grid{grid-template-columns:1fr 1fr}
  .store-locator{grid-template-columns:1fr}
}
@media(max-width:700px){
  .subhero{padding:150px 24px 60px}
  .timeline .tl-item{grid-template-columns:1fr;gap:10px}
  .values-grid,.retail-grid{grid-template-columns:1fr}
  .quote-block{margin:0 24px;padding:70px 0}
  .store-locator{padding:36px 24px}
}