/* Version A: Signal. Dark, cinematic, glowing product light. Inspired by EcoFlow and Nothing. */
.hero{display:none}
html[data-v="a"]{--bg:#07090A;--bg2:#0C110F;--card:#111715;--ink:#ECF1EE;--mute:#98A49E;--line:rgba(255,255,255,.09);--btn:var(--acc);--btnInk:#06100A;--hi:var(--acc);--hdr:rgba(7,9,10,.62);--hdrInk:#fff}
[data-v="a"][data-p="5"],[data-v="a"][data-p="6"]{--btnInk:#fff}
[data-v="a"] .hero-a{display:block}
[data-v="a"] .hdr{backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.06)}
[data-v="a"] .ann{background:#000;color:rgba(255,255,255,.82)}
[data-v="a"] .ann .ic{color:var(--acc);opacity:1}
[data-v="a"] .btn--ghost{color:#fff;border-color:rgba(255,255,255,.3)}
[data-v="a"] .pc__img,[data-v="a"] .cmp__p img,[data-v="a"] .pdp__main,[data-v="a"] .pdp__th,[data-v="a"] .ci img,[data-v="a"] .rep>img{background:#EEF1EF}
[data-v="a"] .pc__img img,[data-v="a"] .pdp__main img,[data-v="a"] .pdp__th img{mix-blend-mode:multiply}
[data-v="a"] .pc{background:#0F1513}
[data-v="a"] .pc:hover{border-color:color-mix(in srgb,var(--acc) 45%,transparent);box-shadow:0 30px 60px -30px color-mix(in srgb,var(--acc) 40%,transparent)}
[data-v="a"] .pc__tag{background:rgba(7,9,10,.82);color:var(--acc)}
[data-v="a"] h2{font-size:clamp(32px,4.2vw,64px)}
/* hero */
.hero-a{position:relative;min-height:calc(100svh - 112px);min-height:max(640px,calc(100svh - 112px));color:#fff;overflow:hidden;isolation:isolate}
.hero-a__bg{position:absolute;inset:0;z-index:-1}
.hero-a__bg video{width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:aZoom 18s var(--ease) both}
@keyframes aZoom{to{transform:scale(1)}}
.hero-a__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,6,.88) 0%,rgba(4,6,6,.55) 42%,rgba(4,6,6,0) 70%),linear-gradient(0deg,#07090A 0%,rgba(7,9,10,0) 30%)}
.hero-a__in{position:relative;padding-top:clamp(90px,14vh,170px);padding-bottom:110px}
.hero-a h1{max-width:820px;font-size:clamp(46px,7vw,112px)}
.hero-a h1 .accent{display:block;color:var(--acc);text-shadow:0 0 60px color-mix(in srgb,var(--acc) 45%,transparent)}
.hero-a .lead{color:rgba(255,255,255,.78);margin-top:26px;max-width:540px}
.hero-a__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:44px}
.hero-a__chips span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);font-size:13.5px}
.hero-a__chips .ic{width:16px;height:16px;color:var(--acc)}
.hero-a__scroll{position:absolute;left:50%;bottom:26px;width:26px;height:42px;border-radius:14px;border:1.5px solid rgba(255,255,255,.4);transform:translateX(-50%)}
.hero-a__scroll i{position:absolute;left:50%;top:8px;width:3px;height:8px;border-radius:2px;background:#fff;transform:translateX(-50%);animation:aScroll 2s infinite}
@keyframes aScroll{60%{transform:translate(-50%,12px);opacity:0}100%{opacity:0}}
/* words reveal */
[data-v="a"] .words{opacity:0;transform:translateY(30px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}
[data-v="a"] .words.in{opacity:1;transform:none}
/* section flavor */
[data-v="a"] .trust{background:#0A0E0D}
[data-v="a"] .tr__big b{color:#fff}
[data-v="a"] .cat{border:1px solid rgba(255,255,255,.08)}
[data-v="a"] .how__media,[data-v="a"] .spot__media{box-shadow:0 0 0 1px rgba(255,255,255,.07),0 40px 120px -40px color-mix(in srgb,var(--acc) 35%,transparent)}
[data-v="a"] .spot{background:radial-gradient(60% 70% at 20% 50%,color-mix(in srgb,var(--pri) 38%,transparent),transparent 70%)}
[data-v="a"] .steps b{color:var(--acc)}
[data-v="a"] .tc .ic{background:color-mix(in srgb,var(--acc) 14%,transparent)}
[data-v="a"] .revs__score b{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--acc) 70%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-v="a"] .ph__bg::after{background:linear-gradient(180deg,rgba(7,9,10,.2),#07090A)}
[data-v="a"] .dealer{background:linear-gradient(120deg,var(--pri),#07090A)}
[data-v="a"] .pdp__form,[data-v="a"] .cart__ship{background:#0C110F}
[data-v="a"] .uses .use:hover,[data-v="a"] .sc:hover{border-color:color-mix(in srgb,var(--acc) 40%,transparent)}
[data-v="a"] .ftr{background:#030504}
@media (max-width:900px){.hero-a__bg::after{background:linear-gradient(180deg,rgba(4,6,6,.35),rgba(4,6,6,.75) 55%,#07090A)}.hero-a__in{padding-top:min(38vh,320px)}}