/* V6 — Orisa 04 layout language, translated to VONIKO. */
:root{color-scheme:dark}
body{background:#121416;color:#f1f2f2;transition:background .35s,color .35s}
.topline{height:34px;margin:0 4.2%;padding:0 1px;display:flex;align-items:center;justify-content:space-between;color:#8c9499;font-size:10px;letter-spacing:.04em;white-space:nowrap}
.topline a{color:inherit}.topline-separator{margin:0 13px;color:#555d62}.topline .languages{display:inline-flex;gap:5px;font-size:10px}.topline .languages button{padding:0;color:#8c9499}.topline .languages button[aria-pressed=true]{color:#f1f2f2}
.site-header{height:84px;margin:0 4.2%;padding:0 2.5%;display:flex;position:sticky;top:0;align-items:center;justify-content:space-between;gap:24px;background:#17191aed;border:1px solid #ffffff13;border-radius:15px;backdrop-filter:blur(18px);z-index:30}
.site-header.scrolled{background:#151719f8;border-color:#ffffff22}.logo{gap:13px}.logo img{width:132px;filter:none}.logo span{display:block;padding-left:13px;border-left-color:#454b50;color:#858d93;font-size:9px;letter-spacing:.13em}
.site-header nav{display:flex!important;align-items:center;gap:clamp(15px,1.8vw,31px);font-size:13px;white-space:nowrap}.site-header nav a{padding:8px 0;color:#c9ced1}.site-header nav a:after{background:#f1f2f2}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.header-actions .languages{display:none}
.icon-button{width:35px;height:35px;padding:8px;border:0;border-radius:50%;background:transparent;color:#d7dcde;display:grid;place-items:center;transition:background .25s,color .25s}.icon-button:hover,.icon-button[aria-expanded=true],.icon-button[aria-pressed=true]{background:#ffffff13;color:#fff}.icon-button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.shop-link{border:1px solid #ffffff2d;border-radius:50px;padding:9px 18px;font-size:13px;gap:0;color:#e3e7e8;white-space:nowrap}
.header-panel{position:fixed;right:4.2%;top:129px;width:min(430px,calc(100vw - 40px));padding:26px;background:#1b1e20f7;border:1px solid #ffffff1c;border-radius:14px;box-shadow:0 22px 60px #0008;z-index:50;backdrop-filter:blur(18px)}.header-panel[hidden]{display:none}.header-panel .eyebrow{margin:0 0 13px;color:#909ba3;font-size:10px;letter-spacing:.12em}.search-panel label{display:block;margin-bottom:10px;font-size:12px;color:#aeb7bc}.search-panel input{width:100%;padding:13px 0;border:0;border-bottom:1px solid #ffffff30;background:transparent;color:#fff;outline:none;font-size:18px}.search-panel input:focus{border-color:#69b8f9}.search-results{display:grid;margin-top:18px}.search-results a{display:flex;align-items:baseline;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff14;color:#d8dfe2}.search-results a small{color:#87949d;font-size:10px}.quick-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.quick-panel .eyebrow{grid-column:1/-1}.quick-panel a{padding:11px 0;border-bottom:1px solid #ffffff14;color:#d8dfe2;font-size:14px}
.hero.hero-v6{--accent:#64b7fb;position:relative;display:grid;grid-template-columns:47% 53%;grid-template-rows:1fr auto;height:calc(100svh - 118px);min-height:720px;max-height:960px;width:100%;margin:0;padding:0 4.2%;background:#121416;border:0;border-radius:0;overflow:hidden;isolation:isolate}
.hero-v6 .hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,transparent calc(47% - .5px),#ffffff10 47%,transparent calc(47% + .5px),transparent 100%),linear-gradient(0deg,#ffffff08 1px,transparent 1px);background-size:auto,100% 25%;opacity:.55;z-index:0;pointer-events:none}
.hero-v6 .stage-data{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.hero-v6 .hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 48%,#6ebdf52a 0,#6b9fc015 25%,transparent 56%),radial-gradient(ellipse at 20% 20%,#ffffff08,transparent 35%);z-index:0;pointer-events:none}
.hero-v6 .hero-watermark{position:absolute;left:3.8%;bottom:26px;z-index:1;color:#ffffff0b;font-size:clamp(140px,17.5vw,335px);font-weight:600;letter-spacing:-.09em;line-height:.78;pointer-events:none;white-space:nowrap}
.hero-v6 .hero-index{position:absolute;right:4.3%;top:31px;color:#89949c;font-size:12px;letter-spacing:.12em;z-index:5}.hero-index span{color:#505a61}
.hero-v6 .hero-copy{grid-column:1;grid-row:1;align-self:center;justify-content:center;max-width:720px;padding:5% 4% 10% 0;background:transparent;z-index:5}
.hero-v6 .hero-copy>.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 27px;color:#b6c0c5;font-size:11px;letter-spacing:.12em}.hero-v6 .live-dot{width:6px;height:6px;background:var(--accent);box-shadow:0 0 17px #64b7fb55}
.hero-v6 h1{font-size:clamp(65px,7vw,122px);font-weight:500;line-height:1.03;letter-spacing:-.08em}.hero-v6 h1>.headline-mask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.hero-v6 h1 .headline-mask>span,.hero-v6 h1 .headline-mask>em{display:block;will-change:transform}.hero-v6 h1 em{color:var(--accent);font-style:normal;transition:color .4s}
.hero-v6 .hero-description{max-width:375px;margin-top:29px;color:#9ca7ae;font-size:16px;line-height:1.8}.hero-v6 .hero-ctas{margin-top:30px;gap:22px}.hero-v6 .hero-ctas .button-blue{min-height:53px;padding:14px 22px;border-radius:3px;background:#eef0ee;color:#171a1c;font-size:13px;gap:0}.hero-v6 .hero-ctas .button-blue:hover{background:var(--accent)}.hero-v6 .circle-link{width:auto;height:auto;padding:7px 0;border:0;border-bottom:1px solid #67747b;color:#aeb8bd;font-size:12px}.hero-v6 .circle-link:hover{color:#fff;border-color:var(--accent)}
.hero-v6 .hero-feature-intro{margin-top:48px;color:#748189;font-size:10px;letter-spacing:.13em}
.hero-v6 .hero-stage{grid-column:2;grid-row:1;position:relative;min-height:0;margin:0;overflow:visible;background:transparent;border:0;z-index:3}.hero-v6 .hero-stage:after{display:none}.hero-v6 .stage-top{inset:31px 0 auto 2%;color:#88939b;font-size:10px;letter-spacing:.11em;z-index:5}.hero-v6 .stage-word{display:block;position:static;color:#e8ecee;font-size:22px;letter-spacing:-.03em}
.hero-v6 .power-ambience{position:absolute;inset:0 -10% 6% -10%;background:radial-gradient(ellipse at 52% 46%,#8ccaff3b 0,#588db51c 27%,transparent 62%);opacity:1;z-index:1;pointer-events:none}.hero-v6 .product-scene{position:absolute;inset:4% -6% 5% -4%;z-index:4;transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform .6s ease-out}
.hero-v6 .battery-front{position:absolute;inset:50% auto auto 52%;height:91%;width:auto;aspect-ratio:850/1000;transform:translate(-50%,-50%) rotate(-12deg);opacity:1;animation:none;transform-origin:center;will-change:transform}.hero-v6 .battery-front img{width:100%;height:100%;max-width:none;object-fit:contain;filter:drop-shadow(25px 38px 24px #0008);transition:filter .5s}.hero-v6 .battery-rear{display:none}
.hero-v6 .product-shadow{position:absolute;left:22%;right:12%;bottom:11%;height:34px;background:radial-gradient(ellipse,#000a,transparent 70%);filter:blur(10px);opacity:.6;z-index:2;transform:rotate(-5deg)}
.hero-v6 .stage-detail{right:1%;bottom:20%;display:flex;align-items:center;gap:11px;color:#dce4e8;font-size:12px;letter-spacing:.04em;line-height:1.5;z-index:6}.hero-v6 .stage-detail small{color:#87969f;font-size:9px}
.hero-v6 .hero-feature-list{position:absolute;right:0;bottom:5%;left:11%;display:grid;grid-template-columns:repeat(3,1fr);gap:0;z-index:8}.hero-v6 .hero-feature{min-height:77px;padding:14px 14px 4px;border-top:1px solid #ffffff38;border-right:1px solid #ffffff17;display:flex;flex-direction:column;gap:4px}.hero-v6 .hero-feature:last-child{border-right:0}.hero-v6 .hero-feature>span{color:#74818a;font-size:10px}.hero-v6 .hero-feature strong{color:#e9eef0;font-size:13px;font-weight:400;white-space:nowrap}.hero-v6 .hero-feature small{color:#84919a;font-size:8px;letter-spacing:.08em;white-space:nowrap}
.hero-v6 .current-line{position:absolute;left:4.2%;right:4.2%;bottom:97px;height:1px;background:#ffffff1c;z-index:8;pointer-events:none}.hero-v6 .current-line span{display:block;height:1px;width:100%;background:linear-gradient(90deg,transparent 45%,#68baff 63%,#d3ecff 74%,transparent 91%);transform-origin:72% center;opacity:.6}
.hero-v6 .hero-footer{grid-column:1/-1;grid-row:2;position:relative;min-height:98px;margin:0;padding:17px 0 16px;border:0;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-v6 .hero-mini-product{min-width:180px;gap:16px}.hero-v6 .selected-index{color:#6f7d86;font-size:11px}.hero-v6 .hero-mini-product small{color:#8a98a0;font-size:9px;letter-spacing:.1em}.hero-v6 .hero-mini-product strong{color:#eef1f2;font-size:14px;font-weight:400}.hero-v6 .hero-pills{gap:22px}.hero-v6 .hero-pills button{padding:9px 0;color:#8a959c;font-size:13px}.hero-v6 .hero-pills button:before{top:-18px;background:var(--accent)}.hero-v6 .hero-pills button[aria-pressed=true]{color:#f0f3f4}.hero-v6 .hero-pills button small{color:#65737c;font-size:9px}.hero-v6 .motion-controls{gap:16px}.hero-v6 .motion-button,.hero-v6 .replay{padding:6px 0;color:#929ea5;font-size:11px}
.hero-v6[data-powered=false] .hero-glow,.hero-v6[data-powered=false] .power-ambience{opacity:.06}.hero-v6[data-powered=false] .battery-front img{filter:brightness(.62) saturate(.35) drop-shadow(22px 28px 20px #0008)}.hero-v6[data-powered=false] h1 em{color:#9aa2a8}.hero-v6[data-powered=false] .current-line span{opacity:0}
.brand-ribbon{background:#171a1c;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;color:#9aa4aa;padding:24px 4.2%;font-size:10px;letter-spacing:.1em;justify-content:space-between}
body[data-theme=light]{color:#16191b;background:#f0f1ef}
body[data-theme=light] .topline{color:#6c7579}.topline .languages button[aria-pressed=true]{color:#202427}
body[data-theme=light] .site-header{background:#f4f5f3eF;border-color:#d5d9d8;box-shadow:0 10px 30px #33404a0c}.site-header nav a{color:#32383b}.site-header nav a:after{background:#202427}.icon-button{color:#485257}.icon-button:hover,.icon-button[aria-expanded=true],.icon-button[aria-pressed=true]{background:#dfe4e2;color:#16191b}.shop-link{border-color:#b8c0c2;color:#273035}
body[data-theme=light] .header-panel{background:#f5f6f4f5;border-color:#cbd3d2;box-shadow:0 22px 60px #33404a1a;color:#1b2124}.header-panel input{color:#1b2124;border-color:#aeb8b9}.search-results a,.quick-panel a{color:#253035;border-color:#d9dedd}.search-results a small{color:#6b777b}
.hero-v6 .hero h1{color:#16191b}.hero-v6 h1{color:#16191b}.hero-v6 h1 em{color:#2a79b4}.hero-v6 .hero-description{color:#566368}.hero-v6 .hero-ctas .button-blue{background:#182a36;color:#fff}.hero-v6 .circle-link{color:#47545a;border-color:#879396}.hero-v6 .hero-feature strong,.hero-v6 .hero-mini-product strong{color:#1b2529}.hero-v6 .hero-feature{border-color:#9da8aa}.hero-v6 .hero-feature>span,.hero-v6 .hero-feature small,.hero-v6 .selected-index,.hero-v6 .hero-mini-product small,.hero-v6 .hero-pills button,.hero-v6 .motion-button,.hero-v6 .replay{color:#637077}.hero-v6 .hero-feature-list .hero-feature:last-child{border-right:0}.hero-v6 .current-line{background:#1a252c2d}.hero-v6 .current-line span{background:linear-gradient(90deg,transparent 45%,#4a98c9 63%,#1d5372 74%,transparent 91%)}.brand-ribbon{background:#e1e5e4;border-color:#cdd5d4;color:#59676b}
body[data-theme=light] .section,body[data-theme=light] .products,body[data-theme=light] .moments,body[data-theme=light] .stories{background:#f0f1ef;color:#1b2326}.section-head h2{color:inherit}.section-intro{color:#647277}.product-panel{background:#e7ebeb;border-color:#cdd6d5}.product-art{background:radial-gradient(ellipse,#eef2f0,#cbd4d5 70%,#bcc6c8);}.product-info h3{color:#172126}.product-info>p{color:#526268}.advantages{background:#e2e7e7;color:#1b2428;border-color:#c7d0d0}.advantages h2 em{color:#527083}.advantage-grid h3{color:#243138}.advantage-grid p{color:#5d6e74}.moment-card{border-color:#cdd5d5}.moment-card:after{background:linear-gradient(0deg,#18252bcf,transparent 70%)}.brand-section{background:#dce4e7;color:#213037;border-color:#c4d0d3}.brand-statement h2 em{color:#47728b}.brand-bottom p{color:#50646c}.buy-strip{border-color:#cfd7d7}.contact-section{background:#e7ecec;color:#253239}.contact-copy>p:not(.eyebrow){color:#55707a}footer{background:#dfe5e5;color:#263238}.footer-bottom{color:#64747a}.floating-contact{background:#243b4c;color:#fff;border-color:#243b4c}
@media(max-width:1250px){.site-header nav{gap:15px;font-size:12px}.hero.hero-v6{grid-template-columns:46% 54%;padding-inline:4%}.hero-v6 .hero-copy{padding-right:5%}.hero-v6 .hero h1{font-size:clamp(58px,7.1vw,91px)}.hero-v6 .hero-feature-list{left:7%}.hero-v6 .hero-pills{gap:15px}}
@media(max-width:900px){.topline{margin-inline:5%;font-size:9px}.site-header{height:auto;min-height:80px;margin-inline:5%;padding:15px 2.5% 9px;flex-wrap:wrap;row-gap:8px}.site-header nav{order:3;flex:0 0 100%;overflow-x:auto;justify-content:space-between;gap:17px;font-size:12px}.site-header nav a{flex:0 0 auto}.hero.hero-v6{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;min-height:700px;height:calc(100svh - 145px);padding-inline:5%}.hero-v6 .hero-copy{padding-right:8%}.hero-v6 .hero h1{font-size:clamp(48px,7.5vw,70px)}.hero-v6 .hero-description{font-size:14px}.hero-v6 .hero-stage{margin-left:-10%;}.hero-v6 .hero-feature-list{left:0;right:-4%;}.hero-v6 .hero-feature strong{font-size:11px}.hero-v6 .hero-feature small{font-size:7px}.hero-v6 .hero-footer{min-height:115px}.hero-v6 .hero-pills{gap:13px}.hero-v6 .hero-pills button{font-size:11px}.header-panel{top:147px;right:5%}}
@media(max-width:600px){.topline{height:28px}.topline>span:first-child{max-width:55%;overflow:hidden;text-overflow:ellipsis}.topline>span> a{display:none}.topline-separator{display:none}.site-header{margin-inline:6%;min-height:76px;padding-top:13px}.logo img{width:110px}.logo span{display:none}.header-actions{gap:2px}.icon-button{width:32px;height:32px;padding:7px}.shop-link{display:none}.site-header nav{gap:21px;justify-content:flex-start;font-size:11px}.hero.hero-v6{display:grid;grid-template-columns:1fr;grid-template-rows:auto 410px auto;height:auto;min-height:0;padding:0 6%;margin:0}.hero-v6 .hero-copy{grid-column:1;grid-row:1;padding:45px 0 0;max-width:none}.hero-v6 .hero h1{font-size:clamp(48px,12vw,75px)}.hero-v6 .hero-description{max-width:310px}.hero-v6 .hero-stage{grid-column:1;grid-row:2;height:410px;min-height:410px;margin:0}.hero-v6 .hero .battery-front{height:105%}.hero-v6 .hero-feature-list{left:0;right:0;bottom:0}.hero-v6 .hero-feature{min-height:64px;padding:9px 9px 2px}.hero-v6 .hero-feature strong{font-size:10px}.hero-v6 .hero-feature small{font-size:6px}.hero-v6 .stage-top{inset:18px 0 auto;font-size:9px}.hero-v6 .hero-index{top:22px;right:6%}.hero-v6 .stage-detail{right:0;bottom:23%;font-size:10px}.hero-v6 .hero-watermark{left:0;bottom:106px;font-size:24vw}.hero-v6 .hero-footer{grid-column:1;grid-row:3;min-height:150px;padding:16px 0;display:grid;grid-template-columns:1fr auto;gap:10px}.hero-v6 .hero-pills{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:15px}.hero-v6 .motion-controls{grid-column:2;grid-row:1;align-self:center}.hero-v6 .hero-mini-product{grid-column:1;grid-row:1}.hero-v6 .current-line{bottom:150px}.hero-v6 .hero-ctas{gap:18px}.hero-v6 .hero-feature-intro{margin-top:32px}.brand-ribbon{padding:20px 6%}.header-panel{top:121px;right:6%;width:88%}.quick-panel{grid-template-columns:1fr 1fr}}
/* V6 contrast pass: keep the navigation and stage labels readable on the dark canvas. */
.site-header nav a{color:#d7dfe3}.topline{color:#9aa7ae}.languages button{color:#929da3}.languages button[aria-pressed=true]{color:#f3f5f5}.hero-v6 .stage-word{color:#eef2f3}.hero-v6 .hero-feature strong{color:#e9eef0}.hero-v6 .hero-mini-product strong{color:#eef1f2}
/* Selector guard: the V6 hero is the section itself, so these rules intentionally
   target its direct descendants instead of assuming an extra .hero wrapper. */
.hero-v6 h1{font-size:clamp(65px,7vw,122px);font-weight:500;line-height:1.03;letter-spacing:-.08em;color:inherit}
.hero-v6 h1 em{color:var(--accent);font-style:normal}
body[data-theme=light] .hero-v6 h1{color:#16191b}body[data-theme=light] .hero-v6 h1 em{color:#2a79b4}
@media(max-width:1250px){.hero-v6 h1{font-size:clamp(58px,7.1vw,91px)}}
@media(max-width:900px){.hero-v6 h1{font-size:clamp(48px,7.5vw,70px)}}
@media(max-width:600px){.hero-v6 h1{font-size:clamp(48px,12vw,75px)}.hero-v6 .battery-front{height:105%}}
body[data-theme=light]{color-scheme:light}
body[data-theme=light] .logo img{filter:brightness(0) saturate(100%)}
body[data-theme=light] .site-header nav a{color:#32383b}
body[data-theme=light] .hero.hero-v6{background:#f0f1ef!important;color:#16191b}
body[data-theme=light] .hero-v6 .hero-grid{background:linear-gradient(90deg,transparent 0,transparent calc(47% - .5px),#1a252c16 47%,transparent calc(47% + .5px),transparent 100%),linear-gradient(0deg,#1a252c0d 1px,transparent 1px)}
body[data-theme=light] .hero-v6 .hero-glow{background:radial-gradient(ellipse at 72% 48%,#569bd626 0,#6b9fc010 27%,transparent 56%),radial-gradient(ellipse at 20% 20%,#ffffffaa,transparent 35%)}
body[data-theme=light] .hero-v6 .stage-word,body[data-theme=light] .hero-v6 .stage-detail{color:#252d31}
body[data-theme=light] .hero-v6 .hero-feature strong,body[data-theme=light] .hero-v6 .hero-mini-product strong{color:#1b2529}
@media(prefers-reduced-motion:reduce){.hero-v6 *, .hero-v6 *:before{transition:none!important;animation:none!important}.hero-v6 .battery-front{will-change:auto}}

/* V7 motion layer: a real brand loading scene before the Orisa-inspired Hero. */
.hero-loader{position:fixed;inset:0;z-index:100;background:#07090b;color:#f2f5f6;display:grid;place-items:center;overflow:hidden;opacity:1;visibility:visible;transition:opacity .85s ease,visibility .85s ease;isolation:isolate}
.hero-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.hero-loader:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 52%,#17364a 0,#0b1319 30%,#07090b 68%);opacity:.85;z-index:-2}
.loader-glow{position:absolute;width:58vmin;height:58vmin;border-radius:50%;background:radial-gradient(circle,#8acfff42 0,#4d9dc51f 25%,transparent 68%);filter:blur(8px);animation:loader-glow-breathe 2.8s ease-in-out both}
.loader-ring{position:absolute;border:1px solid #8dcfff4d;border-radius:50%;transform:rotateX(64deg) rotateZ(-18deg);box-shadow:0 0 34px #5da9d91c,inset 0 0 22px #5da9d912}
.loader-ring-back{width:min(78vw,920px);height:min(32vw,370px);animation:loader-ring-in 2.8s cubic-bezier(.16,1,.3,1) both}
.loader-ring-front{width:min(63vw,760px);height:min(24vw,275px);border-color:#8ed7ff8c;animation:loader-ring-in 2.8s .12s cubic-bezier(.16,1,.3,1) both reverse}
.loader-battery{position:absolute;left:50%;top:50%;width:min(31vw,430px);height:min(68vh,700px);transform-origin:50% 56%;animation:loader-battery-arrive 2.8s cubic-bezier(.16,1,.3,1) both;filter:drop-shadow(28px 42px 26px #000b);z-index:2}
.loader-battery img{width:100%;height:100%;object-fit:contain}
.loader-battery:after{content:'';position:absolute;inset:-20%;background:linear-gradient(105deg,transparent 39%,#e1f5ff00 46%,#e1f5ffb8 50%,#e1f5ff00 54%,transparent 61%);transform:translateX(-120%);mix-blend-mode:screen;animation:loader-glint 2.8s .45s ease-in-out both}
.loader-word{position:absolute;left:7%;bottom:12%;font-size:clamp(50px,9vw,150px);font-weight:500;letter-spacing:-.09em;line-height:.8;opacity:0;transform:translateY(25px);animation:loader-word-in .9s .72s cubic-bezier(.16,1,.3,1) both;z-index:3}.loader-word span{font-size:.18em;vertical-align:top;letter-spacing:0;margin-left:.08em}
.loader-meta{position:absolute;right:7%;bottom:13%;color:#83939c;font-size:10px;letter-spacing:.14em;opacity:0;animation:loader-meta-in .8s 1.05s ease both;z-index:3}
.loader-progress{position:absolute;left:7%;right:7%;bottom:8%;height:1px;background:#ffffff1f;overflow:hidden}.loader-progress span{display:block;width:0;height:100%;background:#70c5ff;animation:loader-progress 2.7s .05s cubic-bezier(.16,1,.3,1) both}
@keyframes loader-battery-arrive{0%{opacity:0;transform:translate(-50%,-38%) scale(4.6) rotate(-33deg)}15%{opacity:1}58%{transform:translate(-50%,-50%) scale(1.7) rotate(-15deg)}82%{transform:translate(-50%,-50%) scale(1.23) rotate(-11deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(-11deg)}}
@keyframes loader-glint{0%,28%{transform:translateX(-120%);opacity:0}45%{opacity:1}78%,100%{transform:translateX(120%);opacity:0}}
@keyframes loader-ring-in{0%{opacity:0;transform:rotateX(64deg) rotateZ(-18deg) scale(.35)}28%{opacity:1}100%{opacity:.9;transform:rotateX(64deg) rotateZ(18deg) scale(1.08)}}
@keyframes loader-glow-breathe{0%{opacity:0;transform:scale(.45)}35%{opacity:.65}100%{opacity:1;transform:scale(1.12)}}
@keyframes loader-word-in{to{opacity:1;transform:translateY(0)}}
@keyframes loader-meta-in{to{opacity:1}}
@keyframes loader-progress{to{width:100%}}
@keyframes v6-battery-breathe{0%,100%{transform:translate(-50%,-50%) rotate(-12deg) scale(1)}50%{transform:translate(-50%,calc(-50% - 12px)) rotate(-9deg) scale(1.018)}}
@keyframes v6-energy-pass{0%,12%{transform:translateX(-120%) skewX(-14deg);opacity:0}30%{opacity:.86}54%{transform:translateX(35%) skewX(-14deg);opacity:.75}72%,100%{transform:translateX(165%) skewX(-14deg);opacity:0}}
@keyframes v6-ambience-breathe{0%,100%{opacity:.68;transform:scale(.97)}50%{opacity:1;transform:scale(1.05)}}
.hero-v6[data-sequence="complete"] .battery-front{animation:v6-battery-breathe 6s 1.1s ease-in-out infinite}
.hero-v6[data-sequence="complete"] .light-sweep{animation:v6-energy-pass 7s 1.6s ease-in-out infinite}
.hero-v6[data-sequence="complete"] .power-ambience,.hero-v6[data-sequence="complete"] .hero-glow{animation:v6-ambience-breathe 7s ease-in-out infinite}
@media(max-width:600px){.loader-battery{width:58vw;height:58vh}.loader-word{left:6%;bottom:16%;font-size:19vw}.loader-meta{right:6%;bottom:10%;font-size:8px;max-width:43%;text-align:right}.loader-progress{left:6%;right:6%;bottom:7%}}
@media(prefers-reduced-motion:reduce){.hero-loader{display:none}.hero-v6[data-sequence="complete"] .battery-front,.hero-v6[data-sequence="complete"] .light-sweep,.hero-v6[data-sequence="complete"] .power-ambience,.hero-v6[data-sequence="complete"] .hero-glow{animation:none}}

/* V7: the motion lives inside the Hero — product first, selling point second. */
.hero-v6 .hero-usecase-note{display:flex;align-items:center;gap:10px;margin-top:23px;color:#74818a;font-size:9px;letter-spacing:.12em;line-height:1.4}
.hero-v6 .usecase-pulse{width:5px;height:5px;border-radius:50%;background:#63b9f7;box-shadow:0 0 0 5px #63b9f71c,0 0 18px #63b9f7;flex:none}
.hero-v6 .hero-energy-bridge{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.hero-v6 .bridge-line{position:absolute;left:9%;right:13%;top:57%;height:1px;transform-origin:left center;background:linear-gradient(90deg,transparent,#76c6fa8c 20%,#76c6fa 52%,transparent);opacity:.72}
.hero-v6 .bridge-pulse{position:absolute;left:9%;top:calc(57% - 3px);width:22px;height:7px;border-radius:50%;background:#e4f6ff;box-shadow:0 0 16px 5px #71c6ff,0 0 42px 11px #4190cb66;opacity:.95;filter:blur(.3px)}
.hero-v6 .bridge-orbit{position:absolute;left:48%;top:38%;width:58%;height:29%;border:1px solid #7dcaff45;border-radius:50%;transform:rotate(-16deg);box-shadow:0 0 30px #6eb8ef16,inset 0 0 22px #6eb8ef12}
.hero-v6 .bridge-orbit-two{left:43%;top:41%;width:67%;height:23%;border-color:#8dd4ff26;transform:rotate(12deg)}
.hero-v6 .hero-technology-note{position:absolute;left:8%;bottom:25%;z-index:8;display:flex;align-items:flex-start;gap:12px;color:#d9e4ea;opacity:1}
.hero-v6 .hero-technology-note .point-index{padding-top:2px;color:#6f818b;font-size:10px;letter-spacing:.08em}
.hero-v6 .hero-technology-note span:last-child{display:flex;flex-direction:column;gap:4px}
.hero-v6 .hero-technology-note strong{font-size:12px;font-weight:500;letter-spacing:.06em}
.hero-v6 .hero-technology-note small{color:#86969e;font-size:8px;letter-spacing:.1em}
body[data-theme=light] .hero-v6 .hero-usecase-note{color:#68767b}
body[data-theme=light] .hero-v6 .hero-technology-note{color:#253136}
body[data-theme=light] .hero-v6 .hero-technology-note .point-index,body[data-theme=light] .hero-v6 .hero-technology-note small{color:#66767c}
body[data-theme=light] .hero-v6 .bridge-line{background:linear-gradient(90deg,transparent,#4a98c98c 20%,#4a98c9 52%,transparent)}
body[data-theme=light] .hero-v6 .bridge-orbit{border-color:#4a98c94a;box-shadow:0 0 30px #4a98c918,inset 0 0 22px #4a98c912}
@media(max-width:900px){.hero-v6 .hero-technology-note{left:3%;bottom:26%;}.hero-v6 .bridge-line{left:3%;right:7%}.hero-v6 .bridge-orbit{left:42%;width:69%}}
@media(max-width:600px){.hero-v6 .hero-usecase-note{margin-top:17px;font-size:8px}.hero-v6 .hero-energy-bridge{inset:0}.hero-v6 .bridge-line{left:4%;right:4%;top:55%}.hero-v6 .bridge-pulse{left:4%;top:calc(55% - 3px)}.hero-v6 .bridge-orbit{left:20%;top:29%;width:90%;height:30%}.hero-v6 .bridge-orbit-two{left:12%;top:35%;width:100%;height:22%}.hero-v6 .hero-technology-note{left:0;bottom:40%;gap:8px;white-space:nowrap}.hero-v6 .hero-technology-note strong{font-size:10px}.hero-v6 .hero-technology-note small{display:none}.hero-v6 .stage-detail{bottom:20%}.hero-v6 .hero-feature-list{z-index:9}}

/* V8: visible story controls — voltage, format rail, daily devices, brand lock-up. */
.hero-v6 .hero-voltage-readout{position:absolute;right:7%;bottom:38%;z-index:8;display:flex;align-items:baseline;gap:9px;opacity:1}
.hero-v6 .hero-voltage-readout strong{color:#eef5f8;font-size:clamp(24px,2.6vw,40px);font-weight:400;letter-spacing:-.06em}
.hero-v6 .hero-voltage-readout small{color:#83929a;font-size:8px;letter-spacing:.12em}
.hero-v6 .voltage-pulse{position:absolute;left:-16px;top:50%;width:7px;height:7px;border-radius:50%;background:#ddf5ff;box-shadow:0 0 0 5px #6cc9ff20,0 0 18px #6cc9ff;transform:translateY(-50%)}
.hero-v6 .hero-format-rail{position:absolute;left:9%;right:0;bottom:16%;z-index:9;display:grid;grid-template-columns:repeat(3,1fr);gap:0;opacity:1}
.hero-v6 .format-rail-line{position:absolute;left:0;right:4%;top:0;height:1px;background:#ffffff3d;transform-origin:left center}
.hero-v6 .format-rail-pulse{position:absolute;left:0;top:-2px;width:24px;height:5px;border-radius:50%;background:#e3f6ff;box-shadow:0 0 15px 4px #67bfff;transform:translateX(-100%);opacity:0}
.hero-v6 .format-node{position:relative;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:end;gap:0 8px;padding:13px 16px 0 0;border:0;color:#85939b;background:transparent;text-align:left}
.hero-v6 .format-node+.format-node{padding-left:16px;border-left:1px solid #ffffff18}
.hero-v6 .format-node small{grid-row:1/3;color:#6f7d86;font-size:9px;letter-spacing:.08em}
.hero-v6 .format-node strong{font-size:14px;font-weight:400;letter-spacing:.02em;color:#dce6eb}
.hero-v6 .format-node span{color:#809099;font-size:8px;letter-spacing:.1em}
.hero-v6 .format-node[aria-pressed=true] strong{color:#6fc5ff}
.hero-v6 .hero-usecase-track{position:absolute;left:9%;right:8%;bottom:28%;z-index:8;display:flex;align-items:center;gap:20px;opacity:1;color:#81919a;font-size:8px;letter-spacing:.13em;white-space:nowrap}
.hero-v6 .usecase-track-line{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,#70c5ff8c,#70c5ff1c 70%,transparent);transform-origin:left center;z-index:-1}
.hero-v6 .usecase-track-pulse{position:absolute;left:0;top:calc(50% - 3px);width:18px;height:6px;border-radius:50%;background:#dff7ff;box-shadow:0 0 13px 4px #65c4ff;transform:translateX(-120%);opacity:0}
.hero-v6 .usecase-item{padding:5px 8px;background:#121d24e8;border:1px solid #ffffff18;border-radius:999px}
.hero-v6 .hero-brand-lockup{position:absolute;right:7%;top:14%;z-index:8;display:flex;align-items:center;gap:10px;color:#a5b2b9;font-size:9px;letter-spacing:.16em;opacity:1}
.hero-v6 .hero-brand-lockup i{display:block;width:26px;height:1px;background:#65b9f1;box-shadow:0 0 12px #65b9f1}
body[data-theme=light] .hero-v6 .hero-voltage-readout strong{color:#1e2b30}
body[data-theme=light] .hero-v6 .hero-voltage-readout small,body[data-theme=light] .hero-v6 .hero-usecase-track{color:#69797f}
body[data-theme=light] .hero-v6 .format-node strong{color:#25353b}
body[data-theme=light] .hero-v6 .format-node[aria-pressed=true] strong{color:#277cb3}
body[data-theme=light] .hero-v6 .format-node+.format-node{border-color:#1a252c1c}
body[data-theme=light] .hero-v6 .format-rail-line{background:#1a252c3d}
body[data-theme=light] .hero-v6 .usecase-item{background:#eef3f2e8;border-color:#1a252c18}
body[data-theme=light] .hero-v6 .hero-brand-lockup{color:#516267}
@media(max-width:900px){.hero-v6 .hero-format-rail{left:3%;right:-4%}.hero-v6 .hero-usecase-track{left:3%;right:3%;gap:10px}.hero-v6 .hero-brand-lockup{right:4%;font-size:8px}}
@media(max-width:600px){.hero-v6 .hero-voltage-readout{right:0;bottom:43%;gap:6px}.hero-v6 .hero-voltage-readout strong{font-size:26px}.hero-v6 .hero-voltage-readout small{font-size:7px}.hero-v6 .stage-detail{display:none}.hero-v6 .hero-format-rail{left:0;right:0;bottom:18%}.hero-v6 .format-node{grid-template-columns:21px 1fr;padding:10px 5px 0 0;gap:0 4px}.hero-v6 .format-node+.format-node{padding-left:5px}.hero-v6 .format-node strong{font-size:10px}.hero-v6 .format-node span{font-size:6px}.hero-v6 .hero-usecase-track{left:0;right:0;bottom:31%;gap:4px;font-size:6px;letter-spacing:.08em}.hero-v6 .usecase-item{padding:4px 5px}.hero-v6 .hero-brand-lockup{top:17%;right:0;font-size:6px;letter-spacing:.1em}.hero-v6 .hero-brand-lockup i{width:15px}}

/* Keep the lower-right story in four distinct horizontal bands. */
@media(min-width:901px){
  .hero-v6 .hero-usecase-track{bottom:34%;gap:18px}
  .hero-v6 .hero-technology-note{bottom:26%;}
  .hero-v6 .hero-format-rail{bottom:17.5%;}
  .hero-v6 .hero-feature-list{bottom:4%;}
}

/* Align the content grid with the navigation frame instead of the narrower template grid. */
@media(min-width:901px){
  main>.section,.buy-strip,footer{padding-left:4.2%;padding-right:4.2%}
  .advantages,.contact-section,.brand-section{margin-left:4.2%;margin-right:4.2%}
}

/* V7 loading scene: a cinematic product handoff before the homepage appears. */
.power-loader{position:fixed;inset:0;z-index:100;background:#05080b;color:#eef7fb;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;isolation:isolate;transition:opacity .8s ease,visibility .8s ease}
.power-loader.is-playing{visibility:visible;opacity:1;pointer-events:auto}
.power-loader.is-done{visibility:hidden;opacity:0;pointer-events:none}
.power-loader[data-inspect="loader"]{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.power-loader[data-preview="full"].is-playing{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.power-loader[data-inspect="loader"] *,.power-loader[data-inspect="loader"] *::before,.power-loader[data-inspect="loader"] *::after{animation:none!important;transition:none!important}
.power-loader:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#12344a 0,#0a151d 29%,#05080b 70%);z-index:-3}
.power-loader-grid{position:absolute;inset:-20%;background:linear-gradient(90deg,transparent 0 49.9%,#8ed7ff13 50%,transparent 50.1%),linear-gradient(#8ed7ff0b 1px,transparent 1px);background-size:auto,100% 96px;mask-image:linear-gradient(transparent,black 24%,black 76%,transparent);transform:perspective(700px) rotateX(58deg) translateY(15%);transform-origin:center bottom;opacity:.55}
.power-loader-glow{position:absolute;left:50%;top:50%;width:min(65vw,900px);height:min(65vw,900px);transform:translate(-50%,-50%) scale(.3);border-radius:50%;background:radial-gradient(circle,#8ed7ff35 0,#4398ca18 30%,transparent 67%);filter:blur(10px);opacity:0}
.power-loader.is-playing .power-loader-glow{animation:power-loader-glow 6.2s ease-out both}
.power-loader-orbit{position:absolute;left:50%;top:50%;border:1px solid #7dcaff42;border-radius:50%;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(-20deg) scale(.22);opacity:0;box-shadow:0 0 38px #64b9f31c,inset 0 0 24px #64b9f314}
.power-loader-orbit-a{width:min(82vw,1200px);height:min(33vw,420px)}
.power-loader-orbit-b{width:min(65vw,940px);height:min(25vw,315px);border-color:#b7e6ff55}
.power-loader.is-playing .power-loader-orbit{animation:power-loader-orbit 3.8s .18s cubic-bezier(.16,1,.3,1) both}
.power-loader-orbit-b{animation-delay:.38s!important}
.power-loader-current{position:absolute;height:2px;transform-origin:left center;background:linear-gradient(90deg,transparent,#b9ecff 20%,#5bbcff 68%,transparent);box-shadow:0 0 18px #4bb9ff;opacity:0;overflow:visible}
.power-loader-current span{position:absolute;left:0;top:-4px;width:12px;height:10px;border-radius:50%;background:#f0fbff;box-shadow:0 0 18px 6px #63c9ff}
.power-loader-current-main{left:4%;top:54%;width:92%;transform:scaleX(0)}
.power-loader-current-branch{left:48%;top:54%;width:38%;height:1px;transform:rotate(-25deg) scaleX(0)}
.power-loader-current-branch-b{left:49%;top:54%;width:35%;--branch-angle:24deg;transform:rotate(24deg) scaleX(0)}
.power-loader.is-playing .power-loader-current-main{animation:power-loader-line 1.4s .78s cubic-bezier(.45,0,.2,1) both}
.power-loader.is-playing .power-loader-current-branch-a{animation:power-loader-branch 1.1s 2.05s cubic-bezier(.45,0,.2,1) both}
.power-loader.is-playing .power-loader-current-branch-b{animation:power-loader-branch 1.1s 2.18s cubic-bezier(.45,0,.2,1) both}
.power-loader.is-playing .power-loader-current-main span{animation:power-loader-pulse 3.8s .92s linear infinite}
.power-loader.is-playing .power-loader-current-branch-a span{animation:power-loader-pulse 2.4s 2.25s linear infinite}
.power-loader.is-playing .power-loader-current-branch-b span{animation:power-loader-pulse 2.4s 2.5s linear infinite}
.power-loader-product{position:absolute;z-index:3;opacity:0;filter:drop-shadow(24px 32px 22px #000c);transform-origin:center}
.power-loader-product img{width:100%;height:100%;object-fit:contain}
.power-loader.is-playing .power-loader-product-aa img{animation:power-loader-product-breathe 3.8s 2s ease-in-out infinite}
.power-loader.is-playing .power-loader-product-aaa img{animation:power-loader-product-breathe 3.3s 2.3s ease-in-out infinite reverse}
.power-loader.is-playing .power-loader-product-coin img{animation:power-loader-product-breathe 3.1s 2.5s ease-in-out infinite}
.power-loader-product-aa{left:50%;top:52%;width:min(27vw,360px);height:min(76vh,730px);transform:translate(-50%,-50%) scale(.38) rotate(-32deg)}
.power-loader-product-aaa{left:69%;top:27%;width:min(12vw,155px);height:min(40vh,380px);transform:translate(-50%,-50%) scale(.35) rotate(24deg);filter:drop-shadow(14px 22px 16px #000b)}
.power-loader-product-coin{left:25%;top:72%;width:min(15vw,205px);height:min(15vw,205px);transform:translate(-50%,-50%) scale(.35) rotate(-28deg);filter:drop-shadow(14px 22px 16px #000b)}
.power-loader.is-playing .power-loader-product-aa{animation:power-loader-aa-in 2s .2s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-product-aaa{animation:power-loader-aaa-in 1.35s 1.15s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-product-coin{animation:power-loader-coin-in 1.35s 1.35s cubic-bezier(.16,1,.3,1) both}
.power-loader-proof{position:absolute;left:8%;top:21%;z-index:5;display:grid;max-width:min(330px,28vw);opacity:0;transform:translateY(18px)}
.power-loader-proof-number{font-size:clamp(68px,9vw,138px);font-weight:400;letter-spacing:-.1em;line-height:.82;color:#74c8ff;text-shadow:0 0 30px #56bfff55}
.power-loader-proof strong{margin-top:18px;color:#eef7fb;font-size:clamp(13px,1.15vw,18px);font-weight:400;line-height:1.35;letter-spacing:.04em}
.power-loader-proof small{margin-top:9px;color:#8fa5b1;font-size:9px;line-height:1.55;letter-spacing:.12em}
.power-loader.is-playing .power-loader-proof{animation:power-loader-copy-in 1s 2.05s cubic-bezier(.16,1,.3,1) both}
.power-loader-copy{position:absolute;right:8%;top:19%;z-index:5;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:13px;opacity:0;transform:translateY(16px)}
.power-loader-copy .power-loader-kicker{grid-column:1/-1;margin-bottom:14px;color:#8fa5b1;font-size:10px;letter-spacing:.18em}
.power-loader-copy strong{font-size:clamp(52px,7vw,112px);font-weight:400;letter-spacing:-.08em;line-height:.9}
.power-loader-copy small{padding-bottom:9px;color:#8fa5b1;font-size:9px;letter-spacing:.14em}
.power-loader.is-playing .power-loader-copy{animation:power-loader-copy-in 1s 2.25s cubic-bezier(.16,1,.3,1) both}
.power-loader-tech{position:absolute;right:8%;top:39%;z-index:5;display:grid;gap:7px;max-width:235px;border-left:1px solid #6fc5ff;padding-left:13px;opacity:0;transform:translateX(16px)}
.power-loader-tech strong{color:#e6f4f8;font-size:11px;font-weight:400;letter-spacing:.12em}
.power-loader-tech span{color:#8fa5b1;font-size:8px;line-height:1.5;letter-spacing:.12em}
.power-loader.is-playing .power-loader-tech{animation:power-loader-tech-in 1s 2.82s cubic-bezier(.16,1,.3,1) both}
.power-loader-devices{position:absolute;right:7%;bottom:10%;display:grid;grid-template-columns:repeat(3,minmax(145px,1fr));gap:12px;width:min(560px,44vw);z-index:5;opacity:0;transform:translateY(16px)}
.power-loader-device{min-height:148px;padding:18px 16px 15px;border:1px solid #9cddff4d;border-radius:15px;background:linear-gradient(145deg,#0b1920e8,#071015b8);box-shadow:inset 0 1px #d7f4ff18,0 12px 32px #0006;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:#c6dce5;position:relative;overflow:hidden}
.power-loader-device:after{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#a9e3ff,transparent);opacity:.8;transform:translateX(-100%)}
.power-loader-device svg{width:74px;height:74px;fill:none;stroke:#a9e3ff;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #5bbcff55)}
.power-loader-device span{font-size:9px;letter-spacing:.13em;color:#c6dce5;white-space:nowrap}
.power-loader.is-playing .power-loader-devices{animation:power-loader-devices-in 1s 3.02s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-device:nth-child(1){animation:power-loader-device-in .7s 3.12s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-device:nth-child(2){animation:power-loader-device-in .7s 3.25s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-device:nth-child(3){animation:power-loader-device-in .7s 3.38s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-device:nth-child(1):after{animation:power-loader-device-scan 3.8s 3.2s linear infinite}
.power-loader.is-playing .power-loader-device:nth-child(2):after{animation:power-loader-device-scan 3.8s 3.5s linear infinite}
.power-loader.is-playing .power-loader-device:nth-child(3):after{animation:power-loader-device-scan 3.8s 3.8s linear infinite}
.power-loader.is-playing .power-loader-device:nth-child(1) svg{animation:power-loader-icon-breathe 2.8s 3.7s ease-in-out infinite}
.power-loader.is-playing .power-loader-device:nth-child(2) svg{animation:power-loader-icon-breathe 2.8s 3.95s ease-in-out infinite}
.power-loader.is-playing .power-loader-device:nth-child(3) svg{animation:power-loader-icon-breathe 2.8s 4.2s ease-in-out infinite}
.power-loader-formats{position:absolute;left:8%;bottom:15%;display:flex;align-items:center;gap:0;z-index:5;opacity:0;transform:translateY(14px)}
.power-loader-formats span{padding:0 21px;border-left:1px solid #9cddff48;color:#dceaf0;font-size:14px;letter-spacing:.05em}
.power-loader-formats span:first-child{padding-left:0;border-left:0;color:#73c8ff}
.power-loader.is-playing .power-loader-formats{animation:power-loader-copy-in 1s 3.25s cubic-bezier(.16,1,.3,1) both}
.power-loader-brand{position:absolute;left:50%;bottom:7%;display:flex;align-items:center;gap:12px;z-index:5;transform:translateX(-50%) translateY(12px);opacity:0;color:#a4b6bf;font-size:9px;letter-spacing:.2em;white-space:nowrap}
.power-loader-brand i{width:32px;height:1px;background:#67c1ff;box-shadow:0 0 14px #67c1ff}
.power-loader-brand b{margin-left:8px;color:#edf8fc;font-size:18px;font-weight:400;letter-spacing:.08em}
.power-loader.is-playing .power-loader-brand{animation:power-loader-brand-in 1s 3.72s cubic-bezier(.16,1,.3,1) both}
.power-loader-progress{position:absolute;left:8%;right:8%;bottom:4%;height:1px;background:#ffffff20;overflow:hidden}
.power-loader-progress span{display:block;width:0;height:100%;background:#79cbff;box-shadow:0 0 10px #79cbff}
.power-loader.is-playing .power-loader-progress span{animation:power-loader-progress 5.8s .12s cubic-bezier(.16,1,.3,1) both}
@keyframes power-loader-glow{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}38%{opacity:.8}100%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes power-loader-orbit{0%{opacity:0;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(-20deg) scale(.22)}28%{opacity:.8}100%{opacity:.9;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(16deg) scale(1.08)}}
@keyframes power-loader-line{0%{opacity:0;transform:scaleX(0)}18%{opacity:1}100%{opacity:.75;transform:scaleX(1)}}
@keyframes power-loader-branch{0%{opacity:0;transform:rotate(var(--branch-angle,-25deg)) scaleX(0)}20%{opacity:1}100%{opacity:.75;transform:rotate(var(--branch-angle,-25deg)) scaleX(1)}}
@keyframes power-loader-pulse{0%{left:0;opacity:0}12%{opacity:1}62%{opacity:1}100%{left:calc(100% - 12px);opacity:0}}
@keyframes power-loader-product-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.018)}}
@keyframes power-loader-device-scan{0%{transform:translateX(-100%);opacity:0}18%{opacity:.9}55%,100%{transform:translateX(100%);opacity:0}}
@keyframes power-loader-icon-breathe{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes power-loader-aa-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.38) rotate(-32deg)}22%{opacity:1}65%{transform:translate(-50%,-50%) scale(1.08) rotate(-18deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-12deg)}}
@keyframes power-loader-aaa-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(24deg)}35%{opacity:1}100%{opacity:.86;transform:translate(-50%,-50%) scale(1) rotate(8deg)}}
@keyframes power-loader-coin-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-28deg)}35%{opacity:1}100%{opacity:.9;transform:translate(-50%,-50%) scale(1) rotate(-8deg)}}
@keyframes power-loader-copy-in{to{opacity:1;transform:translateY(0)}}
@keyframes power-loader-devices-in{to{opacity:1;transform:translateY(0)}}
@keyframes power-loader-device-in{0%{opacity:.25;transform:translateY(10px) scale(.94)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes power-loader-tech-in{to{opacity:1;transform:translateX(0)}}
@keyframes power-loader-brand-in{to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes power-loader-progress{to{width:100%}}
body[data-theme=light] .power-loader{background:#e9f0f0;color:#142228}
body[data-theme=light] .power-loader:before{background:radial-gradient(ellipse at 50% 47%,#cde8f0 0,#e9f0f0 55%,#f5f6f2 100%)}
body[data-theme=light] .power-loader-grid{background:linear-gradient(90deg,transparent 0 49.9%,#20536713 50%,transparent 50.1%),linear-gradient(#20536712 1px,transparent 1px)}
body[data-theme=light] .power-loader-copy .power-loader-kicker,body[data-theme=light] .power-loader-copy small{color:#58717b}
body[data-theme=light] .power-loader-proof strong{color:#142228}body[data-theme=light] .power-loader-proof small{color:#58717b}
body[data-theme=light] .power-loader-tech{border-color:#2f94c3}body[data-theme=light] .power-loader-tech strong{color:#142228}body[data-theme=light] .power-loader-tech span{color:#58717b}
body[data-theme=light] .power-loader-device{color:#27434e;background:linear-gradient(145deg,#edf4f2e8,#dce9e8c9);border-color:#277a9b42;box-shadow:inset 0 1px #fff8,0 10px 26px #36616a18}
body[data-theme=light] .power-loader-device svg{stroke:#277a9b}
body[data-theme=light] .power-loader-device span{color:#27434e}
body[data-theme=light] .power-loader-formats span{color:#27434e;border-color:#277a9b55}
body[data-theme=light] .power-loader-brand{color:#58717b}body[data-theme=light] .power-loader-brand b{color:#142228}
body[data-theme=light] .power-loader-progress{background:#1d46531f}
@media(max-width:700px){.power-loader-product-aa{width:42vw;height:66vh;left:49%;top:51%}.power-loader-product-aaa{width:21vw;height:30vh;left:78%;top:27%}.power-loader-product-coin{width:25vw;height:25vw;left:18%;top:73%}.power-loader-proof{left:7%;top:18%;max-width:49vw}.power-loader-proof-number{font-size:64px}.power-loader-proof strong{margin-top:12px;font-size:10px}.power-loader-proof small{font-size:6px}.power-loader-copy{right:7%;top:14%}.power-loader-copy strong{font-size:54px}.power-loader-copy small{font-size:7px}.power-loader-tech{right:7%;top:38%;max-width:145px;padding-left:8px}.power-loader-tech strong{font-size:8px}.power-loader-tech span{font-size:6px}.power-loader-devices{right:7%;bottom:21%;width:72vw;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.power-loader-device{min-height:102px;padding:10px 7px 8px;border-radius:9px}.power-loader-device svg{width:42px;height:42px}.power-loader-device span{font-size:5.5px;letter-spacing:.08em}.power-loader-formats{left:7%;bottom:15%}.power-loader-formats span{padding:0 9px;font-size:10px}.power-loader-brand{bottom:7%;font-size:7px;letter-spacing:.12em}.power-loader-brand b{font-size:13px}.power-loader-brand i{width:18px}}
@media(prefers-reduced-motion:reduce){.power-loader{display:none!important}}

/* V7 motion correction: one continuous power-transfer sequence, not a stack of slides. */
.power-loader-device-network{position:absolute;left:-7%;right:-7%;top:-42px;width:114%;height:116px;z-index:0;overflow:visible;pointer-events:none;opacity:.9}
.power-loader-device-network path{fill:none;stroke:#8dd8ff66;stroke-width:1;stroke-dasharray:10 18;stroke-linecap:round;filter:drop-shadow(0 0 5px #62c6ff55);animation:power-loader-network-flow 5.5s linear infinite}
.power-loader-device-network path:nth-child(2){stroke:#c4eeff42;stroke-dasharray:4 22;animation-duration:7.2s;animation-direction:reverse}
.power-loader-device-network circle{fill:#dff8ff;opacity:.35;filter:drop-shadow(0 0 8px #65c7ff);animation:power-loader-node-pulse 2.4s ease-in-out infinite}
.power-loader-device-network circle:nth-of-type(2){animation-delay:.55s}.power-loader-device-network circle:nth-of-type(3){animation-delay:1.1s}
.power-loader-device{z-index:1}
.power-loader.is-playing .power-loader-orbit{animation:power-loader-orbit-cinematic 6.15s .08s cubic-bezier(.2,.7,.2,1) both}
.power-loader.is-playing .power-loader-orbit-b{animation-delay:.28s}
.power-loader.is-playing .power-loader-product-aa{animation:power-loader-aa-cinematic 6.15s .18s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-product-aaa{animation:power-loader-aaa-cinematic 6.05s .8s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-product-coin{animation:power-loader-coin-cinematic 5.9s 1.02s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-product-aa img{animation:power-loader-product-breathe 2.4s 2.3s ease-in-out infinite}
.power-loader.is-playing .power-loader-product-aaa img{animation:power-loader-product-breathe 2.1s 2.5s ease-in-out infinite reverse}
.power-loader.is-playing .power-loader-product-coin img{animation:power-loader-product-breathe 2s 2.7s ease-in-out infinite}
.power-loader.is-playing .power-loader-current-main span{animation:power-loader-pulse 2.6s .9s linear infinite}
.power-loader.is-playing .power-loader-current-branch-a span{animation:power-loader-pulse 1.9s 2.15s linear infinite}
.power-loader.is-playing .power-loader-current-branch-b span{animation:power-loader-pulse 1.9s 2.35s linear infinite}
.power-loader.is-playing .power-loader-device-network path{animation-play-state:running}
.power-loader.is-playing .power-loader-device-network circle{animation-play-state:running}
.power-loader.is-playing .power-loader-device:nth-of-type(1){animation:power-loader-device-in .7s 3.12s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-device:nth-of-type(2){animation:power-loader-device-in .7s 3.25s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-device:nth-of-type(3){animation:power-loader-device-in .7s 3.38s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-device:nth-of-type(1):after{animation:power-loader-device-scan 3.8s 3.2s linear infinite}
.power-loader.is-playing .power-loader-device:nth-of-type(2):after{animation:power-loader-device-scan 3.8s 3.5s linear infinite}
.power-loader.is-playing .power-loader-device:nth-of-type(3):after{animation:power-loader-device-scan 3.8s 3.8s linear infinite}
.power-loader.is-playing .power-loader-device svg{animation-duration:2.1s}
.power-loader.is-playing .power-loader-device:nth-of-type(1) svg{animation-delay:3.9s}
.power-loader.is-playing .power-loader-device:nth-of-type(2) svg{animation-delay:4.15s}
.power-loader.is-playing .power-loader-device:nth-of-type(3) svg{animation-delay:4.4s}
@keyframes power-loader-orbit-cinematic{0%{opacity:0;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(-20deg) scale(.22)}16%{opacity:.9;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(0deg) scale(1)}48%{opacity:.9;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(118deg) scale(1.05)}76%{opacity:.9;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(248deg) scale(1.02)}100%{opacity:.9;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(360deg) scale(1.08)}}
@keyframes power-loader-aa-cinematic{0%{opacity:0;transform:translate(-50%,-38%) scale(.38) rotate(-32deg)}13%{opacity:1;transform:translate(-50%,-50%) scale(.74) rotate(-22deg)}29%{transform:translate(-50%,-50%) scale(1.03) rotate(-10deg)}43%{transform:translate(-47%,-53%) scale(1.02) rotate(-6deg)}59%{transform:translate(-53%,-48%) scale(1.05) rotate(-16deg)}76%{transform:translate(-49%,-51%) scale(1.02) rotate(-9deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-12deg)}}
@keyframes power-loader-aaa-cinematic{0%{opacity:0;transform:translate(-50%,-38%) scale(.35) rotate(24deg)}22%{opacity:.95;transform:translate(-50%,-50%) scale(.78) rotate(15deg)}48%{transform:translate(-54%,-48%) scale(1.04) rotate(4deg)}72%{transform:translate(-47%,-52%) scale(1.01) rotate(13deg)}100%{opacity:.88;transform:translate(-50%,-50%) scale(1) rotate(8deg)}}
@keyframes power-loader-coin-cinematic{0%{opacity:0;transform:translate(-50%,-40%) scale(.35) rotate(-28deg)}24%{opacity:.9;transform:translate(-50%,-50%) scale(.78) rotate(-18deg)}52%{transform:translate(-46%,-53%) scale(1.05) rotate(-4deg)}78%{transform:translate(-54%,-48%) scale(1.02) rotate(-14deg)}100%{opacity:.9;transform:translate(-50%,-50%) scale(1) rotate(-8deg)}}
@keyframes power-loader-network-flow{to{stroke-dashoffset:-112}}
@keyframes power-loader-node-pulse{0%,100%{opacity:.25;transform:scale(.8);transform-origin:center}50%{opacity:1;transform:scale(1.8);transform-origin:center}}
.hero-v6[data-sequence="complete"] .light-sweep{animation:none!important;opacity:0!important}
@media(prefers-reduced-motion:reduce){.power-loader-device-network,.hero-v6 .light-sweep{display:none!important}}

/* Header scale: the purchase CTA follows the navigation rhythm instead of competing with it. */
.site-header .shop-link{display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px;padding:0 16px;border-radius:999px;font-size:12px;line-height:1;letter-spacing:.01em}
.site-header .shop-link>span:last-child{font-size:inherit}
@media(max-width:1250px){.site-header .shop-link{height:42px;min-height:42px;padding-inline:15px;font-size:11px}}
@media(max-width:900px){.site-header .shop-link{height:40px;min-height:40px;padding-inline:14px;font-size:11px}}

/* S3 loading budget: 1.8s scene + 0.3s exit fade keeps the handoff under 2.1s. */
.power-loader{transition:opacity .36s ease,visibility .36s ease}
.power-loader.is-playing .power-loader-glow{animation:power-loader-glow 2.15s ease-out both}
.power-loader.is-playing .power-loader-orbit{animation:power-loader-orbit-cinematic 2.2s .04s cubic-bezier(.2,.7,.2,1) both}
.power-loader.is-playing .power-loader-orbit-b{animation:power-loader-orbit-cinematic 2.05s .16s cubic-bezier(.2,.7,.2,1) both}
.power-loader.is-playing .power-loader-current-main{animation:power-loader-line .85s .35s cubic-bezier(.45,0,.2,1) both}
.power-loader.is-playing .power-loader-current-branch-a{animation:power-loader-branch .65s .9s cubic-bezier(.45,0,.2,1) both}
.power-loader.is-playing .power-loader-current-branch-b{animation:power-loader-branch .65s 1.02s cubic-bezier(.45,0,.2,1) both}
.power-loader.is-playing .power-loader-current-main span{animation:power-loader-pulse 1.7s .5s linear infinite}
.power-loader.is-playing .power-loader-current-branch-a span{animation:power-loader-pulse 1.35s 1.05s linear infinite}
.power-loader.is-playing .power-loader-current-branch-b span{animation:power-loader-pulse 1.35s 1.17s linear infinite}
.power-loader.is-playing .power-loader-product-aa{animation:power-loader-aa-cinematic 2.15s .08s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-product-aaa{animation:power-loader-aaa-cinematic 1.65s .32s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-product-coin{animation:power-loader-coin-cinematic 1.55s .5s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-product-aa img{animation:power-loader-product-breathe 1.9s 1.05s ease-in-out infinite}
.power-loader.is-playing .power-loader-product-aaa img{animation:power-loader-product-breathe 1.7s 1.2s ease-in-out infinite reverse}
.power-loader.is-playing .power-loader-product-coin img{animation:power-loader-product-breathe 1.6s 1.3s ease-in-out infinite}
.power-loader.is-playing .power-loader-proof{animation:power-loader-copy-in .7s .78s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-copy{animation:power-loader-copy-in .7s .9s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-tech{animation:power-loader-tech-in .65s 1.18s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-devices{animation:power-loader-devices-in .62s 1.35s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-device:nth-of-type(1){animation:power-loader-device-in .45s 1.45s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-device:nth-of-type(2){animation:power-loader-device-in .45s 1.56s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-device:nth-of-type(3){animation:power-loader-device-in .45s 1.67s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-device:nth-of-type(1):after{animation:power-loader-device-scan 2.4s 1.5s linear infinite}
.power-loader.is-playing .power-loader-device:nth-of-type(2):after{animation:power-loader-device-scan 2.4s 1.62s linear infinite}
.power-loader.is-playing .power-loader-device:nth-of-type(3):after{animation:power-loader-device-scan 2.4s 1.74s linear infinite}
.power-loader.is-playing .power-loader-device svg{animation-duration:1.65s}
.power-loader.is-playing .power-loader-device:nth-of-type(1) svg{animation-delay:1.7s}
.power-loader.is-playing .power-loader-device:nth-of-type(2) svg{animation-delay:1.82s}
.power-loader.is-playing .power-loader-device:nth-of-type(3) svg{animation-delay:1.94s}
.power-loader.is-playing .power-loader-formats{animation:power-loader-copy-in .62s 1.4s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-brand{animation:power-loader-brand-in .65s 1.72s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-progress span{animation:power-loader-progress 2.34s .04s cubic-bezier(.16,1,.3,1) both}

/* S3 dark theme: a quiet neutral scale keeps every text layer readable on the charcoal canvas. */
body[data-theme=dark]{background:#101417;color:#f3f6f7;color-scheme:dark}
body[data-theme=dark] .topline{color:#9eabb2}
body[data-theme=dark] .topline-separator{color:#65727a}
body[data-theme=dark] .topline .languages button{color:#9eabb2}
body[data-theme=dark] .topline .languages button[aria-pressed=true]{color:#f3f6f7}
body[data-theme=dark] .site-header{background:#171b1eee;border-color:#ffffff1b}
body[data-theme=dark] .site-header.scrolled{background:#15191bf8;border-color:#ffffff2b}
body[data-theme=dark] .site-header nav a{color:#dce5e9}
body[data-theme=dark] .logo span{color:#9ba8ae;border-left-color:#4c575d}
body[data-theme=dark] .icon-button{color:#d2dce0}
body[data-theme=dark] .shop-link{color:#e8eff1;border-color:#ffffff3a}
body[data-theme=dark] .hero.hero-v6{background:#101417;color:#f3f6f7}
body[data-theme=dark] .hero-v6 h1{color:#f3f6f7}
body[data-theme=dark] .hero-v6 h1 em{color:#72c4ff}
body[data-theme=dark] .hero-v6 .hero-copy>.eyebrow{color:#bfccd2}
body[data-theme=dark] .hero-v6 .hero-description{color:#adbbc2}
body[data-theme=dark] .hero-v6 .hero-ctas .button-blue{background:#e8f4fa;color:#13242c}
body[data-theme=dark] .hero-v6 .hero-ctas .button-blue:hover{background:#72c4ff;color:#10232c}
body[data-theme=dark] .hero-v6 .circle-link{color:#c0ccd1;border-color:#71818a}
body[data-theme=dark] .hero-v6 .circle-link:hover{color:#fff}
body[data-theme=dark] .hero-v6 .hero-feature-intro{color:#8798a1}
body[data-theme=dark] .hero-v6 .hero-index{color:#a0adb4}
body[data-theme=dark] .hero-v6 .hero-index span{color:#65737b}
body[data-theme=dark] .hero-v6 .stage-top{color:#9dabb2}
body[data-theme=dark] .hero-v6 .stage-word{color:#eef3f5}
body[data-theme=dark] .hero-v6 .stage-detail{color:#dce7eb}
body[data-theme=dark] .hero-v6 .stage-detail small{color:#91a1aa}
body[data-theme=dark] .hero-v6 .hero-feature{border-color:#ffffff38}
body[data-theme=dark] .hero-v6 .hero-feature>span{color:#8d9da6}
body[data-theme=dark] .hero-v6 .hero-feature strong{color:#edf3f5}
body[data-theme=dark] .hero-v6 .hero-feature small{color:#9aaab2}
body[data-theme=dark] .hero-v6 .selected-index{color:#8e9fa8}
body[data-theme=dark] .hero-v6 .hero-mini-product small{color:#9aaab2}
body[data-theme=dark] .hero-v6 .hero-mini-product strong{color:#f0f5f6}
body[data-theme=dark] .hero-v6 .hero-pills button{color:#9aaab2}
body[data-theme=dark] .hero-v6 .hero-pills button small{color:#82939d}
body[data-theme=dark] .hero-v6 .hero-pills button[aria-pressed=true]{color:#f1f5f6}
body[data-theme=dark] .hero-v6 .motion-button,body[data-theme=dark] .hero-v6 .replay{color:#a2b0b7}
body[data-theme=dark] .brand-ribbon{background:#171b1e;border-color:#ffffff1b;color:#aebbc1}
body[data-theme=dark] .brand-ribbon .ribbon-separator{color:#7f9099}
body[data-theme=dark] .section,body[data-theme=dark] .products,body[data-theme=dark] .moments,body[data-theme=dark] .stories{background:#101417;color:#edf3f5}
body[data-theme=dark] .section-head .eyebrow{color:#94aab5}
body[data-theme=dark] .section-head h2{color:#f0f5f6}
body[data-theme=dark] .section-head h2 em{color:#8ebbd6}
body[data-theme=dark] .section-intro{color:#a5b5bd}
body[data-theme=dark] .product-selector{border-color:#3e4c55}
body[data-theme=dark] .product-selector button{color:#9dafb9;border-color:#3e4c55}
body[data-theme=dark] .product-selector button strong{color:#edf3f5}
body[data-theme=dark] .product-selector button[aria-selected=true]{background:#202b32;color:#b9e3fa;border-bottom-color:#75c7f5}
body[data-theme=dark] .product-panel{background:#1b2227;border-color:#35434c}
body[data-theme=dark] .product-info h3{color:#f0f5f6}
body[data-theme=dark] .product-info>p{color:#aab9c1}
body[data-theme=dark] .product-kicker{color:#83ccfa}
body[data-theme=dark] .product-tags span{border-color:#4b5b65;color:#c0d0d7}
body[data-theme=dark] .device-line{border-color:#43535d}
body[data-theme=dark] .device-line>span{color:#91a4ae}
body[data-theme=dark] .device-line strong{color:#d5e0e5}
body[data-theme=dark] .product-info>.spec-note{color:#9aacb5}
body[data-theme=dark] .product-actions .button-dark{background:#e4eff4;color:#15262e}
body[data-theme=dark] .product-actions .under-link{color:#c2d5dd}
body[data-theme=dark] .advantages{background:#181e23;color:#eef4f6;border-color:#35434c}
body[data-theme=dark] .advantages .eyebrow{color:#9cb3be}
body[data-theme=dark] .advantages h2 em{color:#8db9d1}
body[data-theme=dark] .big-plus{color:#a9d9f4}
body[data-theme=dark] .advantage-grid{border-top-color:#ffffff2d}
body[data-theme=dark] .advantage-grid article+article{border-left-color:#ffffff2d}
body[data-theme=dark] .feature-mark{color:#9cd8f5}
body[data-theme=dark] .feature-index{color:#9db0ba}
body[data-theme=dark] .advantage-grid h3{color:#e9f1f4}
body[data-theme=dark] .advantage-grid p{color:#aabac2}
body[data-theme=dark] .moment-card{border-color:#3d4c55}
body[data-theme=dark] .moment-number{background:#18242baa;color:#e5eef2}
body[data-theme=dark] .moment-bottom small{color:#c0d0d7}
body[data-theme=dark] .moment-bottom strong{color:#f1f5f6}
body[data-theme=dark] .brand-section{background:radial-gradient(ellipse at 80% 55%,#5f9bc52b,transparent 55%),#1a2932;border-color:#3a5867;color:#f1f6f8}
body[data-theme=dark] .brand-statement .eyebrow{color:#b9d0dc}
body[data-theme=dark] .brand-statement h2 em{color:#9ed2ee}
body[data-theme=dark] .brand-bottom p{color:#b9cbd3}
body[data-theme=dark] .brand-pack{background:radial-gradient(ellipse,#9bcce329,transparent 65%)}
body[data-theme=dark] .brand-pack>span{color:#a1b7c1}
body[data-theme=dark] .buy-strip{border-color:#3d4b54}
body[data-theme=dark] .buy-strip .eyebrow{color:#9eb7c3}
body[data-theme=dark] .buy-strip h2{color:#ebf3f6}
body[data-theme=dark] .shopee-button{background:#202b32;border-color:#4b5c66;color:#e8f0f3}
body[data-theme=dark] .shopee-button small{color:#a8bac3}
body[data-theme=dark] .shopee-button>span:last-child{color:#b8dff2}
body[data-theme=dark] .story-list,body[data-theme=dark] .story-list>button{border-color:#3c4b55}
body[data-theme=dark] .story-list>button:hover{background:#1b2931}
body[data-theme=dark] .story-index{color:#9db3be}
body[data-theme=dark] .story-list h3{color:#e8f1f4}
body[data-theme=dark] .contact-section{background:#182126;color:#edf4f6;border-color:#35464f}
body[data-theme=dark] .contact-copy .eyebrow{color:#9eb8c4}
body[data-theme=dark] .contact-copy h2{color:#f2f6f7}
body[data-theme=dark] .contact-copy h2 em{color:#8ecdf2}
body[data-theme=dark] .contact-copy>p:not(.eyebrow){color:#adbec6}
body[data-theme=dark] .contact-types span{border-color:#536772;color:#c5d5dc}
body[data-theme=dark] label>span{color:#a7bdc8}
body[data-theme=dark] input,body[data-theme=dark] select,body[data-theme=dark] textarea{color:#f0f5f6;border-color:#607782}
body[data-theme=dark] input:focus,body[data-theme=dark] select:focus,body[data-theme=dark] textarea:focus{border-color:#7ed0fa}
body[data-theme=dark] .form-bottom small{color:#9db5c0}
body[data-theme=dark] .form-status{color:#8dd3f4}
body[data-theme=dark] .form-bottom .button-blue{background:#e5f3f8;color:#15262e}
body[data-theme=dark] footer{background:#0b1013;color:#f0f5f6;border-top:0}
body[data-theme=dark] .footer-top>span{color:#a9bbc4}
body[data-theme=dark] .footer-top>a:last-child{color:#e2ebee}
body[data-theme=dark] .footer-bottom{color:#91a5af;border-top-color:#ffffff29}
body[data-theme=dark] .floating-contact{background:#e4f3f8;color:#15262e;border-color:#c7e4ee}
body[data-theme=dark] .floating-contact:hover{background:#fff;color:#10232c}

/* Dark UI contrast pass: keep the utility panels legible without flattening the night palette. */
body[data-theme=dark] .site-header nav a{color:#e4edf0}
body[data-theme=dark] .logo span{color:#aab8be}
body[data-theme=dark] .icon-button{color:#d5e1e5}
body[data-theme=dark] .icon-button:hover,
body[data-theme=dark] .icon-button[aria-expanded=true],
body[data-theme=dark] .icon-button[aria-pressed=true]{background:#77c9ee20;color:#eefbff;box-shadow:inset 0 0 0 1px #8cd7ff3c}
body[data-theme=dark] .icon-button svg{stroke-width:1.85}
body[data-theme=dark] .icon-button[aria-expanded=true] svg,
body[data-theme=dark] .icon-button[aria-pressed=true] svg{filter:drop-shadow(0 0 4px #8cd7f966)}
body[data-theme=dark] .shop-link{color:#eef7f9;border-color:#9fb2ba66;background:#ffffff05}
body[data-theme=dark] .header-panel{background:#171d20fa;border-color:#8fa7b033;box-shadow:0 22px 60px #000b,inset 0 1px #e4f6fa10;color:#e7f0f2}
body[data-theme=dark] .header-panel .eyebrow,
body[data-theme=dark] .search-panel label{color:#b8cbd1}
body[data-theme=dark] .search-panel input{color:#f3fbfd;border-bottom-color:#8fa7b066;caret-color:#7fd6ff}
body[data-theme=dark] .search-panel input::placeholder{color:#8fa3aa;opacity:1}
body[data-theme=dark] .search-panel input:focus{border-bottom-color:#73caff;box-shadow:0 1px 0 #73caff66}
body[data-theme=dark] .search-results a,
body[data-theme=dark] .quick-panel a{color:#dce9ed;border-bottom-color:#8fa7b02d}
body[data-theme=dark] .search-results a:hover,
body[data-theme=dark] .quick-panel a:hover{color:#fff;background:#7bd0ff0d}
body[data-theme=dark] .search-results a small{color:#9fb3bb}

.hero-v6 .hero-usecase-icons{display:flex;align-items:center;gap:10px;height:21px;color:#3d7ea6}
.hero-v6 .hero-usecase-icons svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
body[data-theme=dark] .hero-v6 .hero-usecase-icons{color:#9edaff}
body[data-theme=light] .hero-v6 .hero-usecase-icons{color:#2c78a7}

/* Keep the light toggle usable too: the footer mark should not disappear on its pale canvas. */
body[data-theme=light] .footer-logo img{filter:brightness(0) saturate(100%)}

/* S3 light theme: warmer neutrals and a clearer slate/blue hierarchy on pale surfaces. */
body[data-theme=light]{background:#f4f6f5;color:#1b2a30;color-scheme:light}
body[data-theme=light] .topline{color:#64767d}
body[data-theme=light] .topline-separator{color:#a2b0b1}
body[data-theme=light] .topline .languages button{color:#66787e}
body[data-theme=light] .topline .languages button[aria-pressed=true]{color:#1b2a30}
body[data-theme=light] .site-header{background:#f8faf9f2;border-color:#d2dcda;box-shadow:0 10px 30px #34454a12}
body[data-theme=light] .site-header.scrolled{background:#f8faf9fa;border-color:#c7d3d1}
body[data-theme=light] .site-header nav a{color:#35474e}
body[data-theme=light] .site-header nav a:after{background:#1b2a30}
body[data-theme=light] .logo span{color:#687a80;border-left-color:#bbc7c6}
body[data-theme=light] .icon-button{color:#52656c}
body[data-theme=light] .icon-button:hover,body[data-theme=light] .icon-button[aria-expanded=true],body[data-theme=light] .icon-button[aria-pressed=true]{background:#e2eae8;color:#1b2a30}
body[data-theme=light] .shop-link{color:#273b43;border-color:#aabbb9}
body[data-theme=light] .header-panel{background:#fbfcfbf5;border-color:#cbd8d5;box-shadow:0 22px 60px #33464a1c;color:#1b2a30}
body[data-theme=light] .header-panel .eyebrow{color:#61757c}
body[data-theme=light] .header-panel input{color:#1b2a30;border-color:#aebfbd}
body[data-theme=light] .search-results a,body[data-theme=light] .quick-panel a{color:#2b3d44;border-color:#d6e0de}
body[data-theme=light] .search-results a small{color:#6c7e83}
body[data-theme=light] .hero.hero-v6{background:#f4f6f5!important;color:#1b2a30}
body[data-theme=light] .hero-v6 h1{color:#1b2a30}
body[data-theme=light] .hero-v6 h1 em{color:#2878a6}
body[data-theme=light] .hero-v6 .hero-copy>.eyebrow{color:#5d7580}
body[data-theme=light] .hero-v6 .hero-description{color:#52656d}
body[data-theme=light] .hero-v6 .hero-ctas .button-blue{background:#203946;color:#fff}
body[data-theme=light] .hero-v6 .hero-ctas .button-blue:hover{background:#2878a6;color:#fff}
body[data-theme=light] .hero-v6 .circle-link{color:#47616b;border-color:#82979a}
body[data-theme=light] .hero-v6 .circle-link:hover{color:#1b2a30}
body[data-theme=light] .hero-v6 .hero-feature-intro{color:#6c8086}
body[data-theme=light] .hero-v6 .hero-index{color:#65787e}
body[data-theme=light] .hero-v6 .hero-index span{color:#a1afb0}
body[data-theme=light] .hero-v6 .stage-top{color:#657980}
body[data-theme=light] .hero-v6 .stage-word{color:#25363d}
body[data-theme=light] .hero-v6 .stage-detail{color:#263941}
body[data-theme=light] .hero-v6 .stage-detail small{color:#687d83}
body[data-theme=light] .hero-v6 .hero-feature{border-color:#a9b9ba}
body[data-theme=light] .hero-v6 .hero-feature>span{color:#718389}
body[data-theme=light] .hero-v6 .hero-feature strong{color:#21343b}
body[data-theme=light] .hero-v6 .hero-feature small{color:#647980}
body[data-theme=light] .hero-v6 .selected-index{color:#667a80}
body[data-theme=light] .hero-v6 .hero-mini-product small{color:#667a80}
body[data-theme=light] .hero-v6 .hero-mini-product strong{color:#21343b}
body[data-theme=light] .hero-v6 .hero-pills button{color:#647980}
body[data-theme=light] .hero-v6 .hero-pills button small{color:#7c8e92}
body[data-theme=light] .hero-v6 .hero-pills button[aria-pressed=true]{color:#1f333a}
body[data-theme=light] .hero-v6 .motion-button,body[data-theme=light] .hero-v6 .replay{color:#60757c}
body[data-theme=light] .brand-ribbon{background:#e7edeb;border-color:#d1dcda;color:#5b6e74}
body[data-theme=light] .brand-ribbon .ribbon-separator{color:#7b949b}
body[data-theme=light] .section,body[data-theme=light] .products,body[data-theme=light] .moments,body[data-theme=light] .stories{background:#f4f6f5;color:#1b2a30}
body[data-theme=light] .section-head .eyebrow{color:#607881}
body[data-theme=light] .section-head h2{color:#1d2d34}
body[data-theme=light] .section-head h2 em{color:#347b9f}
body[data-theme=light] .section-intro{color:#60737a}
body[data-theme=light] .product-selector{border-color:#cad6d4}
body[data-theme=light] .product-selector button{color:#60757c;border-color:#cad6d4}
body[data-theme=light] .product-selector button strong{color:#23353c}
body[data-theme=light] .product-selector button[aria-selected=true]{background:#e7f0ef;color:#236f96;border-bottom-color:#4e9bc0}
body[data-theme=light] .product-panel{background:#fff;border-color:#d3ddda}
body[data-theme=light] .product-info h3{color:#1d2d34}
body[data-theme=light] .product-info>p{color:#53676f}
body[data-theme=light] .product-kicker{color:#277ca4}
body[data-theme=light] .product-tags span{border-color:#c6d3d1;color:#526971}
body[data-theme=light] .device-line{border-color:#c9d5d3}
body[data-theme=light] .device-line>span{color:#637980}
body[data-theme=light] .device-line strong{color:#30464e}
body[data-theme=light] .product-info>.spec-note{color:#687b81}
body[data-theme=light] .product-actions .button-dark{background:#203946;color:#fff}
body[data-theme=light] .product-actions .under-link{color:#376b82}
body[data-theme=light] .advantages{background:#e5eceb;color:#203139;border-color:#cbd7d5}
body[data-theme=light] .advantages .eyebrow{color:#5e7882}
body[data-theme=light] .advantages h2 em{color:#46788e}
body[data-theme=light] .big-plus{color:#4d98b8}
body[data-theme=light] .advantage-grid{border-top-color:#b8c9c8}
body[data-theme=light] .advantage-grid article+article{border-left-color:#b8c9c8}
body[data-theme=light] .feature-mark{color:#4186a4}
body[data-theme=light] .feature-index{color:#6d8187}
body[data-theme=light] .advantage-grid h3{color:#253940}
body[data-theme=light] .advantage-grid p{color:#566c74}
body[data-theme=light] .moment-card{border-color:#d1dcd9}
body[data-theme=light] .moment-number{background:#203742aa;color:#f2f7f7}
body[data-theme=light] .moment-bottom small{color:#e0ebed}
body[data-theme=light] .moment-bottom strong{color:#fff}
body[data-theme=light] .brand-section{background:#dfe8ea;color:#203139;border-color:#c5d2d4}
body[data-theme=light] .brand-statement .eyebrow{color:#52727f}
body[data-theme=light] .brand-statement h2 em{color:#39738f}
body[data-theme=light] .brand-bottom p{color:#526971}
body[data-theme=light] .brand-pack{background:radial-gradient(ellipse,#94c1d02b,transparent 65%)}
body[data-theme=light] .brand-pack>span{color:#5b7883}
body[data-theme=light] .buy-strip{border-color:#cbd7d5}
body[data-theme=light] .buy-strip .eyebrow{color:#647b82}
body[data-theme=light] .buy-strip h2{color:#22343b}
body[data-theme=light] .shopee-button{background:#fff;border-color:#cad7d5;color:#263b43}
body[data-theme=light] .shopee-button small{color:#64777d}
body[data-theme=light] .shopee-button>span:last-child{color:#347b9f}
body[data-theme=light] .story-list,body[data-theme=light] .story-list>button{border-color:#cbd7d5}
body[data-theme=light] .story-list>button:hover{background:#e8f0ef}
body[data-theme=light] .story-index{color:#637980}
body[data-theme=light] .story-list h3{color:#24373e}
body[data-theme=light] .contact-section{background:#fff;color:#21333a;border-color:#d8e0df}
body[data-theme=light] .contact-copy .eyebrow{color:#5d7780}
body[data-theme=light] .contact-copy h2{color:#20323a}
body[data-theme=light] .contact-copy h2 em{color:#347b9f}
body[data-theme=light] .contact-copy>p:not(.eyebrow){color:#536a72}
body[data-theme=light] .contact-types span{border-color:#bdcecb;color:#49656e}
body[data-theme=light] label>span{color:#405d67}
body[data-theme=light] input,body[data-theme=light] select,body[data-theme=light] textarea{color:#1d3037;border-color:#aebfbd}
body[data-theme=light] input:focus,body[data-theme=light] select:focus,body[data-theme=light] textarea:focus{border-color:#3d8aae}
body[data-theme=light] .form-bottom small{color:#647a80}
body[data-theme=light] .form-status{color:#1f6e8d}
body[data-theme=light] .form-bottom .button-blue{background:#203946;color:#fff}
body[data-theme=light] footer{background:#f4f6f5;color:#203139;border-top:0}
body[data-theme=light] .footer-top>span{color:#60777e}
body[data-theme=light] .footer-top>a:last-child{color:#263c43}
body[data-theme=light] .footer-bottom{color:#657a80;border-top-color:#b8c9c7}
body[data-theme=light] .floating-contact{background:#203946;color:#fff;border-color:#203946}
body[data-theme=light] .floating-contact:hover{background:#2b4c5b;color:#fff}

/* The featured-product card was removed from S3; keep the playback controls on the edge. */
.hero-v6 .hero-footer{justify-content:flex-end}

/* Light contrast floor: small labels remain legible without becoming harsh black. */
body[data-theme=light] .topline{color:#566970}
body[data-theme=light] .topline .languages button{color:#586d74}
body[data-theme=light] .hero-v6 .hero-copy>.eyebrow{color:#536d78}
body[data-theme=light] .hero-v6 h1 em{color:#236f9b}
body[data-theme=light] .hero-v6 .hero-feature-intro{color:#5b7078}
body[data-theme=light] .hero-v6 .hero-index{color:#5c7077}
body[data-theme=light] .hero-v6 .stage-top{color:#526970}
body[data-theme=light] .hero-v6 .hero-feature>span{color:#5d7077}
body[data-theme=light] .hero-v6 .hero-feature small{color:#536c74}
body[data-theme=light] .hero-v6 .selected-index,body[data-theme=light] .hero-v6 .hero-mini-product small{color:#566b72}
body[data-theme=light] .hero-v6 .hero-pills button{color:#566b72}
body[data-theme=light] .hero-v6 .hero-pills button small{color:#60767c}
body[data-theme=light] .hero-v6 .motion-button,body[data-theme=light] .hero-v6 .replay{color:#566b72}
body[data-theme=light] .brand-ribbon{color:#50656c}
body[data-theme=light] .section-head .eyebrow{color:#526b75}
body[data-theme=light] .section-intro{color:#5b7078}
body[data-theme=light] .product-selector button{color:#566b72}
body[data-theme=light] .product-kicker{color:#236f9b}
body[data-theme=light] .product-info>.spec-note{color:#5c7077}
body[data-theme=light] .advantages .eyebrow{color:#526c76}
body[data-theme=light] .feature-index{color:#5f7379}
body[data-theme=light] .advantage-grid p{color:#536971}
body[data-theme=light] .brand-statement .eyebrow{color:#4f6c78}
body[data-theme=light] .brand-pack>span{color:#58737b}
body[data-theme=light] .buy-strip .eyebrow{color:#5b7078}
body[data-theme=light] .shopee-button small{color:#5b7077}
body[data-theme=light] .story-index{color:#5b7078}
body[data-theme=light] .contact-copy .eyebrow{color:#4f6872}
body[data-theme=light] .contact-copy>p:not(.eyebrow){color:#506970}
body[data-theme=light] .form-bottom small{color:#526970}
body[data-theme=light] .footer-top>span,body[data-theme=light] .footer-bottom{color:#4c646b}

/* Storyboard V1: let the hero hand off to the next section on scroll. */
.hero-v6{
  --hero-scroll-copy-x:0px;
  --hero-scroll-copy-y:0px;
  --hero-scroll-copy-opacity:1;
  --hero-scroll-product-x:0px;
  --hero-scroll-product-y:0px;
  --hero-scroll-product-scale:1;
  --hero-scroll-bridge-opacity:1;
  --hero-scroll-rail-opacity:1;
  --hero-scroll-watermark-opacity:1;
}
.hero-v6 .hero-copy{
  opacity:var(--hero-scroll-copy-opacity);
  transform:translate3d(var(--hero-scroll-copy-x),var(--hero-scroll-copy-y),0);
  will-change:transform,opacity;
}
.hero-v6 .product-scene{
  transform:translate3d(calc(var(--px,0px) + var(--hero-scroll-product-x)),calc(var(--py,0px) + var(--scroll-y,0px) + var(--hero-scroll-product-y)),0) scale(var(--hero-scroll-product-scale));
  will-change:transform;
}
.hero-v6 .hero-watermark{opacity:var(--hero-scroll-watermark-opacity)}
.hero-v6 .hero-energy-bridge{opacity:var(--hero-scroll-bridge-opacity)}
.hero-v6 .hero-format-rail,
.hero-v6 .hero-usecase-track,
.hero-v6 .hero-brand-lockup,
.hero-v6 .hero-feature-list{opacity:var(--hero-scroll-rail-opacity)}

@media(max-width:600px){
  .hero-v6 .hero-copy{opacity:1;transform:none}
  .hero-v6 .product-scene{transform:translate3d(var(--px,0px),var(--py,0px),0) scale(1)}
  .hero-v6 .hero-watermark,
  .hero-v6 .hero-energy-bridge,
  .hero-v6 .hero-format-rail,
  .hero-v6 .hero-usecase-track,
  .hero-v6 .hero-brand-lockup,
  .hero-v6 .hero-feature-list{opacity:1}
}

@media(prefers-reduced-motion:reduce){
  .hero-v6 .hero-copy,
  .hero-v6 .product-scene,
  .hero-v6 .hero-watermark,
  .hero-v6 .hero-energy-bridge,
  .hero-v6 .hero-format-rail,
  .hero-v6 .hero-usecase-track,
  .hero-v6 .hero-brand-lockup,
  .hero-v6 .hero-feature-list{opacity:1;transform:none;will-change:auto}
}

/* S3 loading direction: logo glow → charge ring → technical line drawing → battery. */
.power-loader{background:#030506!important;color:#f4fbff}
.power-loader:before{background:radial-gradient(circle at 50% 48%,#142c3c 0,#071117 34%,#030506 78%)!important}
.power-loader-glow{left:50%;top:50%;width:min(52vw,620px);height:min(52vw,620px);transform:translate(-50%,-50%) scale(.55);background:radial-gradient(circle,#8ed7ff2b 0,#4398ca12 34%,transparent 68%);filter:blur(8px);opacity:0}
.power-loader-logo{position:absolute;left:50%;top:35%;z-index:5;width:min(34vw,245px);opacity:0;transform:translate(-50%,-50%) scale(.92);}
.power-loader-logo img{display:block;width:100%;height:auto;filter:brightness(0) invert(1) drop-shadow(0 0 5px #c8f2ff66)}
.power-loader-ring{position:absolute;left:50%;top:51%;z-index:2;width:min(34vw,360px);height:auto;overflow:visible;opacity:0;transform:translate(-50%,-50%) rotate(-90deg)}
.power-loader-ring-track{fill:none;stroke:#d7f4ff24;stroke-width:1}
.power-loader-ring-progress{fill:none;stroke:#82d5ff;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 5px #62c6ff)}
.power-loader-blueprint{position:absolute;left:50%;top:51%;z-index:3;width:min(23vw,270px);height:min(48vh,400px);overflow:visible;opacity:0;transform:translate(-50%,-50%) scale(.84);fill:none;stroke:#bcecff;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #69c8ff55)}
.power-loader-blueprint-shell,.power-loader-blueprint-detail{stroke-dasharray:900;stroke-dashoffset:900}
.power-loader-product-aa{left:50%;top:51%;z-index:5;width:min(24vw,300px);height:min(68vh,640px);opacity:0;transform:translate(-50%,-50%) scale(.62) rotate(-18deg);filter:drop-shadow(22px 34px 22px #000c)}
.power-loader-product-aa img{width:100%;height:100%;object-fit:contain}
.power-loader-copy{right:8%;top:21%;z-index:6;opacity:0;transform:translateY(10px)}
.power-loader-copy strong{font-size:clamp(42px,5.5vw,86px);color:#f4fbff}
.power-loader-copy .power-loader-kicker,.power-loader-copy small{color:#8fa5b1}
.power-loader-progress{left:10%;right:10%;bottom:6%;height:1px;background:#ffffff22}
.power-loader-progress span{background:#82d5ff;box-shadow:0 0 10px #79cbff}
.power-loader.is-playing .power-loader-glow{animation:power-loader-simple-glow 2.25s ease-out both}
.power-loader.is-playing .power-loader-logo{animation:power-loader-logo-sequence 1.45s .03s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-ring{animation:power-loader-ring-sequence 1.55s .16s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-ring-progress{animation:power-loader-ring-charge 1.42s .18s cubic-bezier(.2,.7,.2,1) both}
.power-loader.is-playing .power-loader-blueprint{animation:power-loader-blueprint-sequence 1.3s .86s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-blueprint-shell{animation:power-loader-blueprint-draw 1.05s .91s cubic-bezier(.2,.7,.2,1) both}
.power-loader.is-playing .power-loader-blueprint-detail{animation:power-loader-blueprint-draw .9s 1.04s cubic-bezier(.2,.7,.2,1) both}
.power-loader.is-playing .power-loader-product-aa{animation:power-loader-battery-morph .76s 1.63s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-copy{animation:power-loader-copy-in .48s 1.88s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-progress span{animation:power-loader-progress 2.32s .04s cubic-bezier(.16,1,.3,1) both}
@keyframes power-loader-simple-glow{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}45%{opacity:.75}100%{opacity:.42;transform:translate(-50%,-50%) scale(1.02)}}
@keyframes power-loader-logo-sequence{0%{opacity:0;transform:translate(-50%,-50%) scale(.92);filter:drop-shadow(0 0 2px #c8f2ff22)}16%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 13px #c8f2ffcc)}55%{opacity:1;filter:drop-shadow(0 0 6px #c8f2ff66)}78%{opacity:0;transform:translate(-50%,-50%) scale(.96)}100%{opacity:0}}
@keyframes power-loader-ring-sequence{0%{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(.82)}15%{opacity:1}76%{opacity:1;transform:translate(-50%,-50%) rotate(-90deg) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(1.04)}}
@keyframes power-loader-ring-charge{0%{opacity:0;stroke-dashoffset:100}12%{opacity:1}78%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes power-loader-blueprint-sequence{0%{opacity:0;transform:translate(-50%,-50%) scale(.84)}16%{opacity:1}72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.03)}}
@keyframes power-loader-blueprint-draw{0%{stroke-dashoffset:900;opacity:0}12%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes power-loader-battery-morph{0%{opacity:0;transform:translate(-50%,-50%) scale(.62) rotate(-18deg)}32%{opacity:1}72%{transform:translate(-50%,-50%) scale(1.04) rotate(-11deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-12deg)}}
@media(max-width:700px){
  .power-loader-logo{top:34%;width:58vw;max-width:245px}
  .power-loader-ring{top:51%;width:68vw;max-width:360px}
  .power-loader-blueprint{top:51%;width:46vw;max-width:270px;height:50vh}
  .power-loader-product-aa{top:51%;width:38vw;height:57vh}
  .power-loader-copy{right:8%;top:18%}
  .power-loader-copy strong{font-size:42px}
  .power-loader-copy .power-loader-kicker{font-size:8px}
  .power-loader-copy small{font-size:7px}
}
body[data-theme=light] .power-loader{background:#030506!important;color:#f4fbff}
body[data-theme=light] .power-loader:before{background:radial-gradient(circle at 50% 48%,#142c3c 0,#071117 34%,#030506 78%)!important}
body[data-theme=light] .power-loader-copy strong{color:#f4fbff}
body[data-theme=light] .power-loader-copy .power-loader-kicker,body[data-theme=light] .power-loader-copy small{color:#8fa5b1}

/* S3 battery palette: recolor only the blue panel, preserving the silver shell and white print. */
.s3-filter-defs{position:absolute;inset:-1px auto auto -1px;width:0;height:0;overflow:hidden;pointer-events:none}
.hero-v6 .battery-front img[src$="aa-pack.png"],
.product-art>#product-image[src$="aa-pack.png"],
.power-loader-product-aa img{
  filter:url(#s3-aa-cobalt-palette);
}

/* S3 loader v2: logo → point → ring → precise battery blueprint → product. */
.power-loader-logo{left:50%;top:50%;width:min(34vw,245px);transform:translate(-50%,-50%) scale(.92)}
.power-loader-dot{position:absolute;left:50%;top:50%;z-index:6;width:7px;height:7px;border-radius:50%;background:#f1fbff;box-shadow:0 0 8px #f1fbff,0 0 22px #61cfff,0 0 42px #167bd4;opacity:0;transform:translate(-50%,-50%) scale(0)}
.power-loader-ring{left:50%;top:50%;width:min(34vw,360px);transform:translate(-50%,-50%) rotate(-90deg) scale(.05)}
.power-loader-blueprint{left:50%;top:50%;width:min(23vw,270px);height:min(53vh,450px);transform:translate(-50%,-50%) scale(.5);stroke:#c7f3ff;stroke-width:1.05;filter:drop-shadow(0 0 5px #69c8ff66);shape-rendering:geometricPrecision}
.power-loader-blueprint-shell,.power-loader-blueprint-detail{stroke-dasharray:900;stroke-dashoffset:900}
.power-loader-blueprint-detail-fine{stroke:#76d8ff;stroke-width:.72;stroke-dasharray:1000;stroke-dashoffset:1000;opacity:.78;vector-effect:non-scaling-stroke}
.power-loader-product-aa{left:50%;top:50%;width:min(24vw,300px);height:min(68vh,640px);transform:translate(-50%,-50%) scale(.7) rotate(0deg)}
.power-loader-copy,.power-loader-progress{display:none}
.power-loader.is-playing .power-loader-logo{animation:power-loader-logo-to-dot 1.02s .03s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-dot{animation:power-loader-dot-bloom .62s .58s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-ring{animation:power-loader-dot-ring 1.35s .78s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-ring-progress{animation:power-loader-ring-charge-v2 1.12s .86s cubic-bezier(.2,.7,.2,1) both}
.power-loader.is-playing .power-loader-blueprint{animation:power-loader-blueprint-v2 1.1s 1.34s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-blueprint-shell{animation:power-loader-blueprint-draw-v2 .84s 1.38s cubic-bezier(.2,.7,.2,1) both}
.power-loader.is-playing .power-loader-blueprint-detail{animation:power-loader-blueprint-draw-v2 .72s 1.52s cubic-bezier(.2,.7,.2,1) both}
.power-loader.is-playing .power-loader-blueprint-detail-fine{animation:power-loader-blueprint-draw-fine .58s 1.64s cubic-bezier(.2,.7,.2,1) both}
.power-loader.is-playing .power-loader-product-aa{animation:power-loader-battery-morph-v2 .36s 2.04s cubic-bezier(.16,1,.3,1) both}
.power-loader.is-playing .power-loader-product-aa img{animation:none}
@keyframes power-loader-logo-to-dot{0%{opacity:0;transform:translate(-50%,-50%) scale(.92);filter:drop-shadow(0 0 2px #c8f2ff22)}14%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 13px #c8f2ffcc)}50%{opacity:1;filter:drop-shadow(0 0 7px #c8f2ff88)}76%{opacity:0;transform:translate(-50%,-50%) scale(.045);filter:drop-shadow(0 0 18px #c8f2ff)}100%{opacity:0;transform:translate(-50%,-50%) scale(.02)}}
@keyframes power-loader-dot-bloom{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}24%{opacity:1;transform:translate(-50%,-50%) scale(1)}68%{opacity:1;transform:translate(-50%,-50%) scale(1.45)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.1)}}
@keyframes power-loader-dot-ring{0%{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(.05)}18%{opacity:1;transform:translate(-50%,-50%) rotate(-90deg) scale(.16)}58%{opacity:1;transform:translate(-50%,-50%) rotate(-90deg) scale(1)}72%{opacity:1;transform:translate(-50%,-50%) rotate(-90deg) scale(1.03)}100%{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scaleX(.58) scaleY(1.55)}}
@keyframes power-loader-ring-charge-v2{0%{opacity:0;stroke-dashoffset:100}12%{opacity:1;stroke-dashoffset:100}76%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes power-loader-blueprint-v2{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}16%{opacity:.45}52%{opacity:1;transform:translate(-50%,-50%) scale(1)}82%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.03)}}
@keyframes power-loader-blueprint-draw-v2{0%{opacity:0;stroke-dashoffset:900}10%{opacity:1}100%{opacity:1;stroke-dashoffset:0}}
@keyframes power-loader-blueprint-draw-fine{0%{opacity:0;stroke-dashoffset:1000}14%{opacity:.78}100%{opacity:.78;stroke-dashoffset:0}}
@keyframes power-loader-battery-morph-v2{0%{opacity:0;transform:translate(-50%,-50%) scale(.7) rotate(-3deg)}18%{opacity:1}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}}
@media(max-width:700px){
  .power-loader-logo{left:50%;top:50%;width:58vw;max-width:245px}
  .power-loader-dot{width:6px;height:6px}
  .power-loader-ring{left:50%;top:50%;width:68vw;max-width:360px}
  .power-loader-blueprint{left:50%;top:50%;width:46vw;max-width:270px;height:54vh}
  .power-loader-product-aa{left:50%;top:50%;width:38vw;height:57vh}
}

/* S3 Anime.js intro: one circle → blue wireframe states 1–7 → exact AA product at 2s. */
.power-loader.is-done{transition:opacity .24s ease,visibility .24s ease}
.power-loader.s3-wireframe-active,
body[data-theme=light] .power-loader.s3-wireframe-active{
  background:#010203!important;
  color:#f4fbff;
}
.power-loader.s3-wireframe-active:before,
body[data-theme=light] .power-loader.s3-wireframe-active:before{
  background:radial-gradient(circle at 50% 50%,#071923 0,#020506 38%,#000 100%)!important;
}
.power-loader.s3-wireframe-active .power-loader-logo,
.power-loader.s3-wireframe-active .power-loader-dot,
.power-loader.s3-wireframe-active .power-loader-ring,
.power-loader.s3-wireframe-active .power-loader-blueprint,
.power-loader.s3-wireframe-active .power-loader-copy,
.power-loader.s3-wireframe-active .power-loader-progress{
  display:none!important;
}
.power-loader.s3-wireframe-active .power-loader-glow{
  left:50%;
  top:50%;
  z-index:1;
  width:min(60vw,720px);
  height:min(60vw,720px);
  transform:translate(-50%,-50%) scale(.65);
  background:radial-gradient(circle,#8ed7ff2b 0,#4398ca12 34%,transparent 68%);
  filter:blur(10px);
  opacity:0;
}
.power-loader.s3-wireframe-active .s3-wireframe,
.power-loader.s3-wireframe-active .power-loader-glow,
.power-loader.s3-wireframe-active .power-loader-product-aa{
  animation:none!important;
}
.power-loader.s3-wireframe-active .s3-wireframe{
  position:absolute;
  left:50%;
  top:50%;
  z-index:4;
  width:min(36vw,420px);
  height:min(74vh,660px);
  overflow:visible;
  transform:translate(-50%,-50%);
  opacity:1;
  pointer-events:none;
}
.s3-wireframe .s3-wireframe-ring,
.s3-wireframe .s3-wireframe-axis,
.s3-wireframe .s3-wireframe-shell,
.s3-wireframe .s3-wireframe-core,
.s3-wireframe .s3-wireframe-trace,
.s3-wireframe .s3-wireframe-exploded,
.s3-wireframe .s3-wireframe-assembled{opacity:0}
.s3-wireframe g{transform-box:fill-box;transform-origin:center}
.s3-wireframe ellipse,
.s3-wireframe path,
.s3-wireframe rect,
.s3-wireframe circle{
  fill:none;
  stroke:#66c8ff;
  stroke-width:1.1;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
.s3-wireframe .s3-wireframe-ring{stroke:#77d2ff;stroke-width:1.35;filter:drop-shadow(0 0 7px #55bfff99)}
.s3-wireframe .s3-wireframe-axis{stroke:#4f9ac2;stroke-width:.82;stroke-dasharray:5 7;opacity:0}
.s3-wireframe .s3-wireframe-shell{stroke:#64c5fb;filter:drop-shadow(0 0 5px #4bb9ff55)}
.s3-wireframe .s3-wireframe-core{stroke:#c4efff;stroke-width:.95;filter:drop-shadow(0 0 5px #8bdcff66)}
.s3-wireframe .s3-wireframe-trace{stroke:#4dbaff;stroke-width:.7;opacity:0}
.s3-wireframe .s3-wireframe-exploded{stroke:#79d4ff;filter:drop-shadow(0 0 6px #52bfff77)}
.s3-wireframe .s3-wireframe-part-shell-left,
.s3-wireframe .s3-wireframe-part-shell-right{stroke:#70ceff;stroke-width:1.05}
.s3-wireframe .s3-wireframe-part-seal,
.s3-wireframe .s3-wireframe-part-lower-seal{stroke:#a4e4ff;stroke-width:.92}
.s3-wireframe .s3-wireframe-part-core{stroke:#d5f5ff;stroke-width:.96;filter:drop-shadow(0 0 7px #74d1ff88)}
.s3-wireframe .s3-wireframe-part-bottom,
.s3-wireframe .s3-wireframe-part-top{stroke:#9ddfff;stroke-width:1.02}
.s3-wireframe .s3-wireframe-assembled{stroke:#c7f2ff;stroke-width:1.05;filter:drop-shadow(0 0 7px #67c8ff99)}
.power-loader.s3-wireframe-active .power-loader-product-aa{
  left:50%;
  top:50%;
  z-index:5;
  width:min(25vw,320px);
  height:min(70vh,660px);
  transform:translate(-50%,-50%) scale(.72) rotate(-18deg);
  opacity:0;
  filter:drop-shadow(20px 30px 22px #000d);
  pointer-events:none;
}
.power-loader.s3-wireframe-active .power-loader-product-aa img{filter:none}
@media(max-width:700px){
  .power-loader.s3-wireframe-active .s3-wireframe{width:64vw;height:68vh}
  .power-loader.s3-wireframe-active .power-loader-product-aa{width:43vw;height:58vh}
}

/* Real revision routing: each rev gets its own loader timeline, not only a URL label. */
.power-loader.s3-loader-css .s3-wireframe,
.power-loader.s3-loader-css .power-loader-product-aaa,
.power-loader.s3-loader-css .power-loader-product-coin,
.power-loader.s3-loader-css .power-loader-proof,
.power-loader.s3-loader-css .power-loader-tech,
.power-loader.s3-loader-css .power-loader-devices,
.power-loader.s3-loader-css .power-loader-formats,
.power-loader.s3-loader-css .power-loader-brand,
.power-loader.s3-loader-css .power-loader-copy,
.power-loader.s3-loader-css .power-loader-progress{display:none!important}
.power-loader.s3-loader-css .power-loader-glow{left:50%;top:50%;z-index:1;width:min(62vw,720px);height:min(62vw,720px);transform:translate(-50%,-50%) scale(.55);background:radial-gradient(circle,#6ecbff2b 0,#257eb51a 35%,transparent 70%);filter:blur(9px);opacity:0}
.power-loader.s3-loader-css .power-loader-logo{left:50%;top:50%;z-index:5;width:min(34vw,245px);opacity:0;transform:translate(-50%,-50%) scale(.92)}
.power-loader.s3-loader-css .power-loader-ring{left:50%;top:50%;z-index:2;width:min(34vw,360px);opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(.05)}
.power-loader.s3-loader-css .power-loader-blueprint{left:50%;top:50%;z-index:3;width:min(23vw,270px);height:min(53vh,450px);opacity:0;transform:translate(-50%,-50%) scale(.5);fill:none;stroke:#c7f3ff;stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #69c8ff66);shape-rendering:geometricPrecision}
.power-loader.s3-loader-css .power-loader-blueprint-shell,
.power-loader.s3-loader-css .power-loader-blueprint-detail{stroke-dasharray:900;stroke-dashoffset:900}
.power-loader.s3-loader-css .power-loader-blueprint-detail-fine{stroke:#76d8ff;stroke-width:.72;stroke-dasharray:1000;stroke-dashoffset:1000;opacity:.78;vector-effect:non-scaling-stroke}
.power-loader.s3-loader-css .power-loader-product-aa{left:50%;top:50%;z-index:5;width:min(24vw,300px);height:min(68vh,640px);opacity:0;transform:translate(-50%,-50%) scale(.7) rotate(0deg);filter:drop-shadow(22px 34px 22px #000c)}
.power-loader.s3-loader-css .power-loader-product-aa img{width:100%;height:100%;object-fit:contain;animation:none}
.power-loader.s3-loader-css.is-playing .power-loader-glow{animation:power-loader-css-glow 2.7s ease-out both}

/* loader-dot-ring-v2: short, clean six-stage handoff. */
.power-loader[data-revision="loader-dot-ring-v2"].s3-loader-css.is-playing .power-loader-logo{animation:power-loader-rev2-logo .9s .04s cubic-bezier(.16,1,.3,1) both}
.power-loader[data-revision="loader-dot-ring-v2"].s3-loader-css.is-playing .power-loader-dot{animation:power-loader-rev2-dot .52s .56s cubic-bezier(.16,1,.3,1) both}
.power-loader[data-revision="loader-dot-ring-v2"].s3-loader-css.is-playing .power-loader-ring{animation:power-loader-rev2-ring 1.22s .7s cubic-bezier(.16,1,.3,1) both}
.power-loader[data-revision="loader-dot-ring-v2"].s3-loader-css.is-playing .power-loader-ring-progress{animation:power-loader-rev2-charge 1.05s .78s cubic-bezier(.2,.7,.2,1) both}
.power-loader[data-revision="loader-dot-ring-v2"].s3-loader-css.is-playing .power-loader-blueprint{animation:power-loader-rev2-blueprint 1.05s 1.24s cubic-bezier(.16,1,.3,1) both}
.power-loader[data-revision="loader-dot-ring-v2"].s3-loader-css.is-playing .power-loader-blueprint-shell{animation:power-loader-rev2-draw .76s 1.3s cubic-bezier(.2,.7,.2,1) both}
.power-loader[data-revision="loader-dot-ring-v2"].s3-loader-css.is-playing .power-loader-blueprint-detail{animation:power-loader-rev2-draw .66s 1.44s cubic-bezier(.2,.7,.2,1) both}
.power-loader[data-revision="loader-dot-ring-v2"].s3-loader-css.is-playing .power-loader-blueprint-detail-fine{animation:power-loader-rev2-fine .54s 1.55s cubic-bezier(.2,.7,.2,1) both}
.power-loader[data-revision="loader-dot-ring-v2"].s3-loader-css.is-playing .power-loader-product-aa{animation:power-loader-rev2-battery .36s 2.02s cubic-bezier(.16,1,.3,1) both}

/* vertical-battery-v1: the circle compresses into a tall, upright battery axis. */
.power-loader[data-revision="vertical-battery-v1"].s3-loader-css .power-loader-glow{background:radial-gradient(circle,#52bfff32 0,#1b638e1c 35%,transparent 70%)}
.power-loader[data-revision="vertical-battery-v1"].s3-loader-css.is-playing .power-loader-logo{animation:power-loader-vertical-logo .82s .04s cubic-bezier(.16,1,.3,1) both}
.power-loader[data-revision="vertical-battery-v1"].s3-loader-css.is-playing .power-loader-dot{animation:power-loader-vertical-dot .48s .48s cubic-bezier(.16,1,.3,1) both}
.power-loader[data-revision="vertical-battery-v1"].s3-loader-css.is-playing .power-loader-ring{animation:power-loader-vertical-ring .98s .6s cubic-bezier(.16,1,.3,1) both}
.power-loader[data-revision="vertical-battery-v1"].s3-loader-css.is-playing .power-loader-ring-progress{animation:power-loader-vertical-charge .92s .66s cubic-bezier(.2,.7,.2,1) both}
.power-loader[data-revision="vertical-battery-v1"].s3-loader-css.is-playing .power-loader-blueprint{animation:power-loader-vertical-blueprint 1.3s .98s cubic-bezier(.16,1,.3,1) both}
.power-loader[data-revision="vertical-battery-v1"].s3-loader-css.is-playing .power-loader-blueprint-shell{animation:power-loader-vertical-draw 1s 1.02s cubic-bezier(.2,.7,.2,1) both}
.power-loader[data-revision="vertical-battery-v1"].s3-loader-css.is-playing .power-loader-blueprint-detail{animation:power-loader-vertical-draw .88s 1.16s cubic-bezier(.2,.7,.2,1) both}
.power-loader[data-revision="vertical-battery-v1"].s3-loader-css.is-playing .power-loader-blueprint-detail-fine{animation:power-loader-vertical-fine .74s 1.28s cubic-bezier(.2,.7,.2,1) both}
.power-loader[data-revision="vertical-battery-v1"].s3-loader-css.is-playing .power-loader-product-aa{animation:power-loader-vertical-battery .42s 2.22s cubic-bezier(.16,1,.3,1) both}

/* battery-color-v1: cobalt energy stays visible during the final material reveal. */
.power-loader[data-revision="battery-color-v1"].s3-loader-css .power-loader-glow{background:radial-gradient(circle,#168dff40 0,#064a9b2b 32%,transparent 70%)}
.power-loader[data-revision="battery-color-v1"].s3-loader-css .power-loader-ring-progress{stroke:#49b8ff;filter:drop-shadow(0 0 8px #1e8dff)}
.power-loader[data-revision="battery-color-v1"].s3-loader-css .power-loader-blueprint{stroke:#d6f7ff;filter:drop-shadow(0 0 7px #258dff88)}
.power-loader[data-revision="battery-color-v1"].s3-loader-css .power-loader-blueprint-detail-fine{stroke:#2ba6ff}
.power-loader[data-revision="battery-color-v1"].s3-loader-css.is-playing .power-loader-logo{animation:power-loader-color-logo .96s .03s cubic-bezier(.16,1,.3,1) both}
.power-loader[data-revision="battery-color-v1"].s3-loader-css.is-playing .power-loader-dot{animation:power-loader-color-dot .5s .5s cubic-bezier(.16,1,.3,1) both}
.power-loader[data-revision="battery-color-v1"].s3-loader-css.is-playing .power-loader-ring{animation:power-loader-color-ring 1.06s .64s cubic-bezier(.16,1,.3,1) both}
.power-loader[data-revision="battery-color-v1"].s3-loader-css.is-playing .power-loader-ring-progress{animation:power-loader-color-charge .96s .7s cubic-bezier(.2,.7,.2,1) both}
.power-loader[data-revision="battery-color-v1"].s3-loader-css.is-playing .power-loader-blueprint{animation:power-loader-color-blueprint .92s .98s cubic-bezier(.16,1,.3,1) both}
.power-loader[data-revision="battery-color-v1"].s3-loader-css.is-playing .power-loader-blueprint-shell{animation:power-loader-color-draw .76s 1.02s cubic-bezier(.2,.7,.2,1) both}
.power-loader[data-revision="battery-color-v1"].s3-loader-css.is-playing .power-loader-blueprint-detail{animation:power-loader-color-draw .64s 1.14s cubic-bezier(.2,.7,.2,1) both}
.power-loader[data-revision="battery-color-v1"].s3-loader-css.is-playing .power-loader-blueprint-detail-fine{animation:power-loader-color-fine .55s 1.24s cubic-bezier(.2,.7,.2,1) both}
.power-loader[data-revision="battery-color-v1"].s3-loader-css.is-playing .power-loader-product-aa{animation:power-loader-color-battery .44s 1.68s cubic-bezier(.16,1,.3,1) both}

@keyframes power-loader-css-glow{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}42%{opacity:.82}100%{opacity:.42;transform:translate(-50%,-50%) scale(1.02)}}
@keyframes power-loader-rev2-logo{0%{opacity:0;transform:translate(-50%,-50%) scale(.92);filter:drop-shadow(0 0 2px #c8f2ff22)}18%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 13px #c8f2ffcc)}58%{opacity:1;filter:drop-shadow(0 0 7px #c8f2ff88)}100%{opacity:0;transform:translate(-50%,-50%) scale(.02);filter:drop-shadow(0 0 18px #c8f2ff)}}
@keyframes power-loader-rev2-dot{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}24%{opacity:1;transform:translate(-50%,-50%) scale(1)}68%{opacity:1;transform:translate(-50%,-50%) scale(1.45)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.1)}}
@keyframes power-loader-rev2-ring{0%{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(.05)}18%{opacity:1;transform:translate(-50%,-50%) rotate(-90deg) scale(.16)}58%{opacity:1;transform:translate(-50%,-50%) rotate(-90deg) scale(1)}76%{opacity:1;transform:translate(-50%,-50%) rotate(-90deg) scale(1.03)}100%{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scaleX(.58) scaleY(1.55)}}
@keyframes power-loader-rev2-charge{0%{opacity:0;stroke-dashoffset:100}12%{opacity:1;stroke-dashoffset:100}78%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes power-loader-rev2-blueprint{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}16%{opacity:.45}52%{opacity:1;transform:translate(-50%,-50%) scale(1)}82%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.03)}}
@keyframes power-loader-rev2-draw{0%{opacity:0;stroke-dashoffset:900}10%{opacity:1}100%{opacity:1;stroke-dashoffset:0}}
@keyframes power-loader-rev2-fine{0%{opacity:0;stroke-dashoffset:1000}14%{opacity:.78}100%{opacity:.78;stroke-dashoffset:0}}
@keyframes power-loader-rev2-battery{0%{opacity:0;transform:translate(-50%,-50%) scale(.7) rotate(0deg)}18%{opacity:1}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}}
@keyframes power-loader-vertical-logo{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}62%{opacity:1;filter:drop-shadow(0 0 10px #c8f2ffcc)}100%{opacity:0;transform:translate(-50%,-50%) scale(.04)}}
@keyframes power-loader-vertical-dot{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}28%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.75)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}
@keyframes power-loader-vertical-ring{0%{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(.06)}24%{opacity:1;transform:translate(-50%,-50%) rotate(-90deg) scale(.22)}62%{opacity:1;transform:translate(-50%,-50%) rotate(-90deg) scale(1)}82%{opacity:1;transform:translate(-50%,-50%) rotate(-90deg) scaleX(.46) scaleY(1.44)}100%{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scaleX(.4) scaleY(1.58)}}
@keyframes power-loader-vertical-charge{0%{opacity:0;stroke-dashoffset:100}18%{opacity:1;stroke-dashoffset:100}72%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes power-loader-vertical-blueprint{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.66) scaleY(.55)}22%{opacity:.55}58%{opacity:1;transform:translate(-50%,-50%) scaleX(1) scaleY(1)}86%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scaleX(1.02) scaleY(1.02)}}
@keyframes power-loader-vertical-draw{0%{opacity:0;stroke-dashoffset:900}15%{opacity:1}100%{opacity:1;stroke-dashoffset:0}}
@keyframes power-loader-vertical-fine{0%{opacity:0;stroke-dashoffset:1000}18%{opacity:.78}100%{opacity:.78;stroke-dashoffset:0}}
@keyframes power-loader-vertical-battery{0%{opacity:0;transform:translate(-50%,-46%) scale(.82) rotate(0deg);filter:drop-shadow(0 0 0 #48bfff00)}26%{opacity:1}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg);filter:drop-shadow(22px 34px 22px #000c)}}
@keyframes power-loader-color-logo{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}18%{opacity:1;filter:drop-shadow(0 0 15px #75d5ff)}58%{opacity:1;filter:drop-shadow(0 0 5px #3aa9ff)}100%{opacity:0;transform:translate(-50%,-50%) scale(.03)}}
@keyframes power-loader-color-dot{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}24%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}65%{opacity:1;transform:translate(-50%,-50%) scale(2)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.8)}}
@keyframes power-loader-color-ring{0%{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(.04)}22%{opacity:1;transform:translate(-50%,-50%) rotate(-90deg) scale(.2)}68%{opacity:1;transform:translate(-50%,-50%) rotate(-90deg) scale(1.04)}100%{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scaleX(.62) scaleY(1.62)}}
@keyframes power-loader-color-charge{0%{opacity:0;stroke-dashoffset:100}15%{opacity:1;stroke-dashoffset:100}70%{opacity:1;stroke-dashoffset:0}100%{opacity:.1;stroke-dashoffset:0}}
@keyframes power-loader-color-blueprint{0%{opacity:0;transform:translate(-50%,-50%) scale(.44)}20%{opacity:.5}66%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes power-loader-color-draw{0%{opacity:0;stroke-dashoffset:900}12%{opacity:1}100%{opacity:1;stroke-dashoffset:0}}
@keyframes power-loader-color-fine{0%{opacity:0;stroke-dashoffset:1000}18%{opacity:.9}100%{opacity:.9;stroke-dashoffset:0}}
@keyframes power-loader-color-battery{0%{opacity:0;transform:translate(-50%,-42%) scale(.8) rotate(-2deg);filter:drop-shadow(0 0 0 #168dff00)}22%{opacity:1;filter:drop-shadow(0 0 18px #168dff99)}64%{transform:translate(-50%,-51%) scale(1.04) rotate(0deg);filter:drop-shadow(0 0 25px #168dff77)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg);filter:drop-shadow(22px 34px 22px #000c)}}
@media(max-width:700px){
  .power-loader.s3-loader-css .power-loader-logo{width:58vw;max-width:245px}
  .power-loader.s3-loader-css .power-loader-ring{width:68vw;max-width:360px}
  .power-loader.s3-loader-css .power-loader-blueprint{width:46vw;max-width:270px;height:54vh}
  .power-loader.s3-loader-css .power-loader-product-aa{width:38vw;height:57vh}
}

/* Storyboard Anime.js V1: reveal the real logo first, then draw the same-axis battery study. */
.power-loader.s3-storyboard-active .power-loader-logo,
.power-loader.s3-storyboard-active .power-loader-dot,
.power-loader.s3-storyboard-active .power-loader-ring{
  display:block!important;
  animation:none!important;
}
.power-loader.s3-storyboard-active .power-loader-logo{
  left:50%;
  top:50%;
  z-index:6;
  width:min(36vw,270px);
  transform:translate(-50%,-50%);
}
.power-loader.s3-storyboard-active .power-loader-dot{
  z-index:7;
  width:8px;
  height:8px;
}
.power-loader.s3-storyboard-active .power-loader-ring{
  left:50%;
  top:50%;
  z-index:2;
  width:min(38vw,390px);
  height:auto;
  transform:translate(-50%,-50%) rotate(-90deg);
}
.power-loader.s3-storyboard-active .power-loader-ring-track,
.power-loader.s3-storyboard-active .power-loader-ring-progress{
  animation:none!important;
}
.power-loader.s3-storyboard-active .power-loader-ring-track{stroke:#bcecff32}
.power-loader.s3-storyboard-active .power-loader-ring-progress{stroke:#80d8ff;filter:drop-shadow(0 0 7px #5dc8ff)}
.power-loader.s3-storyboard-active .power-loader-glow,
.power-loader.s3-storyboard-active .s3-wireframe,
.power-loader.s3-storyboard-active .power-loader-product-aa{
  animation:none!important;
}
.power-loader.s3-storyboard-active .s3-wireframe{
  width:min(39vw,450px);
  height:min(78vh,720px);
}
.power-loader.s3-storyboard-active .s3-wireframe .s3-wireframe-part-callouts{
  stroke:#b8efff;
  stroke-width:.72;
  opacity:.72;
}
.power-loader.s3-storyboard-active .power-loader-product-aa{
  width:min(34vw,390px);
  height:min(78vh,760px);
  transform:translate(-50%,-50%) scale(.76) rotate(0deg);
  filter:drop-shadow(18px 30px 24px #000d);
}
.power-loader.s3-storyboard-active .power-loader-product-aa img{animation:none!important}
@media(max-width:700px){
  .power-loader.s3-storyboard-active .power-loader-logo{width:58vw;max-width:245px}
  .power-loader.s3-storyboard-active .power-loader-ring{width:72vw;max-width:370px}
  .power-loader.s3-storyboard-active .s3-wireframe{width:76vw;height:72vh}
  .power-loader.s3-storyboard-active .power-loader-product-aa{width:48vw;height:64vh}
}

/* Storyboard Anime V3: redraw the battery from a single AA proportion system. */
.s3-wireframe-v3{display:none;opacity:0;fill:none}
.s3-wireframe-v3 g{transform-box:fill-box;transform-origin:center}
.s3-wireframe-v3 path,
.s3-wireframe-v3 ellipse,
.s3-wireframe-v3 rect,
.s3-wireframe-v3 circle{
  fill:none;
  stroke:#bfefff;
  stroke-width:1.05;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
.s3-wireframe-v3 .s3v3-axis{stroke:#4f8eae;stroke-width:.55;stroke-dasharray:3 7;filter:none;opacity:0}
.s3-wireframe-v3 .s3v3-outline{stroke:#d9f7ff;stroke-width:1.18;filter:drop-shadow(0 0 2px #72d6ff55);opacity:0}
.s3-wireframe-v3 .s3v3-exploded{stroke:#a9e8ff;stroke-width:1.05;filter:drop-shadow(0 0 3px #5fc8ff55);opacity:0}
.s3-wireframe-v3 .s3v3-part-shell-left,
.s3-wireframe-v3 .s3v3-part-shell-right{stroke:#86d8ff;stroke-width:1.12}
.s3-wireframe-v3 .s3v3-part-seal-top,
.s3-wireframe-v3 .s3v3-part-seal-bottom{stroke:#bcefff;stroke-width:.92}
.s3-wireframe-v3 .s3v3-part-core{stroke:#e0faff;stroke-width:1.02;filter:drop-shadow(0 0 3px #75d8ff66)}
.s3-wireframe-v3 .s3v3-part-top,
.s3-wireframe-v3 .s3v3-part-bottom{stroke:#c9f2ff;stroke-width:1.08}
.s3-wireframe-v3 .s3v3-final{stroke:#d7f7ff;stroke-width:1.12;filter:drop-shadow(0 0 3px #68cfff66);opacity:0}
.s3-wireframe-v3 .s3v3-final-core{stroke:#85dfff;stroke-width:.72;opacity:.52;filter:none}

.power-loader.s3-storyboard-v3-active .power-loader-logo,
.power-loader.s3-storyboard-v3-active .power-loader-dot,
.power-loader.s3-storyboard-v3-active .power-loader-ring{
  display:block!important;
  animation:none!important;
}
.power-loader.s3-storyboard-v3-active .power-loader-logo{
  left:50%;
  top:50%;
  z-index:6;
  width:min(34vw,245px);
  transform:translate(-50%,-50%);
}
.power-loader.s3-storyboard-v3-active .power-loader-dot{z-index:7;width:8px;height:8px}
.power-loader.s3-storyboard-v3-active .power-loader-ring{
  left:50%;
  top:50%;
  z-index:2;
  width:min(34vw,360px);
  height:auto;
  transform:translate(-50%,-50%) rotate(-90deg);
}
.power-loader.s3-storyboard-v3-active .power-loader-ring-track,
.power-loader.s3-storyboard-v3-active .power-loader-ring-progress{animation:none!important}
.power-loader.s3-storyboard-v3-active .power-loader-ring-track{stroke:#bcecff2e}
.power-loader.s3-storyboard-v3-active .power-loader-ring-progress{stroke:#80d8ff;filter:drop-shadow(0 0 5px #5dc8ff)}
.power-loader.s3-storyboard-v3-active .s3-wireframe-v2{display:none!important}
.power-loader.s3-storyboard-v3-active .s3-wireframe-v3{
  display:block!important;
  position:absolute;
  left:50%;
  top:50%;
  z-index:4;
  width:min(32vw,300px);
  height:min(58vh,450px);
  overflow:visible;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.power-loader.s3-storyboard-v3-active .power-loader-product-aa{
  left:50%;
  top:50%;
  z-index:5;
  width:min(34vw,390px);
  height:min(78vh,760px);
  transform:translate(-50%,-50%) scale(.88) rotate(0deg);
  filter:drop-shadow(18px 28px 22px #000d);
}
.power-loader.s3-storyboard-v3-active .power-loader-product-aa img{animation:none!important;filter:none}
@media(max-width:700px){
  .power-loader.s3-storyboard-v3-active .power-loader-logo{width:58vw;max-width:245px}
  .power-loader.s3-storyboard-v3-active .power-loader-ring{width:68vw;max-width:360px}
  .power-loader.s3-storyboard-v3-active .s3-wireframe-v3{width:54vw;height:54vh}
  .power-loader.s3-storyboard-v3-active .power-loader-product-aa{width:58vw;height:68vh}
}

/* Storyboard Anime V4: three static, product-ratio structure drawings. */
.s3-wireframe-v4{display:none;opacity:0;fill:none}
.s3-wireframe-v4 g{transform-box:fill-box;transform-origin:center}
.s3-wireframe-v4 path,
.s3-wireframe-v4 ellipse,
.s3-wireframe-v4 rect,
.s3-wireframe-v4 circle{
  fill:none;
  stroke:#bfefff;
  stroke-width:1;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
.s3-wireframe-v4 .s3v4-outline{stroke:#e1f9ff;stroke-width:1.12;filter:drop-shadow(0 0 2px #72d6ff44);opacity:0}
.s3-wireframe-v4 .s3v4-exploded{stroke:#a9e8ff;stroke-width:.92;filter:drop-shadow(0 0 2px #5fc8ff44);opacity:0}
.s3-wireframe-v4 .s3v4-part-top,
.s3-wireframe-v4 .s3v4-part-bottom{stroke:#c9f2ff;stroke-width:1.03}
.s3-wireframe-v4 .s3v4-part-seal-top,
.s3-wireframe-v4 .s3v4-part-seal-bottom,
.s3-wireframe-v4 .s3v4-part-collar{stroke:#bcefff;stroke-width:.86}
.s3-wireframe-v4 .s3v4-part-shell-left,
.s3-wireframe-v4 .s3v4-part-shell-right{stroke:#86d8ff;stroke-width:1.02}
.s3-wireframe-v4 .s3v4-part-core{stroke:#dff9ff;stroke-width:.94;filter:drop-shadow(0 0 3px #75d8ff55)}
.s3-wireframe-v4 .s3v4-cutaway{stroke:#d7f7ff;stroke-width:1.02;filter:drop-shadow(0 0 2px #68cfff55);opacity:0}
.s3-wireframe-v4 .s3v4-cutaway-shell{opacity:.46}
.s3-wireframe-v4 .s3v4-cutaway-inner{stroke:#94e3ff;stroke-width:.9}

.power-loader.s3-storyboard-v4-active .power-loader-logo,
.power-loader.s3-storyboard-v4-active .power-loader-dot,
.power-loader.s3-storyboard-v4-active .power-loader-ring{
  display:block!important;
  animation:none!important;
}
.power-loader.s3-storyboard-v4-active .power-loader-logo{
  left:50%;
  top:50%;
  z-index:6;
  width:min(34vw,245px);
  transform:translate(-50%,-50%);
}
.power-loader.s3-storyboard-v4-active .power-loader-dot{z-index:7;width:8px;height:8px}
.power-loader.s3-storyboard-v4-active .power-loader-ring{
  left:50%;
  top:50%;
  z-index:2;
  width:min(34vw,360px);
  height:auto;
  transform:translate(-50%,-50%) rotate(-90deg);
}
.power-loader.s3-storyboard-v4-active .power-loader-ring-track,
.power-loader.s3-storyboard-v4-active .power-loader-ring-progress{animation:none!important}
.power-loader.s3-storyboard-v4-active .power-loader-ring-track{stroke:#bcecff2e}
.power-loader.s3-storyboard-v4-active .power-loader-ring-progress{stroke:#80d8ff;filter:drop-shadow(0 0 5px #5dc8ff)}
.power-loader.s3-storyboard-v4-active .s3-wireframe-v2,
.power-loader.s3-storyboard-v4-active .s3-wireframe-v3{display:none!important}
.power-loader.s3-storyboard-v4-active .s3-wireframe-v4{
  display:block!important;
  position:absolute;
  left:50%;
  top:50%;
  z-index:4;
  width:min(32vw,300px);
  height:min(58vh,450px);
  overflow:visible;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.power-loader.s3-storyboard-v4-active .power-loader-product-aa{
  left:50%;
  top:50%;
  z-index:5;
  width:min(34vw,390px);
  height:min(78vh,760px);
  transform:translate(-50%,-50%) scale(.88) rotate(0deg);
  filter:drop-shadow(18px 28px 22px #000d);
}
.power-loader.s3-storyboard-v4-active .power-loader-product-aa img{animation:none!important;filter:none}
@media(max-width:700px){
  .power-loader.s3-storyboard-v4-active .power-loader-logo{width:58vw;max-width:245px}
  .power-loader.s3-storyboard-v4-active .power-loader-ring{width:68vw;max-width:360px}
  .power-loader.s3-storyboard-v4-active .s3-wireframe-v4{width:54vw;height:54vh}
  .power-loader.s3-storyboard-v4-active .power-loader-product-aa{width:58vw;height:68vh}
}

/* Storyboard Anime V5: restrained engineering linework with explicit hierarchy. */
.s3-wireframe-v5{display:none;opacity:0;fill:none}
.s3-wireframe-v5 g{transform-box:fill-box;transform-origin:center}
.s3-wireframe-v5 path,
.s3-wireframe-v5 ellipse,
.s3-wireframe-v5 rect,
.s3-wireframe-v5 circle{
  fill:none;
  stroke:#b9eaff;
  stroke-width:.84;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
.s3-wireframe-v5 .s3v5-outline{stroke:#e6fbff;stroke-width:1.24;filter:drop-shadow(0 0 2px #75d6ff4d);opacity:0}
.s3-wireframe-v5 .s3v5-exploded{stroke:#a8e5ff;filter:drop-shadow(0 0 1px #5fc8ff3d);opacity:0}
.s3-wireframe-v5 .s3v5-terminal,
.s3-wireframe-v5 .s3v5-contact{stroke:#d2f5ff;stroke-width:1.02}
.s3-wireframe-v5 .s3v5-insulator-top,
.s3-wireframe-v5 .s3v5-insulator-bottom,
.s3-wireframe-v5 .s3v5-inner-collar{stroke:#b8edff;stroke-width:.78}
.s3-wireframe-v5 .s3v5-shell-left,
.s3-wireframe-v5 .s3v5-shell-right{stroke:#8ad9ff;stroke-width:.98}
.s3-wireframe-v5 .s3v5-core{stroke:#dff9ff;stroke-width:.9}
.s3-wireframe-v5 .s3v5-layer{stroke:#72cfff;stroke-width:.58;opacity:.72}
.s3-wireframe-v5 .s3v5-hidden{stroke:#5596b7;stroke-width:.5;stroke-dasharray:2.2 4.2;opacity:.32}
.s3-wireframe-v5 .s3v5-cutaway{stroke:#d9f8ff;stroke-width:1.02;filter:drop-shadow(0 0 2px #68cfff48);opacity:0}
.s3-wireframe-v5 .s3v5-cutaway-shell{opacity:.35}
.s3-wireframe-v5 .s3v5-cutaway-core{stroke:#91e1ff;stroke-width:.86}
.s3-wireframe-v5 .s3v5-cutaway-core .s3v5-layer{stroke:#c9f4ff;stroke-width:.62;opacity:.74}

.power-loader.s3-storyboard-v5-active .power-loader-logo,
.power-loader.s3-storyboard-v5-active .power-loader-dot,
.power-loader.s3-storyboard-v5-active .power-loader-ring{
  display:block!important;
  animation:none!important;
}
.power-loader.s3-storyboard-v5-active .power-loader-logo{
  left:50%;
  top:50%;
  z-index:6;
  width:min(34vw,245px);
  transform:translate(-50%,-50%);
}
.power-loader.s3-storyboard-v5-active .power-loader-dot{z-index:7;width:8px;height:8px}
.power-loader.s3-storyboard-v5-active .power-loader-ring{
  left:50%;
  top:50%;
  z-index:2;
  width:min(34vw,360px);
  height:auto;
  transform:translate(-50%,-50%) rotate(-90deg);
}
.power-loader.s3-storyboard-v5-active .power-loader-ring-track,
.power-loader.s3-storyboard-v5-active .power-loader-ring-progress{animation:none!important}
.power-loader.s3-storyboard-v5-active .power-loader-ring-track{stroke:#bcecff25}
.power-loader.s3-storyboard-v5-active .power-loader-ring-progress{stroke:#80d8ff;filter:drop-shadow(0 0 4px #5dc8ff)}
.power-loader.s3-storyboard-v5-active .s3-wireframe-v2,
.power-loader.s3-storyboard-v5-active .s3-wireframe-v3,
.power-loader.s3-storyboard-v5-active .s3-wireframe-v4{display:none!important}
.power-loader.s3-storyboard-v5-active .s3-wireframe-v5{
  display:block!important;
  position:absolute;
  left:50%;
  top:50%;
  z-index:4;
  width:min(32vw,300px);
  height:min(58vh,450px);
  overflow:visible;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.power-loader.s3-storyboard-v5-active .power-loader-product-aa{
  left:50%;
  top:50%;
  z-index:5;
  width:min(34vw,390px);
  height:min(78vh,760px);
  transform:translate(-50%,-50%) scale(.88) rotate(0deg);
  filter:drop-shadow(18px 28px 22px #000d);
}
.power-loader.s3-storyboard-v5-active .power-loader-product-aa img{animation:none!important;filter:none}
@media(max-width:700px){
  .power-loader.s3-storyboard-v5-active .power-loader-logo{width:58vw;max-width:245px}
  .power-loader.s3-storyboard-v5-active .power-loader-ring{width:68vw;max-width:360px}
  .power-loader.s3-storyboard-v5-active .s3-wireframe-v5{width:54vw;height:54vh}
  .power-loader.s3-storyboard-v5-active .power-loader-product-aa{width:58vw;height:68vh}
}

/* Storyboard Anime V6: clean product-build drawing; hidden and decorative lines stay off. */
.s3-wireframe-v6{display:none;opacity:0;fill:none}
.s3-wireframe-v6 g{transform-box:fill-box;transform-origin:center}
.s3-wireframe-v6 path,
.s3-wireframe-v6 ellipse,
.s3-wireframe-v6 rect,
.s3-wireframe-v6 circle{
  fill:none;
  stroke:#bcecff;
  stroke-width:.82;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
.s3-wireframe-v6 .s3v6-outline{stroke:#effcff;stroke-width:1.2;filter:drop-shadow(0 0 1px #75d6ff4d);opacity:0}
.s3-wireframe-v6 .s3v6-exploded{stroke:#b0e8ff;opacity:0}
.s3-wireframe-v6 .s3v6-top,
.s3-wireframe-v6 .s3v6-bottom{stroke:#d5f6ff;stroke-width:1}
.s3-wireframe-v6 .s3v6-ring,
.s3-wireframe-v6 .s3v6-inner-can{stroke:#aee8ff;stroke-width:.78}
.s3-wireframe-v6 .s3v6-shell-left,
.s3-wireframe-v6 .s3v6-shell-right{stroke:#8edcff;stroke-width:.95}
.s3-wireframe-v6 .s3v6-core{stroke:#ddfaff;stroke-width:.88}
.s3-wireframe-v6 .s3v6-detail{stroke:#67c8ef;stroke-width:.56;opacity:.68}
.s3-wireframe-v6 .s3v6-cutaway{stroke:#dffaff;stroke-width:1;opacity:0}
.s3-wireframe-v6 .s3v6-cutaway-shell{opacity:.24}
.s3-wireframe-v6 .s3v6-cutaway-core{stroke:#8adfff;stroke-width:.84}
.s3-wireframe-v6 .s3v6-cutaway-core .s3v6-detail{stroke:#bdefff;stroke-width:.58;opacity:.7}
.s3-wireframe-v6 .s3v6-technical{opacity:0;transform-box:fill-box;transform-origin:center}
.s3-wireframe-v6 .s3v6-energy{stroke:#4fc5ff;stroke-width:.56;opacity:.34;filter:drop-shadow(0 0 3px #168dff99)}
.s3-wireframe-v6 .s3v6-energy-orbit{stroke-dasharray:5 5}
.s3-wireframe-v6 .s3v6-energy-axis{stroke-dasharray:3 6;opacity:.58}
.s3-wireframe-v6 .s3v6-honeycomb{stroke:#68d8ff;stroke-width:.72;opacity:.92;filter:drop-shadow(0 0 2px #1e9fff99)}
.s3-wireframe-v6 .s3v6-honeycomb-frame{stroke:#bdefff;stroke-width:.78;opacity:.72}
.s3-wireframe-v6 .s3v6-honeycomb-grid{stroke:#63d6ff;stroke-width:.58;opacity:.92}
.s3-wireframe-v6 .s3v6-honeycomb-core{transform-box:fill-box;transform-origin:center}
.s3-wireframe-v6 .s3v6-honeycomb-base{display:none}
.s3-wireframe-v6 .s3v6-outline-base-front,
.s3-wireframe-v6 .s3v6-outline-base-rear,
.s3-wireframe-v6 .s3v6-outline-contact{display:none}
.s3-wireframe-v6 .s3v6-hidden,
.s3-wireframe-v6 .s3v6-guide,
.s3-wireframe-v6 .s3v6-layer{display:none}

/* V13.2: 3188 wireframe reference — shorter inner core, clear contact base, stronger hierarchy. */
.power-loader.s3-wireframe-reference-3188 .s3v6-honeycomb-core{transform:scaleY(.93)}
.power-loader.s3-wireframe-reference-3188 .s3v6-honeycomb-base{display:block;stroke:#bdefff;stroke-width:.78;opacity:.84}
.power-loader.s3-wireframe-reference-3188 .s3v6-outline{stroke-width:1.32}
.power-loader.s3-wireframe-reference-3188 .s3v6-honeycomb-frame{stroke-width:.84;opacity:.88}
.power-loader.s3-wireframe-reference-3188 .s3v6-honeycomb-grid{stroke-width:.62;opacity:.96}

/* V14: reproduce the VONIKO-worktree V12 reference line hierarchy. */
.power-loader.s3-wireframe-reference-v12 .s3v6-outline{stroke:#f0fbff;stroke-width:2px;filter:drop-shadow(0 0 3px #75d6ff77)}
.power-loader.s3-wireframe-reference-v12 .s3v6-outline-wall,
.power-loader.s3-wireframe-reference-v12 .s3v6-outline-base-front,
.power-loader.s3-wireframe-reference-v12 .s3v6-outline-rim{stroke-width:2.2px}
.power-loader.s3-wireframe-reference-v12 .s3v6-outline-base-rear{stroke:#80d6ff;stroke-width:1.1px;opacity:.65}
.power-loader.s3-wireframe-reference-v12 .s3v6-outline-contact{stroke:#a8e6ff;stroke-width:1.2px;opacity:.75}
.power-loader.s3-wireframe-reference-v12 .s3v6-outline-base-front,
.power-loader.s3-wireframe-reference-v12 .s3v6-outline-base-rear,
.power-loader.s3-wireframe-reference-v12 .s3v6-outline-contact{display:block}
.power-loader.s3-wireframe-reference-v12 .s3v6-outline-shoulder{stroke-width:1.5px}
.power-loader.s3-wireframe-reference-v12 .s3v6-outline-legacy-base{display:none}
.power-loader.s3-wireframe-reference-v12 .s3v6-honeycomb-core{transform:none}
.power-loader.s3-wireframe-reference-v12 .s3v6-honeycomb-base{display:none}
.power-loader.s3-wireframe-reference-v12 .s3v6-honeycomb{opacity:.95}
.power-loader.s3-wireframe-reference-v12 .s3v6-honeycomb-frame{stroke:#bdefff;stroke-width:1.2px;opacity:.9;filter:drop-shadow(0 0 2px #1e9fff88)}
.power-loader.s3-wireframe-reference-v12 .s3v6-honeycomb-grid{stroke:#63d6ff;stroke-width:.65px;opacity:.95}

.power-loader.s3-storyboard-v6-active .power-loader-logo,
.power-loader.s3-storyboard-v6-active .power-loader-dot,
.power-loader.s3-storyboard-v6-active .power-loader-ring{
  display:block!important;
  animation:none!important;
}
.power-loader.s3-storyboard-v6-active .power-loader-logo{left:50%;top:50%;z-index:6;width:min(34vw,245px);transform:translate(-50%,-50%)}
.power-loader.s3-storyboard-v6-active .power-loader-dot{z-index:7;width:8px;height:8px}
.power-loader.s3-storyboard-v6-active .power-loader-ring{left:50%;top:50%;z-index:2;width:min(34vw,360px);height:auto;transform:translate(-50%,-50%) rotate(-90deg)}
.power-loader.s3-storyboard-v6-active .power-loader-ring-track,
.power-loader.s3-storyboard-v6-active .power-loader-ring-progress{animation:none!important}
.power-loader.s3-storyboard-v6-active .power-loader-ring-track{stroke:#bcecff22}
.power-loader.s3-storyboard-v6-active .power-loader-ring-progress{stroke:#80d8ff;filter:drop-shadow(0 0 3px #5dc8ff)}
.power-loader.s3-storyboard-v6-active .s3-wireframe-v2,
.power-loader.s3-storyboard-v6-active .s3-wireframe-v3,
.power-loader.s3-storyboard-v6-active .s3-wireframe-v4,
.power-loader.s3-storyboard-v6-active .s3-wireframe-v5{display:none!important}
.power-loader.s3-storyboard-v6-active .s3-wireframe-v6{display:block!important;position:absolute;left:50%;top:50%;z-index:4;width:min(32vw,300px);height:min(58vh,450px);overflow:visible;transform:translate(-50%,-50%);pointer-events:none}
.power-loader.s3-storyboard-v6-active .power-loader-product-aa{left:50%;top:50%;z-index:5;width:min(34vw,390px);height:min(78vh,760px);transform:translate(-50%,-50%) scale(.88) rotate(0deg);filter:drop-shadow(18px 28px 22px #000d)}
.power-loader.s3-storyboard-v6-active .power-loader-product-aa img{animation:none!important;filter:none}
@media(max-width:700px){
  .power-loader.s3-storyboard-v6-active .power-loader-logo{width:58vw;max-width:245px}
  .power-loader.s3-storyboard-v6-active .power-loader-ring{width:68vw;max-width:360px}
  .power-loader.s3-storyboard-v6-active .s3-wireframe-v6{width:54vw;height:54vh}
  .power-loader.s3-storyboard-v6-active .power-loader-product-aa{width:58vw;height:68vh}
}

/* Storyboard Anime V7: calibrate the visible wireframe against the real product alpha bounds. */
.power-loader.s3-storyboard-v7-active{
  /* aa-pack.png has a 215 x 778 non-transparent product area inside its 850 x 1000 canvas. */
  --s3-v7-visible-height:min(46vh,354px);
  --s3-v7-wireframe-width:calc(var(--s3-v7-visible-height) * .848057);
  --s3-v7-wireframe-height:calc(var(--s3-v7-visible-height) * 1.166078);
  --s3-v7-product-width:calc(var(--s3-v7-visible-height) * 1.092545);
  --s3-v7-product-height:calc(var(--s3-v7-visible-height) * 1.285347);
}
.power-loader.s3-storyboard-v7-active .power-loader-logo,
.power-loader.s3-storyboard-v7-active .power-loader-dot,
.power-loader.s3-storyboard-v7-active .power-loader-ring{
  display:block!important;
  animation:none!important;
}
.power-loader.s3-storyboard-v7-active .power-loader-logo{left:50%;top:50%;z-index:6;width:min(34vw,245px);transform:translate(-50%,-50%)}
.power-loader.s3-storyboard-v7-active .power-loader-dot{z-index:7;width:8px;height:8px}
.power-loader.s3-storyboard-v7-active .power-loader-ring{left:50%;top:50%;z-index:2;width:min(34vw,360px);height:auto;transform:translate(-50%,-50%) rotate(-90deg)}
.power-loader.s3-storyboard-v7-active .power-loader-ring-track,
.power-loader.s3-storyboard-v7-active .power-loader-ring-progress{animation:none!important}
.power-loader.s3-storyboard-v7-active .power-loader-ring-track{stroke:#bcecff22}
.power-loader.s3-storyboard-v7-active .power-loader-ring-progress{stroke:#80d8ff;filter:drop-shadow(0 0 3px #5dc8ff)}
.power-loader.s3-storyboard-v7-active .s3-wireframe-v2,
.power-loader.s3-storyboard-v7-active .s3-wireframe-v3,
.power-loader.s3-storyboard-v7-active .s3-wireframe-v4,
.power-loader.s3-storyboard-v7-active .s3-wireframe-v5,
.power-loader.s3-storyboard-v7-active .s3-wireframe-v6{display:none!important}
.power-loader.s3-storyboard-v7-active .s3-wireframe-v7{
  display:block!important;
  position:absolute;
  left:50%;
  top:50%;
  z-index:4;
  width:var(--s3-v7-wireframe-width);
  height:var(--s3-v7-wireframe-height);
  overflow:visible;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.power-loader.s3-storyboard-v7-active .power-loader-product-aa{
  left:50%;
  top:50%;
  z-index:5;
  width:var(--s3-v7-product-width);
  height:var(--s3-v7-product-height);
  transform:translate(-50%,-50%) scale(.88) rotate(0deg);
  filter:drop-shadow(18px 28px 22px #000d);
}
.power-loader.s3-storyboard-v7-active .power-loader-product-aa img{animation:none!important;filter:none}
@media(max-width:700px){
  .power-loader.s3-storyboard-v7-active{--s3-v7-visible-height:min(36vh,300px)}
  .power-loader.s3-storyboard-v7-active .power-loader-logo{width:58vw;max-width:245px}
  .power-loader.s3-storyboard-v7-active .power-loader-ring{width:68vw;max-width:360px}
}