/* 04 charcoal / silver palette; 07 quiet split-screen composition. */
:root{--ink:#18191b;--blue:#d1d4d7;--sky:#e6e8ea;--paper:#ececec;--muted:#777b80;--border:#343638;--black:#101112;--text:#f2f2f2;--quiet:#a4a8ac}
body{background:var(--black);color:var(--text)}
.site-header{margin:14px 22px;height:76px;top:12px;padding:0 3.6%;border:1px solid #ffffff12;border-radius:15px;background:#18191aed;color:#eee;backdrop-filter:blur(20px)}
.site-header.scrolled{background:#18191af5;border-color:#ffffff22}.logo img{filter:none;width:142px}.logo span{border-left-color:#444;color:#8b9094;font-size:10px}.site-header nav{font-size:13px;gap:30px}.site-header nav a:after{background:white}.languages button{color:#8b8d90}.languages button[aria-pressed=true]{color:#fff}.shop-link{border:1px solid #44484b;border-radius:50px;padding:9px 18px;font-size:13px;gap:17px}

/* The planned IA stays visible at every breakpoint; there is no hamburger menu. */
.menu-button{display:none!important}
.site-header nav{display:flex!important;position:static!important;flex-direction:row!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.hero{margin:0 22px;grid-template-columns:1.03fr 1fr;min-height:655px;height:calc(100svh - 123px);max-height:840px;border:1px solid #ffffff15;border-radius:17px;background:#191a1c;isolation:isolate;position:relative}
.hero-stage{background:radial-gradient(ellipse at 47% 42%,#555b62 0,#363b40 35%,#272b2f 64%,#202326 100%);min-width:0;isolation:isolate;border-right:1px solid #ffffff0b;overflow:hidden}
.hero-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#fff0 35%,#ffffff06 48%,#fff0 60%);z-index:0;pointer-events:none}
.stage-top{inset:27px 30px auto;gap:9px;color:#c1c6ca;font-size:10px;letter-spacing:.1em;z-index:8}.live-dot{width:5px;height:5px;background:#d6dce0;box-shadow:none}.motion-button{border-color:#ffffff30;background:transparent;font-size:11px;color:#c5cbd0;padding:5px 10px}.stage-word{display:none}
.power-ambience{position:absolute;inset:12% -25% 0;background:radial-gradient(ellipse at 47% 40%,#a9bec633,transparent 66%);opacity:.65;pointer-events:none;z-index:1}.power-axis{position:absolute;inset:15% 0 17%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;opacity:.38;color:#d8dde0;font-size:20px;font-weight:400;z-index:2}.product-scene{inset:2% 0 9%;z-index:4;transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform .5s ease-out}.battery-front{height:107%;top:-1%;transform:translate(10%,-1%) rotate(13deg);animation:none}.battery-rear{height:83%;top:12%;transform:translate(-16%,1%) rotate(-18deg);animation:none;opacity:.95;filter:brightness(.9)}.battery-object img{filter:drop-shadow(25px 30px 17px #0006)}
.power-trace{position:absolute;width:100%;height:100%;inset:0;z-index:5;pointer-events:none;overflow:visible}.power-trace path{fill:none;stroke:url(#current-gradient);stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:0;opacity:.18;filter:drop-shadow(0 0 5px #b5d6e977)}#energy-path-two{opacity:.1;stroke-width:.9}
.stage-detail{bottom:104px;right:30px;color:#e4e8eb;font-size:11px;letter-spacing:.04em;gap:10px;z-index:7}.stage-detail small{color:#a6afb6;font-size:9px}.cross{font-size:25px}.stage-bottom{bottom:27px;left:30px;right:28px;gap:12px;z-index:8;align-items:center}.hero-pills{display:flex;gap:7px;flex-wrap:wrap}.hero-pills button{display:flex;align-items:center;gap:17px;background:#ffffff08;border:1px solid #dce6ed40;border-radius:50px;color:#e5e8eb;font-size:12px;padding:8px 14px;transition:background .25s,color .25s}.hero-pills button span{font-size:15px}.hero-pills button:hover{background:#ffffff18}.hero-pills button[aria-pressed=true]{background:#e2e5e8;border-color:#e2e5e8;color:#22272b}.replay{font-size:11px;color:#b8c0c7;gap:5px}.replay>span:first-child{font-size:22px}.sequence-progress{height:1px;position:absolute;left:30px;right:30px;bottom:0;z-index:8;background:#ffffff05}.sequence-progress span{display:block;height:100%;width:100%;background:#cad9e080;transform-origin:left;transform:scaleX(1)}
.hero-copy{padding:10% 11% 8%;justify-content:center;background:#191a1c;z-index:6}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.1em;color:#949ca3;margin-bottom:30px}.hero .line{width:24px;background:#bfc5ca}.hero h1{font-size:clamp(52px,6vw,87px);font-weight:600;line-height:1.08;letter-spacing:-.065em}.hero h1>span,.hero h1>em{display:block;animation:none}.hero h1>em{color:#f2f2f2;font-style:normal}.hero-description{font-size:15px;color:#a7afb6;line-height:1.85;max-width:375px;margin-top:30px}.hero-ctas{margin-top:33px;gap:13px}.hero-ctas .button-blue{background:#eceef0;color:#171c20;font-size:13px;min-height:54px;gap:25px}.hero-ctas .button-blue:hover{background:#fff}.circle-link{height:53px;width:53px;border-color:#ffffff35;color:#dce1e5}.hero-footer{margin-top:42px;padding-top:24px;border-top:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a6acb1;line-height:1.7}.hero-mini-product{display:flex;gap:15px;align-items:center;min-width:0}.selected-index{font-size:10px;letter-spacing:.05em;color:#868f97;white-space:nowrap}.hero-mini-product>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.hero-mini-product small{font-size:8px;letter-spacing:.08em;color:#7f8a92}.hero-mini-product strong{font-size:13px;font-weight:400;letter-spacing:0;color:#d1d9e0}.mini-arrow{font-size:20px;margin-left:4px}.hero-origin{font-size:8px;letter-spacing:.08em;color:#838e96;white-space:nowrap}.hero-stage.coin-selected .battery-rear{visibility:hidden}.hero-stage.coin-selected .battery-front{height:77%;top:9%;inset-inline:12%;transform:translate(0,0) rotate(-14deg)}.hero-stage.coin-selected .battery-front img{max-width:100%;object-fit:contain}
.brand-ribbon{border-bottom-color:#ffffff15;color:#9da4a9;padding:31px 6%;font-size:10px;letter-spacing:.08em}.ribbon-separator{color:#b7bdc1;font-size:22px}.section{padding-top:95px;padding-bottom:95px}.section-head .eyebrow{color:#969fa7;font-size:11px}.section-head h2{color:#f1f2f3}.section-head h2 em{color:#92999f}.section-intro{color:#9ea7af;font-size:15px}.product-selector{border-color:#34393e}.product-selector button{color:#929fa9;border-color:#34393e}.product-selector button strong{color:#e7ebef}.product-selector button[aria-selected=true]{background:#24292e;border-bottom-color:#b7c2cb;color:#d7dfe5}.product-panel{background:#1c2024;border:1px solid #30363c;min-height:505px}.product-art{background:radial-gradient(ellipse at 50% 40%,#565e65,#343b41 65%,#2c3338);min-height:505px}.product-art>img{height:455px;filter:drop-shadow(18px 23px 19px #0005)}.product-watermark{color:#ffffff0a}.product-art-bottom{color:#bac6cf}.product-info h3{color:#f0f3f5}.product-info>p{color:#a7b2bb}.product-kicker{color:#bbc8d1}.product-tags span{border-color:#424d56;color:#b8c6d1}.device-line{border-color:#3d464e}.device-line>span{color:#8e9eab}.device-line strong{color:#c9d4dc}.product-info>.spec-note{color:#91a1ae}.product-actions .button-dark{background:#e2e8ec;color:#20282e}.product-actions .under-link{color:#b8c7d2}.advantages{margin:0 22px;background:#191d21;border:1px solid #30373d;border-radius:17px;padding-inline:calc(7% - 22px)}.advantages h2 em{color:#868f97}.big-plus{color:#b6c3cc}.feature-mark{color:#c4d0d9}.feature-index{color:#8f9faa}.advantage-grid h3{color:#e0e7ec}.advantage-grid p{color:#a1b0bc}.moments-grid{grid-template-columns:1.2fr 1fr;gap:30px}.moment-card{min-height:440px;border:1px solid #323c44}.moment-card:nth-child(2){margin-top:65px;min-height:360px}.moment-card:after{background:linear-gradient(0deg,#0b1014ed,transparent 70%)}.moment-number{background:#172028aa}.brand-section{background:radial-gradient(ellipse at 80% 55%,#64727c25,transparent 55%),#242a2f;border:1px solid #3b464f}.brand-statement h2 em{color:#a2b2be}.brand-statement .eyebrow{color:#adbdc9}.brand-bottom p{color:#b5c4cf}.brand-pack{background:radial-gradient(ellipse,#b4c4ce17,transparent 65%)}.brand-pack>span{color:#8d9da9}.buy-strip{border-bottom-color:#3b454d}.buy-strip .eyebrow{color:#92a3b0}.buy-strip h2{color:#d8e3eb}.shopee-button{background:#20282f;border-color:#45535d}.shopee-button:hover{background:#29343d}.shopee-button small{color:#99abb9}.shopping-bag{color:#c0cbd3;border-color:#a1b1be}.story-list,.story-list>button{border-color:#35434d}.story-list>button:hover{background:#1f2a32}.story-index{color:#92a7b7}.story-list h3{color:#dce7ee}.contact-section{margin:0 22px;padding-inline:calc(7% - 22px);border-radius:17px;background:#e5e9ec;color:#25333d}.contact-copy .eyebrow{color:#607787}.contact-copy h2 em{color:#627f92}.contact-copy>p:not(.eyebrow){color:#5a7384}.contact-types span{border-color:#bccad4;color:#496273}.form-bottom .button-blue{background:#243b4c;color:#fff}.form-bottom small{color:#627987}footer{background:#10171c;padding-top:65px}.floating-contact{background:#e3e9ee;border-color:#ced7df;color:#182630}.floating-contact:hover{background:#fff}.footer-bottom{color:#9bacb8}
@media(min-width:1650px){.hero{max-width:1750px;min-height:740px}.hero-copy{padding-top:12%;padding-bottom:10%}.hero h1{font-size:92px}.advantages,.contact-section{padding-inline:max(7%,calc((100vw - 1460px)/2))}}
@media(max-width:1150px){.site-header{padding:0 3%;gap:20px}.site-header nav{font-size:12px;gap:20px}.hero{min-height:680px}.hero-copy{padding:55px 9% 42px}.hero h1{font-size:62px}.hero-description{font-size:14px}.hero-ctas .button-blue{font-size:12px;gap:18px;padding:13px 20px}.hero-footer{gap:15px;margin-top:35px}.hero-origin{display:none}.stage-bottom{left:23px;right:23px;gap:10px}.hero-pills{gap:6px}.hero-pills button{font-size:11px;padding:8px 12px;gap:10px}.replay{font-size:10px}.stage-detail{right:25px}.stage-top{inset:25px 25px auto;font-size:9px}.section{padding:80px 6%}.advantages,.contact-section{padding-inline:calc(6% - 22px)}.moment-card{min-height:390px}.moment-card:nth-child(2){min-height:330px;margin-top:50px}}
@media(max-width:850px){.site-header{height:auto;min-height:70px;top:8px;margin:10px 14px 14px;padding:14px 20px 10px;flex-wrap:wrap;row-gap:8px}.site-header nav{order:3;flex:0 0 100%;overflow-x:auto;scrollbar-width:none;white-space:nowrap;font-size:13px;gap:22px;padding-bottom:2px!important}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{flex:0 0 auto}.header-actions{margin-left:auto}.hero{margin:0 14px;min-height:650px;max-height:800px;grid-template-columns:1fr 1fr}.hero-copy{padding:43px 24px}.hero-copy>.eyebrow{font-size:9px;margin-bottom:25px}.hero h1{font-size:48px}.hero-description{font-size:14px;line-height:1.8;margin-top:25px}.hero-ctas{gap:10px;flex-wrap:wrap;margin-top:25px}.hero-ctas .button-blue{font-size:12px;gap:15px;padding:13px 17px;min-height:48px}.circle-link{height:47px;width:47px}.hero-footer{margin-top:30px;padding-top:22px}.hero-mini-product{gap:13px}.hero-mini-product strong{font-size:12px}.selected-index{font-size:9px}.stage-top{inset:23px 18px auto;letter-spacing:.05em;font-size:8px}.motion-button{font-size:10px;padding:4px 7px}.product-scene{inset:10% 0 14%}.battery-front{height:95%;top:3%}.battery-rear{height:77%;top:14%}.stage-detail{right:20px;bottom:120px}.stage-detail small{font-size:8px}.stage-bottom{left:18px;right:18px;bottom:22px;flex-wrap:wrap;gap:8px}.hero-pills button{font-size:10px;padding:7px 10px;gap:8px}.hero-pills button span{font-size:12px}.replay{margin-left:auto}.power-axis{inset:20% 0 23%;font-size:18px}.advantages,.contact-section{margin-inline:14px;padding-inline:calc(6% - 14px)}.product-art{min-height:510px}.product-art>img{height:370px}.moments-grid{gap:22px;grid-template-columns:1.1fr 1fr}.moment-card{min-height:360px}.moment-card:nth-child(2){min-height:310px;margin-top:45px}.brand-pack{min-height:450px}}
@media(max-width:600px){html{scroll-padding-top:122px}.site-header{min-height:66px;margin:10px 10px 12px;padding:12px 17px 9px;border-radius:13px}.logo img{width:115px}.site-header nav{font-size:12px;gap:19px}.header-actions{gap:15px}.hero{margin:0 10px;display:flex;min-height:0;height:auto;max-height:none;border-radius:15px}.hero-stage{height:380px;min-height:380px;border-right:0;border-bottom:1px solid #ffffff12}.stage-top{inset:19px 19px auto;font-size:9px;letter-spacing:.06em}.motion-button{font-size:11px}.product-scene{inset:3% 0 12%}.battery-front{height:111%;top:-6%}.battery-rear{height:86%;top:4%}.stage-detail{bottom:84px;right:20px;font-size:10px}.stage-detail small{font-size:9px}.stage-bottom{bottom:18px;left:19px;right:19px;flex-wrap:nowrap;gap:10px}.hero-pills{gap:5px}.hero-pills button{font-size:11px;padding:7px 10px;gap:6px}.hero-pills button span{display:none}.replay{font-size:10px;gap:4px}.replay>span:first-child{font-size:20px}.sequence-progress{left:19px;right:19px}.power-axis{inset:11% 0 18%;font-size:17px}.hero-copy{padding:33px 28px 30px}.hero-copy>.eyebrow{font-size:10px;margin-bottom:24px}.hero h1{font-size:clamp(45px,12vw,66px);line-height:1.08}.hero h1>span,.hero h1>em{display:block}.hero h1>span:after{content:none}.hero-description{font-size:15px;line-height:1.85;margin-top:25px}.hero-ctas{flex-wrap:nowrap;margin-top:25px}.hero-ctas .button-blue{font-size:13px;padding:13px 21px;gap:20px;min-height:51px}.hero-footer{margin-top:29px;padding-top:23px;flex-direction:row}.hero-mini-product small{font-size:9px}.hero-mini-product strong{font-size:14px}.selected-index{font-size:10px}.hero-origin{display:block;font-size:7px}.hero-stage.coin-selected .battery-front{height:78%;top:0;inset-inline:13%}.brand-ribbon{font-size:10px;padding:25px 23px;gap:22px}.section{padding:62px 23px}.section-head .eyebrow{font-size:10px}.section-head h2{font-size:35px}.section-intro{font-size:15px}.product-art{min-height:330px}.product-art>img{height:330px}.product-panel{min-height:0}.product-info{padding:30px 25px}.advantages,.contact-section{margin:0 10px;padding:48px 23px;border-radius:15px}.advantages h2{font-size:30px}.moments-grid{grid-template-columns:1fr;gap:20px}.moment-card{min-height:350px}.moment-card:nth-child(2){margin-top:0;min-height:330px}.brand-section{margin-inline:10px}.brand-pack{min-height:340px}.contact-copy h2{font-size:41px}.buy-strip{padding:38px 23px}.shopee-button{padding:19px;gap:13px}.shopee-button strong{font-size:14px}.form-bottom .button{font-size:12px}.footer-top>span{font-size:10px}.floating-contact{font-size:13px}}
@media(max-width:360px){.replay>span[data-i18n]{display:none}.hero-pills button{font-size:10px}.hero-copy{padding-inline:23px}.hero h1{font-size:43px}.hero-ctas .button-blue{font-size:12px;padding-inline:17px}.hero-origin{display:none}.form-row{grid-template-columns:1fr;gap:0}.form-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.product-scene{transform:none!important}.power-trace path{opacity:.12}.power-ambience{opacity:.65}.battery-object,.hero h1>*{animation:none!important}}