/* ============================================================
   Handpeak Future Industrial Theme
   Visual direction: cold black, ice-blue precision, editorial scale
   ============================================================ */
:root{
  color-scheme:dark;
  --bg0:#030508;
  --bg1:#060A10;
  --card:#080D14;
  --card-hi:#0B121C;
  --text:#F1F6FB;
  --muted:#8A99AC;
  --dim:#617187;
  --line:rgba(132,190,238,.15);
  --line-hi:rgba(132,198,252,.30);
  --brand-blue:#193459;
  --ice:#78BCFF;
  --ice-hi:#B8E4FF;
  --ice-deep:#4B92E8;
  --gold:#78BCFF;
  --gold-hi:#B8E4FF;
  --gold-deep:#4B92E8;
  --gold-grad:linear-gradient(105deg,#A9D9FF 0%,#78BCFF 48%,#4B92E8 100%);
  --radius:6px;
  --shadow-lg:0 28px 84px rgba(0,15,38,.48);
  --glow-gold:0 0 0 1px rgba(120,188,255,.12),0 22px 64px rgba(20,85,150,.18);
  --font-display:'Barlow Condensed','Arial Narrow','Space Grotesk',sans-serif;
}

html{scroll-padding-top:76px}
body{
  background:#030508;
  color:var(--text);
  font-family:'Space Grotesk','Inter',sans-serif;
}
body::before{
  background:
    radial-gradient(900px 520px at 82% 3%,rgba(47,133,218,.13),transparent 68%),
    radial-gradient(760px 460px at 12% 28%,rgba(25,52,89,.12),transparent 70%);
}
body::after{
  opacity:.16;
  mix-blend-mode:normal;
  background-image:radial-gradient(circle,rgba(154,208,255,.22) 0 1px,transparent 1.2px);
  background-size:62px 62px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 78%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 78%);
}

h1,h2,h3{
  font-family:var(--font-display);
  font-weight:500;
  letter-spacing:-.035em;
}
.wrap{max-width:1360px;padding-inline:clamp(24px,4vw,56px)}
section{padding:clamp(64px,7vw,96px) 0;border-top:1px solid rgba(132,190,238,.09)}
.h2{font-size:clamp(48px,6vw,86px);line-height:.92;text-transform:uppercase;font-weight:500;margin-bottom:18px}
.sub{color:var(--muted);font-size:16px;line-height:1.75;max-width:58ch}
.center{text-align:left}
.center .sub{margin:0;max-width:58ch}
.eyebrow{
  color:var(--ice);
  font-size:11px;
  letter-spacing:.22em;
  margin-bottom:18px;
}
.action .eyebrow,.shop>.wrap>.eyebrow,.frow .eyebrow,.steps .eyebrow,#compare .eyebrow,.faq-sec .eyebrow,.email-band .eyebrow{display:none}

/* Controls */
.btn{
  min-height:46px;
  padding:13px 24px;
  border-radius:4px;
  font-size:13px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;
}
.btn:active{transform:translateY(1px) scale(.985)}
.btn-primary{
  background:var(--gold-grad);
  color:#03101D;
  box-shadow:0 12px 34px rgba(68,150,235,.20);
}
.btn-primary:hover{box-shadow:0 16px 42px rgba(68,150,235,.28)}
.btn-outline,.btn-ghost{
  background:rgba(120,188,255,.035);
  color:var(--text);
  border:1px solid var(--line-hi);
}
.btn-outline:hover,.btn-ghost:hover{background:rgba(120,188,255,.08);border-color:var(--ice);color:var(--ice-hi)}

/* Announcement and navigation */
.abar{
  padding:9px 16px;
  background:#04070C;
  border-bottom:1px solid rgba(120,188,255,.12);
  color:#7F91A8;
  font-size:10px;
  letter-spacing:.22em;
}
.abar b{color:var(--ice-hi)}
.nav{background:rgba(3,5,8,.78);border-bottom:1px solid rgba(120,188,255,.10)}
.nav.scrolled{background:rgba(3,5,8,.94);border-bottom-color:rgba(120,188,255,.24)}
.nav-in{height:70px}
.nav-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;white-space:nowrap}
.nav-mark{width:29px;height:29px;object-fit:contain}
.nav-brand span{font-family:var(--font-body);font-size:19px;font-weight:650;letter-spacing:-.02em}
.nav-links{gap:clamp(20px,2.5vw,38px)}
.nav-links a{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#8A99AC}
.nav-links a:hover{color:var(--ice-hi)}
.nav .btn{padding:10px 18px;min-height:42px;font-size:11px}

/* Hero */
.hero{
  min-height:calc(100dvh - 108px);
  display:flex;
  align-items:center;
  padding:clamp(48px,6vw,76px) 0;
  border-top:0;
  background:
    linear-gradient(90deg,rgba(3,5,8,.97) 0%,rgba(3,5,8,.82) 42%,rgba(3,5,8,.20) 78%,rgba(3,5,8,.66) 100%),
    radial-gradient(ellipse at 78% 42%,rgba(54,137,222,.14),transparent 52%);
}
.hero.hero--lunar{
  isolation:isolate;
  background:
    radial-gradient(ellipse 34% 44% at 28% 38%,rgba(118,151,176,.045),transparent 72%),
    linear-gradient(90deg,rgba(3,5,8,.97) 0%,rgba(3,5,8,.86) 34%,rgba(3,5,8,.22) 60%,rgba(3,5,8,.05) 100%),
    linear-gradient(180deg,rgba(2,3,5,.04),rgba(2,3,5,.03) 62%,rgba(2,3,5,.72)),
    url("../img/generated/hero-lunar-open-mouse-v1.png") center/cover no-repeat;
}
.hero.hero--lunar::before{
  content:"";
  display:block;
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 30%,rgba(184,228,255,.74) 0 1px,transparent 1.8px),
    radial-gradient(circle at 69% 21%,rgba(120,188,255,.48) 0 1px,transparent 1.6px),
    radial-gradient(circle at 91% 64%,rgba(120,188,255,.54) 0 1px,transparent 1.7px),
    radial-gradient(circle at 62% 72%,rgba(184,228,255,.42) 0 1px,transparent 1.6px),
    radial-gradient(ellipse 36% 48% at 80% 58%,rgba(210,226,238,.035),transparent 72%);
  opacity:.46;
}
.hero.hero--lunar::after{display:none}
.hero--lunar .hero-grid{position:relative;z-index:2}
.hero--lunar .hero-visual{
  min-height:clamp(420px,42vw,540px);
  isolation:isolate;
}
.hero--lunar .hero-visual::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:2% -16% 0 -10%;
  pointer-events:none;
  background:none;
  -webkit-mask-image:radial-gradient(ellipse 58% 65% at 68% 58%,#000 18%,rgba(0,0,0,.92) 54%,transparent 83%);
  mask-image:radial-gradient(ellipse 58% 65% at 68% 58%,#000 18%,rgba(0,0,0,.92) 54%,transparent 83%);
  opacity:0;
}
.hero--lunar .hero-visual::after{
  content:"";
  position:absolute;
  z-index:1;
  width:82%;
  aspect-ratio:1.72/1;
  left:16%;
  top:34%;
  border:1px solid rgba(214,231,243,.075);
  border-radius:50%;
  box-shadow:0 0 28px rgba(205,225,239,.035),inset 0 0 24px rgba(205,225,239,.018);
  transform:rotate(-11deg) scale(.98);
  pointer-events:none;
  opacity:.22;
}
.hero::before{
  top:8%;right:4%;width:min(54vw,760px);height:min(54vw,760px);
  border:1px solid rgba(120,188,255,.13);
  background:radial-gradient(circle,rgba(63,151,239,.10),rgba(25,52,89,.04) 45%,transparent 68%);
}
.hero::after{
  bottom:11%;left:3%;width:180px;height:1px;border-radius:0;
  background:linear-gradient(90deg,var(--ice),transparent);
}
.hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(450px,.97fr);gap:clamp(28px,3.5vw,58px)}
.hero-grid>div:first-child{position:relative;z-index:4}
.hero-badge{
  padding:0 0 0 46px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--ice);
  font-size:10px;
  letter-spacing:.24em;
  margin-bottom:28px;
}
.hero-badge::before{content:"";position:absolute;left:0;width:32px;height:1px;background:var(--ice)}
.hero-badge i{display:none}
.hero h1{
  font-size:clamp(60px,5.2vw,82px);
  line-height:.86;
  letter-spacing:-.04em;
  text-transform:uppercase;
  font-weight:500;
  margin-bottom:28px;
  max-width:none;
}
.hero h1 span,.hero h1 em{display:block}
.hero h1 em{
  white-space:nowrap;
  color:transparent;
  background:linear-gradient(96deg,#D8EEFF 0%,#9CD2FA 26%,#6EACEB 58%,#BFE4FF 78%,#72B2F0 100%);
  -webkit-background-clip:text;
  background-clip:text;
  background-size:180% 100%;
  background-position:0% center;
  text-shadow:0 0 34px rgba(87,165,240,.10);
}
.hero .lead{font-size:16px;line-height:1.7;color:#9AA8B9;max-width:510px;margin-bottom:28px}
.hero--lunar .hero-ctas .btn-primary{
  background:linear-gradient(105deg,#BFE4FF 0%,#82BEF5 42%,#5798E3 100%);
  box-shadow:0 14px 38px rgba(65,143,222,.24),0 0 46px rgba(93,174,247,.08);
}
@media (prefers-reduced-motion:no-preference){
  .hero--lunar .hero-visual::after{animation:heroOrbitBreath 4.8s ease-in-out infinite}
  .hero--lunar h1 em{animation:heroTitleSheen 7s ease-in-out infinite alternate}
}
@keyframes heroProductSweep{
  0%,18%{opacity:0;transform:translate3d(-48%,0,0)}
  34%{opacity:.72}
  62%{opacity:.18;transform:translate3d(46%,0,0)}
  74%,100%{opacity:0;transform:translate3d(58%,0,0)}
}
@keyframes heroOrbitBreath{
  0%,100%{opacity:.24;transform:rotate(-11deg) scale(.97)}
  50%{opacity:.52;transform:rotate(-9deg) scale(1.025)}
}
@keyframes heroTitleSheen{
  0%{background-position:0% center}
  100%{background-position:100% center}
}
.hero-ctas{margin-bottom:0}
.hero-meta{display:none}
.hero-visual{min-height:clamp(420px,42vw,540px)}

/* Dawn hero */
.hero.hero--dawn{
  position:relative;
  display:block;
  min-height:clamp(620px,calc(100dvh - 108px),820px);
  padding:0;
  overflow:hidden;
  isolation:isolate;
  background-color:#020305;
  background-image:url("../img/generated/hero-vision-three-quarter-v1.png");
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}
.hero.hero--dawn::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(1,2,4,.92) 0%,rgba(1,2,4,.72) 34%,rgba(1,2,4,.16) 58%,rgba(1,2,4,.04) 100%),
    linear-gradient(180deg,rgba(0,0,0,.06),transparent 48%,rgba(0,0,0,.38) 100%);
  opacity:1;
}
.hero.hero--dawn::after{display:none}
.hero-dawn__inner{
  position:relative;
  z-index:3;
  min-height:clamp(620px,calc(100dvh - 108px),820px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding-top:clamp(44px,7vh,84px);
  padding-bottom:132px;
  text-align:left;
}
.hero-dawn__content{max-width:690px;margin-top:-3vh}
.hero-dawn__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
  color:#C4D6E5;
  font-size:11px;
  font-weight:600;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.hero-dawn__eyebrow::before,
.hero-dawn__eyebrow::after{
  content:"";
  width:38px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(213,236,253,.68));
}
.hero-dawn__eyebrow::after{transform:scaleX(-1)}
.hero--dawn .hero-dawn__content h1{
  margin:0;
  font-family:var(--font-body);
  font-size:clamp(46px,6.4vw,92px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.045em;
  text-transform:uppercase;
  color:#EEF7FF;
  text-shadow:0 0 36px rgba(151,210,255,.16);
}
.hero-dawn__tagline{
  margin-top:17px;
  color:#D7E4EE;
  font-size:clamp(16px,1.6vw,22px);
  letter-spacing:.20em;
  text-transform:uppercase;
}
.hero-dawn__lead{
  max-width:590px;
  margin:22px 0 0;
  color:#8D99A5;
  font-size:13px;
  line-height:1.7;
}
.hero-dawn__pillars{
  position:absolute;
  z-index:4;
  left:clamp(24px,4vw,56px);
  right:clamp(24px,4vw,56px);
  bottom:30px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(204,231,249,.18);
}
.hero-dawn__pillars div{
  min-height:62px;
  padding:14px 22px 0;
  border-left:1px solid rgba(204,231,249,.13);
}
.hero-dawn__pillars div:last-child{border-right:1px solid rgba(204,231,249,.13)}
.hero-dawn__pillars strong,
.hero-dawn__pillars span{display:block}
.hero-dawn__pillars strong{
  color:#DCE8F1;
  font-size:10px;
  line-height:1.35;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.hero-dawn__pillars span{
  margin-top:5px;
  color:#6F7D89;
  font-size:9px;
  letter-spacing:.06em;
}
@media (prefers-reduced-motion:no-preference){
  .hero.hero--dawn{animation:dawnSceneBreath 7s ease-in-out infinite}
}
@keyframes dawnBreath{
  0%,100%{filter:brightness(.92);transform:translateX(-50%) scale(1)}
  50%{filter:brightness(1.10);transform:translateX(-50%) scale(1.012)}
}
@keyframes dawnSceneBreath{
  0%,100%{filter:brightness(.96)}
  50%{filter:brightness(1.03)}
}
.hero-particles{
  position:absolute;
  inset:3% -4% 4%;
  pointer-events:none;
  z-index:1;
  opacity:.72;
  background:
    radial-gradient(circle at 72% 18%,rgba(184,228,255,.82) 0 1px,transparent 1.6px),
    radial-gradient(circle at 86% 34%,rgba(120,188,255,.62) 0 1px,transparent 1.5px),
    radial-gradient(circle at 66% 72%,rgba(120,188,255,.78) 0 1px,transparent 1.4px),
    radial-gradient(circle at 38% 28%,rgba(184,228,255,.50) 0 1px,transparent 1.5px);
}
.hero-particles::before,
.hero-particles::after{
  content:"";
  position:absolute;
  inset:16% 4% 9%;
  border:1px solid rgba(120,188,255,.16);
  border-left-color:transparent;
  border-bottom-color:rgba(120,188,255,.05);
  border-radius:50%;
  transform:rotate(-13deg);
}
.hero-particles::after{
  inset:28% 13% 21%;
  border-color:rgba(120,188,255,.08);
  border-right-color:rgba(120,188,255,.26);
  transform:rotate(14deg);
}
.hero-halo{width:72%;background:radial-gradient(circle,rgba(79,164,247,.22),rgba(35,83,139,.05) 48%,transparent 69%)}
.hero-ring{width:82%;border-color:rgba(120,188,255,.24)}
.hero-ring.r2{width:98%;border-color:rgba(120,188,255,.10);animation-duration:50s}
.hero-product{width:91%;z-index:2}
.hero-product img{filter:drop-shadow(0 50px 70px rgba(0,0,0,.72)) drop-shadow(0 0 42px rgba(61,145,230,.16))}
.hero-platform{
  position:absolute;
  z-index:0;
  width:65%;
  height:18%;
  left:50%;
  bottom:8%;
  transform:translateX(-50%) perspective(900px) rotateX(62deg);
  border:1px solid rgba(120,188,255,.22);
  border-radius:50%;
  background:
    radial-gradient(ellipse at center,rgba(120,188,255,.16),rgba(120,188,255,.04) 43%,transparent 71%),
    linear-gradient(90deg,transparent,rgba(184,228,255,.16),transparent);
  box-shadow:0 0 38px rgba(68,150,235,.20),inset 0 0 36px rgba(120,188,255,.12);
}
.hero-price,.hero-chip{
  border:1px solid rgba(120,188,255,.28);
  border-radius:3px;
  background:rgba(5,10,17,.80);
  color:var(--text);
  backdrop-filter:blur(12px);
  box-shadow:0 18px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(184,228,255,.08);
}
.hero-price{top:7%;right:1%;font-size:16px;padding:8px 16px;color:var(--ice-hi)}
.hero-chip{font-size:10px;letter-spacing:.08em;padding:10px 14px;text-transform:uppercase}
.hero-chip b{color:var(--ice-hi)}
.hero-chip.c1{bottom:17%;left:0}
.hero-chip.c2{bottom:7%;right:2%}

/* Single page marquee */
.ticker{padding:14px 0;background:#050910;border-color:rgba(120,188,255,.12)}
.ticker-track{animation-duration:34s}
.ticker span{font-size:10px;color:#708197;letter-spacing:.22em}
.ticker i{color:var(--ice);font-size:7px}

/* Exploded technology story */
.tech-explode{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(900px 520px at 72% 45%,rgba(62,142,226,.16),transparent 66%),
    linear-gradient(180deg,#030508 0%,#050910 100%);
}
.tech-explode::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(120,188,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,188,255,.035) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(circle at 72% 48%,rgba(0,0,0,.75),transparent 68%);
  mask-image:radial-gradient(circle at 72% 48%,rgba(0,0,0,.75),transparent 68%);
}
.tech-grid{
  position:relative;
  display:block;
}
.tech-copy{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.64fr);
  column-gap:clamp(48px,8vw,130px);
  align-items:end;
  margin-bottom:clamp(38px,5vw,72px);
}
.tech-index{
  grid-column:1/-1;
  display:block;
  margin-bottom:20px;
  color:var(--ice);
  font-size:11px;
  letter-spacing:.20em;
  text-transform:uppercase;
}
.tech-copy h2{
  font-size:clamp(52px,6vw,92px);
  line-height:.9;
  text-transform:uppercase;
  max-width:13ch;
  margin:0;
}
.tech-copy p{color:#9CAABC;line-height:1.75;max-width:48ch;margin:0 0 24px}
.tech-specs{
  display:grid;
  gap:0;
  grid-column:2;
  margin-top:0;
  border-top:1px solid rgba(120,188,255,.20);
}
.tech-specs span{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:15px 16px;
  border-bottom:1px solid rgba(120,188,255,.12);
  color:#71839B;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.tech-specs span:last-child{border-bottom:0}
.tech-specs b{color:var(--ice-hi);font-weight:600}
.explode-stage{
  position:relative;
  min-height:0;
  aspect-ratio:16/9;
  border:1px solid rgba(120,188,255,.18);
  border-radius:2px;
  background:
    radial-gradient(circle at 52% 49%,rgba(72,154,236,.18),transparent 48%),
    linear-gradient(145deg,rgba(120,188,255,.035),rgba(3,5,8,.64));
  box-shadow:0 34px 110px rgba(0,0,0,.40),inset 0 1px 0 rgba(184,228,255,.08);
  overflow:hidden;
}
.explode-stage::before,
.explode-stage::after{content:"";position:absolute;pointer-events:none}
.explode-stage::before{
  inset:26px;
  border-top:1px solid rgba(120,188,255,.30);
  border-left:1px solid rgba(120,188,255,.18);
}
.explode-stage::after{
  left:38px;
  right:38px;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(120,188,255,.38),transparent);
}
.explode-ghost{
  position:absolute;
  inset:8% 10%;
  display:grid;
  place-items:center;
  opacity:.16;
  filter:blur(.2px) saturate(.6);
}
.explode-ghost img{width:min(62%,520px)}
.explode-axis{
  position:absolute;
  top:7%;
  bottom:7%;
  left:50%;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(120,188,255,.52),transparent);
  box-shadow:0 0 24px rgba(120,188,255,.24);
}
.tech-part{
  position:absolute;
  left:50%;
  top:calc(12% + var(--i) * 11.5%);
  transform:translateX(calc(-50% + var(--x,0px)));
  display:grid;
  grid-template-columns:160px minmax(170px,260px);
  gap:18px;
  align-items:center;
}
.tech-part:nth-child(odd){--x:-86px}
.tech-part:nth-child(even){--x:96px}
.part-label{
  justify-self:end;
  width:154px;
  color:#8CA0B8;
  font-size:10px;
  letter-spacing:.16em;
  line-height:1.45;
  text-align:right;
  text-transform:uppercase;
}
.tech-part:nth-child(even) .part-label{order:2;justify-self:start;text-align:left}
.part-visual{
  position:relative;
  display:block;
  width:100%;
  height:52px;
  border:1px solid rgba(120,188,255,.28);
  border-radius:4px;
  background:linear-gradient(180deg,#1C2632,#070B11);
  box-shadow:0 12px 38px rgba(0,0,0,.34),0 0 24px rgba(72,154,236,.10),inset 0 1px 0 rgba(220,242,255,.16);
}
.part-visual::before,.part-visual::after{content:"";position:absolute}
.part-visual.shell{
  height:44px;
  border-radius:44px 44px 12px 12px;
  background:linear-gradient(180deg,#79818A,#2D333A 56%,#111820);
}
.part-visual.earbuds{height:78px;border:0;background:transparent;box-shadow:none}
.part-visual.earbuds::before,.part-visual.earbuds::after{
  top:6px;width:44%;height:66px;border-radius:32px 32px 18px 18px;
  background:linear-gradient(90deg,#10151B,#E5EDF4 43%,#3D454F 58%,#090C10);
  box-shadow:0 0 28px rgba(184,228,255,.16);
}
.part-visual.earbuds::before{left:0;transform:rotate(-8deg)}
.part-visual.earbuds::after{right:0;transform:rotate(8deg)}
.part-visual.dock{
  height:48px;
  background:
    radial-gradient(circle at 24% 50%,rgba(184,228,255,.8) 0 3px,transparent 4px),
    radial-gradient(circle at 76% 50%,rgba(184,228,255,.8) 0 3px,transparent 4px),
    linear-gradient(180deg,#2C3540,#0A0F15);
}
.part-visual.battery{
  height:42px;
  background:linear-gradient(90deg,#0C1218,#78BCFF 18%,#B8E4FF 22%,#2A7DD2 25%,#101820 100%);
}
.part-visual.battery::after{right:-9px;top:14px;width:9px;height:14px;border-radius:1px;background:#78BCFF}
.part-visual.pcb{
  height:58px;
  background:
    linear-gradient(90deg,transparent 20%,rgba(120,188,255,.18) 21% 22%,transparent 23% 46%,rgba(120,188,255,.18) 47% 48%,transparent 49%),
    linear-gradient(180deg,#0D2224,#06100F);
}
.part-visual.pcb::before{inset:14px 22px;border:1px solid rgba(120,188,255,.36)}
.part-visual.sensor{
  height:54px;width:54px;justify-self:center;border-radius:50%;
  background:radial-gradient(circle,#B8E4FF 0 8%,#78BCFF 10% 28%,#0A0F15 31% 100%);
}
.part-visual.base{
  height:48px;
  border-radius:12px 12px 40px 40px;
  background:linear-gradient(180deg,#222B35,#070B11);
}

/* Future use story */
#moments{background:#030508}
.future-story{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
  min-height:560px;
  border:1px solid rgba(120,188,255,.22);
  border-radius:4px;
  background:#04070C;
  isolation:isolate;
}
.future-story::before{
  content:"";
  position:absolute;
  z-index:4;
  top:18px;left:18px;right:18px;height:1px;
  background:linear-gradient(90deg,rgba(120,188,255,.55),rgba(120,188,255,.08) 45%,transparent 76%);
  pointer-events:none;
}
.future-story::after{
  content:"";
  position:absolute;
  z-index:4;
  left:18px;bottom:18px;width:9px;height:9px;
  border-left:1px solid var(--ice);border-bottom:1px solid var(--ice);
  pointer-events:none;
}
.future-story__media,.future-story__media picture{position:absolute;inset:0;display:block}
.future-story__media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.future-story__shade{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(2,4,8,.96) 0%,rgba(2,4,8,.82) 31%,rgba(2,4,8,.22) 58%,rgba(2,4,8,.06) 100%);
}
.future-story__copy{
  position:absolute;z-index:3;left:clamp(30px,5.5vw,76px);top:50%;transform:translateY(-50%);
  width:min(35%,470px);
}
.future-story__copy h2{font-size:clamp(62px,6.7vw,104px);line-height:.86;margin-bottom:22px;text-transform:uppercase}
.future-story__copy h2 em{display:block;font-style:normal;color:var(--ice-hi)}
.future-story__copy p{max-width:42ch;color:#A3B0C0;font-size:15px;line-height:1.7}
.future-story__hud{
  position:absolute;z-index:3;right:28px;bottom:24px;
  display:flex;gap:26px;padding:13px 16px;
  border:1px solid rgba(120,188,255,.20);background:rgba(3,8,14,.66);backdrop-filter:blur(9px);
}
.future-story__hud span{display:grid;gap:3px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#708197}
.future-story__hud b{font-size:12px;color:var(--ice-hi);font-weight:500;letter-spacing:.06em}
.moments-grid{
  margin-top:0;
  gap:0;
  grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(120,188,255,.14);
  border-top:0;
}
.moment{
  position:relative;
  min-height:190px;
  padding:34px 34px 30px;
  border:0;
  border-right:1px solid rgba(120,188,255,.14);
  border-radius:0;
  background:#060A10;
  box-shadow:none;
}
.moment:last-child{border-right:0}
.moment::before{display:none}
.moment-num{display:block;margin-bottom:24px;font-family:var(--font-display);font-size:18px;color:var(--ice);letter-spacing:.08em}
.moment:hover{transform:none;border-color:rgba(120,188,255,.14);background:#080E16;box-shadow:inset 0 2px 0 rgba(120,188,255,.48)}
.moment .ic{display:none}
.moment h3{font-size:25px;text-transform:uppercase;letter-spacing:.01em;margin-bottom:10px}
.moment p{color:var(--muted);font-size:13px;line-height:1.65}

/* Product film */
.action{
  padding:clamp(84px,9vw,124px) 0;
  text-align:left;
  border-color:rgba(120,188,255,.10);
  background:radial-gradient(700px 430px at 74% 20%,rgba(42,119,196,.13),transparent 67%),#04070B;
}
.action::before{background:none}
.action .wrap{display:grid;grid-template-columns:minmax(220px,.52fr) minmax(0,1.48fr);gap:clamp(38px,6vw,86px);align-items:end}
.action h2{font-size:clamp(52px,6.5vw,94px);line-height:.9;text-transform:uppercase;grid-column:1;grid-row:1}
.action .sub{grid-column:1;grid-row:2;margin-top:0!important}
.video-frame{
  grid-column:2;grid-row:1 / span 4;
  width:100%;max-width:none;margin:0;padding:5px;
  border:1px solid rgba(120,188,255,.23);border-radius:5px;
  background:rgba(120,188,255,.025);
  box-shadow:0 34px 90px rgba(0,0,0,.52);
}
.video-frame video{border-radius:2px;aspect-ratio:1;object-fit:cover}
.action .cap{grid-column:1;grid-row:3;margin-top:18px;color:#617187;letter-spacing:.18em}

/* 360 viewer */
.orbit{
  padding:0;
  background:#030508;
  border-top:1px solid rgba(120,188,255,.10);
}
.orbit-stage{
  min-height:clamp(510px,58vh,610px);
  max-width:1360px;
  padding:22px clamp(24px,4vw,56px);
  gap:clamp(42px,7vw,100px);
}
.orbit-copy{max-width:460px}
.orbit-copy h2{font-family:var(--font-display);font-size:clamp(56px,6.5vw,96px);line-height:.9;text-transform:uppercase;font-weight:500;margin:14px 0 20px}
.orbit-copy .sub{font-size:16px;color:var(--muted)}
.orbit-seg{padding:4px;border-radius:4px;border-color:rgba(120,188,255,.18);background:#070C13}
.orbit-btn{font:600 11px/1 'Space Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;color:#7F90A5}
.orbit-btn.active{background:var(--ice);color:#03101D}
.orbit-halo{background:radial-gradient(circle,rgba(68,150,235,.19),rgba(25,52,89,.05) 45%,transparent 70%)}
#orbitCanvas,#orbitFallback{width:min(58vw,460px)}

/* Finishes */
.shop{background:#05080D}
.cards{gap:18px;margin-top:48px}
.card{border-radius:5px;background:#080D14;border-color:rgba(120,188,255,.14);box-shadow:none}
.card:hover{transform:translateY(-3px);border-color:rgba(120,188,255,.34);box-shadow:0 28px 72px rgba(0,10,26,.38)}
.card-img{min-height:400px;padding:42px 38px 14px;background:radial-gradient(circle at 50% 42%,rgba(48,116,184,.10),transparent 62%)}
.card-img::before{background:none}
.card-img img{width:min(72%,430px)}
.card-body{padding:22px 28px 28px;border-top:1px solid rgba(120,188,255,.10)}
.card-body .tag{color:var(--ice);font-size:10px;letter-spacing:.18em}
.card-body h3{font-size:31px;text-transform:uppercase}
.card-body .desc{color:var(--muted)}
.card-price{color:var(--ice-hi);background:none;-webkit-text-fill-color:currentColor;font-size:30px}
.card-price small{-webkit-text-fill-color:var(--muted)}

/* Space Gray material banner */
.space-banner{
  position:relative;
  overflow:hidden;
  padding:clamp(78px,8vw,118px) 0;
  background:#030508;
}
.space-banner::before{
  content:"";
  position:absolute;
  inset:30% -8% -22%;
  background:
    radial-gradient(ellipse at 20% 22%,rgba(255,255,255,.16),transparent 18%),
    radial-gradient(ellipse at 68% 24%,rgba(255,255,255,.11),transparent 14%),
    radial-gradient(ellipse at 43% 47%,rgba(255,255,255,.10),transparent 16%),
    linear-gradient(8deg,#161719,#42454A 42%,#111316 43%,#030508 78%);
  filter:contrast(1.08);
  opacity:.88;
}
.space-banner::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(3,5,8,.92),rgba(3,5,8,.48) 45%,rgba(3,5,8,.72));
}
.space-banner__grid{
  position:relative;
  z-index:1;
  min-height:410px;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);
  gap:40px;
  align-items:center;
}
.space-banner__copy span{
  display:block;
  margin-bottom:18px;
  color:#EAF4FF;
  font-size:24px;
  font-weight:650;
}
.space-banner__copy h2{
  max-width:720px;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(54px,8vw,132px);
  line-height:.88;
  letter-spacing:-.06em;
  text-transform:none;
  background:linear-gradient(180deg,#F4F7FA 0%,#B0B6BD 42%,#31363D 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.space-banner__copy p{margin-top:24px;color:#A2ABB5;max-width:46ch;line-height:1.7}
.space-banner__visual{
  position:relative;
  min-height:360px;
  display:grid;
  place-items:center;
}
.space-banner__visual::before{
  content:"";
  position:absolute;
  width:70%;
  height:22%;
  bottom:14%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.70),transparent 70%);
  filter:blur(8px);
}
.space-banner__visual img{
  position:relative;
  width:min(62%,430px);
  filter:drop-shadow(54px 34px 30px rgba(0,0,0,.62)) drop-shadow(0 0 26px rgba(184,228,255,.12));
}

/* Feature engineering */
#features{background:#030508}
.section-head{
  display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,.45fr);gap:40px;align-items:end;
  margin-bottom:34px;padding-bottom:24px;border-bottom:1px solid rgba(120,188,255,.16);
}
.section-head .eyebrow{display:none}
.section-head .h2{margin:0}
.section-head .sub{justify-self:end}
.feature-intro,.features-intro{
  display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,.45fr);gap:40px;align-items:end;
  margin-bottom:34px;padding-bottom:24px;border-bottom:1px solid rgba(120,188,255,.16);
}
.feature-intro h2,.features-intro h2{font-family:var(--font-display);font-size:clamp(58px,7vw,100px);line-height:.88;text-transform:uppercase;font-weight:500}
.feature-intro p,.features-intro p{color:var(--muted);max-width:44ch}
.frow{
  position:relative;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
  gap:clamp(46px,7vw,96px);
  padding:48px 0;
}
.frow:nth-of-type(even){grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr)}
.frow::before{
  content:attr(data-index);
  position:absolute;top:23px;left:0;
  font-family:var(--font-display);font-size:15px;letter-spacing:.12em;color:var(--ice);
}
.frow+.frow{border-color:rgba(120,188,255,.12)}
.fcopy h3,.frow>div:not(.img-box) h3{font-size:clamp(40px,4.2vw,62px);line-height:.92;text-transform:uppercase;margin:0 0 20px}
.frow p{font-size:15px;line-height:1.72;color:var(--muted)}
.frow li{padding:7px 0 7px 22px;font-size:13px;color:#B2BECC}
.frow li::before{content:"+";top:7px;color:var(--ice);font-weight:400}
.frow .img-box{
  border:0;
  border-radius:0;
  padding:0;
  overflow:hidden;
  background:transparent;
}
.frow .img-box img{
  width:100%;
  margin:0;
  display:block;
  filter:none;
}
.frow .feature-visual{
  position:relative;
  isolation:isolate;
  overflow:visible;
  min-height:420px;
  display:grid;
  place-items:center;
}
.frow .feature-visual::before{
  content:"";
  position:absolute;
  inset:8% 5%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 52% 54%,rgba(66,145,224,.17),transparent 58%),
    radial-gradient(circle at 22% 28%,rgba(184,228,255,.08),transparent 22%);
  filter:blur(12px);
}
.frow .feature-visual::after{
  content:"";
  position:absolute;
  top:7%;
  bottom:7%;
  left:10%;
  width:26%;
  z-index:3;
  pointer-events:none;
  opacity:0;
  transform:translateX(-120%) skewX(-12deg);
  background:linear-gradient(90deg,transparent,rgba(184,228,255,.16),transparent);
  filter:blur(8px);
}
.frow .feature-visual img{
  position:relative;
  z-index:2;
  -webkit-mask-image:radial-gradient(ellipse 76% 78% at 51% 50%,#000 54%,rgba(0,0,0,.96) 68%,transparent 100%);
  mask-image:radial-gradient(ellipse 76% 78% at 51% 50%,#000 54%,rgba(0,0,0,.96) 68%,transparent 100%);
}
.fx-orbit,.fx-signal,.fx-particles{position:absolute;pointer-events:none}
.fx-orbit{
  z-index:1;
  width:78%;
  aspect-ratio:1.9/1;
  left:11%;
  top:36%;
  border:1px solid rgba(120,188,255,.18);
  border-radius:50%;
  transform:rotate(var(--orbit-angle,-9deg));
  box-shadow:inset 0 0 18px rgba(72,154,236,.05),0 0 22px rgba(72,154,236,.05);
}
.fx-orbit::before,.fx-orbit::after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:var(--ice-hi);
  box-shadow:0 0 14px var(--ice),0 0 3px rgba(255,255,255,.7);
}
.fx-orbit::before{width:5px;height:5px;left:11%;top:12%}
.fx-orbit::after{width:3px;height:3px;right:16%;bottom:10%}
.fx-signal{
  z-index:3;
  width:28%;
  aspect-ratio:1;
  border:1px solid rgba(120,188,255,.42);
  border-radius:50%;
  opacity:.18;
}
.fx-signal::before,.fx-signal::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(120,188,255,.36);
  border-radius:50%;
}
.fx-signal::before{transform:scale(1.38)}
.fx-signal::after{transform:scale(1.8);opacity:.5}
.fx-dual .fx-signal{
  left:48%;
  top:37.5%;
  width:11%;
  opacity:0;
  border-color:rgba(120,188,255,.72);
  box-shadow:0 0 18px rgba(72,154,236,.28),inset 0 0 12px rgba(120,188,255,.12);
}
.fx-dual .fx-signal::before{transform:scale(1.65);border-color:rgba(120,188,255,.46)}
.fx-dual .fx-signal::after{transform:scale(2.35);border-color:rgba(120,188,255,.28);opacity:1}
.fx-audio .fx-signal{right:27%;top:31%}
.fx-particles{
  z-index:3;
  left:14%;
  top:20%;
  width:3px;
  height:3px;
  border-radius:50%;
  background:rgba(184,228,255,.8);
  box-shadow:
    78px 31px 0 rgba(120,188,255,.42),
    176px -22px 0 rgba(184,228,255,.30),
    285px 45px 0 rgba(120,188,255,.36),
    360px 142px 0 rgba(184,228,255,.28),
    44px 250px 0 rgba(120,188,255,.30),
    226px 316px 0 rgba(184,228,255,.34),
    418px 292px 0 rgba(120,188,255,.26);
  opacity:.62;
}
.fx-silent .fx-orbit{width:62%;left:20%;top:43%}
.fx-battery .fx-orbit{width:70%;left:17%;top:39%;--orbit-angle:12deg}
.fx-driver .fx-orbit{width:76%;left:12%;top:39%;--orbit-angle:-14deg}
.fx-driver img{filter:drop-shadow(0 24px 52px rgba(0,0,0,.58)) drop-shadow(0 0 34px rgba(72,154,236,.12))}
@media (prefers-reduced-motion:no-preference){
  .frow .feature-visual::after{animation:featureSweep 6.8s cubic-bezier(.16,1,.3,1) infinite}
  .fx-orbit{animation:orbitDrift 12s ease-in-out infinite}
  .fx-signal{animation:signalPulse 3.2s ease-out infinite}
  .fx-dual .fx-signal{animation-name:dualSignalPulse;animation-duration:2.8s}
  .fx-particles{animation:particleDrift 7.4s ease-in-out infinite alternate}
  .frow:nth-of-type(even) .feature-visual::after{animation-delay:-2.4s}
  .frow:nth-of-type(3n) .fx-particles{animation-delay:-3.1s}
}
@keyframes featureSweep{
  0%,16%{opacity:0;transform:translateX(-120%) skewX(-12deg)}
  32%{opacity:.62}
  58%{opacity:0;transform:translateX(360%) skewX(-12deg)}
  100%{opacity:0;transform:translateX(360%) skewX(-12deg)}
}
@keyframes orbitDrift{
  0%,100%{opacity:.36;transform:rotate(var(--orbit-angle,-9deg)) scale(.98)}
  50%{opacity:.72;transform:rotate(calc(var(--orbit-angle,-9deg) + 5deg)) scale(1.035)}
}
@keyframes signalPulse{
  0%{opacity:0;transform:scale(.72)}
  34%{opacity:.48}
  100%{opacity:0;transform:scale(1.35)}
}
@keyframes dualSignalPulse{
  0%{opacity:0;transform:scale(.58)}
  16%{opacity:.78}
  62%{opacity:.34}
  100%{opacity:0;transform:scale(2.05)}
}
@keyframes particleDrift{
  0%{opacity:.30;transform:translate3d(-5px,8px,0)}
  100%{opacity:.78;transform:translate3d(12px,-15px,0)}
}

/* Three-step strip */
.steps{background:#05080D;border-color:rgba(120,188,255,.10)}
.steps::before{background:radial-gradient(ellipse,rgba(54,132,209,.09),transparent 65%)}
.steps-grid{gap:0;border:1px solid rgba(120,188,255,.14);margin-top:46px}
.step{
  padding:38px 32px;border:0;border-right:1px solid rgba(120,188,255,.14);border-radius:0;background:transparent;
}
.step:last-child{border-right:0}
.step:hover{transform:none;background:#080E16;border-color:rgba(120,188,255,.14)}
.step .num{width:auto;height:auto;display:block;background:none;box-shadow:none;color:var(--ice);font-size:16px;justify-content:flex-start;margin-bottom:30px}
.step h3{font-size:27px;text-transform:uppercase}
.step p{color:var(--muted);font-size:13px;line-height:1.65}

/* Comparison */
.compare-grid{gap:18px;margin-top:46px}
.cmp{border-radius:5px;padding:38px 34px}
.cmp.old{border:1px solid rgba(120,188,255,.12);background:#05090F}
.cmp.new{border:1px solid rgba(120,188,255,.34);background:linear-gradient(145deg,rgba(67,145,224,.11),rgba(25,52,89,.03));box-shadow:none}
.cmp.new:hover{transform:none;box-shadow:inset 0 1px 0 rgba(184,228,255,.10)}
.cmp.new .flag{top:18px;right:18px;left:auto;padding:4px 8px;border-radius:2px;background:rgba(120,188,255,.10);border:1px solid rgba(120,188,255,.22);color:var(--ice);font-size:9px}
.cmp h3{font-size:31px;text-transform:uppercase}
.cmp.new li::before{color:var(--ice)}

/* FAQ */
.faq-sec{background:#04070B}
.faq-sec .wrap{display:grid;grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);gap:clamp(46px,7vw,94px);align-items:start}
.faq-sec .h2{grid-column:1;grid-row:1;margin:0}
.faq-list{grid-column:2;grid-row:1;margin:0;max-width:none}
details{border-radius:3px;background:#070C13;border-color:rgba(120,188,255,.13);margin-bottom:10px}
details[open]{border-color:rgba(120,188,255,.34)}
summary{padding:20px 22px;font-size:14px}
summary::after{color:var(--ice)}
details .a{padding:0 22px 22px;color:var(--muted);font-size:13px;line-height:1.7}
details .a a{color:var(--ice-hi)}

/* Conversion */
.email-band{
  padding:clamp(84px,9vw,124px) 0;text-align:left;
  background:radial-gradient(760px 420px at 76% 30%,rgba(58,141,226,.15),transparent 66%),#030508;
  border-color:rgba(120,188,255,.12);
}
.email-band::before{display:none}
.email-band .wrap{display:grid;grid-template-columns:minmax(0,.75fr) minmax(360px,.55fr);gap:70px;align-items:center}
.email-band h2{grid-column:1;font-family:var(--font-display);font-size:clamp(56px,7vw,100px);line-height:.88;text-transform:uppercase;font-weight:500}
.email-band .price{grid-column:1;color:var(--ice-hi);background:none;-webkit-text-fill-color:currentColor;font-size:clamp(50px,6vw,76px);margin:12px 0 0}
.email-band .note{grid-column:1;color:var(--muted);margin:4px 0 0}
.email-form{grid-column:2;grid-row:1 / span 3;width:100%;max-width:none;margin:0;display:grid;grid-template-columns:1fr auto;gap:9px}
.email-form input{min-width:0;border-radius:4px;border-color:rgba(120,188,255,.24);background:rgba(120,188,255,.04);color:var(--text)}
.email-form input:focus{border-color:var(--ice);box-shadow:0 0 0 3px rgba(120,188,255,.10)}
.form-ok{grid-column:2;grid-row:1 / span 3;color:#8ED1FF}

/* Footer */
footer{background:#020407;border-top-color:rgba(120,188,255,.12);padding:64px 0 30px}
.foot-brand b{font-family:var(--font-display);font-size:26px;letter-spacing:.02em}
.foot-col h4{color:var(--ice);font-size:10px;letter-spacing:.18em}
.foot-col a:hover{color:var(--ice-hi)}
.foot-base{border-color:rgba(120,188,255,.10)}

/* Responsive */
@media (max-width:1040px){
  .hero{min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .hero h1{font-size:clamp(58px,9vw,82px);max-width:none}
  .hero .lead{max-width:640px}
  .hero-visual{min-height:520px}
  .tech-grid{grid-template-columns:1fr}
  .explode-stage{min-height:650px}
  .future-story__copy{width:43%}
  .space-banner__grid{grid-template-columns:1fr}
  .space-banner__visual{min-height:300px}
  .action .wrap{grid-template-columns:.62fr 1.38fr;gap:40px}
  .frow,.frow:nth-of-type(even){grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr)}
}

@media (max-width:760px){
  section{padding:76px 0}
  .wrap{padding-inline:20px}
  .nav-links{display:none}
  .nav .btn{font-size:10px;padding-inline:14px}
  .hero{padding:52px 0 64px}
  .hero.hero--lunar{background-position:70% center}
  .hero h1{font-size:clamp(50px,12.8vw,68px);line-height:.88}
  .hero-visual{min-height:390px}
  .hero-price{top:3%;right:0}
  .hero-chip.c1{left:0;bottom:12%}.hero-chip.c2{right:0;bottom:2%}
  .hero-platform{width:72%;bottom:6%}
  .tech-copy h2{max-width:none}
  .tech-specs span{display:grid;gap:4px}
  .explode-stage{min-height:760px}
  .tech-part{
    left:50%;
    top:calc(8% + var(--i) * 12%);
    grid-template-columns:1fr;
    gap:7px;
    width:min(76%,340px);
    transform:translateX(-50%);
  }
  .tech-part:nth-child(odd),.tech-part:nth-child(even){--x:0}
  .part-label,.tech-part:nth-child(even) .part-label{order:0;width:auto;justify-self:start;text-align:left}
  .space-banner__copy h2{font-size:clamp(50px,16vw,84px);letter-spacing:-.04em}
  .space-banner__copy p{max-width:none}
  .space-banner__visual img{width:min(76%,360px)}
  .future-story{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}
  .future-story__media,.future-story__media picture{position:relative;inset:auto;display:block;order:2}
  .future-story__media img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:64% center}
  .future-story__shade{display:none}
  .future-story__copy{position:relative;inset:auto;transform:none;order:1;width:auto;padding:38px 28px;background:#060A10}
  .future-story__copy h2{font-size:clamp(50px,15vw,72px)}
  .future-story__hud{display:none}
  .future-story::before{right:18px}
  .moments-grid{grid-template-columns:1fr}
  .moment{min-height:0;border-right:0;border-bottom:1px solid rgba(120,188,255,.14);padding:28px}
  .moment:last-child{border-bottom:0}
  .action .wrap{grid-template-columns:1fr}
  .action h2,.action .sub,.action .cap,.video-frame{grid-column:1;grid-row:auto}
  .video-frame{margin-top:14px}
  .orbit-stage{min-height:0;padding:44px 20px;gap:24px;text-align:left}
  .orbit-copy{max-width:none}
  #orbitCanvas,#orbitFallback{width:min(82vw,420px)}
  .cards{grid-template-columns:1fr}
  .card-img{min-height:300px}
  .section-head,.feature-intro,.features-intro{grid-template-columns:1fr;gap:18px}
  .section-head .sub{justify-self:start}
  .frow,.frow:nth-of-type(even){grid-template-columns:1fr;gap:26px;padding:44px 0 38px}
  .frow .fcopy,.frow>div:not(.img-box){order:1}
  .frow .img-box{order:2}
  .frow .feature-visual{min-height:0}
  .fx-particles{transform:scale(.72);transform-origin:top left}
  .steps-grid{grid-template-columns:1fr}
  .step{border-right:0;border-bottom:1px solid rgba(120,188,255,.14)}
  .step:last-child{border-bottom:0}
  .compare-grid{grid-template-columns:1fr}
  .faq-sec .wrap{grid-template-columns:1fr;gap:34px}
  .faq-sec .h2,.faq-list{grid-column:1;grid-row:auto}
  .email-band .wrap{grid-template-columns:1fr;gap:34px}
  .email-band h2,.email-band .price,.email-band .note,.email-form,.form-ok{grid-column:1;grid-row:auto}
  .email-form{grid-template-columns:1fr}
}

@media (max-width:460px){
  .abar{font-size:8px;letter-spacing:.14em}
  .nav-mark{width:26px;height:26px}
  .nav-brand span{font-size:17px}
  .nav .btn{min-height:38px;padding:8px 11px;letter-spacing:.04em}
  .hero-badge{padding-left:38px}
  .hero h1{font-size:clamp(42px,12.5vw,54px)}
  .hero-ctas{display:grid;grid-template-columns:1fr}
  .hero-ctas .btn{width:100%}
  .hero-visual{min-height:330px}
  .hero-chip{font-size:8px;padding:8px}.hero-price{font-size:13px}
  .future-story__copy{padding:32px 22px}
  .card-body{padding:20px}
}

@media (max-width:760px){
  .hero.hero--dawn{
    min-height:700px;
    padding:0;
    background-color:#020305;
    background-image:url("../img/generated/hero-vision-three-quarter-v1.png");
    background-position:68% center;
    background-size:auto 100%;
  }
  .hero.hero--dawn::before{background:linear-gradient(180deg,rgba(1,2,4,.22),rgba(1,2,4,.46) 54%,rgba(1,2,4,.68) 100%)}
  .hero-dawn__inner{min-height:700px;padding:66px 20px 176px}
  .hero-dawn__content{max-width:86%;margin-top:-10vh}
  .hero-dawn__eyebrow{font-size:9px;letter-spacing:.16em;gap:9px}
  .hero-dawn__eyebrow::before,.hero-dawn__eyebrow::after{width:20px}
  .hero--dawn .hero-dawn__content h1{font-size:clamp(42px,13vw,58px);letter-spacing:-.035em}
  .hero-dawn__tagline{font-size:13px;line-height:1.45;letter-spacing:.13em}
  .hero-dawn__lead{max-width:42ch;font-size:12px;line-height:1.65}
  .hero-dawn__pillars{left:20px;right:20px;bottom:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-dawn__pillars div{min-height:58px;padding:11px 12px 8px}
  .hero-dawn__pillars div:nth-child(3),.hero-dawn__pillars div:nth-child(4){border-top:1px solid rgba(204,231,249,.11)}
  .hero-dawn__pillars strong{font-size:9px}
  .hero-dawn__pillars span{font-size:8px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .js-anim .reveal,.js-anim .step{opacity:1!important;transform:none!important}
  .ticker-track{animation:none;transform:none}
  .hero-ring.r2{animation:none}
}

/* ============================================================
   TECH UPGRADE LAYER v2 (2026-08-04)
   Sonicore-grade stage FX: scan ring, HUD brackets, part
   numbers, brighter rims. Append-only; delete block to revert.
   ============================================================ */

/* --- A. Hero: rotating scan ring + corner brackets + rim --- */
.hero-visual{isolation:isolate}
.hero-chip,.hero-price{position:absolute}
.hero-scan{
  position:absolute;z-index:1;pointer-events:none;
  width:94%;aspect-ratio:1;left:50%;top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 295deg,rgba(120,188,255,.14) 330deg,rgba(184,228,255,.60) 352deg,transparent 360deg);
  -webkit-mask:radial-gradient(circle,transparent 65.5%,#000 66.5%,#000 68.5%,transparent 69.5%);
          mask:radial-gradient(circle,transparent 65.5%,#000 66.5%,#000 68.5%,transparent 69.5%);
  animation:heroScan 7s linear infinite;
}
@keyframes heroScan{to{transform:translate(-50%,-50%) rotate(360deg)}}
.hero-crosshair{position:absolute;inset:0;z-index:3;pointer-events:none}
.hero-crosshair::before{
  content:"";position:absolute;inset:1% 0;
  background:
    linear-gradient(rgba(120,188,255,.8),rgba(120,188,255,.8)) left top/20px 1px,
    linear-gradient(rgba(120,188,255,.8),rgba(120,188,255,.8)) left top/1px 20px,
    linear-gradient(rgba(120,188,255,.8),rgba(120,188,255,.8)) right top/20px 1px,
    linear-gradient(rgba(120,188,255,.8),rgba(120,188,255,.8)) right top/1px 20px,
    linear-gradient(rgba(120,188,255,.8),rgba(120,188,255,.8)) left bottom/20px 1px,
    linear-gradient(rgba(120,188,255,.8),rgba(120,188,255,.8)) left bottom/1px 20px,
    linear-gradient(rgba(120,188,255,.8),rgba(120,188,255,.8)) right bottom/20px 1px,
    linear-gradient(rgba(120,188,255,.8),rgba(120,188,255,.8)) right bottom/1px 20px;
  background-repeat:no-repeat;
  opacity:.5;
}
.hero-product img{
  filter:drop-shadow(0 50px 70px rgba(0,0,0,.72)) drop-shadow(0 0 64px rgba(61,145,230,.32)) drop-shadow(0 -20px 48px rgba(120,188,255,.16));
}
.hero-platform{animation:platformPulse 4.6s ease-in-out infinite}
@keyframes platformPulse{
  0%,100%{box-shadow:0 0 38px rgba(68,150,235,.20),inset 0 0 36px rgba(120,188,255,.12)}
  50%{box-shadow:0 0 60px rgba(68,150,235,.36),inset 0 0 48px rgba(120,188,255,.24)}
}
.hero-chip.c3{top:15%;left:2%}
.hero-chip::before,.hero-chip::after,.hero-price::before,.hero-price::after{
  content:"";position:absolute;width:8px;height:8px;pointer-events:none;
}
.hero-chip::before,.hero-price::before{top:-5px;left:-5px;border-top:1px solid var(--ice);border-left:1px solid var(--ice)}
.hero-chip::after,.hero-price::after{bottom:-5px;right:-5px;border-bottom:1px solid var(--ice);border-right:1px solid var(--ice)}

/* --- B. Explode: auto part numbers + flowing axis + hover glow --- */
.explode-stage{counter-reset:partNo}
.tech-part{counter-increment:partNo}
.part-label::before{
  content:"0" counter(partNo) "  /  ";
  color:var(--ice);letter-spacing:.18em;
}
.explode-axis{
  width:2px;
  background:linear-gradient(180deg,transparent,rgba(120,188,255,.75),transparent);
  box-shadow:0 0 34px rgba(120,188,255,.40);
}
.explode-axis::before{
  content:"";position:absolute;left:50%;top:4%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;
  background:var(--ice-hi);box-shadow:0 0 16px var(--ice),0 0 4px #fff;
  animation:axisFlow 4.4s ease-in-out infinite;
}
@keyframes axisFlow{0%{top:4%;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:95%;opacity:0}}
.explode-ghost{opacity:.24}
.part-visual{
  border-color:rgba(120,188,255,.42);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.tech-part:hover .part-visual{
  transform:scale(1.045);border-color:var(--ice-hi);
  box-shadow:0 14px 44px rgba(0,0,0,.40),0 0 52px rgba(72,154,236,.48),inset 0 1px 0 rgba(220,242,255,.30);
}
.tech-part:hover .part-label{color:var(--ice-hi)}

/* --- C. Future story: brighter image + traveling scanline --- */
.future-story__shade{
  background:linear-gradient(90deg,rgba(2,4,8,.90) 0%,rgba(2,4,8,.64) 34%,rgba(2,4,8,.14) 60%,rgba(2,4,8,.02) 100%);
}
.future-story__media img{filter:brightness(1.12) contrast(1.05)}
.future-story__scan{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(120,188,255,.10) 44%,rgba(184,228,255,.24) 50%,rgba(120,188,255,.10) 56%,transparent);
  background-size:260px 100%;background-repeat:no-repeat;
  animation:storyScan 6.8s ease-in-out infinite;
}
@keyframes storyScan{
  0%{background-position:-280px 0;opacity:0}
  14%{opacity:1}86%{opacity:1}
  100%{background-position:calc(100% + 280px) 0;opacity:0}
}

/* --- D. Space banner: spotlight cone + brighter product rim --- */
.space-banner__spot{
  position:absolute;top:0;left:-6%;width:58%;height:100%;z-index:1;pointer-events:none;
  background:linear-gradient(112deg,rgba(220,238,255,.20) 0%,rgba(184,228,255,.08) 38%,transparent 70%);
  clip-path:polygon(0 0,42% 0,100% 100%,0 100%);
  mix-blend-mode:screen;
}
.space-banner__visual img{
  filter:drop-shadow(54px 34px 30px rgba(0,0,0,.62)) drop-shadow(0 0 44px rgba(184,228,255,.26)) drop-shadow(0 -14px 32px rgba(184,228,255,.14));
}

/* --- E. Mobile & reduced-motion guards --- */
@media (max-width:760px){
  .hero-chip.c3,.hero-scan,.hero-crosshair,.future-story__scan{display:none}
  .space-banner__spot{left:0;width:100%;opacity:.75}
}
@media (prefers-reduced-motion:reduce){
  .hero-scan,.hero-platform,.future-story__scan,.explode-axis::before{animation:none!important}
}

/* --- C2. Future story split layout: visual left, product story right --- */
.future-story.future-story--split{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);
  align-items:center;
  gap:clamp(48px,6.5vw,104px);
  min-height:500px;
  aspect-ratio:auto;
  overflow:visible;
  padding:clamp(62px,7vw,96px) 0;
  border:0;
  border-radius:0;
  background:transparent;
}
.future-story.future-story--split::before{
  top:0;left:0;right:0;
  background:linear-gradient(90deg,rgba(120,188,255,.42),rgba(120,188,255,.08) 48%,transparent 82%);
}
.future-story.future-story--split::after{left:0;bottom:0}
.future-story--split .future-story__media{
  position:relative;
  inset:auto;
  display:block;
  min-height:390px;
  overflow:hidden;
  background:radial-gradient(circle at 66% 54%,rgba(46,112,191,.18),transparent 58%);
  isolation:isolate;
}
.future-story--split .future-story__media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,5,8,.08) 0%,transparent 18%,transparent 74%,#030508 100%),
    linear-gradient(180deg,#030508 0%,transparent 14%,transparent 84%,#030508 100%);
}
.future-story--split .future-story__media img{
  width:100%;
  height:100%;
  min-height:390px;
  object-fit:cover;
  object-position:63% center;
  display:block;
  filter:brightness(1.08) contrast(1.06) saturate(.92);
}
.future-story--split .future-story__shade{display:none}
.future-story--split .future-story__scan{
  z-index:2;
  left:0;
  right:auto;
  width:46%;
}
.future-story--split .future-story__copy{
  position:relative;
  inset:auto;
  transform:none;
  width:auto;
  max-width:680px;
  padding-right:clamp(0px,2vw,28px);
}
.future-story--split .future-story__copy h2{
  margin:15px 0 22px;
  font-size:clamp(45px,4.6vw,72px);
  line-height:.95;
  letter-spacing:-.035em;
}
.future-story--split .future-story__copy p{
  max-width:60ch;
  font-size:14px;
  line-height:1.75;
}
.future-story__capabilities{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2vw,30px);
  margin-top:38px;
}
.future-story__capabilities div{
  padding-top:15px;
  border-top:1px solid rgba(120,188,255,.22);
}
.future-story__capabilities strong,
.future-story__capabilities span{display:block}
.future-story__capabilities strong{
  color:#DDEEFF;
  font-size:11px;
  line-height:1.35;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.future-story__capabilities span{
  margin-top:7px;
  color:#718298;
  font-size:10px;
  line-height:1.45;
}

@media (max-width:1040px){
  .future-story.future-story--split{
    grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);
    gap:42px;
  }
  .future-story--split .future-story__copy{width:auto}
}

@media (max-width:760px){
  .future-story.future-story--split{
    display:grid;
    grid-template-columns:1fr;
    gap:30px;
    padding:52px 0;
    overflow:visible;
  }
  .future-story--split .future-story__media{
    order:1;
    min-height:0;
    aspect-ratio:16/10;
  }
  .future-story--split .future-story__media img{
    min-height:0;
    height:100%;
    aspect-ratio:auto;
    object-position:62% center;
  }
  .future-story--split .future-story__copy{
    order:2;
    width:auto;
    padding:0;
    background:transparent;
  }
  .future-story--split .future-story__copy h2{font-size:clamp(43px,12vw,62px)}
  .future-story__capabilities{grid-template-columns:1fr;gap:12px;margin-top:30px}
}

/* --- F. Explode render image swap (2026-08-04) --- */
.explode-stage.has-render{
  padding:0;
  overflow:visible;
  display:block;
  min-height:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.explode-stage.has-render .tech-part,
.explode-stage.has-render .explode-axis,
.explode-stage.has-render .explode-ghost{display:none}
.explode-render{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  display:block;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.30) 4%,rgba(0,0,0,.82) 9%,#000 15%,#000 100%);
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.30) 4%,rgba(0,0,0,.82) 9%,#000 15%,#000 100%);
}
.explode-stage.has-render::before{
  display:none;
}
.explode-stage.has-render::after{
  top:auto;
  bottom:0;
  left:0;
  right:0;
  height:22%;
  z-index:1;
  background:linear-gradient(180deg,transparent,rgba(3,5,8,.34));
}
.explode-callouts{position:absolute;inset:0;z-index:3;pointer-events:none}
.callout{
  position:absolute;
  color:#B7C7D8;
  font-size:10px;
  line-height:1.3;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 2px 14px #020407;
}
.callout::before{
  content:"";
  position:absolute;
  left:0;
  width:1px;
  height:34px;
  background:linear-gradient(180deg,var(--ice),rgba(120,188,255,.14));
  box-shadow:0 0 12px rgba(120,188,255,.34);
}
.callout::after{
  content:"";
  position:absolute;
  left:-2px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--ice-hi);
  box-shadow:0 0 12px var(--ice);
}
.callout-shell{left:8%;top:12%}.callout-shell::before{top:18px}.callout-shell::after{top:49px}
.callout-earbuds{left:28%;bottom:12%}.callout-earbuds::before{bottom:18px;background:linear-gradient(0deg,var(--ice),rgba(120,188,255,.14))}.callout-earbuds::after{bottom:49px}
.callout-dock{left:41%;top:11%}.callout-dock::before{top:18px}.callout-dock::after{top:49px}
.callout-cell{left:54%;bottom:10%}.callout-cell::before{bottom:18px;background:linear-gradient(0deg,var(--ice),rgba(120,188,255,.14))}.callout-cell::after{bottom:49px}
.callout-board{left:66%;top:10%}.callout-board::before{top:18px}.callout-board::after{top:49px}
.callout-sensor{left:79%;bottom:11%}.callout-sensor::before{bottom:18px;background:linear-gradient(0deg,var(--ice),rgba(120,188,255,.14))}.callout-sensor::after{bottom:49px}
@media (max-width:760px){
  .tech-copy{display:block;margin-bottom:30px}
  .tech-copy h2{margin-bottom:24px}
  .tech-specs{margin-top:26px}
  .explode-stage,.explode-stage.has-render{aspect-ratio:4/3;min-height:0}
  .explode-render{object-fit:cover;object-position:center}
  .explode-callouts{display:none}
}