*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --black:#000000;
  --soft-black:#050608;
  --deep-navy:#090C12;
  --panel:#11151D;
  --card:#151922;
  --copper:#D88A62;
  --copper-light:#F2B089;
  --peach:#FFD0AE;
  --bronze:#8C4F35;
  --amber:#F1A05E;
  --amber-deep:#B76532;
  --text-heading:#FFF7F1;
  --text-body:#D4D1CE;
  --text-secondary:#98999D;
  --text-muted:#6F7278;
  --text-dark:#17110E;
  --border-subtle:rgba(255,255,255,0.10);
  --border-copper:rgba(242,176,137,0.55);
  --glass:rgba(12,15,21,0.72);
  --glass-light:rgba(255,255,255,0.04);
  --grad-btn:linear-gradient(135deg,#F6B78D 0%,#D98760 55%,#B8613D 100%);
  --grad-copper:linear-gradient(135deg,#8C4F35 0%,#D88A62 42%,#FFD0AE 70%,#A85E3A 100%);
  --grad-card:linear-gradient(180deg,rgba(24,28,37,0.88) 0%,rgba(8,10,15,0.94) 100%);
  --glow-product:0 0 20px rgba(216,138,98,0.18),0 0 60px rgba(216,138,98,0.10),0 30px 80px rgba(0,0,0,0.65);
  --glow-cta:0 0 18px rgba(242,176,137,0.32),0 0 45px rgba(216,138,98,0.18);
}
html{scroll-behavior:smooth;font-size:16px}
body{
  background:#000;
  color:var(--text-body);
  font-family:'Inter',sans-serif;
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;color:var(--text-heading);line-height:1.1}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{cursor:pointer;border:none;outline:none;font-family:'Inter',sans-serif}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#000}
::-webkit-scrollbar-thumb{background:var(--bronze);border-radius:3px}

/* ── NAV ── */
#nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  padding:0 40px;
  display:flex;align-items:center;justify-content:space-between;
  height:72px;
  background:rgba(5,6,8,0.35);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,0.06);
  transition:background .4s ease,border-color .4s ease;
}
#nav.scrolled{background:rgba(5,6,8,0.92);border-color:rgba(255,255,255,0.10)}
.nav-logo{
  font-family:'Space Grotesk',sans-serif;
  font-size:1.2rem;font-weight:700;
  color:var(--text-heading);
  letter-spacing:-0.01em;
}
.nav-logo span{color:var(--copper-light)}
.nav-links{display:flex;gap:36px;list-style:none}
.nav-links a{
  font-size:.875rem;font-weight:500;
  color:var(--text-secondary);
  letter-spacing:.01em;
  transition:color .25s;
  position:relative;
}
.nav-links a::after{
  content:'';position:absolute;bottom:-4px;left:0;right:0;
  height:1px;background:var(--copper-light);
  transform:scaleX(0);transform-origin:left;
  transition:transform .3s ease;
}
.nav-links a:hover,.nav-links a.active{color:var(--copper-light)}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav-cta{
  background:var(--grad-btn);
  color:var(--text-dark);
  font-size:.8125rem;font-weight:700;
  padding:10px 22px;border-radius:100px;
  letter-spacing:.04em;text-transform:uppercase;
  box-shadow:var(--glow-cta);
  transition:opacity .25s,transform .25s;
}
.nav-cta:hover{opacity:.88;transform:translateY(-1px)}
.nav-mobile-btn{display:none;flex-direction:column;gap:5px;background:none;padding:4px}
.nav-mobile-btn span{display:block;width:24px;height:2px;background:var(--text-heading);border-radius:2px;transition:.3s}

/* ── HERO ── */
#hero{
  position:relative;
  min-height:100vh;        /* fallback */
  min-height:100svh;       /* mobile-safe viewport */
  display:flex;align-items:flex-end;justify-content:center;
  overflow:hidden;
  isolation:isolate;
  background:#050608;
}
/* Static gradient shown behind the video (and as fallback if video fails) */
.hero-bg-fallback{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 50% 30%,rgba(216,138,98,0.12),transparent 38%),
             linear-gradient(180deg,#050608 0%,#090C12 48%,#000000 100%);
}
/* Cinematic background video layer */
.hero-background-video{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:center;
  z-index:0;
  opacity:0;transition:opacity 1.2s ease;
  will-change:opacity;
}
.hero-background-video.ready{opacity:1}
/* Dark gradient + warm radial wash for text legibility */
.hero-video-overlay{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,3,5,0.40) 0%,rgba(2,3,5,0.56) 55%,rgba(2,3,5,0.86) 100%),
    radial-gradient(circle at 50% 42%,rgba(216,138,98,0.08),transparent 45%);
}
/* Soft black vignette around the edges */
.hero-vignette{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  box-shadow:inset 0 0 180px 70px rgba(0,0,0,0.72);
}
#particle-canvas{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.55}
.hero-glow{
  position:absolute;top:20%;left:50%;transform:translateX(-50%);
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(216,138,98,0.08) 0%,transparent 70%);
  filter:blur(40px);pointer-events:none;z-index:1;
  animation:glowPulse 6s ease-in-out infinite;
}
@keyframes glowPulse{0%,100%{opacity:.7;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.12)}}
.hero-content{
  position:relative;z-index:3;
  width:calc(100% - 96px);
  margin-inline:auto;
  display:flex;align-items:flex-end;justify-content:space-between;gap:48px;
  text-align:left;
  padding-bottom:124px;
}
.hero-text{max-width:440px;flex-shrink:0}
.hero-label{
  display:inline-block;
  font-size:.6875rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--copper-light);
  margin-bottom:28px;
  opacity:0;transform:translateY(20px);
  animation:riseIn .8s ease .3s forwards;
}
.hero-h1{
  font-size:clamp(2.4rem,4vw,3.6rem);
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.05;
  color:var(--text-heading);
  margin-bottom:24px;
  opacity:0;transform:translateY(30px);
  animation:riseIn .9s ease .5s forwards;
  text-shadow:0 2px 18px rgba(0,0,0,0.72),0 8px 45px rgba(0,0,0,0.48);
}
.hero-h1 em{
  font-style:normal;
  background:var(--grad-copper);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.hero-sub{
  font-size:1.125rem;color:rgba(255,247,241,0.82);
  max-width:520px;margin:0;line-height:1.65;
  opacity:0;transform:translateY(20px);
  animation:riseIn .8s ease .75s forwards;
  text-shadow:0 2px 12px rgba(0,0,0,0.72);
}
.hero-label{text-shadow:0 1px 10px rgba(0,0,0,0.7)}
.hero-btns{
  display:flex;flex-direction:column;gap:16px;flex-shrink:0;
  align-items:stretch;
  opacity:0;transform:translateY(20px);
  animation:riseIn .8s ease .95s forwards;
}
.hero-btns .btn-primary,.hero-btns .btn-secondary{text-align:center;white-space:nowrap}
.btn-primary{
  background:var(--grad-btn);
  color:var(--text-dark);
  font-size:.9375rem;font-weight:700;
  padding:15px 36px;border-radius:100px;
  box-shadow:var(--glow-cta);
  transition:transform .25s,box-shadow .25s,opacity .25s;
  letter-spacing:.02em;
}
.btn-primary:hover{transform:translateY(-2px);opacity:.9;box-shadow:0 0 28px rgba(242,176,137,0.45),0 0 70px rgba(216,138,98,0.25)}
.btn-secondary{
  background:rgba(255,255,255,0.02);
  color:var(--text-heading);
  font-size:.9375rem;font-weight:600;
  padding:14px 36px;border-radius:100px;
  border:1px solid rgba(242,176,137,0.55);
  transition:background .25s,transform .25s,border-color .25s;
  letter-spacing:.02em;
}
.btn-secondary:hover{background:rgba(242,176,137,0.07);border-color:rgba(242,176,137,0.8);transform:translateY(-2px)}
/* ── NEON BUTTON EFFECT (ported from neon-button component, copper-themed) ── */
.btn-primary,.btn-secondary{position:relative;overflow:visible;isolation:isolate}
.neon-line{
  position:absolute;left:0;right:0;margin:0 auto;
  width:75%;height:1px;pointer-events:none;z-index:2;
  background:linear-gradient(to right,transparent,var(--peach),transparent);
  transition:opacity .5s ease-in-out;
}
.neon-line.top{top:0;opacity:0}
.neon-line.bottom{bottom:-1px;opacity:.5}
.btn-primary:hover .neon-line.top,.btn-secondary:hover .neon-line.top{opacity:1}
.btn-primary:hover .neon-line.bottom,.btn-secondary:hover .neon-line.bottom{opacity:.3}
/* On the outlined (dark) button the lines read as true copper neon */
.btn-secondary .neon-line{background:linear-gradient(to right,transparent,var(--copper-light),transparent)}
@keyframes riseIn{to{opacity:1;transform:translateY(0)}}
.hero-scroll-hint{
  position:absolute;bottom:36px;left:50%;transform:translateX(-50%);
  z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;
  opacity:0;animation:riseIn .8s ease 1.4s forwards;
}
.hero-scroll-hint span{font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}
.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,rgba(242,176,137,0.5),transparent);animation:scrollDrop 1.8s ease-in-out infinite}
@keyframes scrollDrop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ── SECTIONS COMMON ── */
.section{padding:120px 0;position:relative}
.container{max-width:1200px;margin:0 auto;padding:0 40px}
.section-label{
  font-size:.6875rem;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;color:var(--copper-light);margin-bottom:16px;
}
.section-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:20px}
.section-body{font-size:1.0625rem;color:var(--text-secondary);line-height:1.75;max-width:560px}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}

/* ── BRAND INTRO ── */
#brand-intro{
  background:#050608;
  border-top:1px solid var(--border-subtle);
  border-bottom:1px solid var(--border-subtle);
}
.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.brand-stats{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px}
.stat-box{padding:28px;background:var(--grad-card);border:1px solid var(--border-subtle);border-radius:16px;transition:border-color .3s}
.stat-box:hover{border-color:rgba(242,176,137,0.3)}
.stat-num{font-family:'Space Grotesk',sans-serif;font-size:2.25rem;font-weight:700;color:var(--copper-light);line-height:1}
.stat-label{font-size:.8125rem;color:var(--text-muted);margin-top:6px;letter-spacing:.06em;text-transform:uppercase}
.brand-visual{position:relative;display:flex;align-items:center;justify-content:center}
.au-badge{
  width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle at 40% 35%,rgba(216,138,98,0.15),transparent 60%),var(--grad-card);
  border:1px solid rgba(242,176,137,0.2);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  box-shadow:var(--glow-product);
}
.au-badge .badge-flag{font-size:3rem}
.au-badge .badge-text{font-family:'Space Grotesk',sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-heading);text-align:center}
.au-badge .badge-sub{font-size:.75rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}

/* ── PRODUCT SCENE ── */
.product-scene{
  min-height:100vh;position:relative;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.product-scene.scene-one{background:linear-gradient(180deg,#050608 0%,#090C12 60%,#050608 100%)}
.product-scene.scene-two{background:linear-gradient(180deg,#000 0%,#060912 50%,#000 100%)}
.scene-bg-glow{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,rgba(216,138,98,0.06) 0%,transparent 65%);
}
.scene-content{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1fr 1fr;gap:80px;
  align-items:center;max-width:1200px;width:100%;padding:0 40px;
}
.scene-content.reverse{direction:rtl}
.scene-content.reverse>*{direction:ltr}
.scene-info{display:flex;flex-direction:column;gap:20px}
.product-tag{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(242,176,137,0.08);
  border:1px solid rgba(242,176,137,0.25);
  border-radius:100px;padding:6px 16px;
  font-size:.75rem;font-weight:600;letter-spacing:.12em;
  color:var(--copper-light);text-transform:uppercase;
  width:fit-content;
}
.product-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--copper-light);animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.scene-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;letter-spacing:-.04em;line-height:.95}
.scene-desc{font-size:1.0625rem;color:var(--text-secondary);line-height:1.75;max-width:440px}
.scene-price{display:flex;align-items:baseline;gap:12px;margin-top:8px}
.price-main{font-family:'Space Grotesk',sans-serif;font-size:2.5rem;font-weight:700;color:var(--copper-light)}
.price-orig{font-size:1.125rem;color:var(--text-muted);text-decoration:line-through}
.price-coupon{
  font-size:.8125rem;font-weight:600;
  background:rgba(241,160,94,0.12);border:1px solid rgba(241,160,94,0.3);
  border-radius:6px;padding:4px 10px;color:var(--amber);letter-spacing:.05em;
}
.scene-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.scene-features{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.feature-item{display:flex;align-items:center;gap:12px;font-size:.9375rem;color:var(--text-secondary)}
.feature-item::before{content:'';width:18px;height:18px;border-radius:50%;background:rgba(242,176,137,0.12);border:1px solid rgba(242,176,137,0.3);flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 5l2.5 2.5 3.5-4' stroke='%23F2B089' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}

/* ── DESIVOX ONE FULL-SCREEN VIDEO SCENE ── */
.product-video-scene{
  position:relative;
  min-height:100vh;min-height:100svh;
  display:flex;align-items:center;
  overflow:hidden;isolation:isolate;
  background:#04060A;
  padding:100px 0;
}
.pv-bg-fallback{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,#04060A 0%,#070B12 50%,#04060A 100%);
}
.pv-video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
  z-index:0;opacity:0;transition:opacity 1.2s ease;will-change:opacity;
}
.pv-video.ready{opacity:1}
/* Left-weighted dark overlay: text side stays dark, video stays visible on the right */
.pv-overlay{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,4,8,0.94) 0%,rgba(2,4,8,0.82) 34%,rgba(2,4,8,0.42) 64%,rgba(2,4,8,0.20) 100%),
    linear-gradient(180deg,rgba(2,4,8,0.55) 0%,transparent 30%,transparent 70%,rgba(2,4,8,0.7) 100%);
}
.pv-vignette{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  box-shadow:inset 0 0 200px 80px rgba(0,0,0,0.65);
}
.pv-content{
  position:relative;z-index:2;
  width:100%;max-width:none;margin:0;padding:0 48px;
  display:flex;align-items:center;justify-content:space-between;gap:56px;
}
.pv-text{
  max-width:560px;
  display:flex;flex-direction:column;gap:22px;
}
.pv-aside{
  width:380px;flex-shrink:0;
  display:flex;flex-direction:column;gap:18px;
}
.pv-title{
  font-size:clamp(2rem,3.6vw,3.1rem);font-weight:800;
  letter-spacing:-.03em;line-height:1.12;color:var(--text-heading);
  text-shadow:0 2px 18px rgba(0,0,0,0.7);max-width:none;white-space:nowrap;
}
/* Same copper gradient as the hero "Modern Vocals" */
.pv-title em,.copper-grad{
  font-style:normal;
  background:var(--grad-copper);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.pv-desc{
  font-size:1.0625rem;color:var(--text-body);line-height:1.7;max-width:48ch;
  text-shadow:0 1px 10px rgba(0,0,0,0.6);
}
.pv-desc strong{color:var(--copper-light);font-weight:600}
.pv-features{
  list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:4px 0;
}
.pv-offer{
  background:linear-gradient(180deg,rgba(20,16,12,0.66),rgba(8,6,4,0.72));
  border:1px solid rgba(242,176,137,0.22);
  border-radius:18px;padding:24px;backdrop-filter:blur(14px);
  box-shadow:0 0 30px rgba(216,138,98,0.08),0 20px 50px rgba(0,0,0,0.45);
  display:flex;flex-direction:column;gap:12px;
}
.pv-offer-tag{
  font-size:.6875rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--copper-light);
}
.pv-price-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.pv-price-old{font-size:1.25rem;color:var(--text-muted);text-decoration:line-through}
.pv-price-new{font-family:'Space Grotesk',sans-serif;font-size:2.75rem;font-weight:700;color:var(--copper-light);line-height:1}
.pv-coupon{
  align-self:flex-start;
  font-size:.8125rem;font-weight:600;color:var(--amber);
  background:rgba(241,160,94,0.12);border:1px solid rgba(241,160,94,0.3);
  border-radius:8px;padding:6px 12px;letter-spacing:.03em;
}
.pv-coupon strong{color:var(--peach)}
.pv-offer-note{font-size:.8125rem;color:var(--text-secondary);line-height:1.6}
.pv-offer-note strong{color:var(--copper-light);font-weight:600}
.pv-actions{margin:0 0 2px}
.pv-actions .btn-primary{display:block;width:100%;text-align:center;font-size:1rem;padding:17px 40px}
/* Coming-soon status badge (not a live purchase button) */
.btn-primary.coming-soon{
  cursor:default;background:rgba(242,176,137,0.10);
  color:var(--copper-light);border:1px solid rgba(242,176,137,0.45);
  box-shadow:none;letter-spacing:.04em;font-weight:600;
}
.btn-primary.coming-soon:hover{transform:none;opacity:1;box-shadow:none}
/* Installer download buttons */
.pv-downloads{display:flex;flex-direction:column;gap:12px}
.pv-dl-label{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}
.pv-dl-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dl-btn{
  display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;
  background:rgba(255,255,255,0.03);border:1px solid rgba(242,176,137,0.28);
  transition:border-color .25s,background .25s,transform .25s;
}
.dl-btn:hover{border-color:rgba(242,176,137,0.6);background:rgba(242,176,137,0.07);transform:translateY(-2px)}
.dl-btn svg{width:22px;height:22px;flex-shrink:0;fill:var(--copper-light)}
.dl-btn span{display:flex;flex-direction:column;line-height:1.2}
.dl-btn strong{font-size:.875rem;font-weight:600;color:var(--text-heading)}
.dl-btn small{font-size:.6875rem;color:var(--text-muted)}
/* Small coupon box pinned to the bottom-centre (like the scroll hint) */
.pv-coupon-bar{
  position:absolute;left:50%;bottom:32px;transform:translateX(-50%);
  z-index:2;display:inline-flex;align-items:center;gap:10px;
  padding:8px 14px;border-radius:100px;
  background:rgba(12,15,21,0.72);backdrop-filter:blur(12px);
  border:1px solid rgba(242,176,137,0.45);
  box-shadow:0 0 18px rgba(242,176,137,0.18),0 10px 30px rgba(0,0,0,0.5);
}
.pv-coupon-label{
  font-size:.625rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--text-muted);
}
.pv-coupon-code{
  font-family:'Space Grotesk',sans-serif;font-size:.8125rem;font-weight:700;
  letter-spacing:.08em;color:var(--peach);
  background:rgba(241,160,94,0.14);border:1px solid rgba(241,160,94,0.3);
  border-radius:7px;padding:3px 10px;
}

/* ── PLUGIN UI MOCKUP ── */
.plugin-wrapper{
  position:relative;display:flex;align-items:center;justify-content:center;
  transform:scale(0.92);transition:transform 1.2s ease;
}
.plugin-wrapper.visible{transform:scale(1)}
.plugin-frame{
  width:520px;max-width:100%;
  background:linear-gradient(180deg,#1A1E28 0%,#0F121A 100%);
  border:1px solid rgba(242,176,137,0.22);
  border-radius:16px;overflow:hidden;
  box-shadow:var(--glow-product);
  position:relative;
}
.plugin-frame::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(242,176,137,0.6),transparent);
}
.plugin-titlebar{
  background:rgba(8,10,14,0.9);padding:12px 16px;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.plugin-dots{display:flex;gap:6px}
.plugin-dots span{width:10px;height:10px;border-radius:50%}
.plugin-dots span:nth-child(1){background:#FF5F57}
.plugin-dots span:nth-child(2){background:#FEBC2E}
.plugin-dots span:nth-child(3){background:#28C840}
.plugin-name-bar{font-size:.8rem;font-weight:600;color:var(--copper-light);letter-spacing:.1em;text-transform:uppercase}
.plugin-version{font-size:.65rem;color:var(--text-muted)}
.plugin-body{padding:20px}
/* Generic plugin elements */
.plugin-row{display:flex;gap:12px;margin-bottom:12px;align-items:stretch}
.knob-group{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}
.knob{
  width:44px;height:44px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#2A2E3A,#141720);
  border:2px solid rgba(242,176,137,0.25);
  position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.05);
}
.knob::after{
  content:'';position:absolute;width:3px;height:14px;
  background:var(--copper-light);border-radius:2px;
  top:4px;left:50%;transform:translateX(-50%);
}
.knob.k1::after{transform:translateX(-50%) rotate(25deg);transform-origin:bottom center;top:4px}
.knob.k2::after{transform:translateX(-50%) rotate(-20deg);transform-origin:bottom center}
.knob.k3::after{transform:translateX(-50%) rotate(45deg);transform-origin:bottom center}
.knob.k4::after{transform:translateX(-50%) rotate(-5deg);transform-origin:bottom center}
.knob-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;text-align:center}
.meter-col{flex:2;display:flex;flex-direction:column;gap:6px}
.meter-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}
.meter-bar{height:8px;background:rgba(255,255,255,0.05);border-radius:4px;overflow:hidden}
.meter-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--bronze),var(--copper),var(--peach))}
.waveform-area{
  width:100%;height:60px;
  background:rgba(8,10,14,0.6);border:1px solid rgba(255,255,255,0.05);
  border-radius:8px;overflow:hidden;position:relative;margin-bottom:12px;
}
.waveform-svg{width:100%;height:100%}
.freq-display{
  background:rgba(8,10,14,0.8);border:1px solid rgba(242,176,137,0.12);
  border-radius:8px;padding:12px;margin-bottom:12px;
}
.freq-grid{display:flex;gap:3px;height:40px;align-items:flex-end}
.freq-bar{flex:1;border-radius:2px 2px 0 0;transition:height .3s ease}
.plugin-footer-bar{
  background:rgba(8,10,14,0.7);border-top:1px solid rgba(255,255,255,0.05);
  padding:10px 16px;display:flex;align-items:center;justify-content:space-between;
}
.plugin-status{display:flex;align-items:center;gap:6px;font-size:.65rem;color:var(--copper-light);letter-spacing:.06em;text-transform:uppercase}
.plugin-status::before{content:'';width:6px;height:6px;border-radius:50%;background:#28C840;animation:blink 1.5s ease infinite}
.plugin-mode-btns{display:flex;gap:4px}
.plugin-mode-btns button{
  font-size:.6rem;padding:4px 8px;border-radius:4px;border:1px solid rgba(255,255,255,0.1);
  background:transparent;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;
  transition:.2s;
}
.plugin-mode-btns button.active{background:rgba(242,176,137,0.12);border-color:rgba(242,176,137,0.3);color:var(--copper-light)}

/* ── PLUGIN PRO ── */
.plugin-pro .plugin-frame{width:560px}
.spectrum-area{
  height:70px;background:rgba(8,10,14,0.8);border-radius:8px;
  border:1px solid rgba(242,176,137,0.1);overflow:hidden;position:relative;margin-bottom:12px;
}
.spectrum-svg{width:100%;height:100%}
.pro-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}
.slider-group{display:flex;flex-direction:column;align-items:center;gap:6px}
.v-slider{
  width:4px;height:60px;background:rgba(255,255,255,0.07);border-radius:2px;
  position:relative;cursor:pointer;
}
.v-slider-fill{
  position:absolute;bottom:0;left:0;right:0;border-radius:2px;
  background:linear-gradient(to top,var(--bronze),var(--copper-light));
}
.v-slider-thumb{
  position:absolute;left:50%;transform:translateX(-50%);
  width:12px;height:5px;border-radius:3px;background:var(--copper-light);
  box-shadow:0 0 6px rgba(242,176,137,0.5);
}
.slider-lbl{font-size:.58rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:center}
.pro-eq-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.eq-band{
  flex:1;background:rgba(8,10,14,0.6);border:1px solid rgba(255,255,255,0.05);
  border-radius:6px;padding:6px 8px;display:flex;flex-direction:column;gap:3px;
}
.eq-val{font-size:.75rem;font-weight:600;color:var(--copper-light);font-family:'Space Grotesk',sans-serif}
.eq-hz{font-size:.58rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}

/* ── PARTICLE TRAILS ── */
.light-trail{
  position:absolute;pointer-events:none;z-index:1;
  width:1px;background:linear-gradient(to bottom,transparent,rgba(242,176,137,0.4),transparent);
  animation:trailFloat linear infinite;
}
@keyframes trailFloat{0%{transform:translateY(100vh);opacity:0}10%{opacity:1}90%{opacity:.3}100%{transform:translateY(-100vh);opacity:0}}

/* ── PRICING ── */
#pricing{background:#0B0E14}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:860px;margin:60px auto 0}
.pricing-card{
  background:var(--grad-card);
  border:1px solid var(--border-subtle);
  border-radius:24px;padding:44px 40px;
  position:relative;overflow:hidden;
  transition:border-color .35s,transform .35s,box-shadow .35s;
}
.pricing-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(242,176,137,0.3),transparent);
}
.pricing-card:hover{border-color:rgba(242,176,137,0.35);transform:translateY(-6px);box-shadow:0 30px 80px rgba(0,0,0,0.6),0 0 30px rgba(216,138,98,0.08)}
.pricing-card.featured{border-color:rgba(242,176,137,0.4);box-shadow:var(--glow-product)}
.pricing-card.featured::after{
  content:'MOST POPULAR';position:absolute;top:24px;right:24px;
  font-size:.6rem;font-weight:700;letter-spacing:.15em;
  background:var(--grad-btn);color:var(--text-dark);
  padding:4px 12px;border-radius:100px;
}
.card-product-name{font-size:.75rem;font-weight:600;letter-spacing:.15em;color:var(--copper-light);text-transform:uppercase;margin-bottom:16px}
.card-title{font-size:1.75rem;font-weight:700;margin-bottom:8px}
.card-desc{font-size:.9375rem;color:var(--text-secondary);margin-bottom:32px;line-height:1.65}
.price-block{margin-bottom:32px}
.price-row{display:flex;align-items:baseline;gap:10px}
.price-amount{font-family:'Space Grotesk',sans-serif;font-size:3rem;font-weight:700;color:var(--copper-light)}
.price-orig-sm{font-size:1.25rem;color:var(--text-muted);text-decoration:line-through}
.price-period{font-size:.875rem;color:var(--text-muted);margin-top:4px}
.coupon-badge{
  display:inline-block;margin-top:12px;
  background:rgba(241,160,94,0.1);border:1px solid rgba(241,160,94,0.3);
  border-radius:8px;padding:8px 14px;
  font-size:.8125rem;color:var(--amber);
}
.coupon-badge code{font-weight:700;letter-spacing:.05em;background:rgba(241,160,94,0.15);padding:2px 6px;border-radius:4px}
.card-features{display:flex;flex-direction:column;gap:14px;margin-bottom:36px}
.card-feature{display:flex;align-items:center;gap:12px;font-size:.9375rem;color:var(--text-secondary)}
.check{width:20px;height:20px;border-radius:50%;background:rgba(242,176,137,0.1);border:1px solid rgba(242,176,137,0.25);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.check svg{width:10px;height:10px;stroke:var(--copper-light);stroke-width:2;fill:none}
.card-btn{
  width:100%;padding:16px;border-radius:100px;
  font-size:.9375rem;font-weight:700;letter-spacing:.03em;
  transition:transform .25s,opacity .25s,box-shadow .25s;
}
.card-btn.primary{background:var(--grad-btn);color:var(--text-dark);box-shadow:var(--glow-cta)}
.card-btn.outline{background:transparent;border:1px solid rgba(242,176,137,0.45);color:var(--text-heading)}
.card-btn:hover{transform:translateY(-2px);opacity:.9}
.card-btn.primary:hover{box-shadow:0 0 28px rgba(242,176,137,0.45),0 0 70px rgba(216,138,98,0.25)}

/* ── ABOUT ── */
#about{background:linear-gradient(180deg,#000 0%,#050608 50%,#000 100%)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-visual{position:relative}
.about-card{
  background:var(--grad-card);
  border:1px solid var(--border-subtle);
  border-radius:24px;padding:40px;
  box-shadow:var(--glow-product);
}
.about-card-title{font-size:1.25rem;font-weight:700;margin-bottom:16px}
.about-card-body{font-size:.9375rem;color:var(--text-secondary);line-height:1.75}
.about-accent{
  position:absolute;top:-20px;right:-20px;
  width:80px;height:80px;border-radius:50%;
  background:radial-gradient(circle,rgba(216,138,98,0.2),transparent 70%);
  filter:blur(12px);
}
.about-pillars{display:flex;flex-direction:column;gap:24px;margin-top:48px}
.pillar{display:flex;gap:20px;align-items:flex-start}
.pillar-icon{
  width:44px;height:44px;flex-shrink:0;border-radius:12px;
  background:rgba(242,176,137,0.08);border:1px solid rgba(242,176,137,0.2);
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;
}
.pillar-text h4{font-size:1rem;font-weight:600;margin-bottom:4px}
.pillar-text p{font-size:.875rem;color:var(--text-secondary);line-height:1.65}

/* ── ABOUT (PrimeMix Studios story) ── */
.about-intro{max-width:760px;margin:0 auto 72px;text-align:center}
.about-intro .section-title{margin-bottom:20px}
.about-lead{font-size:1.1875rem;color:var(--text-body);line-height:1.7}
.about-lead strong{color:var(--copper-light);font-weight:600}
.about-block{margin-bottom:88px}
.about-block-head{max-width:680px;margin:0 auto 44px;text-align:center}
.about-block-head h3{font-size:clamp(1.6rem,2.6vw,2.25rem);font-weight:800;letter-spacing:-.02em;margin-bottom:14px}
.about-block-head h3 em{font-style:normal;background:var(--grad-copper);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.about-block-head p{font-size:1.0625rem;color:var(--text-secondary);line-height:1.7}
/* Timeline */
.timeline{position:relative;max-width:760px;margin:0 auto;padding-left:8px}
.timeline::before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,rgba(242,176,137,0.6),rgba(242,176,137,0.12))}
.tl-item{position:relative;padding:0 0 36px 40px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{content:'';position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--grad-btn);box-shadow:0 0 0 4px rgba(216,138,98,0.12),0 0 14px rgba(242,176,137,0.4)}
.tl-year{font-family:'Space Grotesk',sans-serif;font-size:.8125rem;font-weight:700;letter-spacing:.1em;color:var(--copper-light);text-transform:uppercase;margin-bottom:6px}
.tl-item h4{font-size:1.125rem;font-weight:700;margin-bottom:6px}
.tl-item p{font-size:.9375rem;color:var(--text-secondary);line-height:1.65}
/* 3-up value cards */
.about-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.about-vcard{
  background:var(--grad-card);border:1px solid var(--border-subtle);
  border-radius:20px;padding:32px;transition:border-color .35s,transform .35s,box-shadow .35s;
}
.about-vcard:hover{border-color:rgba(242,176,137,0.32);transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,0.5)}
.about-vcard .vc-icon{
  width:48px;height:48px;border-radius:14px;margin-bottom:18px;
  background:rgba(242,176,137,0.08);border:1px solid rgba(242,176,137,0.2);
  display:flex;align-items:center;justify-content:center;font-size:1.4rem;
}
.about-vcard h4{font-size:1.0625rem;font-weight:700;margin-bottom:8px}
.about-vcard p{font-size:.9rem;color:var(--text-secondary);line-height:1.65}
/* Worldwide-vocals chips */
.about-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:760px;margin:0 auto}
.about-chip{
  font-size:.875rem;font-weight:500;color:var(--text-body);
  background:rgba(255,255,255,0.03);border:1px solid var(--border-subtle);
  border-radius:100px;padding:10px 20px;transition:border-color .3s,color .3s,background .3s;
}
.about-chip:hover{border-color:rgba(242,176,137,0.45);color:var(--copper-light);background:rgba(242,176,137,0.06)}
/* Mission feature card */
.about-mission{
  position:relative;overflow:hidden;
  background:var(--grad-card);border:1px solid rgba(242,176,137,0.22);
  border-radius:28px;padding:56px;max-width:920px;margin:0 auto;
  box-shadow:var(--glow-product);
}
.about-mission::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(242,176,137,0.4),transparent)}
.about-mission .mission-glow{position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(216,138,98,0.16),transparent 70%);filter:blur(20px);pointer-events:none}
.about-mission h3{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:18px}
.about-mission p{font-size:1.0625rem;color:var(--text-secondary);line-height:1.75;max-width:640px}
.mission-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-top:28px}
/* Closing tagline */
.about-tagline{text-align:center;max-width:820px;margin:88px auto 0}
.about-tagline .label{display:block;font-size:.6875rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin-bottom:18px}
.about-tagline h3{font-size:clamp(1.6rem,3vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.2}
.about-tagline h3 em{font-style:normal;background:var(--grad-copper);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ── ABOUT: WIDE, FULL-BLEED, LEFT-ALIGNED (like the hero) ── */
#about .container{max-width:none;width:100%;padding:0 48px}
.about-intro{max-width:none;margin:0 0 56px;text-align:left}
.about-lead{max-width:1000px}
.about-block{margin-bottom:64px}
.about-block-head{max-width:none;margin:0 0 40px;text-align:left}
.about-block-head p{max-width:820px}
/* Horizontal timeline spanning the full width, reads left → right */
.timeline{max-width:none;margin:0;padding:40px 0 0;display:flex;gap:44px}
.timeline::before{left:0;right:0;top:47px;bottom:auto;width:auto;height:2px;
  background:linear-gradient(90deg,rgba(242,176,137,0.55),rgba(242,176,137,0.12))}
.tl-item{flex:1;padding:32px 28px 0 0}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{left:0;top:0}
.tl-item p{max-width:none}
.about-chips{justify-content:flex-start;max-width:none;margin:0}
.about-mission{max-width:none;margin:0}
.about-mission p{max-width:760px}
.mission-list{max-width:720px}
.about-tagline{max-width:none;margin:72px 0 0;text-align:left}

/* ── CONTACT ── */
#contact{background:#050608;border-top:1px solid var(--border-subtle)}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}
.contact-form{
  background:var(--grad-card);border:1px solid var(--border-subtle);
  border-radius:24px;padding:44px;
}
.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.form-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);letter-spacing:.03em}
.form-input,.form-textarea{
  background:rgba(8,10,15,0.7);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:12px;padding:14px 18px;
  font-size:.9375rem;color:var(--text-heading);
  font-family:'Inter',sans-serif;
  transition:border-color .25s,box-shadow .25s;
  outline:none;width:100%;
}
.form-input:focus,.form-textarea:focus{
  border-color:rgba(242,176,137,0.45);
  box-shadow:0 0 0 3px rgba(242,176,137,0.08);
}
.form-textarea{resize:vertical;min-height:120px;line-height:1.6}
::placeholder{color:var(--text-muted)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-submit{
  width:100%;padding:16px;border-radius:100px;
  background:var(--grad-btn);color:var(--text-dark);
  font-size:.9375rem;font-weight:700;letter-spacing:.03em;
  box-shadow:var(--glow-cta);
  transition:transform .25s,opacity .25s;margin-top:8px;
}
.form-submit:hover{transform:translateY(-2px);opacity:.9}
.contact-info{display:flex;flex-direction:column;gap:28px}
.contact-item{display:flex;gap:20px;align-items:flex-start}
/* Contact over video: hard-left content + readability */
.contact-left{max-width:600px}
.contact-left .section-body{margin-bottom:44px}
.contact-scene .section-title{text-shadow:0 2px 18px rgba(0,0,0,0.7)}
.contact-scene .section-body{text-shadow:0 1px 10px rgba(0,0,0,0.6)}
.contact-scene .contact-icon{background:rgba(242,176,137,0.12);backdrop-filter:blur(6px)}
.contact-scene .contact-item h4,.contact-scene .contact-item p,.contact-scene .contact-item a{text-shadow:0 1px 8px rgba(0,0,0,0.7)}
.contact-icon{
  width:48px;height:48px;flex-shrink:0;border-radius:14px;
  background:rgba(242,176,137,0.08);border:1px solid rgba(242,176,137,0.2);
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;
}
/* Round Australia-flag video badge */
.contact-icon.flag-icon{
  padding:0;overflow:hidden;border-radius:50%;
  background:#0a0d12;border-color:rgba(242,176,137,0.4);
  box-shadow:0 0 14px rgba(242,176,137,0.18);
}
.flag-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.au-flag-svg{width:100%;height:100%;display:block;border-radius:50%}
.contact-item h4{font-size:1rem;font-weight:600;margin-bottom:4px}
.contact-item p,.contact-item a{font-size:.9375rem;color:var(--text-secondary);transition:color .2s}
.contact-item a:hover{color:var(--copper-light)}

/* ── FOOTER ── */
footer{
  background:#000;border-top:1px solid rgba(255,255,255,0.08);
  padding:60px 40px 40px;
}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px}
.footer-brand h3{font-size:1.1rem;font-weight:700;color:var(--text-heading);margin-bottom:12px}
.footer-brand p{font-size:.875rem;color:#999B9F;line-height:1.7;max-width:280px}
.footer-col h4{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-heading);margin-bottom:20px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.footer-col a{font-size:.875rem;color:#999B9F;transition:color .2s}
.footer-col a:hover{color:var(--copper-light)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);padding-top:32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:gap}
.footer-copy{font-size:.8125rem;color:var(--text-muted)}
.footer-copy span{color:var(--copper-light)}

/* ── DIVIDERS ── */
.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(242,176,137,0.2),transparent);max-width:1200px;margin:0 auto}

/* ── MOBILE ── */
@media(max-width:1024px){
  .brand-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:48px}
  .scene-content{grid-template-columns:1fr;gap:48px;text-align:center}
  .scene-content.reverse{direction:ltr}
  .scene-desc,.section-body{max-width:100%}
  .scene-btns{justify-content:center}
  .pricing-grid{grid-template-columns:1fr;max-width:480px}
  .footer-top{grid-template-columns:1fr 1fr;gap:32px}
  .plugin-frame{width:100%;max-width:440px}
  /* Hero collapses to a centred single column */
  .hero-content{flex-direction:column;justify-content:center;text-align:center;gap:36px}
  .hero-text{max-width:720px}
  .hero-sub{margin-left:auto;margin-right:auto}
  .hero-btns{align-items:center}
  .about-3col{grid-template-columns:1fr 1fr}
  /* Timeline back to vertical on tablet/mobile */
  .timeline{flex-direction:column;gap:0;padding:0 0 0 8px}
  .timeline::before{left:7px;right:auto;top:8px;bottom:8px;width:2px;height:auto;
    background:linear-gradient(180deg,rgba(242,176,137,0.6),rgba(242,176,137,0.12))}
  .tl-item{padding:0 0 36px 40px}
  .tl-item::before{top:4px;left:0}
}
@media(max-width:768px){
  #nav{padding:0 20px}
  .nav-links,.nav-cta{display:none}
  .nav-mobile-btn{display:flex}
  .nav-links.open{
    display:flex;flex-direction:column;gap:0;
    position:fixed;top:72px;left:0;right:0;
    background:rgba(5,6,8,0.98);backdrop-filter:blur(20px);
    border-bottom:1px solid var(--border-subtle);padding:20px;
  }
  .nav-links.open li{border-bottom:1px solid var(--border-subtle)}
  .nav-links.open a{display:block;padding:14px 0;font-size:1rem}
  .container{padding:0 20px}
  .section{padding:80px 0}
  .brand-stats{grid-template-columns:1fr 1fr}
  .form-row{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr;gap:32px}
  .hero-h1{font-size:2.5rem}
  .product-scene{min-height:auto;padding:80px 20px}
  .plugin-frame{max-width:100%}
  .contact-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center}
  /* About */
  .about-3col{grid-template-columns:1fr}
  .about-block{margin-bottom:64px}
  .about-mission{padding:36px 24px}
  .mission-list{grid-template-columns:1fr}
  /* Hero video: keep important area centred, prevent edge-touching text */
  .hero-background-video{object-position:50% center}
  .hero-content{width:min(100% - 28px,680px);padding:0 14px}
  .hero-video-overlay{
    background:
      linear-gradient(180deg,rgba(2,3,5,0.46) 0%,rgba(2,3,5,0.62) 55%,rgba(2,3,5,0.90) 100%),
      radial-gradient(circle at 50% 42%,rgba(216,138,98,0.08),transparent 45%);
  }
  .hero-btns{flex-direction:column;width:100%;max-width:320px;margin-left:auto;margin-right:auto}
  .hero-btns .btn-primary,.hero-btns .btn-secondary{width:100%;text-align:center}
  /* DesiVox One video scene */
  .product-video-scene{padding:96px 0}
  .pv-content{flex-direction:column;align-items:stretch;gap:32px;padding:0 20px}
  .pv-text,.pv-aside{max-width:100%;width:100%}
  .pv-video{object-position:50% center}
  .pv-overlay{
    background:
      linear-gradient(180deg,rgba(2,4,8,0.78) 0%,rgba(2,4,8,0.62) 40%,rgba(2,4,8,0.88) 100%);
  }
  .pv-features{grid-template-columns:1fr}
  .pv-price-new{font-size:2.4rem}
  .pv-actions .btn-primary{display:block;width:100%;text-align:center}
  .pv-title{white-space:normal;font-size:1.9rem}
  .pv-dl-row{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  /* Do not autoplay/animate background video — show poster still instead */
  .hero-background-video,.pv-video{display:none!important}
  #particle-canvas,.light-trail,.hero-glow,.hero-scroll-hint{display:none!important}
  #hero{
    background:
      linear-gradient(180deg,rgba(5,6,8,0.80),rgba(0,0,0,0.95)),
      url("images/primemix-video-poster.jpg") center / cover no-repeat;
  }
  .product-video-scene{
    background:
      linear-gradient(90deg,rgba(2,4,8,0.92) 0%,rgba(2,4,8,0.6) 70%,rgba(2,4,8,0.4) 100%),
      url("images/desivox-one-poster.jpg") center / cover no-repeat;
  }
}

/* ── SUPPORT / FAQ ── */
.faq-scene{background:linear-gradient(180deg,var(--soft-black) 0%,var(--deep-navy) 55%,var(--soft-black) 100%)}
.faq-head{text-align:center;max-width:640px;margin:0 auto 48px}
.faq-head .section-label{justify-content:center}
.faq-head .section-body{margin:0 auto}
.faq-search{position:relative;max-width:560px;margin:32px auto 0}
.faq-search input{
  width:100%;padding:15px 20px 15px 50px;
  background:var(--card);color:var(--text-heading);
  font-family:'Inter',sans-serif;font-size:1rem;
  border:1px solid var(--border-subtle);border-radius:100px;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.faq-search input::placeholder{color:var(--text-muted)}
.faq-search input:focus{border-color:var(--border-copper);box-shadow:var(--glow-cta)}
.faq-search svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:var(--text-muted);pointer-events:none}
.faq-wrap{max-width:820px;margin:0 auto}
.faq-cat{margin-top:44px}
.faq-cat:first-child{margin-top:0}
.faq-cat-title{
  font-family:'Space Grotesk',sans-serif;font-size:.8rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.18em;color:var(--copper-light);
  padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--border-subtle);
}
.faq-item{
  background:var(--card);border:1px solid var(--border-subtle);
  border-radius:14px;margin-bottom:12px;overflow:hidden;
  transition:border-color .25s ease;
}
.faq-item.open{border-color:var(--border-copper)}
.faq-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 22px;background:none;text-align:left;
  font-family:'Space Grotesk',sans-serif;font-size:1.02rem;font-weight:500;
  color:var(--text-heading);line-height:1.4;
}
.faq-q:hover{color:var(--copper-light)}
.faq-icon{flex:0 0 auto;width:20px;height:20px;position:relative;transition:transform .3s ease}
.faq-icon::before,.faq-icon::after{
  content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  background:var(--copper-light);border-radius:2px;
}
.faq-icon::before{width:14px;height:2px}
.faq-icon::after{width:2px;height:14px;transition:transform .3s ease}
.faq-item.open .faq-icon::after{transform:translate(-50%,-50%) scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a-inner{
  padding:0 22px 22px;font-size:.98rem;line-height:1.75;color:var(--text-body);
}
.faq-a-inner a{color:var(--copper-light);text-decoration:none;border-bottom:1px solid var(--border-copper)}
.faq-a-inner a:hover{color:var(--peach)}
.faq-a-inner strong{color:var(--text-heading);font-weight:600}
.faq-no-results{text-align:center;color:var(--text-secondary);padding:32px 0;display:none}
.faq-no-results.show{display:block}
@media(max-width:768px){
  .faq-q{padding:17px 18px;font-size:.96rem}
  .faq-a-inner{padding:0 18px 18px}
}