@font-face{font-family:"LEIYU Text";src:url("roboto-var.woff2") format("woff2"),url("roboto-var.ttf") format("truetype");font-weight:100 900;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"LEIYU Display";src:url("fira-xcond-700.woff2") format("woff2");font-weight:600 900;font-display:swap}
:root{
 color-scheme:dark;
 --bg-0:#15181B;--bg-1:#1C1F22;--bg-2:#24282C;--bg-3:#2C3035;
 --ground:#1C1F22;--ground-2:#181B1E;
 --panel:#24282C;--panel-2:#2C3035;
 --line:rgba(255,255,255,.1);--line-2:rgba(255,255,255,.18);
 --green:#1B6A54;--green-2:#165845;--green-deep:#0F3A2F;--green-ink:#0C2E25;--green-light:#3E9B7F;
 --teal:#3E9B7F;--teal-2:#2F8068;--teal-deep:#0F3A2F;--teal-ink:#15181B;--teal-soft:rgba(27,106,84,.24);--teal-text:#F1F2F3;
 --y:#F5C400;--y-2:#FFD43B;
 --ink:#F1F2F3;--ink-2:#B9C0C6;--mute:#8E969C;
 --ph-bg:rgba(245,166,80,.16);--ph-ink:#F4B46E;
 --well:#24282C;
 --glass:#24282C;
 --glass-dark:rgba(28,31,34,.94);
 --rim:inset 0 0 0 1px rgba(255,255,255,.1);
 --rim-soft:inset 0 0 0 1px rgba(255,255,255,.07);
 --edge:0 0 0 0 transparent;
 --drop:0 18px 40px rgba(0,0,0,.32);
 --blur:blur(16px);
 --r-xl:16px;--r-lg:12px;--r-md:10px;--r-sm:6px;--pill:8px;
 --hd:72px;--wrap:1320px;
 --f-cn:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC","Noto Sans SC",system-ui,sans-serif;
 --f:"LEIYU Text",var(--f-cn);
 --f-display:"LEIYU Display","LEIYU Text",var(--f-cn);
 --display-scale:1;
 --t-xs:13px;--t-sm:14px;--t-md:16px;--t-lg:18px;--t-xl:22px;
 --ease:cubic-bezier(.16,1,.3,1);
 --spring:cubic-bezier(.2,.9,.25,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hd) + 64px);scrollbar-color:#454A50 var(--bg-1)}
body{margin:0;background:var(--bg-1);color:var(--ink);font:400 16px/1.65 var(--f);font-stretch:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;caret-color:var(--y)}
body::before{content:none}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{font-weight:700;line-height:1.2;letter-spacing:0;text-wrap:balance}
h2{font-size:clamp(26px,2.8vw,38px)}
h3{font-size:18px}
p{text-wrap:pretty}
::selection{background:var(--y);color:#16171A}
::placeholder{color:#868D92;opacity:1}
:focus-visible{outline:2px solid var(--y);outline-offset:3px}
.i{width:20px;height:20px;flex:none}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--y);color:#16171A;padding:10px 14px;font-weight:700;border-radius:var(--pill)}
.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
dd,.num,td{font-variant-numeric:tabular-nums}
main{padding-top:var(--hd)}
.hd[data-over]~main{padding-top:0}
.scroll-prog{position:fixed;left:0;top:0;z-index:60;width:100%;height:2px;transform-origin:left;transform:scaleX(0);background:var(--y);pointer-events:none}


.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;height:auto;max-width:100%;padding:12px 24px;border:0;border-radius:var(--pill);font:700 15px/1.3 var(--f);white-space:normal;text-align:center;cursor:pointer;transition:transform .35s var(--spring),background-color .25s,box-shadow .3s,color .2s}
.btn:active{transform:scale(.96)}
.btn .i{width:18px;height:18px}
.btn-y{background:linear-gradient(180deg,#FFD94F 0%,#F4C51C 55%,#E8B60D 100%);color:#16171A;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.14),0 6px 16px rgba(0,0,0,.28)}
.btn-y:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.14),0 12px 26px rgba(0,0,0,.34)}
.btn-t{background:var(--green);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 16px rgba(0,0,0,.28)}
.btn-t:hover{transform:translateY(-1px);background:#237A63}
.btn-o,.btn-line{background:#2B2C31;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 6px 16px rgba(0,0,0,.2)}
.btn-o:hover,.btn-line:hover{transform:translateY(-1px);background:#35363C;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 10px 22px rgba(0,0,0,.26)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn-row.center{justify-content:center;margin-top:40px}
.more{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--teal-text);white-space:nowrap}
.more .i{width:18px;height:18px;transition:transform .3s var(--spring)}
.more:hover .i{transform:translateX(4px)}
.ph-tag{display:inline-block;margin-left:6px;padding:0 6px;border-radius:6px;background:var(--ph-bg);color:var(--ph-ink);font:600 13px/1.7 var(--f-cn);letter-spacing:0;vertical-align:middle;white-space:nowrap}
body:not(.show-ph) .ph-tag{display:none}

.seg-thumb{position:absolute;z-index:0;left:0;top:0;width:0;height:0;border-radius:var(--pill);background:#3A3B41;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 8px rgba(0,0,0,.32);transition:transform .55s var(--spring),width .55s var(--spring),height .3s var(--ease);pointer-events:none;list-style:none}
.seg-thumb.no-anim{transition:none}
.hero-tabs li.seg-thumb{position:absolute;z-index:0;flex:none}

.hd{position:fixed;inset:0 0 auto;z-index:50;height:var(--hd);padding-top:12px;color:#fff;pointer-events:none}
.hd-in{position:relative;isolation:isolate;display:flex;align-items:center;gap:24px;height:60px;pointer-events:auto}
.hd-in::before{content:"";position:absolute;z-index:-1;inset:0 clamp(4px,1.6vw,22px);border-radius:var(--pill);background:var(--glass-dark);box-shadow:var(--rim),var(--edge),0 14px 36px rgba(0,0,0,.34);transition:background .45s var(--ease)}
.hd.is-over .hd-in::before{background:linear-gradient(180deg,rgba(26,27,30,.62),rgba(16,17,19,.52));box-shadow:var(--rim),0 0 0 1px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.24)}
.brand{display:block;color:var(--y);flex:none}
.brand svg{width:104px;height:auto}
.nav{display:flex;align-items:center;gap:2px;height:100%;margin-left:6px}
.nav>a,.has-menu>a{position:relative;display:flex;align-items:center;gap:4px;height:40px;padding:0 14px;border-radius:var(--pill);font-weight:600;font-size:15px;color:rgba(255,255,255,.8);transition:background-color .25s,color .2s}
.nav>a:hover,.has-menu>a:hover,.has-menu:focus-within>a,.has-menu.open>a{color:#fff;background:rgba(255,255,255,.08)}
.nav a[aria-current="page"],.nav a.is-on{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.nav a[aria-current="page"]::after,.nav a.is-on::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--y)}
.has-menu>a .i{width:16px;height:16px;opacity:.7;transition:transform .3s var(--spring)}
.has-menu:hover>a .i,.has-menu.open>a .i{transform:rotate(180deg)}
.has-menu{display:flex;align-items:center;height:100%}
.mega{position:fixed;left:50%;top:calc(var(--hd) - 2px);width:min(1272px,calc(100vw - 32px));border-radius:var(--r-xl);background:var(--glass-dark);box-shadow:var(--rim),var(--edge),0 30px 60px rgba(0,0,0,.45);color:var(--ink);opacity:0;visibility:hidden;transform:translate(-50%,-8px) scale(.985);transform-origin:top center;transition:opacity .25s,transform .45s var(--spring),visibility .25s}
.mega::before,.drop::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.has-menu:hover .mega,.has-menu:focus-within .mega,.has-menu.open .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega .wrap{padding:0 22px}
.mega-cats{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;padding:20px 0 14px}
.mega-cats a{display:block}
.mega-img{display:block;aspect-ratio:4/3;border-radius:var(--r-md);background:var(--well);overflow:hidden}
.mega-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.mega-cats a:hover .mega-img img{transform:scale(1.06)}
.mega-cats b{display:block;margin-top:8px;font-size:15px}
.mega-cats span:not(.mega-img){font-size:13px;color:var(--mute)}
.mega-links{display:flex;gap:28px;padding:14px 0 18px;border-top:1px solid var(--line)}
.mega-links a{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:var(--teal-text)}
.mega-links .i{width:16px;height:16px}
.has-drop{position:relative}
.drop{position:absolute;top:calc(100% + 2px);left:0;min-width:270px;padding:6px;border-radius:var(--r-lg);background:var(--glass-dark);box-shadow:var(--rim),var(--edge),0 24px 50px rgba(0,0,0,.45);color:var(--ink);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top left;transition:opacity .25s,transform .45s var(--spring),visibility .25s}
.has-drop:hover .drop,.has-drop:focus-within .drop,.has-drop.open .drop{opacity:1;visibility:visible;transform:none}
.drop a{display:block;padding:10px 14px;border-radius:var(--r-sm);transition:background-color .2s}
.drop a:hover{background:rgba(255,255,255,.08)}
.drop b{display:block;font-size:15px}
.drop span{font-size:13px;color:var(--mute)}
.hd-tools{display:flex;align-items:center;gap:4px;margin-left:auto}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:none;border:0;color:inherit;transition:background-color .2s,color .2s}
.icon-btn:hover{background:rgba(255,255,255,.1);color:var(--y)}
.language-menu{position:relative}
.language-menu summary{display:flex;align-items:center;gap:4px;height:40px;padding:0 12px;border-radius:var(--pill);font-weight:600;font-size:15px;cursor:pointer;list-style:none;transition:background-color .2s}
.language-menu summary:hover{background:rgba(255,255,255,.08)}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary .i{width:16px;height:16px;opacity:.7}
.language-menu ul{position:absolute;right:0;top:calc(100% + 12px);min-width:170px;padding:6px;border-radius:var(--r-md);background:var(--glass-dark);box-shadow:var(--rim),var(--edge),0 20px 44px rgba(0,0,0,.45);color:var(--ink)}
.language-menu a{display:block;padding:8px 12px;border-radius:10px;font-size:15px}
.language-menu a:hover{background:rgba(255,255,255,.08)}
.language-menu a[aria-current]{font-weight:700;color:var(--teal-text)}
.hd-cta{height:40px;padding:0 16px;margin-left:6px}
.rfq-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--pill);background:#16171A;color:var(--y);font:700 13px/1 var(--f)}
.menu-btn{display:none}

.drawer{position:fixed;top:8px;right:8px;bottom:8px;width:min(380px,calc(100vw - 16px));z-index:80;border-radius:var(--r-xl);background:var(--glass-dark);box-shadow:var(--rim),var(--edge);color:#fff;display:flex;flex-direction:column;transform:translateX(calc(100% + 16px));visibility:hidden;transition:transform .5s var(--spring),visibility .5s;overflow:auto}
.drawer.open{transform:none;visibility:visible;box-shadow:var(--rim),var(--edge),-20px 0 60px rgba(0,0,0,.45)}
.drawer-top{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 12px 0 20px;border-bottom:1px solid var(--line)}
.drawer nav{padding:8px 20px}
.drawer nav>a,.drawer summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-weight:600;font-size:18px;border-bottom:1px solid var(--line);cursor:pointer;list-style:none}
.drawer summary::-webkit-details-marker{display:none}
.drawer details[open] summary .i{transform:rotate(180deg)}
.drawer details div{padding:4px 0 10px 12px;border-bottom:1px solid var(--line)}
.drawer details div a{display:block;padding:8px 0;font-size:15px;color:rgba(255,255,255,.78)}
.drawer-foot{margin-top:auto;padding:20px;display:grid;gap:14px}
.drawer-wa{display:flex;align-items:center;gap:8px;font-weight:600}
.drawer-wa .i{color:var(--y)}
.langs{display:flex;gap:16px;font-size:14px;color:rgba(255,255,255,.72)}
.langs a[aria-current]{color:var(--y);font-weight:700}

.search{position:fixed;inset:0;z-index:90;background:rgba(10,11,12,.5);display:none;justify-content:center;align-items:flex-start;padding-top:12vh}
.search.open{display:flex}
.search-box{width:min(680px,92vw);border-radius:var(--r-lg);overflow:hidden;background:var(--glass-dark);box-shadow:var(--rim),var(--edge),0 30px 70px rgba(0,0,0,.5)}
.search-field{display:flex;align-items:center;gap:12px;height:62px;padding:0 18px;border-bottom:1px solid var(--line)}
.search-field .i{color:var(--teal-text)}
.search-field input{flex:1;border:0;background:none;font-size:18px;outline:none}
.search-field kbd{font:600 13px var(--f);color:var(--mute);border:1px solid var(--line-2);border-radius:6px;padding:2px 6px}
.search-results{max-height:60vh;overflow:auto}
.search-results a{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:10px 18px;transition:background-color .2s}
.search-results a:hover{background:rgba(255,255,255,.07)}
.search-results img{width:56px;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:var(--well)}
.search-results b{display:block;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:18px}
.search-results span{font-size:14px;color:var(--mute)}
.search-results em{font-style:normal;font-weight:600;color:var(--teal-text);font-size:14px}
.search-empty{padding:20px 18px;color:var(--mute)}

.hero{
 --bar-h:88px;
 --gl:calc(max(0px,(100vw - var(--wrap))/2) + clamp(16px,4vw,40px));
 --copy-w:clamp(340px,34vw,520px);
 --img-w:min(100vw,calc((100vw - var(--gl) - var(--copy-w) - 24px)/.65));
 --stage-h:max(420px,calc(var(--img-w)/2.4));
 position:relative;height:calc(var(--stage-h) + var(--bar-h));color:#fff;overflow:hidden;outline:none;
 background:linear-gradient(180deg,#0D1216 0,#0D1216 calc(var(--stage-h) - 140px),var(--bg-1) var(--stage-h))}
.slide{position:absolute;left:0;right:0;top:0;height:var(--stage-h);opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s}
.slide.is-active{opacity:1;visibility:visible}
.slide picture{position:absolute;inset:0;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}
.slide img{display:block;width:100%;height:100%;object-fit:cover}
.slide--promo picture{left:auto;width:var(--img-w);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%),linear-gradient(180deg,#000 80%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 16%),linear-gradient(180deg,#000 80%,transparent);mask-composite:intersect}
.slide--promo img{object-position:right center}
.slide::after{content:"";position:absolute;inset:0;pointer-events:none}
.slide.tone-bottom:not(.slide--promo)::after{background:linear-gradient(0deg,rgba(13,18,22,.9) 0%,rgba(13,18,22,.55) 34%,rgba(13,18,22,0) 68%),linear-gradient(90deg,rgba(13,18,22,.62),rgba(13,18,22,0) 58%)}
.slide:not(.slide--promo) img{filter:saturate(.84) brightness(.86) contrast(1.05)}
.slide-copy{position:absolute;left:0;right:0;z-index:3}
.slide--promo .slide-copy{top:calc(var(--hd) + (var(--stage-h) - var(--hd))/2);transform:translateY(-50%)}
.slide--promo .slide-copy>*{max-width:var(--copy-w)}
.slide:not(.slide--promo) .slide-copy{bottom:clamp(32px,3.6vw,52px)}
.slide:not(.slide--promo) .slide-copy>*{max-width:min(680px,56vw)}
.slide-copy h1,.slide-copy .h1{font-size:clamp(34px,3.6vw,56px);line-height:1.08;font-weight:800;letter-spacing:0;text-wrap:balance}
.slide-copy p:not(.h1){margin-top:14px;font-size:clamp(16px,1.2vw,18px);line-height:1.6;color:rgba(255,255,255,.86);max-width:36em}
.slide-copy .btn-row{margin-top:24px}
.slide.is-active .slide-copy>*{animation:rise .8s var(--ease) both}
.slide.is-active .slide-copy>*:nth-child(2){animation-delay:.08s}
.slide.is-active .slide-copy>*:nth-child(3){animation-delay:.16s}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hero-bar{position:absolute;left:0;right:0;top:var(--stage-h);height:var(--bar-h);z-index:4;display:flex;align-items:center}
.hero-bar-in{display:flex;align-items:center;gap:28px}
.hero-tabs{position:relative;display:flex;flex:0 1 auto;min-width:0;padding:4px;border-radius:var(--pill);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hero-tabs li{position:relative;z-index:1;flex:0 1 auto;min-width:0}
.hero-tabs button{position:relative;display:block;width:100%;min-height:44px;padding:6px 18px;border-radius:var(--pill);background:none;border:0;text-align:center;color:rgba(255,255,255,.6);font-weight:600;font-size:14px;line-height:1.25;white-space:nowrap;transition:color .3s}
.hero-tabs button:hover,.hero-tabs button[aria-selected="true"]{color:#fff}
.hero-tabs i{position:absolute;left:24%;right:24%;bottom:5px;height:2px;border-radius:2px;background:rgba(255,255,255,.14);overflow:hidden;opacity:0;transition:opacity .3s}
.hero-tabs button[aria-selected="true"] i{opacity:1}
.hero-tabs i::after{content:"";position:absolute;inset:0;background:var(--y);transform:scaleX(0);transform-origin:left}
.hero-tabs button[aria-selected="true"] i::after{animation:prog var(--dur,6500ms) linear forwards}
.hero.paused .hero-tabs button[aria-selected="true"] i::after{animation:none;transform:scaleX(1)}
@keyframes prog{to{transform:scaleX(1)}}
.hero-hud{display:none;gap:30px;margin-left:auto;pointer-events:none}
.hh{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.hh b{font:800 28px/1 var(--f);font-family:var(--f-display);font-stretch:100%;color:#fff}
.hh span{font-size:13px;line-height:1.3;color:var(--mute)}
.hero-ctrl{display:flex;align-items:center;gap:8px;margin-left:auto}
.hero-ctrl button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:0;color:#fff;background:#2B2C31;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .35s var(--spring),background-color .2s}
.hero-ctrl button:hover{transform:scale(1.06);background:#35363C}
.hero-ctrl button:active{transform:scale(.94)}
.hero-ctrl .i{width:18px;height:18px}
.hero .ic-play{display:none}
.hero.paused .ic-play{display:inline}
.hero.paused .ic-pause{display:none}

.sec{padding:clamp(48px,5.5vw,80px) 0}
.sec-tight{padding:clamp(36px,4.5vw,56px) 0}
.sec-alt{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.022) 16%,rgba(255,255,255,.022) 84%,rgba(255,255,255,0))}
.sec-dark{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.22) 16%,rgba(0,0,0,.22) 84%,rgba(0,0,0,0));color:#fff}
.sec-dark .sh p{color:rgba(255,255,255,.72)}
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.sh-t p{margin-top:10px;color:var(--mute);max-width:60ch}
.fine{margin-top:16px;font-size:14px;color:var(--mute)}
.muted{color:var(--mute)}
.note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-md);background:var(--teal-soft);box-shadow:var(--rim-soft);color:var(--ink-2);font-size:15px;margin:0 0 20px}
.note .i{color:var(--teal-text);margin-top:2px}
.two{display:grid;grid-template-columns:1fr 1.35fr;gap:48px}
.two h2{margin-bottom:16px}
.two p{color:var(--ink-2)}
.two p a{color:var(--teal-text);font-weight:600;text-decoration:underline;text-underline-offset:3px}

.cats{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;grid-auto-rows:auto;gap:14px}
.cat{position:relative;isolation:isolate;display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--well);transition:transform .5s var(--spring),box-shadow .4s}
.cat::before{content:"";position:absolute;inset:auto 0 0;height:62%;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(18,19,21,.94) 0%,rgba(18,19,21,.7) 42%,rgba(18,19,21,0) 100%)}
.cat::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;box-shadow:var(--rim-soft);background:none}
.cat:hover{transform:translateY(-4px);box-shadow:0 26px 50px rgba(0,0,0,.42)}
.cat-lg{grid-row:span 2}
.cat-img{display:block;aspect-ratio:4/3;overflow:hidden}
.cat-lg .cat-img{aspect-ratio:auto;flex:1}
.cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.cat:hover .cat-img img{transform:scale(1.05)}
.cat-t{position:absolute;left:0;right:0;bottom:0;z-index:2;display:block;padding:14px 46px 15px 18px;color:#fff}
.cat-t b{display:block;font-size:18px;line-height:1.3}
.cat-lg .cat-t{padding:22px 56px 24px 24px}
.cat-lg .cat-t b{font-size:24px}
.cat-t span{display:block;font-size:13px;color:rgba(255,255,255,.66)}
.cat-t .i{position:absolute;right:14px;top:50%;margin-top:-10px;color:var(--y);transition:transform .35s var(--spring)}
.cat:hover .cat-t .i{transform:translateX(4px)}

.stage{position:relative;border-radius:var(--r-xl);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:var(--rim-soft),0 30px 60px rgba(0,0,0,.25);overflow:hidden}
.st-tabs{position:relative;display:flex;width:max-content;max-width:calc(100% - 24px);margin:12px;padding:4px;border-radius:var(--pill);background:rgba(0,0,0,.26);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.06);overflow-x:auto;scrollbar-width:none}
.st-tabs::-webkit-scrollbar{display:none}
.st-tabs button{position:relative;z-index:1;flex:none;display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:var(--pill);background:none;border:0;font-weight:600;font-size:15px;color:var(--ink-2);transition:color .25s}
.st-tabs button span{font-size:13px;color:var(--mute)}
.st-tabs button:hover{color:#fff}
.st-tabs button[aria-selected="true"]{color:#fff}
.st-tabs button[aria-selected="true"] span{color:var(--y)}
.st-body{display:grid;grid-template-columns:1.3fr 1fr;min-height:540px}
.st-view{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:20px 28px 76px;background:radial-gradient(60% 65% at 50% 46%,rgba(255,255,255,.07),transparent 72%)}
.st-figure{width:100%;max-width:660px;transition:opacity .35s,transform .45s var(--ease),filter .35s}
.st-figure.out{opacity:0;transform:translateX(-14px) scale(.98)}
.st-figure.out.rev{transform:translateX(14px) scale(.98)}
.st-plain img{width:100%;max-height:500px;object-fit:contain;border-radius:var(--r-md)}
.st-figure .hs-box{max-width:min(100%,calc(500px * var(--ar)));margin:0 auto}
.st-nav{position:absolute;left:24px;bottom:20px;display:flex;align-items:center;gap:10px;font:700 14px var(--f);color:var(--ink-2)}
.st-nav button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:0;color:#fff;background:#2B2C31;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .35s var(--spring)}
.st-nav button:hover{transform:scale(1.08)}
.st-nav button:active{transform:scale(.94)}
.st-nav .i{width:18px;height:18px}
.st-info{position:relative;padding:28px 36px 36px;transition:opacity .3s}
.st-info::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:1px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.14),rgba(255,255,255,0))}
.st-info.out{opacity:0}
.st-model,.pd-info h1,.pc-model,.fd-model{font-family:var(--f-display);font-stretch:100%;font-weight:800;letter-spacing:.005em;line-height:1}
.st-model{margin-top:4px;font-size:clamp(38px,3.8vw,52px)}
.st-type{margin-top:6px;font-weight:600;color:var(--ink-2)}
.st-big{display:flex;align-items:baseline;gap:8px;margin-top:20px;padding:4px 0 2px}
.st-big b{font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:clamp(52px,5vw,72px);line-height:.95;color:var(--teal-text)}
.st-big span{font-weight:700;font-size:18px;color:var(--ink-2)}
.st-big em{margin-left:auto;font-style:normal;font-size:14px;color:var(--mute)}
.st-meter{margin:10px 0 6px}
.sm-track{position:relative;height:8px;border-radius:var(--pill);background:rgba(255,255,255,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.sm-track i{position:absolute;left:0;top:0;bottom:0;width:var(--v);border-radius:inherit;background:var(--teal-text);transform-origin:left;animation:meter 1.1s var(--ease) both}
.sm-track b{position:absolute;top:50%;width:2px;height:14px;margin:-7px 0 0 -1px;border-radius:1px;background:rgba(255,255,255,.28)}
.sm-track b.on{width:3px;height:16px;margin:-8px 0 0 -1.5px;background:var(--y)}
.sm-scale{display:flex;justify-content:space-between;margin-top:8px;font:600 13px var(--f);color:var(--mute)}
@keyframes meter{from{transform:scaleX(0)}to{transform:none}}
.st-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:10px}
.st-specs div{padding:10px 0;border-bottom:1px solid var(--line)}
.st-specs dt{font-size:13px;color:var(--mute)}
.st-specs dd{font-weight:600;font-size:15px}
.st-pt{margin-top:20px;font-size:13px;color:var(--mute)}
.st-parts{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:14px}
.st-parts li{display:flex;align-items:center;gap:6px;cursor:default;transition:color .2s}
.st-parts b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(22,23,26,.7);box-shadow:inset 0 0 0 1.5px rgba(62,155,127,.8);color:#fff;font:700 13px/1 var(--f);transition:background-color .2s,box-shadow .2s,color .2s}
.st-parts.kit b{background:none;box-shadow:none;color:var(--teal-text);width:auto}
.st-parts .i{width:16px;height:16px}
.st-parts li.on{color:#fff}
.st-parts li.on b{background:var(--y);box-shadow:none;color:#16171A}
.st-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.st-models{display:flex;gap:8px;padding:12px;overflow-x:auto;background:rgba(0,0,0,.2);scrollbar-width:thin}
.st-models button{flex:none;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:var(--r-md);background:rgba(255,255,255,.04);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);font:800 15px var(--f);font-family:var(--f-display);font-stretch:100%;transition:background-color .25s,box-shadow .25s,transform .35s var(--spring)}
.st-models img{width:56px;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.st-models button:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}
.st-models button[aria-pressed="true"]{background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1.5px rgba(62,155,127,.6)}

.hs-box{position:relative;width:100%;aspect-ratio:var(--ar)}
.hs-clip{position:absolute;inset:0;overflow:hidden;border-radius:var(--r-md)}
.hs-inner{position:absolute}
.hs-inner img{width:100%;height:100%}
.hs{position:absolute;width:32px;height:32px;margin:-16px 0 0 -16px;border:0;border-radius:50%;background:rgba(22,23,26,.78);color:#fff;font:700 14px/1 var(--f);box-shadow:inset 0 0 0 1.5px rgba(62,155,127,.9),0 6px 16px rgba(0,0,0,.35);transition:background-color .25s,color .25s,transform .4s var(--spring),box-shadow .25s}
.hs::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(62,155,127,.6);animation:ring 2.6s var(--ease) infinite;pointer-events:none}
.hs:hover,.hs.on{background:var(--y);color:#16171A;transform:scale(1.12);box-shadow:0 8px 22px rgba(0,0,0,.4)}
.hs:hover::before,.hs.on::before{border-color:rgba(244,197,28,.6)}
@keyframes ring{0%{transform:scale(.75);opacity:.9}100%{transform:scale(1.7);opacity:0}}
.hs-tip{position:absolute;z-index:4;width:max-content;max-width:250px;padding:10px 12px;border-radius:var(--r-sm);background:var(--glass-dark);box-shadow:var(--rim),var(--edge),0 12px 28px rgba(0,0,0,.4);color:#fff;font-size:14px;line-height:1.5;transform:translate(-50%,calc(-100% - 16px));opacity:0;visibility:hidden;transition:opacity .2s;pointer-events:none}
.hs-tip.below{transform:translate(-50%,16px)}
.hs-tip.show{opacity:1;visibility:visible}
.hs-tip b{display:block;color:var(--y);margin-bottom:2px}

.band{position:relative;isolation:isolate;padding:clamp(56px,6.5vw,88px) 0;color:#fff;background:linear-gradient(180deg,rgba(17,60,49,0),rgba(17,60,49,.32) 22%,rgba(17,60,49,.32) 78%,rgba(17,60,49,0));overflow:hidden}
.band-in{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.band-copy p{margin-top:14px;color:rgba(255,255,255,.8);max-width:36em}
.band-copy .band-note{font-size:14px;color:rgba(255,255,255,.58)}
.bsel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:18px;border-radius:var(--r-xl);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 24px 48px rgba(0,0,0,.22)}
.bsel-img{border-radius:var(--r-lg);background:var(--well);aspect-ratio:4/3;overflow:hidden}
.bsel-img img{width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform .5s var(--ease)}
.battery-gallery{min-width:0}
.battery-gallery .bsel-img img,.battery-gallery .thumbs img{object-fit:contain}
.battery-gallery .thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
.bsel-data{padding:6px 10px 6px 0}
.seg{position:relative;display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;border-radius:22px;background:rgba(0,0,0,.26);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.06)}
.seg button{position:relative;z-index:1;height:38px;padding:0 15px;border-radius:var(--pill);background:transparent;border:0;font:700 14px var(--f);color:var(--ink-2);transition:color .25s}
.seg button:hover{color:#fff}
.seg button[aria-pressed="true"]{color:#fff}
.bsel .seg button[aria-pressed="true"]{color:#16171A}
.bsel .seg .seg-thumb{background:linear-gradient(180deg,#FFD94F,#F4C51C);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 12px rgba(0,0,0,.3)}
.bsel-read{display:flex;align-items:baseline;gap:8px;margin-top:22px}
.bsel-read b{font:800 clamp(52px,5vw,68px)/.9 var(--f);font-family:var(--f-display);font-stretch:100%;color:#fff}
.bsel-read span{font-weight:700;font-size:18px;color:rgba(255,255,255,.7)}
.bsel-read em{margin-left:auto;font-style:normal;font-size:13px;color:rgba(255,255,255,.55)}
.bgauge{position:relative;display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:14px 14px 4px 0;padding:4px;border-radius:10px;background:rgba(0,0,0,.28);box-shadow:inset 0 1px 2px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08)}
.bgauge::after{content:"";position:absolute;right:-9px;top:50%;width:5px;height:12px;margin-top:-6px;border-radius:0 3px 3px 0;background:rgba(255,255,255,.22)}
.bgauge i{height:16px;border-radius:4px;background:rgba(255,255,255,.07);transition:background-color .3s,box-shadow .3s;transition-delay:calc(var(--k,0)*35ms)}
.bgauge i.on{background:linear-gradient(180deg,#FFD43B,#F4C51C);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.bsel-dl{display:grid;grid-template-columns:auto 1fr;gap:0 28px;margin-top:16px}
.bsel-dl div:last-child{grid-column:1/-1}
.bsel-dl div{padding:10px 0;border-bottom:1px solid var(--line)}
.bsel-dl dd{white-space:nowrap}
.bsel-dl div:last-child dd{white-space:normal}
.bsel-dl dt{font-size:13px;color:var(--mute)}
.bsel-dl dd{font-weight:700;font-size:18px}
.bsel-fits{margin-top:14px;font-size:14px;color:var(--ink-2)}
.bsel-fits b{display:block;font-size:13px;color:var(--mute);font-weight:400;margin-bottom:2px}
.band .ph-tag{background:rgba(244,197,28,.18);color:#FFD866}

.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 18px}
.pc{position:relative;display:flex;flex-direction:column}
.pc[hidden]{display:none}
.pc-img{position:relative;display:block;aspect-ratio:1/1;border-radius:var(--r-lg);overflow:hidden;background:var(--well);transition:transform .5s var(--spring),box-shadow .4s}
.pc-img::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--rim-soft);background:none}
.pc-img img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform .7s var(--ease)}
.pc:hover .pc-img{transform:translateY(-4px);box-shadow:0 24px 46px rgba(0,0,0,.42)}
.pc:hover .pc-img img{transform:scale(1.04)}
.pc-body{display:flex;flex-direction:column;flex:1;padding:14px 2px 0}
.pc-model{font-size:24px}
.pc-model a:hover{color:var(--teal-text)}
.pc-type{margin-top:4px;font-size:14px;color:var(--ink-2)}
.pc-spec{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:8px;font-size:14px;color:var(--mute)}
.pc-spec b{color:var(--teal-text);font-weight:700}
.pc-act{display:flex;gap:8px;margin-top:auto;padding-top:14px}
.add{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:var(--pill);border:0;background:rgba(255,255,255,.07);box-shadow:var(--rim-soft);color:#fff;font-weight:700;font-size:14px;transition:background .25s,color .2s,box-shadow .3s,transform .35s var(--spring)}
.add .i{width:17px;height:17px}
.add:hover,.add.in{background:linear-gradient(180deg,#FFD94F,#F4C51C);color:#16171A;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 18px rgba(0,0,0,.3)}
.add:active{transform:scale(.96)}
.cmp{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.07);box-shadow:var(--rim-soft);color:var(--ink-2);transition:background .25s,color .2s,box-shadow .25s,transform .35s var(--spring)}
.cmp span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cmp .i{width:18px;height:18px}
.cmp:hover{background:rgba(255,255,255,.12);color:#fff}
.cmp:active{transform:scale(.94)}
.cmp.on{background:rgba(27,106,84,.2);box-shadow:inset 0 0 0 1.5px rgba(62,155,127,.6);color:var(--teal-text)}

.apps{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;gap:26px 20px}
.app-a{grid-row:span 2}
.apps figure{position:relative}
.apps figure img{width:100%;object-fit:cover;border-radius:var(--r-xl)}
.app-a img{aspect-ratio:9/8.3}
.app-b img,.app-c img{aspect-ratio:16/8}
.apps figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:12px}
.apps figcaption b{font-size:18px}
.apps figcaption span{color:var(--ink-2);font-size:15px}
.apps figcaption a{margin-left:8px;font-family:var(--f-display);font-stretch:100%;font-weight:800;color:var(--teal-text)}
.apps figcaption a:hover{text-decoration:underline}

.co{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.co-video{position:relative;display:block;padding:0;background:none;border:0;text-align:left;width:100%}
.co-video img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-xl)}
.play{position:absolute;left:50%;top:calc(50% - 16px);width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06));box-shadow:var(--rim),var(--edge),0 12px 30px rgba(0,0,0,.35);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .45s var(--spring),background .25s}
.play .i{width:28px;height:28px;margin-left:3px;color:var(--y)}
.co-video:hover .play,.vid:hover .play{transform:scale(1.1);background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.1))}
.co-len{display:block;margin-top:10px;font-size:14px;color:var(--mute)}
.co-text p{margin-top:14px;color:var(--ink-2)}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.sh+.flow{margin-top:0}
.flow img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-lg)}
.flow b{display:block;margin-top:14px;font-size:18px}
.flow span{display:block;margin-top:4px;font-size:15px;color:var(--ink-2)}

.dlx{display:grid;grid-template-columns:minmax(300px,460px) 1fr;gap:64px;align-items:center}
.dlx-media{display:grid;grid-template-columns:2fr 1fr;gap:14px;perspective:1200px}
.dlx-media:not(:has(.dlx-pages)){grid-template-columns:1fr;max-width:300px}
.dlx-cover{display:block}
.dlx-pages{display:grid;grid-template-rows:1fr 1fr;gap:14px;height:0;min-height:100%}
.dlx-pages a{display:block;min-height:0}
.dlx-cover img,.dlx-pages img{width:100%;border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 22px 44px rgba(0,0,0,.45);transition:transform .5s var(--spring)}
.dlx-pages img{height:100%;object-fit:cover;object-position:top;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 12px 26px rgba(0,0,0,.4)}
.dlx-cover:hover img{transform:translateY(-6px) rotateY(-4deg)}
.dlx-pages a:hover img{transform:translateY(-4px)}
.dlx-text p{margin-top:12px;color:var(--ink-2);max-width:46em}
.dlx-text .dl-list{margin:24px 0 20px}
.dl-list{display:grid;gap:8px}
.dl-list.cols{grid-template-columns:repeat(2,1fr)}
.dl{display:grid;grid-template-columns:32px 1fr 22px;gap:14px;align-items:center;padding:14px 16px;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft);transition:background-color .25s,transform .35s var(--spring)}
.dl:hover{background-color:rgba(255,255,255,.08);transform:translateX(3px)}
.dl .i{width:26px;height:26px;color:var(--teal-text)}
.dl>.i:last-child{width:20px;height:20px;color:var(--ink-2)}
.dl-t b{display:block;font-size:16px;font-weight:600}
.dl-t span{font-size:14px;color:var(--mute)}
.dl.is-soon{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.12)}
.dl.is-soon:hover{transform:none}
.dl.is-soon .i{color:var(--mute)}
.dl[hidden]{display:none}

.news-x{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:24px}
.nx{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:20px;align-items:stretch;min-width:0}
.nx:not(.nx-lg) .nx-img{aspect-ratio:auto;height:100%;min-height:150px}
.nx-lg{grid-row:span 2;grid-template-columns:1fr;gap:0}
.nx-img{display:block;width:100%;min-width:0;aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;background:var(--well)}
.nx-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.nx:hover .nx-img img{transform:scale(1.04)}
.nx-t{display:block}
.nx-lg .nx-t{padding-top:16px}
.nx-t time,.nx-t>span{font-size:13px;color:var(--mute);margin-right:10px}
.nx-t b{display:block;margin-top:4px;font-size:18px;line-height:1.45;transition:color .2s}
.nx-t em{display:block;margin-top:8px;font-style:normal;font-size:15px;line-height:1.6;color:var(--ink-2)}
.nx-lg .nx-t em{font-size:16px}
.nx-lg .nx-t b{font-size:22px}
.nx:hover b{color:var(--teal-text)}

.cta{padding:clamp(32px,5vw,64px) 0}
.cta-in.wrap{width:calc(100% - 2*clamp(16px,4vw,40px));max-width:calc(var(--wrap) - 80px)}
.cta-in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;padding:clamp(28px,4vw,44px) clamp(24px,4vw,48px);border-radius:var(--r-xl);background:linear-gradient(100deg,rgba(30,107,87,.1) 0%,rgba(30,107,87,.34) 100%),rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 24px 48px rgba(0,0,0,.22);color:#fff}
.cta p{margin-top:8px;color:rgba(255,255,255,.76)}
.cta-act{display:flex;align-items:center;gap:12px 14px;flex-wrap:wrap}
.cta-num{margin-left:6px;font:700 16px var(--f);color:rgba(255,255,255,.72);white-space:nowrap;transition:color .2s}
.cta-num:hover{color:var(--y)}

.ft{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.3) 160px),var(--bg-0);color:rgba(255,255,255,.72);font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.ft-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.35fr;gap:40px;padding-top:64px;padding-bottom:48px}
.ft .brand svg{width:116px}
.ft-brand p{margin-top:16px;max-width:26em}
.ft h2{font-size:14px;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:.02em}
.ft h2.mt{margin-top:26px}
.ft ul li{padding:3px 0}
.ft a{transition:color .2s}
.ft a:hover{color:var(--y)}
.ft-contact dl div{padding:6px 0}
.ft-contact dt{font-size:13px;color:rgba(255,255,255,.52)}
.ft-contact dd{color:#fff}
.ft-contact .btn{margin-top:16px}
.ft-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:18px;padding-bottom:22px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:rgba(255,255,255,.52)}
.socials{display:flex;gap:8px;margin-top:20px}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);box-shadow:var(--rim-soft);color:#fff;transition:background .2s,color .2s,transform .35s var(--spring)}
.socials a:hover{background:rgba(255,255,255,.12);color:var(--y);transform:translateY(-2px)}
.socials svg{width:18px;height:18px}

.ph{position:relative;isolation:isolate;color:#fff;overflow:hidden}
.ph-img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 76%,transparent);mask-image:linear-gradient(180deg,#000 76%,transparent)}
.ph::after{content:"";position:absolute;inset:0;z-index:-1;background:none}
.ph.has-img::after{background:linear-gradient(90deg,rgba(22,23,26,.96) 0%,rgba(22,23,26,.86) 45%,rgba(22,23,26,.52) 78%,rgba(22,23,26,.36) 100%);-webkit-mask-image:linear-gradient(180deg,#000 76%,transparent);mask-image:linear-gradient(180deg,#000 76%,transparent)}
.ph-in{position:relative;padding-top:36px;padding-bottom:52px}
main:has(>.ph:first-child){padding-top:0}
main>.ph:first-child .ph-in{padding-top:calc(var(--hd) + 36px)}
main>.ph.has-img:first-child .ph-in{padding-top:calc(var(--hd) + 56px)}
.ph.has-img .ph-in{padding-top:56px;padding-bottom:84px}
.ph h1{margin-top:18px;font-size:clamp(32px,4vw,54px);font-weight:800}
.ph p{margin-top:12px;max-width:40em;font-size:18px;color:rgba(255,255,255,.82)}
.crumbs{display:flex;flex-wrap:wrap;gap:4px;font-size:14px;color:var(--mute)}
.ph .crumbs{color:rgba(255,255,255,.66)}
.crumbs li+li::before{content:"/";margin-right:4px;opacity:.6}
.crumbs a:hover{color:var(--teal-text);text-decoration:underline}
.ph .crumbs a:hover{color:#fff}

.toolbar{position:sticky;top:calc(var(--hd) - 2px);z-index:20;padding:6px 0}
.tb-in{position:relative;isolation:isolate;display:flex;align-items:center;gap:16px}
.tb-in::before{content:"";position:absolute;z-index:-1;inset:0 clamp(4px,1.6vw,22px);border-radius:var(--pill);background:var(--glass-dark);box-shadow:var(--rim),var(--edge),0 12px 30px rgba(0,0,0,.3)}
.tabs{position:relative;display:flex;gap:2px;padding:5px 0;overflow-x:auto;scrollbar-width:none;min-width:0}
.tabs::-webkit-scrollbar{display:none}
.tabs button{position:relative;z-index:1;flex:none;display:flex;align-items:center;gap:5px;height:40px;padding:0 14px;border-radius:var(--pill);background:none;border:0;font-weight:600;font-size:15px;color:var(--ink-2);transition:color .25s}
.tabs button span{font-size:13px;color:var(--mute)}
.tabs button:hover{color:#fff}
.tabs button[aria-selected="true"]{color:#fff}
.tabs button[aria-selected="true"] span{color:var(--y)}
.tb-search{margin-left:auto;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:var(--pill);background:rgba(0,0,0,.25);box-shadow:inset 0 1px 2px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.06);flex:none;transition:box-shadow .2s}
.tb-search .i{width:18px;height:18px;color:var(--mute)}
.tb-search input{width:170px;border:0;background:none;outline:none;font-size:15px}
.tb-search:focus-within{box-shadow:inset 0 1px 2px rgba(0,0,0,.35),0 0 0 2px rgba(62,155,127,.5)}
.catalog{padding-top:20px;padding-bottom:64px}
.cat-count{font-size:14px;color:var(--mute)}
.cgroup{margin-top:40px}
.cgroup[hidden]{display:none}
.cg-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px;margin-bottom:18px}
.cg-head h2{font-size:24px}
.cg-head p{font-size:15px;color:var(--mute)}
.cat-empty{margin-top:40px;color:var(--ink-2)}
.cat-empty a{color:var(--teal-text);text-decoration:underline}
.mini-band{display:grid;grid-template-columns:120px 1fr 24px;gap:20px;align-items:center;padding:12px 22px 12px 12px;border-radius:var(--r-lg);background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(30,107,87,.3)),rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#fff;transition:transform .4s var(--spring)}
.mini-band:hover{transform:translateY(-2px)}
.mini-band img{width:120px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-sm);background:var(--well)}
.mini-band b{display:block;font-size:18px}
.mini-band span span{color:rgba(255,255,255,.76);font-size:15px}
.mini-band .i{color:var(--y);transition:transform .35s var(--spring)}
.mini-band:hover .i{transform:translateX(4px)}

.subnav{position:sticky;top:calc(var(--hd) - 2px);z-index:19;padding:6px 0}
.sn-in{position:relative;isolation:isolate;display:flex;align-items:center;gap:16px;height:52px}
.sn-in::before{content:"";position:absolute;z-index:-1;inset:0 clamp(4px,1.6vw,22px);border-radius:var(--pill);background:var(--glass-dark);box-shadow:var(--rim),var(--edge),0 12px 30px rgba(0,0,0,.3)}
.sn-in>b{font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:20px;flex:none}
.sn-in nav{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;height:100%}
.sn-in nav::-webkit-scrollbar{display:none}
.sn-in nav a{flex:none;display:flex;align-items:center;height:36px;padding:0 12px;border-radius:var(--pill);font-size:14px;color:var(--ink-2);transition:background-color .25s,color .2s}
.sn-in nav a:hover{color:#fff}
.sn-in nav a.on{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);font-weight:600}
.sn-in .btn{height:38px;padding:0 16px;margin-left:auto;font-size:14px}
.pd{padding:20px 0 64px}
.pd-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;margin-top:16px;align-items:start}
.gallery-main{position:relative;display:flex;justify-content:center;aspect-ratio:4/3;border-radius:var(--r-xl);background:var(--well);cursor:zoom-in;overflow:hidden}
.gallery-main img{width:auto;max-width:100%;height:100%;object-fit:contain;transition:opacity .3s;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.zoom{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:0;background:#2B2C31;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 6px 16px rgba(0,0,0,.3);color:#fff;transition:transform .35s var(--spring)}
.zoom:hover{transform:scale(1.08);color:var(--y)}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:10px}
.thumbs button{position:relative;padding:0;border-radius:var(--r-sm);background:var(--well);border:0;box-shadow:inset 0 0 0 2px transparent;aspect-ratio:4/3;overflow:hidden;transition:box-shadow .2s,transform .35s var(--spring)}
.thumbs button img{width:100%;height:100%;object-fit:cover}
.thumbs button::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .2s}
.thumbs button[aria-current="true"]::after{box-shadow:inset 0 0 0 2px var(--y)}
.thumbs button:hover{transform:translateY(-2px)}
.thumbs .vid i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(16,17,19,.4)}
.thumbs .vid i svg{width:24px;height:24px}
.pd-info h1{margin-top:6px;font-size:clamp(46px,5.4vw,72px)}
.pd-type{margin-top:8px;font-size:18px;font-weight:600;color:var(--ink-2)}
.pd-desc{margin-top:14px;color:var(--ink-2);max-width:40em}
.plate{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}
.plate div{padding:12px 16px;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft)}
.plate dt{font-size:13px;color:var(--mute)}
.plate dd{font-weight:700;font-size:20px}
.plate div:first-child dd{color:var(--teal-text)}
.variant{margin-top:22px}
.variant>span{display:block;font-size:14px;color:var(--mute);margin-bottom:8px}
.pd-pack{display:flex;gap:10px;align-items:center;margin-top:20px;font-size:15px;color:var(--ink-2)}
.pd-pack .i{color:var(--teal-text)}
.pd-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.pd-act .btn{height:52px}
.pd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:16px;font-size:15px}
.pd-meta a,.pd-meta .cmp{display:inline-flex;align-items:center;gap:6px;color:var(--teal-text);font-weight:600}
.pd-meta .i{width:18px;height:18px}
.pd-meta .cmp{width:auto;height:auto;border:0;padding:0;background:none;box-shadow:none;border-radius:0}
.pd-meta .cmp span{position:static;width:auto;height:auto;clip:auto}
.pd-meta a:hover,.pd-meta .cmp:hover{text-decoration:underline}
.hs-sec{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.hs-stage{position:relative;isolation:isolate;display:flex;justify-content:center;padding:24px;border-radius:var(--r-xl);background:radial-gradient(60% 65% at 50% 46%,rgba(255,255,255,.07),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));box-shadow:var(--rim-soft)}
.hs-stage .hs-box{max-width:min(100%,calc(620px * var(--ar)))}
.hs-copy>p{margin-top:10px;color:var(--mute)}
.parts{margin-top:20px}
.parts li{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:14px 10px;margin:0 -10px;border-radius:var(--r-md);cursor:default;transition:background-color .25s}
.parts li+li{box-shadow:0 -1px 0 var(--line)}
.parts li.on{background:rgba(255,255,255,.06);box-shadow:none}
.parts li b{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(22,23,26,.7);box-shadow:inset 0 0 0 1.5px rgba(62,155,127,.8);color:#fff;font:700 14px/1 var(--f);transition:background-color .2s,box-shadow .2s,color .2s}
.parts li.on b{background:var(--y);box-shadow:none;color:#16171A}
.parts h3{font-size:16px}
.parts p{margin-top:2px;font-size:15px;color:var(--ink-2)}
.hl{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.hl div{display:grid;grid-template-columns:168px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line)}
.hl dt{font-size:18px;font-weight:700}
.hl dd{color:var(--ink-2)}
.scenes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px}
.scenes span{font-size:14px;color:var(--mute);margin-right:6px}
.scenes b{padding:7px 14px;border-radius:var(--pill);background:rgba(255,255,255,.06);box-shadow:var(--rim-soft);font-weight:500;font-size:14px}
.spin-sec{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
.spin{position:relative;aspect-ratio:4/3;border-radius:var(--r-xl);background:var(--well);cursor:grab;touch-action:pan-y;overflow:hidden}
.spin.dragging{cursor:grabbing}
.spin video{width:100%;height:100%;object-fit:contain;pointer-events:none}
.spin-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--pill);background:rgba(28,29,32,.88);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#fff;font-size:13px;white-space:nowrap}
.spin-hint[hidden]{display:none}
.spin-hint .i{width:16px;height:16px}
.spin-copy p{margin-top:12px;color:var(--ink-2)}
.spin-copy .btn{margin-top:22px}
.rotation-video{display:block;width:100%;min-width:0;height:auto;max-height:640px;object-fit:contain;background:var(--well);border-radius:var(--r-xl)}
.spec-groups{display:grid;grid-template-columns:1.3fr 1fr;gap:28px 48px;align-items:start}
.sg:first-child{grid-row:span 2}
.sg h3{font-size:15px;color:var(--teal-text);padding-bottom:10px;letter-spacing:.02em}
.sg dl{border-radius:var(--r-md);overflow:hidden;box-shadow:var(--rim-soft)}
.sg dl div{display:grid;grid-template-columns:42% 1fr;gap:12px;padding:11px 16px}
.sg dl div:nth-child(odd){background:rgba(255,255,255,.04)}
.sg dl div[hidden]{display:none}
.sg dt{font-size:15px;color:var(--mute)}
.sg dd{font-weight:600;font-size:15px}
.kit{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.kit-photo{border-radius:var(--r-xl);background:var(--well);overflow:hidden}
.kit-photo img{width:100%;aspect-ratio:4/3;object-fit:contain}
.kit-list{margin-top:18px}
.kit-list li{display:grid;grid-template-columns:52px 1fr;padding:11px 0;border-top:1px solid var(--line)}
.kit-list b{font-family:var(--f-display);font-stretch:100%;font-weight:800;color:var(--teal-text)}
.kit-parts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.kit-parts a{padding:8px;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft);transition:background .25s,transform .35s var(--spring)}
.kit-parts a:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}
.kit-parts img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.kit-parts b{display:block;margin-top:6px;font-family:var(--f-display);font-stretch:100%;font-weight:800}
.kit-parts span{font-size:13px;color:var(--mute)}
.p-sticky{display:none}

.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-weight:600;font-size:16px;cursor:pointer;list-style:none;transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary .i{flex:none;width:28px;height:28px;padding:5px;border-radius:50%;background:rgba(255,255,255,.06);color:var(--teal-text);transition:transform .4s var(--spring),background .2s}
.faq details[open] summary .i{transform:rotate(45deg);background:rgba(244,197,28,.16);color:var(--y)}
.faq summary:hover{color:var(--teal-text)}
.faq details>div{padding:0 0 18px}
.faq details[open]>div{animation:rise .5s var(--ease) both}
.faq details p{color:var(--ink-2);max-width:62ch}

.who{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.who-t{width:100%;border-collapse:collapse;font-size:16px}
.who-t thead th{font-size:13px;font-weight:600;color:var(--mute);text-align:left;padding:0 0 10px;border-bottom:1px solid var(--line-2)}
.who-t tbody th,.who-t td{padding:18px 24px 18px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;transition:background-color .2s}
.who-t tbody tr:hover th,.who-t tbody tr:hover td{background:rgba(255,255,255,.025)}
.who-t tbody th{width:200px;font-size:18px;font-weight:700}
.who-t td{color:var(--ink-2)}
.who-t td:last-child{width:150px;padding-right:0;white-space:nowrap}
.who-t td a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--teal-text)}
.who-t td a .i{width:16px;height:16px;transition:transform .3s var(--spring)}
.who-t td a:hover .i{transform:translateX(4px)}
.who div,.tips div{padding:22px 0;border-top:1px solid var(--line-2)}
.who dt,.tips dt{font-size:18px;font-weight:700}
.who dd,.tips dd{margin-top:8px;color:var(--ink-2)}
.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.terms,.info{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.terms div,.info div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.terms dt,.info dt{font-weight:700;color:var(--teal-text)}
.terms dd,.info dd{color:var(--ink-2)}
.info dd span{font-size:14px;color:var(--mute)}
.info dd a{color:var(--teal-text)}
.oem-x{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.oem-img img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-xl)}
.oem-img figcaption,.proc-img figcaption{margin-top:10px;font-size:14px;color:var(--mute)}
.oem{display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--line)}
.oem div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.oem dt{font-weight:700;font-size:18px}
.oem dd{color:var(--ink-2);font-size:16px}
.oem-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:32px;padding:16px 22px;border-radius:var(--r-lg);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft)}
.oem-flow>b{width:100%;font-size:14px;color:var(--mute);font-weight:600}
.oem-flow span{font-weight:700}
.oem-flow small{display:block;font-size:13px;font-weight:400;color:var(--mute)}
.oem-flow .i{width:18px;height:18px;color:var(--teal-text)}
.docs3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.docs3 div{padding:24px;border-radius:var(--r-lg);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft)}
.docs3 dt{font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:36px;line-height:1;color:var(--teal-text)}
.docs3 dd{margin-top:12px}
.docs3 dd b{display:block;font-size:16px}
.docs3 dd span{font-size:14px;color:var(--mute)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;margin-top:8px}
.steps li{position:relative;padding:20px 20px 0 0;border-top:2px solid rgba(62,155,127,.45)}
.steps li::before{content:"";position:absolute;left:0;top:-7px;width:12px;height:12px;border-radius:50%;background:var(--y);box-shadow:0 0 0 4px var(--bg-2)}
.steps b{display:block;font-size:18px}
.steps span{display:block;margin-top:6px;font-size:15px;color:var(--ink-2)}
.proc{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.proc h2{margin-bottom:28px}
.steps-v{margin-bottom:28px}
.steps-v li{position:relative;padding:0 0 22px 32px}
.steps-v li:last-child{padding-bottom:0}
.steps-v li::after{content:"";position:absolute;left:6px;top:12px;bottom:-12px;width:2px;background:linear-gradient(180deg,rgba(62,155,127,.7),rgba(62,155,127,.2))}
.steps-v li:last-child::after{display:none}
.steps-v li::before{content:"";position:absolute;z-index:1;left:0;top:5px;width:14px;height:14px;border-radius:50%;background:var(--y);box-shadow:0 0 0 4px var(--bg-2)}
.steps-v b{display:block;font-size:18px;line-height:1.4}
.steps-v span{display:block;margin-top:4px;font-size:15px;color:var(--ink-2)}
.proc-img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-xl)}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0 32px}
.timeline li{padding-top:16px;border-top:2px solid rgba(62,155,127,.45)}
.timeline time{font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:32px;line-height:1;color:var(--teal-text)}
.timeline b{display:block;margin-top:10px;font-size:18px}
.timeline span{display:block;margin-top:4px;font-size:15px;color:var(--ink-2)}
.svc{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.svc li{display:grid;grid-template-columns:34px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--line)}
.svc .i{width:30px;height:30px;color:var(--teal-text)}
.svc b{display:block;font-size:18px}
.svc span{display:block;margin-top:4px;color:var(--ink-2)}

.routes{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center}
.map{position:relative;padding:14px 14px 12px;border-radius:var(--r-xl);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:var(--rim-soft),0 30px 60px rgba(0,0,0,.25);overflow:hidden}
.map-svg{display:block;width:100%;height:auto;overflow:visible}
.lands,.routes-g{pointer-events:none}
.land.bg{fill:url(#dotBg)}
.land.cn{fill:url(#dotCn)}
.land.hl{fill:url(#dotHl);transition:opacity .3s}
.land-edge{fill:none;stroke:rgba(62,155,127,.32);stroke-width:.8;stroke-linejoin:round}
.map-lbl{font:600 13px var(--f-cn);fill:rgba(255,255,255,.38);letter-spacing:.2em;pointer-events:none}
.map-lbl.hl{fill:rgba(214,236,228,.78);font-size:13px}
.route{fill:none;stroke:rgba(62,155,127,.22);stroke-width:5;stroke-linecap:round}
.route-flow{fill:none;stroke:url(#routeGrad);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:3 9;animation:flow 1.2s linear infinite;transition:stroke-width .25s,opacity .25s}
@keyframes flow{to{stroke-dashoffset:-24}}
.map.has-on .route-flow{opacity:.18}
.map.has-on .route-flow.on{opacity:1;stroke:var(--y);stroke-width:2.6;stroke-dasharray:6 6}
.map.has-on .route.on{stroke:rgba(244,197,28,.22)}
.comet{fill:#FFD43B}
.node{cursor:pointer;outline:none}
.node .dot{fill:#3E9B7F;stroke:#1C1D20;stroke-width:2.5;transition:fill .2s}
.node.port .dot{fill:#1C1D20;stroke:#3E9B7F;stroke-width:2}
.node.origin .dot{fill:var(--y);stroke:#1C1D20}
.node .pulse{fill:none;stroke:#3E9B7F;stroke-width:1.4;transform-box:fill-box;transform-origin:center;animation:ring 2.8s var(--ease) infinite}
.node.origin .pulse{stroke:var(--y)}
.node text{font:600 13px var(--f-cn);fill:rgba(255,255,255,.86);paint-order:stroke;stroke:#202125;stroke-width:4px;stroke-linejoin:round;transition:fill .2s}
.node.origin text{fill:#FFD43B;font-weight:700}
.node.on .dot,.node:hover .dot,.node:focus-visible .dot{fill:var(--y)}
.node.on text,.node:hover text{fill:#fff}
.node:focus-visible .dot{stroke:#fff}
.map-tip{position:absolute;z-index:3;min-width:150px;padding:10px 14px;border-radius:var(--r-sm);background:var(--glass-dark);box-shadow:var(--rim),var(--edge),0 14px 30px rgba(0,0,0,.45);color:#fff;font-size:13px;line-height:1.5;transform:translate(-50%,calc(-100% - 18px));pointer-events:none;opacity:0;transition:opacity .2s}
.map-tip.show{opacity:1}
.map-tip b{display:block;font-size:15px}
.map-tip em{display:block;font-style:normal;font:800 22px/1.1 var(--f);font-family:var(--f-display);font-stretch:100%;color:var(--y);margin-top:2px}
.map-key{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;margin-top:6px;padding:0 6px;font-size:13px;color:var(--mute)}
.map-key .k{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:-10px}
.map-key .k.origin{background:var(--y)}
.map-key .k.port{background:#1C1D20;box-shadow:inset 0 0 0 2px #3E9B7F}
.map-key .k.city{background:#3E9B7F}
.transit div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 14px;margin:0 -14px;border-radius:var(--r-md);cursor:pointer;transition:background-color .25s}
.transit div+div{box-shadow:0 -1px 0 var(--line)}
.transit div:hover,.transit div.on{background:rgba(255,255,255,.06);box-shadow:none}
.transit div.on dt{color:var(--y)}
.transit dt{font-weight:600;transition:color .2s}
.transit dd{color:var(--mute);font-size:15px;text-align:right}
.transit dd b{font:800 18px var(--f);font-family:var(--f-display);font-stretch:100%;color:var(--teal-text);margin-left:4px}

.intro2{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.intro2 p{margin-top:14px;color:var(--ink-2)}
.intro2 img{border-radius:var(--r-xl)}
.heng{display:grid;grid-template-columns:200px 1fr;gap:48px;align-items:center}
.heng-mark{font:800 180px/1 var(--f-cn);color:var(--teal-text);text-align:center}
.heng blockquote{margin-top:16px;font-size:20px;font-weight:600}
.heng cite{display:block;margin-top:4px;font-size:14px;font-style:normal;font-weight:400;color:var(--mute)}
.heng p{margin-top:14px;color:var(--ink-2);max-width:44em}
.vids{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:repeat(3,auto);gap:16px}
.vid{position:relative;display:block;padding:0;background:none;border:0;text-align:left;color:#fff}
.vid-lg{grid-row:span 3}
.vid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg)}
.vid-lg img{aspect-ratio:auto;height:calc(100% - 34px);min-height:300px}
.vid .play{width:54px;height:54px;margin:-27px 0 0 -27px;top:calc(50% - 17px)}
.vid .play .i{width:22px;height:22px}
.vid-lg .play{width:76px;height:76px;margin:-38px 0 0 -38px}
.vid-t{display:flex;gap:10px;align-items:baseline;margin-top:8px;font-size:14px;color:rgba(255,255,255,.62)}
.vid-t b{font-size:15px;color:#fff}

.contact{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:start}
.cl{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line)}
.cl .i{width:26px;height:26px;color:var(--teal-text)}
.cl small{display:block;font-size:13px;color:var(--mute)}
.cl b{font-weight:600;word-break:break-word}
a.cl:hover b{color:var(--teal-text)}
.contact-side .socials a{color:var(--ink-2)}
.contact-main>p{margin-top:8px}
.rfq-list{margin-top:20px;display:grid;gap:8px}
.rfq-empty{padding:18px 20px;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft);color:var(--ink-2)}
.rfq-empty a{color:var(--teal-text);text-decoration:underline}
.rfq-item{display:grid;grid-template-columns:64px 1fr auto auto 36px;gap:14px;align-items:center;padding:10px 12px;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft)}
.rfq-item img{width:64px;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.rfq-item b{display:block;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:18px}
.rfq-item span{font-size:14px;color:var(--mute)}
.qty{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.qty-label{font-size:13px;color:var(--mute)}
.qty input{width:84px;height:38px;padding:0 10px;border:0;border-radius:10px;background:rgba(0,0,0,.28);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.08);outline:none}
.qty input:focus{box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 0 0 2px rgba(62,155,127,.6)}
.calc{font-size:13px;color:var(--ink-2);text-align:right;line-height:1.5}
.calc b{font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:16px}
.calc-fill{display:block;margin-top:2px;padding:0;background:none;border:0;color:var(--teal-text);font-size:13px;text-decoration:underline}
.rm{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.05);border:0;color:var(--ink-2);transition:background .2s,color .2s}
.rm svg{width:16px;height:16px}
.rm:hover{background:rgba(232,110,80,.18);color:#F29A80}
.rfq-total{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:8px;padding:14px 18px;border-radius:var(--r-md);background:var(--teal-soft);box-shadow:var(--rim-soft);font-size:15px}
.rfq-total b{font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:20px;margin:0 3px;color:var(--teal-text)}
.rfq-total small{flex-basis:100%;font-size:13px;color:var(--mute)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-top:28px}
.field label{display:block;margin-bottom:6px;font-size:14px;font-weight:600}
.field label i{font-style:normal;color:#F29A80}
.field input,.field select,.field textarea{width:100%;height:48px;padding:0 14px;border:0;border-radius:var(--r-sm);background:rgba(0,0,0,.26);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.09);font-size:15px;outline:none;transition:box-shadow .2s,background-color .2s}
.field select option{background:#2A2B2F;color:var(--ink)}
.field textarea{height:120px;padding:12px 14px;resize:vertical;line-height:1.6}
.field input:focus,.field select:focus,.field textarea:focus{background:rgba(0,0,0,.34);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 0 0 2px rgba(62,155,127,.65)}
.field input::placeholder,.field textarea::placeholder{color:#868D92}
.hint{display:block;margin-top:4px;font-size:13px;color:var(--mute)}
.full,.consent,.form-error{grid-column:1/-1}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-2)}
.consent input{margin-top:5px;width:16px;height:16px;accent-color:var(--y)}
.form-error{display:none;padding:12px 14px;border-radius:var(--r-sm);background:rgba(232,110,80,.14);color:#F6B3A1;font-size:15px}
.form-error.show{display:block}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form .btn{height:52px;margin-top:4px}
dialog{border:0;padding:0;color:var(--ink)}
dialog::backdrop{background:rgba(10,11,12,.55)}
.sheet{width:min(520px,92vw);border-radius:var(--r-xl);background:var(--glass-dark);box-shadow:var(--rim),var(--edge),0 30px 70px rgba(0,0,0,.5);color:var(--ink)}
.sheet-in{padding:28px}
.sheet-in>p{margin-top:8px;color:var(--ink-2)}
.sheet-in small{display:block;margin-top:14px;color:var(--mute)}
.sent-ref{padding:10px 12px;border-radius:var(--r-sm);background:var(--teal-soft);font-weight:600}
.sent-ref.err{background:rgba(232,110,80,.14);color:#F6B3A1;font-weight:400}

.side-layout{display:grid;grid-template-columns:220px 1fr;gap:56px;align-items:start}
.toc{position:sticky;top:calc(var(--hd) + 24px);display:flex;flex-direction:column;gap:2px}
.toc b{font-size:13px;color:var(--mute);margin-bottom:8px}
.toc a{padding:8px 14px;border-radius:var(--pill);font-size:15px;color:var(--ink-2);transition:background-color .2s,color .2s}
.toc a:hover{color:#fff;background:rgba(255,255,255,.07)}
.faq-group{margin-bottom:44px}
.faq-group h2{font-size:22px;margin-bottom:12px}
.article{max-width:74ch}
.article h2{margin:44px 0 14px;font-size:24px}
.article h2:first-child{margin-top:0}
.article p,.article li{color:var(--ink-2);line-height:1.85}
.article p+p{margin-top:12px}
.article ul,.article ol{margin:12px 0;padding-left:1.4em}
.article ul{list-style:disc}
.article ol{list-style:decimal}
.article li{margin:4px 0}
.article li::marker{color:var(--teal-text)}
.article a{color:var(--teal-text);text-decoration:underline;text-underline-offset:3px}
.article table{width:100%;border-collapse:separate;border-spacing:0;margin:16px 0;font-size:15px;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--rim-soft)}
.article th{background:rgba(30,107,87,.55);color:#fff;text-align:left;font-weight:600;padding:11px 14px}
.article td{padding:11px 14px;border-top:1px solid var(--line);color:var(--ink-2)}
.article tr:nth-child(even) td{background:rgba(255,255,255,.03)}
.article .note{margin:16px 0}
.article .btn-row a{text-decoration:none;color:inherit}
.article .btn-row .btn-y{color:#16171A}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chips a{padding:7px 14px;border-radius:var(--pill);background:rgba(255,255,255,.06);box-shadow:var(--rim-soft);font-weight:600;font-size:14px;text-decoration:none!important;color:var(--ink)!important;transition:background .2s}
.chips a:hover{background:rgba(255,255,255,.12)}

.news-list{display:grid;gap:0}
.nl{display:grid;grid-template-columns:340px 1fr;gap:32px;padding:28px 0;border-top:1px solid var(--line);align-items:start;scroll-margin-top:calc(var(--hd) + 20px)}
.nl-img{display:block;aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;background:var(--well)}
.nl-img img{width:100%;height:100%;object-fit:cover}
.nl-meta{display:flex;gap:12px;font-size:14px;color:var(--mute)}
.nl h2{margin-top:6px;font-size:22px}
.nl p:not(.nl-meta){margin-top:10px;color:var(--ink-2)}

.dl-sub{margin:40px 0 14px;font-size:18px}
.dl-sub[hidden]{display:none}
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.spec-grid[hidden]{display:none}
.spec-dl{display:grid;grid-template-columns:56px 1fr auto 20px;gap:12px;align-items:center;padding:8px 14px 8px 8px;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft);transition:background .2s,transform .35s var(--spring)}
.spec-dl:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}
.spec-dl[hidden]{display:none}
.spec-dl img{width:56px;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.spec-dl b{display:block;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:16px}
.spec-dl span span{font-size:13px;color:var(--mute)}
.spec-dl em{font-style:normal;font-size:13px;color:var(--mute)}
.spec-dl .i{width:18px;height:18px;color:var(--teal-text)}
[data-dl-center] .tabs{margin-bottom:16px;padding:4px;border-radius:var(--pill);background:rgba(0,0,0,.26);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.06);width:max-content;max-width:100%}
.guides{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.guides a{display:grid;grid-template-columns:34px 1fr 22px;gap:16px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}
.guides .i{width:28px;height:28px;color:var(--teal-text)}
.guides a>.i:last-child{width:20px;height:20px;color:var(--ink-2);transition:transform .3s var(--spring)}
.guides a:hover>.i:last-child{transform:translateX(4px)}
.guides b{display:block;font-size:18px}
.guides span span{font-size:15px;color:var(--ink-2)}
.guides a:hover b{color:var(--teal-text)}

.bm-tools{margin-bottom:16px}
.bm-wrap{overflow-x:auto;border-radius:var(--r-lg);background:rgba(255,255,255,.035);box-shadow:var(--rim-soft)}
.bm{width:100%;min-width:680px;border-collapse:collapse;font-size:15px}
.bm thead th{position:sticky;top:0;background:#2A2B2F;padding:12px 8px;border-bottom:1px solid var(--line-2);text-align:center}
.bm thead th:first-child{text-align:left;padding-left:16px;font-size:14px;color:var(--mute);font-weight:600}
.bm thead button{background:none;border:0;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:18px;line-height:1.1;color:#fff}
.bm thead button small{display:block;font:400 13px var(--f-cn);color:var(--mute)}
.bm tbody th{text-align:left;font-weight:400;padding:8px 16px}
.bm tbody th a{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center}
.bm tbody th img{width:52px;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.bm tbody th b{display:block;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:16px}
.bm tbody th span span{font-size:13px;color:var(--mute)}
.bm tbody th a:hover b{color:var(--teal-text)}
.bm td{text-align:center;border-top:1px solid var(--line)}
.bm tbody tr:not(.bm-group) th{border-top:1px solid var(--line)}
.bm tbody tr:not(.bm-group):hover th,.bm tbody tr:not(.bm-group):hover td{background:rgba(255,255,255,.03)}
.bm-group th{background:rgba(0,0,0,.18);font-weight:700;font-size:14px;padding:8px 16px!important;text-align:left}
.bm tr[hidden]{display:none}
.mk{display:inline-block;width:15px;height:15px;border-radius:4px;vertical-align:middle}
.mk.std{background:var(--y)}
.mk.ok{box-shadow:inset 0 0 0 2px var(--teal-text)}
.na{color:var(--mute);font-style:normal}
.col-on{background:rgba(244,197,28,.1)!important}
.bm-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;font-size:14px;color:var(--mute)}
.bm-legend span{display:inline-flex;align-items:center;gap:8px}

.finder{display:grid;grid-template-columns:260px 1fr;min-height:480px;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--rim-soft),0 30px 60px rgba(0,0,0,.25)}
.fd-side{background:linear-gradient(180deg,rgba(30,107,87,.5),rgba(17,47,40,.55));color:#fff;padding:28px 24px}
.fd-steps li{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:12px 0;align-items:start}
.fd-steps b{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45);font:700 14px/1 var(--f);transition:background .25s,box-shadow .25s,color .25s}
.fd-steps li.on b{background:var(--y);box-shadow:none;color:#16171A}
.fd-steps li.done{cursor:pointer}
.fd-steps li.done b{background:#fff;box-shadow:none;color:var(--green)}
.fd-steps span{font-weight:600;padding-top:3px}
.fd-steps em{display:block;font-style:normal;font-weight:400;font-size:13px;color:rgba(255,255,255,.68)}
.fd-reset{margin-top:16px;height:40px;padding:0 18px;border-radius:var(--pill);background:rgba(255,255,255,.08);border:0;box-shadow:var(--rim-soft);color:#fff;font-weight:700}
.fd-reset[hidden]{display:none}
.fd-main{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));padding:32px}
.fd-step{font-size:14px;color:var(--mute)}
.fd-q{margin:6px 0 22px;font-size:28px}
.fd-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.fd-opt{display:block;text-align:left;padding:18px;border:0;border-radius:var(--r-lg);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft);transition:background .25s,transform .4s var(--spring),box-shadow .25s}
.fd-opt:hover{background:rgba(255,255,255,.09);transform:translateY(-3px);box-shadow:var(--rim-soft),0 0 0 1.5px rgba(62,155,127,.5)}
.fd-opt .i{width:28px;height:28px;color:var(--teal-text)}
.fd-opt b{display:block;margin-top:10px;font-size:16px}
.fd-opt span{display:block;margin-top:4px;font-size:14px;color:var(--mute)}
.fd-opt .fd-models{margin-top:10px;font-family:var(--f-display);font-stretch:100%;font-weight:800;color:var(--teal-text);font-size:15px}
.fd-level{display:flex!important;gap:3px;margin:0 0 6px!important}
.fd-level i{width:8px;height:18px;border-radius:3px;background:var(--y)}
.fd-back{margin-top:22px;padding:0;background:none;border:0;color:var(--teal-text);font-weight:600}
.fd-best{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.fd-best-img{display:block;border-radius:var(--r-lg);background:var(--well);overflow:hidden}
.fd-best-img img{width:100%;aspect-ratio:4/3;object-fit:contain}
.badge{display:inline-block;padding:3px 10px;border-radius:var(--pill);background:var(--y);color:#16171A;font-weight:700;font-size:13px}
.fd-model{margin-top:8px;font-size:42px}
.fd-type{margin-top:6px;font-weight:600;color:var(--ink-2)}
.fd-why{margin-top:14px;font-size:15px;color:var(--ink-2)}
.fd-tip{display:flex;gap:8px;margin-top:14px;padding:12px 14px;border-radius:var(--r-md);background:var(--teal-soft);font-size:15px}
.fd-tip .i{color:var(--teal-text)}
.fd-best .st-big{margin-top:14px}
.fd-best .btn-row{margin-top:20px}
.fd-alt-t{margin:28px 0 12px;font-weight:700}
.fd-result{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.fd-alt{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:10px;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft)}
.fd-alt img{width:96px;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.fd-alt b{display:block;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:18px}
.fd-alt span{font-size:14px;color:var(--mute)}
.fd-alt .row{display:flex;align-items:center;gap:12px;margin-top:8px}
.fd-alt .add{flex:none;height:34px;padding:0 12px;font-size:13px}
.fd-alt .more{font-size:14px}
.fd-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.fd-end .fd-back{margin:0}
.fd-end .more .i{width:20px;height:20px}

.cmp-tools{margin:0 0 20px}
.cmp-scroll{overflow-x:auto;border-radius:var(--r-lg);background:rgba(255,255,255,.035);box-shadow:var(--rim-soft)}
.cmp-table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.cmp-table th,.cmp-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp-table thead th{vertical-align:bottom;border-bottom:1px solid var(--line-2)}
.cmp-table thead a{display:block}
.cmp-table thead img{width:100%;max-width:200px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-sm);background:var(--well)}
.cmp-table thead b{display:block;margin-top:8px;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:20px}
.cmp-table thead span{font-size:14px;color:var(--mute);font-weight:400}
.cmp-x{margin-top:6px;padding:0;background:none;border:0;color:var(--teal-text);font-size:13px;text-decoration:underline}
.cmp-add a{display:flex;align-items:center;justify-content:center;min-height:120px;border-radius:var(--r-md);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14);color:var(--teal-text);font-weight:600}
.cmp-table tbody th{width:150px;font-weight:400;color:var(--mute)}
.cmp-table tr.diff td,.cmp-table tr.diff th{background:rgba(244,197,28,.09)}
.cmp-empty{padding:24px;border-radius:var(--r-md);background:rgba(255,255,255,.045);color:var(--ink-2)}
.cmp-empty a{color:var(--teal-text);text-decoration:underline}
.compare-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border-radius:var(--pill);background:var(--glass-dark);box-shadow:var(--rim),var(--edge),0 18px 40px rgba(0,0,0,.45);color:#fff;max-width:calc(100vw - 24px);animation:rise .5s var(--ease) both}
.compare-bar[hidden]{display:none}
.compare-bar>b{font-size:14px}
.cb-items{display:flex;gap:6px;overflow-x:auto}
.cb-item{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:var(--pill);background:rgba(255,255,255,.08);font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:14px;white-space:nowrap}
.cb-item img{width:36px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--pill);background:var(--well)}
.cb-item button{background:none;border:0;color:rgba(255,255,255,.7);font-size:16px;padding:0 2px}
.cb-slot{display:flex;align-items:center;padding:0 12px;border-radius:var(--pill);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font-size:13px;color:rgba(255,255,255,.62);white-space:nowrap}
.cb-go{height:40px;padding:0 18px;font-size:14px}
.cb-go.disabled{opacity:.5;pointer-events:none}
.cb-clear{background:none;border:0;color:rgba(255,255,255,.7);font-size:14px;text-decoration:underline}

.modal{width:min(1100px,94vw);border-radius:var(--r-xl);overflow:hidden;background:var(--glass-dark);box-shadow:var(--rim),var(--edge),0 30px 70px rgba(0,0,0,.6);color:#fff}
.modal-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 18px}
.modal-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);border:0;color:#fff}
.modal-body img,.modal-body video{width:100%;max-height:80vh;object-fit:contain;background:#000}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px) scale(.96);z-index:95;max-width:calc(100vw - 32px);padding:12px 20px;border-radius:var(--pill);background:var(--glass-dark);box-shadow:var(--rim),var(--edge),0 16px 36px rgba(0,0,0,.45);color:#fff;font-size:15px;opacity:0;visibility:hidden;transition:opacity .25s,transform .5s var(--spring),visibility .25s}
.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.toast a{color:var(--y);font-weight:700;margin-left:6px;text-decoration:underline}
.ph-toggle{position:fixed;right:12px;bottom:12px;z-index:70;display:flex;align-items:center;gap:8px;padding:8px 14px;border:0;border-radius:var(--pill);background:#2B2C31;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.35);color:var(--ink);font-size:13px}
.ph-toggle i{width:10px;height:10px;border-radius:3px;background:var(--ph-ink)}
.ph-toggle[aria-pressed="false"] i{background:var(--line-2)}

@media (max-width:1180px){
 .nav{display:none}
 .menu-btn{display:inline-flex}
 .hd-in{gap:16px}
 .mega,.drop{display:none}
 .hero-hud{display:none}
}
@media (max-width:1100px){
 .ft-top{grid-template-columns:1fr 1fr;gap:32px}
 .spec-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:960px){
 .cats{grid-template-columns:1fr 1fr}
 .cat-lg{grid-row:auto;grid-column:span 2}
 .cat-lg .cat-img{aspect-ratio:16/9;flex:none}
 .grid4{grid-template-columns:repeat(2,1fr)}
 .st-body{grid-template-columns:1fr;min-height:0}
 .st-info{padding:24px 20px 28px}
 .st-info::before{left:20px;right:20px;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.14),rgba(255,255,255,0))}
 .st-view{padding:16px 16px 68px}
 .band-in,.bsel,.co,.dlx,.hs-sec,.spin-sec,.kit,.two,.intro2,.routes,.pd-grid,.contact,.side-layout{grid-template-columns:1fr;gap:32px}
 .bsel{gap:20px}
 .bsel-data{padding:0 4px 4px}
 .dlx-media{max-width:400px}
 .apps{grid-template-columns:1fr}
 .app-a{grid-row:auto}
 .app-a img{aspect-ratio:16/10}
 .flow,.timeline{grid-template-columns:1fr 1fr;gap:24px 16px}
 .hl{grid-template-columns:1fr}
 .hl div:last-child{border-bottom:1px solid var(--line)}
 .who,.tips{grid-template-columns:1fr 1fr}
 .oem-x,.proc{grid-template-columns:1fr;gap:28px}
 .spec-groups{grid-template-columns:1fr}
 .sg:first-child{grid-row:auto}
 .news-x{grid-template-columns:1fr;grid-template-rows:auto}
 .nx-lg{grid-row:auto}
 .vids{grid-template-columns:1fr 1fr;grid-template-rows:auto}
 .vid-lg{grid-row:auto;grid-column:span 2}
 .vid-lg img{height:auto;aspect-ratio:16/9;min-height:0}
 .toc{position:static;flex-direction:row;flex-wrap:wrap;gap:8px}
 .toc b{width:100%;margin:0}
 .toc a{background:rgba(255,255,255,.06);box-shadow:var(--rim-soft)}
 .finder{grid-template-columns:1fr}
 .fd-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
 .fd-steps li{grid-template-columns:1fr;gap:6px;padding:0}
 .fd-steps em{display:none}
 .fd-best{grid-template-columns:1fr}
 .heng{grid-template-columns:1fr;gap:12px}
 .heng-mark{font-size:120px;text-align:left}
 .nl{grid-template-columns:200px 1fr;gap:20px}
 .p-sticky{position:fixed;left:8px;right:8px;bottom:8px;z-index:40;display:flex;gap:10px;padding:8px;border-radius:var(--pill);background:var(--glass-dark);box-shadow:var(--rim),var(--edge),0 14px 34px rgba(0,0,0,.45);margin-bottom:env(safe-area-inset-bottom)}
 .p-sticky .btn{flex:1;height:46px}
 body.has-sticky main{padding-bottom:80px}
 body.has-sticky .ph-toggle{bottom:84px}
 body.has-sticky .compare-bar{bottom:84px}
 .sn-in .btn{display:none}
}
@media (max-width:720px){
 :root{--hd:72px}
 .hd{padding-top:8px}
 .hd-in{height:56px}
 .brand svg{width:90px}
 .language-menu summary{padding:0 8px}
 .hd-cta span:not(.rfq-count){display:none}
 .hd-cta{padding:0 12px}
 .cat:not(.cat-lg) .cat-t span{display:none}
 .cat:not(.cat-lg) .cat-t{padding:9px 34px 10px 12px}
 .sh{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}
 .grid4{gap:24px 12px}
 .pc-body{padding:10px 2px 0}
 .pc-model{font-size:20px}
 .pc-act{gap:6px}
 .add{font-size:13px;gap:4px}
 .add .i{width:15px;height:15px}
 .st-tabs{margin:10px;max-width:calc(100% - 20px)}
 .dl-list.cols,.guides,.terms,.info,.svc{grid-template-columns:1fr}
 .who,.tips{grid-template-columns:1fr}
 .oem div{grid-template-columns:1fr;gap:4px}
 .who-t thead{display:none}
 .who-t,.who-t tbody,.who-t tr,.who-t tbody th,.who-t td{display:block;width:auto}
 .who-t tr{padding:16px 0;border-top:1px solid var(--line)}
 .who-t tbody th,.who-t td{padding:0;border:0}
 .who-t tbody tr:hover th,.who-t tbody tr:hover td{background:none}
 .who-t td{margin-top:4px}
 .who-t td:last-child{margin-top:8px}
 .docs3{grid-template-columns:1fr}
 .spec-grid{grid-template-columns:1fr 1fr}
 .ft-top{grid-template-columns:1fr 1fr;gap:28px 20px}
 .ft-brand,.ft-contact{grid-column:1/-1}
 .form{grid-template-columns:1fr}
 .rfq-item{grid-template-columns:56px 1fr 36px;grid-template-areas:"img t rm" "img q c"}
 .rfq-item img{grid-area:img;width:56px}
 .rfq-item>div:first-of-type{grid-area:t}
 .rfq-item .qty{grid-area:q}
 .rfq-item .calc{grid-area:c}
 .rfq-item .rm{grid-area:rm}
 .nl{grid-template-columns:1fr}
 .mini-band{grid-template-columns:80px 1fr 20px;gap:14px}
 .mini-band img{width:80px}
 .st-specs{grid-template-columns:1fr 1fr}
 .tb-in{flex-wrap:wrap;gap:0}
 .tb-in::before{border-radius:var(--r-lg)}
 .tabs{width:100%;padding:5px 6px}
 .tb-search{margin:0 6px 6px;width:calc(100% - 12px)}
 .tb-search input{width:100%}
 .terms div,.info div{grid-template-columns:90px 1fr}
 .cta-act{gap:18px}
 .fd-main{padding:22px 16px}
 .map{padding:8px 6px 10px}
 .node text{font-size:16px}
 .map-lbl{font-size:14px}
}
@media (max-width:420px){
 .grid4{grid-template-columns:1fr 1fr}
 .cats{gap:8px}
 .cat-t{left:6px;right:6px;bottom:6px;padding:8px 32px 9px 10px;border-radius:var(--r-sm)}
 .cat-t b{font-size:15px}
 .cat-t span{font-size:13px}
 .cat-t .i{right:8px;width:16px;height:16px;margin-top:-8px}
 .timeline{grid-template-columns:1fr}
 .hl div{grid-template-columns:1fr;gap:4px}
 .flow{gap:20px 10px}
 .flow b{font-size:16px}
 .flow span{font-size:14px}
 .spec-grid{grid-template-columns:1fr}
 .plate dd{font-size:18px}
}
.rv{opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease) var(--rv-d,0s),transform .6s var(--ease) var(--rv-d,0s)}
.rv.in{opacity:1;transform:none}
.cat-t em.cat-m{display:grid;grid-template-rows:0fr;opacity:0;font:700 13px/1.45 var(--f);font-family:var(--f-display);font-stretch:100%;font-style:normal;letter-spacing:.02em;color:var(--teal-text);transition:grid-template-rows .45s var(--ease),opacity .3s}
.cat-t em.cat-m span{display:block;min-height:0;overflow:hidden;font:inherit;color:inherit}
.cat-t em.cat-m span::before{content:"";display:block;height:6px}
.cat:hover em.cat-m,.cat:focus-visible em.cat-m,.cat-lg em.cat-m{grid-template-rows:1fr;opacity:1}

.tq-ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;overflow:visible}
.tq-ladder button{display:grid;grid-template-columns:12px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:14px;row-gap:3px;align-items:end;padding:12px 14px 13px;text-align:left;font:inherit;font-stretch:normal}
.tq-bar{grid-row:1/4;align-self:stretch;position:relative;min-height:62px;border-radius:6px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.45);overflow:hidden}
.tq-bar i{position:absolute;left:0;right:0;bottom:0;height:var(--h);border-radius:inherit;background:var(--teal);transition:background-color .3s}
.tq-ladder button[aria-pressed="true"] .tq-bar i{background:var(--y)}
.tq-ladder b{font:800 28px/1 var(--f);font-family:var(--f-display);font-stretch:100%;color:#fff}
.tq-ladder b small{margin-left:3px;font-size:13px;font-weight:700;color:var(--mute)}
.tq-ladder button[aria-pressed="true"] b{color:var(--y)}
.tq-ladder button[aria-pressed="true"] em,.tq-ladder button[aria-pressed="true"] b small{color:var(--ink-2)}
.tq-m{font:800 14px/1.2 var(--f);font-family:var(--f-display);font-stretch:100%;color:var(--teal-text)}
.tq-ladder em{font-style:normal;font-size:13px;line-height:1.35;color:var(--mute);white-space:normal;overflow-wrap:anywhere}
.st-app{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px}
.st-app span{margin-right:4px;font-size:13px;color:var(--mute)}
.st-app b{padding:4px 11px;border-radius:var(--pill);background:rgba(62,155,127,.1);box-shadow:inset 0 0 0 1px rgba(62,155,127,.22);font-size:13px;font-weight:600;color:var(--teal-text)}

.kits{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}
.kc{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.kc-img{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:var(--well);transition:transform .5s var(--spring),box-shadow .4s}
.kc-img::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--rim-soft)}
.kc-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.kc:hover .kc-img{transform:translateY(-3px);box-shadow:0 22px 44px rgba(0,0,0,.4)}
.kc:hover .kc-img img{transform:scale(1.04)}
.kc-n{position:absolute;left:10px;top:10px;z-index:1;display:inline-flex;align-items:baseline;gap:4px;padding:5px 12px 6px;border-radius:var(--pill);background:rgba(22,23,26,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-size:13px;color:#fff}
.kc-n b{font:800 20px/1 var(--f);font-family:var(--f-display);font-stretch:100%;color:var(--y)}
.kc-b{display:flex;flex-direction:column;min-width:0}
.kc-parts{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 8px;margin-top:12px}
.kc-parts a{display:flex;align-items:center;gap:10px;padding:5px;margin:0 -5px;border-radius:12px;transition:background-color .25s}
.kc-parts a:hover{background:rgba(255,255,255,.06)}
.kc-parts img{flex:none;width:50px;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:var(--well)}
.kc-parts span{min-width:0;font-size:13px;line-height:1.35;color:var(--mute)}
.kc-parts span b{display:block;font:800 15px/1.2 var(--f);font-family:var(--f-display);font-stretch:100%;color:var(--ink)}
.kc-parts span{white-space:normal;overflow-wrap:break-word;hyphens:auto}
.kc .pc-spec{margin-top:12px}

.nums{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 24px;margin-top:64px;padding-top:30px;border-top:1px solid var(--line)}
.nums dt{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.nums dt b{font:800 48px/1 var(--f);font-family:var(--f-display);font-stretch:100%;color:#fff;font-variant-numeric:tabular-nums}
.nums dt span{font:700 16px var(--f);font-family:var(--f-display);font-stretch:100%;color:var(--teal-text)}
.nums dd{margin-top:8px;font-size:14px;color:var(--mute)}

.ch-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*20px)/3.35);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:6px;outline:0}
.ch-track::-webkit-scrollbar{display:none}
.ch-track:focus-visible{box-shadow:0 0 0 2px var(--teal-text);border-radius:var(--r-lg)}
.ch-track li{display:flex;flex-direction:column;min-width:0;scroll-snap-align:start}
.ch-track img,.ch-ic{width:100%;aspect-ratio:16/10;border-radius:var(--r-lg)}
.ch-track img{object-fit:cover}
.ch-ic{display:grid;place-items:center;background:rgba(255,255,255,.04);box-shadow:var(--rim-soft)}
.ch-ic .i{width:46px;height:46px;color:var(--teal-text)}
.ch-n{display:flex;align-items:center;gap:12px;margin-top:18px;font:800 14px var(--f);font-family:var(--f-display);font-stretch:100%;letter-spacing:.08em;color:var(--teal-text)}
.ch-n::after{content:"";flex:1;height:1px;background:var(--line)}
.ch-track li:last-child .ch-n::after{display:none}
.ch-track b{margin-top:8px;font-size:18px}
.ch-d{margin-top:6px;font-size:15px;color:var(--ink-2)}
.ch-track .more{margin-top:12px}
.ch-foot{display:flex;align-items:center;gap:20px;margin-top:28px}
.ch-rail{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden}
.ch-rail i{display:block;width:30%;height:100%;border-radius:inherit;background:var(--teal-text);will-change:transform}
.ch-nav{display:flex;gap:8px}
.ch-nav button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:0;color:#fff;background:#2B2C31;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .35s var(--spring),opacity .25s,background-color .25s}
.ch-nav button:hover:not(:disabled){transform:translateY(-2px);background-color:rgba(255,255,255,.08)}
.ch-nav button:disabled{opacity:.32;cursor:default}
.chain.fits .ch-foot{display:none}

.plat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:64px;align-items:center}
.plat .sh{margin-bottom:18px}
.plat-rows li{display:grid;grid-template-columns:84px minmax(0,.9fr) 66px minmax(0,1fr);align-items:center;gap:20px;padding:17px 0;border-top:1px solid var(--line)}
.plat-rows li:last-child{border-bottom:1px solid var(--line)}
.pr-ah{font:800 32px/1 var(--f);font-family:var(--f-display);font-stretch:100%;color:#fff}
.pr-ah small{margin-left:3px;font-size:13px;font-weight:700;color:var(--teal-text)}
.bgauge.mini{margin:0 9px 0 0;padding:3px;gap:3px;border-radius:8px}
.bgauge.mini i{height:13px;border-radius:3px}
.bgauge.mini::after{right:-8px;width:4px;height:9px;margin-top:-4.5px}
.plat-rows.pend .bgauge i.on{background:rgba(255,255,255,.07);box-shadow:none}
.pr-w{font:700 16px var(--f);font-family:var(--f-display);font-stretch:100%;color:var(--ink-2);text-align:right;white-space:nowrap}
.pr-n{font-size:14px;line-height:1.45;color:var(--ink-2)}
.plat .fine{margin-top:14px}

@media (max-width:1100px){
 .nums{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ch-track{grid-auto-columns:calc((100% - 20px)/2.3)}
 .plat{grid-template-columns:1fr;gap:28px}
 .kits{grid-template-columns:1fr;gap:36px}
 .kc{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
}
@media (max-width:960px){
 .tq-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
 .nums{gap:22px 16px;margin-top:40px;padding-top:24px}
 .nums dt b{font-size:38px}
 .ch-track{grid-auto-columns:82%;gap:14px}
 .plat-rows li{grid-template-columns:60px minmax(0,1fr) auto;grid-template-areas:"ah g w" "ah n n";gap:6px 14px;padding:14px 0}
 .pr-ah{grid-area:ah;font-size:28px}
 .bgauge.mini{grid-area:g}
 .pr-w{grid-area:w;font-size:14px}
 .pr-n{grid-area:n;font-size:13px;color:var(--mute)}
 .tq-ladder{gap:8px;padding:10px}
 .tq-ladder button{padding:10px 11px;column-gap:11px}
 .tq-ladder b{font-size:24px}
}
@media (max-width:560px){
 .kits{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1*clamp(16px,4vw,40px));padding:0 clamp(16px,4vw,40px) 4px;scroll-padding-inline:clamp(16px,4vw,40px);overscroll-behavior-x:contain}
 .kits::-webkit-scrollbar{display:none}
 .kc{grid-template-columns:1fr;gap:14px;scroll-snap-align:start}
 .kc-img{aspect-ratio:16/10}
 .nums{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media print{.rv{opacity:1;transform:none;filter:none}body::before{display:none}}
@media (prefers-reduced-motion:reduce){
 .rv{opacity:1;transform:none;filter:none}
 .route-flow,.hs::before,.node .pulse{animation:none}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
.doc-language{display:block;font-size:13px;font-weight:400;color:var(--mute)}
.seg{max-width:100%}
.seg button{min-height:38px;height:auto;padding-block:8px;white-space:normal;line-height:1.3}
.ft-contact dd,.contact-side b{overflow-wrap:anywhere}
.who-t td:last-child{white-space:normal}
@media(max-width:760px){
 .tq-ladder{gap:8px}
 .tq-ladder b{font-size:24px}
 .st-act .btn{padding-inline:16px}
 .pc-act,.st-act{flex-wrap:wrap}
}

.spec-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.spec-dl{grid-template-columns:56px minmax(0,1fr) auto 20px;min-width:0;gap:8px}
.spec-dl>span,.dl-t,.dlx>*,.guides a>span{min-width:0;overflow-wrap:anywhere}
.spec-dl .doc-language{grid-column:2/-1}
.dl{grid-template-columns:32px minmax(0,1fr) 22px;min-width:0}
.guides{grid-template-columns:repeat(2,minmax(0,1fr))}
.guides a{grid-template-columns:34px minmax(0,1fr) 22px;min-width:0}
.sh>*{min-width:0;max-width:100%}
.sh .more{white-space:normal;overflow-wrap:anywhere}
.sh .more .i{flex-shrink:0}
.bsel{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;max-width:100%}
.bsel-img,.bsel-data{min-width:0}
.bsel .seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-width:0}
.bsel .seg button{min-width:0;padding:9px 2px;white-space:nowrap;font-size:13px;font-family:var(--f-display);font-stretch:100%}
.bsel-dl{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.bsel-dl div,.bsel-fits{min-width:0;overflow-wrap:anywhere}
.bsel-dl dd{white-space:normal}
.bsel-read{flex-wrap:wrap}
.bm-wrap{width:100%;max-width:100%;min-width:0;overscroll-behavior-x:contain}
.bm-tools{min-width:0;max-width:100%}
.bm-tools button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.nums dt{flex-wrap:wrap;white-space:normal;row-gap:6px}
.nums dt span{min-width:0;max-width:100%;overflow-wrap:anywhere;line-height:1.25}
@media(max-width:1100px){
 .spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:960px){
 .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bsel{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:720px){
 .guides{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
 .spec-grid{grid-template-columns:minmax(0,1fr)}
 .bsel .seg button{font-size:13px}
}

h1,h2,.h1{font-family:var(--f-display)}
h2{font-size:calc(clamp(26px,2.8vw,38px)*var(--display-scale))}
.ph h1{font-size:calc(clamp(32px,4vw,54px)*var(--display-scale))}
.slide-copy h1,.slide-copy .h1{font-size:calc(clamp(34px,3.6vw,56px)*var(--display-scale))}
.pd-info h1,.ft h2{font-family:var(--f)}

@media (max-width:1100px){
 .hero{display:grid;height:auto;background:var(--bg-1)}
 .slide{grid-area:1/1;position:relative;height:auto;display:flex;flex-direction:column;padding-top:calc(var(--hd) + 4px)}
 .slide picture,.slide--promo picture{position:relative;inset:auto;width:100%;aspect-ratio:16/9;-webkit-mask-image:none;mask-image:none}
 .slide::after{display:none}
 .slide-copy,.slide--promo .slide-copy,.slide:not(.slide--promo) .slide-copy{position:relative;top:auto;bottom:auto;transform:none;padding-top:22px}
 .slide-copy>*,.slide--promo .slide-copy>*,.slide:not(.slide--promo) .slide-copy>*{max-width:640px}
 .slide-copy h1,.slide-copy .h1{font-size:calc(clamp(28px,5vw,40px)*var(--display-scale))}
 .slide-copy p:not(.h1){font-size:16px}
 .slide-copy .btn-row{margin-top:20px}
 .hero-bar{grid-area:2/1;position:relative;top:auto;height:auto;padding:18px 0 4px}
}
@media (min-width:761px) and (max-width:1100px){
 .slide picture,.slide--promo picture{aspect-ratio:2/1}
}
@media (max-width:1100px){
 .hero-bar-in{gap:14px}
 .hero-tabs{flex:1;gap:6px;padding:0;background:none;box-shadow:none}
 .hero-tabs li{flex:1 1 0}
 .hero-tabs .seg-thumb{display:none}
 .hero-tabs button{min-height:32px;padding:0}
 .hero-tabs button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .hero-tabs i{left:0;right:0;top:50%;bottom:auto;height:3px;margin-top:-1.5px;opacity:1;background:rgba(255,255,255,.16)}
 .hero-ctrl button{width:40px;height:40px}
}

.language-menu .lang-short{display:none}
@media (max-width:720px){
 .language-menu .lang-full{display:none}
 .language-menu .lang-short{display:inline}
}
@media (max-width:420px){
 .hd-in{gap:8px}
 .hd-tools{gap:0}
 .icon-btn{width:40px;height:40px}
 .language-menu summary{padding:0 6px}
 .hd-cta{padding:0 10px;margin-left:2px}
}

.tb-in .tabs,.sn-in nav{padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.sn-in>b,.sn-in .btn{flex:none;white-space:nowrap}

.kc-parts img,.kit-parts img,.st-models img,.rfq-item img,.spec-dl img,.fd-alt img,.cmp-table thead img,.search-results img,.thumbs button img,.cb-item img,.bm tbody th img{object-fit:contain}

.co-video img,.flow img,.proc-img img,.oem-img img,.intro2 img,.vid img,.ch-track img,.ph-img,.nl-img img,.apps figure img{filter:saturate(.84) brightness(.88) contrast(1.05)}

.home-routes .routes{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:48px}
.home-routes .transit div{padding:15px 14px}
.home-routes .transit dt{font-size:18px}
.home-routes .transit dd b{font-size:28px}

@media (max-width:960px){
 .home-routes .routes{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width:420px){
 .cat-t{left:0;right:0;bottom:0;padding:10px 32px 11px 12px;border-radius:0}
}


h1,h2,.h1{font-family:var(--f-display);font-weight:700;letter-spacing:.003em;line-height:1.04}
h2{font-size:clamp(32px,3.2vw,46px)}
h3{font-size:20px;font-weight:600;line-height:1.3}
.ph h1{font-size:clamp(40px,4.6vw,66px)}
.pd-info h1{font-family:var(--f-display)}
.ft h2{font:600 14px/1.4 var(--f);letter-spacing:0}
.rv{opacity:1!important;transform:none!important;transition:none!important}

.more{display:inline-flex;font:600 15px/1.4 var(--f);color:var(--ink);text-decoration:underline;text-decoration-color:rgba(255,255,255,.32);text-decoration-thickness:1px;text-underline-offset:5px;white-space:normal;transition:color .2s,text-decoration-color .2s}
.more:hover{color:var(--y);text-decoration-color:var(--y)}
.more .i{display:none}
.btn{border-radius:6px;font:600 15px/1.3 var(--f);padding:12px 22px;transition:background-color .2s,color .2s,box-shadow .2s}
.btn:active{transform:translateY(1px)}
.btn-y{background:var(--y);color:#15181B;box-shadow:none}
.btn-y:hover{transform:none;background:var(--y-2);box-shadow:none}
.btn-t{background:var(--green);color:#fff;box-shadow:none}
.btn-t:hover{transform:none;background:#1F7A60}
.btn-o,.btn-line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.btn-o:hover,.btn-line:hover{transform:none;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}

.hd{padding-top:0}
.hd-in{height:var(--hd)}
@media (min-width:1181px){.hd-in{gap:28px}}
.hd-in::before{inset:0 calc(50% - 50vw);border-radius:0;background:rgba(21,24,27,.92);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.hd.is-over .hd-in::before{background:linear-gradient(180deg,rgba(13,16,18,.78),rgba(13,16,18,0));box-shadow:none}
.brand svg{width:96px}
.nav{gap:0;margin-left:8px}
.nav>a,.has-menu>a{height:var(--hd);padding:0 13px;border-radius:0;font:500 15px var(--f);color:var(--ink-2);background:none}
.nav>a:hover,.has-menu>a:hover,.has-menu:focus-within>a,.has-menu.open>a{color:#fff;background:none}
.nav a[aria-current="page"],.nav a.is-on{color:#fff;background:none;box-shadow:inset 0 -2px 0 var(--y)}
.nav a[aria-current="page"]::after,.nav a.is-on::after{content:none}
.mega{top:var(--hd);border-radius:0 0 12px 12px}
.hd-cta{height:40px;padding:0 16px}
.icon-btn{border-radius:6px}
.language-menu summary{border-radius:6px}

.sec{padding:clamp(64px,7vw,112px) 0}
.sec-alt{background:#181B1E}
.sh{margin-bottom:40px}
.sh-t p{margin-top:12px;font-size:17px;color:var(--ink-2);max-width:56ch}
.fine{color:var(--mute)}
.spread{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px 64px;align-items:start}
.spread-head{position:sticky;top:calc(var(--hd) + 32px)}
.spread-head h2{margin-bottom:16px}
.spread-head p{font-size:17px;color:var(--ink-2);max-width:34ch}
.spread-head .btn-row{margin-top:28px}

.pc-img{border-radius:12px;background:var(--bg-2)}
.pc-img::after{content:none}
.pc:hover .pc-img{transform:none;box-shadow:none}
.pc:hover .pc-img img{transform:scale(1.03)}
.pc-model{font-size:26px}
.pc-type{font-size:14px;color:var(--ink-2)}
.pc-spec{font-size:14px}
.pc-spec b{color:var(--y)}
.add{height:40px;border-radius:6px;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);font-weight:600}
.add:hover,.add.in{background:var(--y);color:#15181B;box-shadow:none}
.cmp{border-radius:6px;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.cmp.on{background:rgba(27,106,84,.3);box-shadow:inset 0 0 0 1px var(--green-light);color:#fff}

.terms{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.terms div{grid-template-columns:110px minmax(0,1fr);padding:16px 0;border-top:1px solid var(--line)}
.terms dt{font-weight:600;color:var(--ink)}
.terms dd{color:var(--ink-2)}
.terms-1{grid-template-columns:minmax(0,1fr)}
.terms-1 div{grid-template-columns:minmax(150px,1fr) minmax(0,2fr)}
.terms .tn{display:block;margin-top:8px;font-size:14px;line-height:1.5;color:var(--mute)}
.kit-parts{grid-template-columns:repeat(4,minmax(0,1fr))}
.kit-parts span{display:block;overflow-wrap:anywhere;hyphens:auto}
@media(max-width:560px){.kit-parts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.co-nums{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 28px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.co-nums dt{font:700 44px/1 var(--f-display);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.co-nums dd{margin-top:8px;font-size:14px;line-height:1.45;color:var(--ink-2)}
#company .co-nums{margin-top:40px}
@media(max-width:960px){.co-nums{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.co-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin-top:32px;padding-top:22px}.co-nums dt{font-size:34px}}
@media(min-width:1680px){:root{--wrap:1520px}}
@media(min-width:2240px){:root{--wrap:1680px}}
@media(max-width:560px){.article table{table-layout:fixed;font-size:14px}.article th,.article td{padding:9px 8px;overflow-wrap:anywhere;hyphens:auto}}

.co{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}
.co-video img,.flow img{border-radius:12px}
.play{width:64px;height:64px;margin:-32px 0 0 -32px;background:rgba(21,24,27,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.flow{gap:20px;margin-top:48px}
.flow b{font:700 21px/1.2 var(--f-display)}
.dl{border-radius:10px;background:var(--bg-2);box-shadow:none}
.dl:hover{background:var(--bg-3);transform:none}
.dl .i{color:var(--y)}
.cta-in{background:var(--green);box-shadow:none;border-radius:16px}
.cta h2{font-size:clamp(30px,3vw,44px)}
.cta p{color:rgba(255,255,255,.84)}
.cta .btn-t{background:#15181B}
.cta .btn-t:hover{background:#23272B}
.cta-num{color:rgba(255,255,255,.86)}

.ph p{font-size:18px;color:rgba(255,255,255,.8)}
.ph.has-img::after{background:linear-gradient(90deg,rgba(21,24,27,.96) 0%,rgba(21,24,27,.84) 45%,rgba(21,24,27,.5) 100%)}
.tb-in::before,.sn-in::before{inset:0 calc(50% - 50vw);border-radius:0;background:rgba(21,24,27,.94);box-shadow:0 1px 0 var(--line)}
.toolbar{top:var(--hd)}
.subnav{top:var(--hd)}
.toolbar,.subnav{overflow-x:clip}
.tabs button,.sn-in nav a{border-radius:6px}
.tb-search{border-radius:6px}
.seg{border-radius:8px}
.ft{background:var(--bg-0);box-shadow:inset 0 1px 0 var(--line)}
.socials a{border-radius:6px;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}

@media (max-width:960px){
 .spread{grid-template-columns:minmax(0,1fr);gap:28px}
 .spread-head{position:static}
 .co{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
 .terms{grid-template-columns:minmax(0,1fr)}
 .terms-1 div{grid-template-columns:minmax(0,1fr);gap:4px}
}
@media (max-width:720px){
 .sh{margin-bottom:28px}
 .pc-model{font-size:22px}
}
@media (max-width:420px){
 .hd-cta{padding:0 10px}
}
@media (max-width:560px){
 .dlx-media{max-width:240px}
}

:root{--band-h:min(92vh,880px);--story-w:66ch}
main:has(>.band:first-child){padding-top:0}

.band{position:relative;isolation:isolate;display:grid;align-items:end;min-height:var(--band-h);color:#fff;overflow:hidden;background:var(--bg-0)}
.band--head{min-height:min(78vh,760px);padding-top:var(--hd)}
.band--short{min-height:min(64vh,620px)}
.band--tall{min-height:min(100vh,960px)}
.band-media{position:absolute;inset:0;z-index:-2;background:var(--bg-0)}
.band-media img,.band-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}
.band-media img[src*="factory-photos"],.band-media img[src*="facility"],.band-media img[src*="/workshop-"],.band-media img[src*="/warehouse-"],.band-media video{filter:saturate(.84) brightness(.9) contrast(1.05)}
.band::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(21,24,27,.94) 0%,rgba(21,24,27,.58) 38%,rgba(21,24,27,.1) 70%,rgba(21,24,27,0) 100%)}
.band--left::after{background:linear-gradient(90deg,rgba(21,24,27,.95) 0%,rgba(21,24,27,.8) 32%,rgba(21,24,27,.3) 60%,rgba(21,24,27,.05) 100%)}
.band--right::after{background:linear-gradient(270deg,rgba(21,24,27,.95) 0%,rgba(21,24,27,.8) 32%,rgba(21,24,27,.3) 60%,rgba(21,24,27,.05) 100%)}
.band--head::after{background:linear-gradient(0deg,rgba(21,24,27,1) 0%,rgba(21,24,27,.62) 42%,rgba(21,24,27,.16) 74%,rgba(21,24,27,.38) 100%)}
.band--head.band--left::after{background:linear-gradient(90deg,rgba(21,24,27,.96) 0%,rgba(21,24,27,.82) 34%,rgba(21,24,27,.34) 64%,rgba(21,24,27,.1) 100%),linear-gradient(180deg,rgba(21,24,27,.4),rgba(21,24,27,0) 30%)}
.band-in{position:relative;width:100%;padding-top:64px;padding-bottom:72px}
.band--left .band-in,.band--right .band-in{align-self:center}
.band-copy{max-width:var(--story-w)}
.band--right .band-copy{margin-left:auto}
.band h1,.band h2{font-size:clamp(38px,4.6vw,64px);line-height:1.02;letter-spacing:0}
.band--head h1{font-size:clamp(40px,5.2vw,72px)}
.band p{margin-top:18px;font-size:clamp(16px,1.2vw,18px);line-height:1.7;color:rgba(255,255,255,.88);max-width:var(--story-w)}
.band p+p{margin-top:12px}
.band .more,.band .btn{margin-top:26px}
.band .btn-row{margin-top:26px}
.band .btn-row .btn{margin-top:0}
.band .crumbs{color:rgba(255,255,255,.62);margin-bottom:6px}
.band .crumbs a:hover{color:#fff}
.band .fine{color:rgba(255,255,255,.6)}
.band .co-nums{margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);max-width:none}
.band .co-nums dd{color:rgba(255,255,255,.72)}
.co-nums{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
@media(max-width:560px){.co-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}

.film video{opacity:0;transition:opacity .8s}
.film.is-playing video{opacity:1}
.film-poster{position:absolute;inset:0;z-index:-2}
.film-poster img{width:100%;height:100%;object-fit:cover}

.stamp{position:absolute;right:clamp(16px,4vw,48px);bottom:clamp(20px,4vw,52px);z-index:1;width:clamp(72px,8vw,128px);filter:drop-shadow(0 14px 26px rgba(0,0,0,.5))}
.stamp img{display:block;width:100%;height:auto}
.stamp-in{display:inline-block;width:clamp(88px,10vw,150px);filter:drop-shadow(0 14px 26px rgba(0,0,0,.5))}
.stamp-in img{display:block;width:100%;height:auto}

.sec-story{padding:clamp(72px,8vw,136px) 0}
.sec-story+.sec-story{padding-top:0}
.story{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px 80px;align-items:start}
.story-h{position:sticky;top:calc(var(--hd) + 40px)}
.story-h h2{font-size:clamp(34px,3.6vw,52px);line-height:1.04}
.story-h>p{margin-top:14px;font-size:16px;line-height:1.6;color:var(--mute);max-width:36ch}
.story-h .more{margin-top:22px}
.story-h .btn{margin-top:24px}
.story-t{max-width:var(--story-w)}
.story-t p{font-size:18px;line-height:1.78;color:var(--ink-2)}
.story-t p+p{margin-top:20px}
.story-t>p:first-child{color:var(--ink)}
.story-t h3{margin:40px 0 12px;font:600 22px/1.3 var(--f);color:var(--ink)}
.story-t h3:first-child{margin-top:0}
.story-t ul,.story-t ol{margin:14px 0 0 1.2em;font-size:17px;line-height:1.7;color:var(--ink-2)}
.story-t li+li{margin-top:8px}
.story-t figure{margin:32px 0 8px}
.story-t figure img{display:block;width:100%;border-radius:12px}
.story-t figcaption{margin-top:10px;font-size:14px;line-height:1.5;color:var(--mute)}
.story-t .more{margin-top:24px}
.story-t .co-nums{margin-top:40px}
.story-t .terms{margin-top:8px}
.story-t .terms div{grid-template-columns:120px minmax(0,1fr)}
.story-t .faq{margin-top:8px}
.story-t table{width:100%;border-collapse:collapse;margin:16px 0 8px;font-size:16px}
.story-t th,.story-t td{padding:12px 14px 12px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);color:var(--ink-2)}
.story-t th{color:var(--ink);font-weight:600}
.story-1{max-width:var(--story-w);margin:0 auto}
.story-1 h2{font-size:clamp(32px,3.2vw,46px);line-height:1.06;margin:0 0 22px}
.story-1 p{font-size:18px;line-height:1.8;color:var(--ink-2)}
.story-1 p+p{margin-top:20px}
.story-1 figure{margin:36px 0}
.story-1 figure img{display:block;width:100%;border-radius:12px}
.story-1 figcaption{margin-top:10px;font-size:14px;color:var(--mute)}

.scenes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:var(--bg-0)}
.scene{position:relative;isolation:isolate;display:block;aspect-ratio:16/10;overflow:hidden;color:#fff;background:var(--bg-2)}
.scene img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transition:transform .8s var(--ease)}
.scene:hover img{transform:scale(1.03)}
.scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(21,24,27,.92) 0%,rgba(21,24,27,.5) 38%,rgba(21,24,27,0) 68%)}
.scene-t{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(18px,3vw,40px)}
.scene-t b{display:block;font:700 clamp(24px,2.4vw,34px)/1.1 var(--f-display)}
.scene-t span{display:block;margin-top:8px;max-width:54ch;font-size:15px;line-height:1.55;color:rgba(255,255,255,.84)}
.scene-t em{display:inline-block;margin-top:12px;font:600 14px/1.3 var(--f);font-style:normal;color:var(--y)}
.scene-one{aspect-ratio:21/9}

.range{border-top:1px solid var(--line)}
.range a{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:32px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);color:var(--ink);transition:background-color .2s}
.range a:hover{background:rgba(255,255,255,.03)}
.range-img{width:200px;aspect-ratio:1/1;border-radius:12px;background:var(--bg-2);overflow:hidden}
.range-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.range a:hover .range-img img{transform:scale(1.03)}
.range b{display:block;font:700 clamp(26px,2.6vw,36px)/1.05 var(--f-display);transition:color .2s}
.range p{margin-top:8px;max-width:60ch;font-size:16px;line-height:1.6;color:var(--ink-2)}
.range em{font:700 clamp(22px,2vw,30px)/1 var(--f-display);font-style:normal;color:var(--y);white-space:nowrap;text-align:right}
.range em small{display:block;margin-top:4px;font:500 13px/1.3 var(--f);color:var(--mute)}
.range a:hover b{color:var(--y)}

.support{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.support a{display:block;padding:28px 24px 30px;color:var(--ink);border-left:1px solid var(--line)}
.support a:first-child{border-left:0;padding-left:0}
.support .i{width:28px;height:28px;color:var(--y)}
.support b{display:block;margin-top:14px;font:700 22px/1.15 var(--f-display);transition:color .2s}
.support span{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.support a:hover b{color:var(--y)}

.picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.pick{display:flex;flex-direction:column;color:var(--ink)}
.pick-img{display:block;aspect-ratio:1/1;border-radius:12px;background:var(--bg-2);overflow:hidden}
.pick-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.pick:hover .pick-img img{transform:scale(1.03)}
.pick b{display:block;margin-top:14px;font:700 26px/1.05 var(--f-display);transition:color .2s}
.pick small{display:block;margin-top:4px;font-size:14px;color:var(--mute)}
.pick p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.pick:hover b{color:var(--y)}

.cg-band{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 64px;align-items:end;margin:0 0 28px;padding:0 0 24px;border-bottom:1px solid var(--line)}
.cg-band h2{font-size:clamp(30px,3vw,44px)}
.cg-band p{font-size:16px;line-height:1.65;color:var(--ink-2);max-width:60ch}
.cg-band p+p{margin-top:10px}
.cg-band .cg-n{margin-top:8px;font-size:14px;color:var(--mute)}

.pd-band{background:var(--bg-0);padding:calc(var(--hd) + 24px) 0 0}
.pd-band .gallery-main{aspect-ratio:4/3;max-height:min(78vh,760px);background:var(--bg-0)}
.pd-band .gallery-main img{object-fit:contain}
.pd-story{margin-top:28px}
.pd-story p+p{margin-top:12px}

.follow{display:flex;flex-wrap:wrap;gap:12px}
.follow a{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:var(--ink);font-weight:600;transition:box-shadow .2s,color .2s}
.follow a:hover{box-shadow:inset 0 0 0 1px var(--y);color:var(--y)}
.follow svg{width:20px;height:20px}

.nf{min-height:70vh;display:grid;place-items:center;text-align:center;padding:calc(var(--hd) + 40px) 0 60px}
.nf img{width:140px;margin:0 auto 20px}
.nf h1{font-size:clamp(36px,4vw,56px)}
.nf p{margin-top:12px;color:var(--ink-2)}
.nf .btn-row{justify-content:center;margin-top:24px}
.nf-langs{display:flex;justify-content:center;gap:24px;margin-top:32px}
.nf-langs a{color:var(--ink-2);text-decoration:underline;text-underline-offset:4px}

@media (max-width:960px){
 .story{grid-template-columns:minmax(0,1fr);gap:24px}
 .story-h{position:static}
 .story-h>p{max-width:none}
 .range a{grid-template-columns:120px minmax(0,1fr);gap:18px}
 .range-img{width:120px}
 .range em{grid-column:2;justify-self:start;text-align:left}
 .support{grid-template-columns:repeat(2,minmax(0,1fr))}
 .support a:nth-child(odd){border-left:0;padding-left:0}
 .support a:nth-child(-n+2){padding-top:20px}
 .support a{padding-top:22px;padding-bottom:22px}
 .picks{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cg-band{grid-template-columns:minmax(0,1fr);gap:12px}
}
@media (max-width:720px){
 .band{min-height:min(84vh,680px)}
 .band--head{min-height:min(72vh,580px)}
 .band--tall{min-height:min(92vh,760px)}
 .band-in{padding-top:40px;padding-bottom:44px}
 .band--left .band-in,.band--right .band-in{align-self:end}
 .band--left::after,.band--right::after,.band--head.band--left::after{background:linear-gradient(0deg,rgba(21,24,27,.96) 0%,rgba(21,24,27,.7) 40%,rgba(21,24,27,.2) 70%,rgba(21,24,27,.3) 100%)}
 .scenes-grid{grid-template-columns:minmax(0,1fr)}
 .scene,.scene-one{aspect-ratio:4/3}
 .stamp{width:64px;right:16px;bottom:16px}
 .story-t p,.story-1 p{font-size:17px}
 .support{grid-template-columns:minmax(0,1fr)}
 .support a,.support a:nth-child(odd){border-left:0;padding:18px 0;border-top:1px solid var(--line)}
 .support a:first-child{border-top:0}
 .picks{grid-template-columns:minmax(0,1fr)}
 .range a{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:16px 0}
 .range-img{width:96px}
 .range b{font-size:24px}
 .range em{font-size:20px}
 .pd-band{padding-top:calc(var(--hd) + 12px)}
}

:root{
 color-scheme:dark;
 --bg-0:#0B0C0E;--bg-1:#111316;--bg-2:#1A1D21;--bg-3:#23272C;
 --ground:#0B0C0E;--ground-2:#111316;--panel:#16181C;--panel-2:#1E2125;
 --well:#222427;
 --line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);
 --ink:#F4F5F6;--ink-2:#B4BAC0;--mute:#868D93;
 --red:#C8281C;--red-2:#E0352A;--red-deep:#6E120C;--red-ink:#FF6B55;
 --green:#126352;--green-hi:#1E9C78;--green-deep:#0B3B30;
 --teal-text:#F4F5F6;--teal-soft:rgba(255,255,255,.06);
 --ph-bg:rgba(245,166,80,.16);--ph-ink:#F4B46E;
 --glass-dark:rgba(16,17,20,.94);
 --ease-out:cubic-bezier(.16,1,.3,1);
 --hd:72px;
}
body{background:var(--bg-0);color:var(--ink)}
.scroll-prog{background:var(--red);height:3px;z-index:61}
::selection{background:var(--red);color:#fff}
:focus-visible{outline:2px solid var(--red-ink);outline-offset:3px}
.sec-alt{background:var(--bg-1)}

h1,h2,.h1{color:#fff;letter-spacing:-.005em}
.hx-label{display:inline-flex;align-items:center;gap:10px;font:700 14px/1.2 var(--f);letter-spacing:.06em;color:var(--red-ink)}
.hx-label::before{content:"";width:22px;height:2px;background:currentColor}
.sh-t p,.story-h>p{color:var(--ink-2)}

.btn{border-radius:4px;font:700 15px/1.2 var(--f);padding:14px 26px;min-height:48px;transition:background-color .2s,color .2s,box-shadow .2s,transform .25s var(--ease-out)}
.btn-y{background:var(--red);color:#fff;box-shadow:0 10px 26px rgba(200,40,28,.28)}
.btn-y:hover{background:var(--red-2);color:#fff;box-shadow:0 14px 32px rgba(224,53,42,.38)}
.btn-line,.btn-o{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.btn-line:hover,.btn-o:hover{background:#fff;color:#111;box-shadow:inset 0 0 0 1.5px #fff}
.btn-t{background:var(--green);color:#fff}
.btn-t:hover{background:var(--green-hi)}
.more{color:#fff;text-decoration-color:rgba(255,255,255,.35)}
.more:hover{color:var(--red-ink);text-decoration-color:var(--red-ink)}
.add:hover,.add.in{background:var(--red);color:#fff}
.hd .rfq-count{background:#fff;color:var(--red)}

.hd{transition:transform .35s var(--ease-out)}
.hd.is-hidden{transform:translateY(-100%)}
.hd-in::before{background:rgba(11,12,14,.9);box-shadow:0 1px 0 rgba(255,255,255,.07)}
.hd.is-over .hd-in::before{background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0));box-shadow:none}
.brand{color:#F5C400}
.nav>a,.has-menu>a{color:rgba(255,255,255,.86);font-weight:600}
.nav>a:hover,.has-menu>a:hover,.has-menu:focus-within>a,.has-menu.open>a{color:#fff}
.nav a[aria-current="page"],.nav a.is-on{color:#fff;box-shadow:inset 0 -3px 0 var(--red)}
.language-menu summary{white-space:nowrap;color:#fff}
.mega,.drop,.language-menu ul{background:#121418;box-shadow:0 0 0 1px var(--line),0 30px 60px rgba(0,0,0,.6)}
.mega-img{background:var(--well)}
.mega-cats a:hover b{color:var(--red-ink)}

.bgl{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bgl img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--bgpos,50% 50%)}
.bgl+*,.bgl~.wrap,.bgl~*:not(canvas){position:relative;z-index:1}

main:has(>.hx:first-child){padding-top:0}
.hx{position:relative;height:clamp(560px,86vh,880px);overflow:hidden;background:#000;isolation:isolate}
.hx-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.hx-slide.is-on{opacity:1;visibility:visible;z-index:1}
.hx-media{position:absolute;inset:0}
.hx-media img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transform:scale(1.06);transition:transform 7.5s linear}
.hx-slide.is-on .hx-media img{transform:scale(1)}
.hx-slide::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 30%,rgba(0,0,0,0) 58%),linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 30%)}
.hx::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:4;background:linear-gradient(90deg,rgba(200,40,28,0),var(--red) 30%,#FF6B55 60%,rgba(200,40,28,0))}
.hx-copy{position:absolute;left:0;right:0;bottom:clamp(92px,13vh,140px);z-index:2}
.hx-copy>*{max-width:620px}
.hx-copy h1,.hx-copy h2{margin-top:14px;font-size:clamp(40px,5vw,76px);line-height:1;font-weight:800}
.hx-p{margin-top:16px;font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:rgba(255,255,255,.84)}
.hx-copy .btn{margin-top:28px}
.hx-slide.is-on .hx-copy>*{animation:hxIn .9s var(--ease-out) both}
.hx-slide.is-on .hx-copy>*:nth-child(2){animation-delay:.08s}
.hx-slide.is-on .hx-copy>*:nth-child(3){animation-delay:.16s}
.hx-slide.is-on .hx-copy>*:nth-child(4){animation-delay:.24s}
@keyframes hxIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.hx-flash{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 70% at 72% 40%,rgba(255,190,160,.55),rgba(255,120,80,.12) 45%,rgba(0,0,0,0) 70%);opacity:0;mix-blend-mode:screen}
.hx-flash.flash{animation:flash .9s ease-out}
@keyframes flash{0%{opacity:0}6%{opacity:.95}12%{opacity:.15}20%{opacity:.75}100%{opacity:0}}
.hx-ui{position:absolute;left:0;right:0;bottom:34px;z-index:3;display:flex;align-items:center;gap:24px}
.hx-dots{display:flex;gap:10px;flex:1;max-width:420px}
.hx-dots button{position:relative;flex:1;height:30px;padding:0;border:0;background:none;cursor:pointer}
.hx-dots i{position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;background:rgba(255,255,255,.28);overflow:hidden;border-radius:2px}
.hx-dots i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.hx-dots button[aria-current="true"] i::after{animation:hxProg var(--dur,6500ms) linear forwards}
.hx.paused .hx-dots button[aria-current="true"] i::after{animation:none;transform:scaleX(1)}
@keyframes hxProg{to{transform:scaleX(1)}}
.hx-arrows{display:flex;gap:10px;margin-left:auto}
.rail-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);cursor:pointer;transition:background-color .2s,color .2s,transform .25s var(--ease-out)}
.rail-btn:hover{background:#fff;color:#111;transform:scale(1.06)}
.rail-btn .i{width:20px;height:20px}
.rail-prev .i{transform:rotate(180deg)}
.rail-btn:disabled{opacity:.3;cursor:default;transform:none;background:rgba(255,255,255,.1);color:#fff}

.rl{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,7vw,96px) 0;background:#4A0C08}
.rl-in{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:40px;align-items:center}
.rl-mark{display:flex;align-items:flex-end;gap:10px;color:#fff}
.rl-mark svg{width:120px;height:auto}
.rl-mark em{font:700 28px/1 var(--f-display);font-style:italic;color:#fff;padding:2px 10px;background:var(--red);transform:skewX(-10deg)}
.rl-head h2{margin-top:22px;font-size:clamp(34px,3.4vw,52px);line-height:1.04}
.rl .mcard-img,.rl .mcard{background:#16171A}
.rl-head p{margin-top:12px;color:rgba(255,255,255,.82)}
.rl-head .btn{margin-top:26px}
.rail{position:relative;min-width:0}
.rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*16px)/4.15);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 2px 6px;cursor:grab}
.rail-track::-webkit-scrollbar{display:none}
.rail-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.rail-track.dragging *{pointer-events:none}
.rail-track>*{scroll-snap-align:start}
.rail-ui{display:flex;align-items:center;gap:10px;margin-top:22px}
.rail-bar{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.18);overflow:hidden}
.rail-bar i{display:block;height:100%;width:30%;background:#fff;transform-origin:left;transition:transform .2s linear}
.mcard{position:relative;display:flex;flex-direction:column;padding:0 0 18px;border-radius:10px;background:#141518;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 50px rgba(0,0,0,.45);color:#fff;overflow:hidden;transition:box-shadow .3s}
.mcard:hover{box-shadow:0 0 0 1px rgba(255,107,85,.55),0 30px 60px rgba(0,0,0,.55)}
.mtag{position:absolute;left:0;top:0;z-index:2;padding:6px 22px 6px 12px;background:var(--green);color:#fff;font:700 13px/1.2 var(--f);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.mcard-img{display:block;aspect-ratio:1/1;background:var(--well);overflow:hidden}
.mcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.mcard:hover .mcard-img img{transform:scale(1.05)}
.mcard b{display:block;margin:16px 16px 0;font:700 26px/1 var(--f-display)}
.mcard-k{display:block;margin:8px 16px 0;font:700 15px/1.3 var(--f-display);color:var(--red-ink)}
.mcard-t{display:block;margin:4px 16px 0;font-size:13px;color:var(--mute)}

.sx{position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,8vw,112px) 0 0;background:#0A0606}
.sx-gl{position:absolute;inset:0;z-index:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s}
.sx-gl.on{opacity:1}
.sx-h{text-align:center;font-size:clamp(34px,3.6vw,56px)}
.sx-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:40px auto 56px;max-width:1000px}
.sx-tile{position:relative;display:block;padding:30px 28px 28px;border-radius:12px;background:rgba(20,8,7,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);overflow:hidden;transition:box-shadow .3s,background-color .3s}
.sx-tile::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}
.sx-tile:hover{background:rgba(110,18,12,.55);box-shadow:inset 0 0 0 1px rgba(255,107,85,.55)}
.sx-tile:hover::before{transform:scaleX(1)}
.sx-tile b{display:flex;align-items:baseline;gap:10px;font:700 clamp(64px,6vw,96px)/.9 var(--f-display);color:#fff}
.sx-tile b small{font:700 18px/1 var(--f);color:var(--red-ink)}
.sx-tile>span{display:block;margin-top:14px;font-size:15px;color:rgba(255,255,255,.78)}
.rail--cats .rail-track{grid-auto-columns:calc((100% - 6*14px)/7);gap:14px}
.ctile{display:block;text-align:center;color:#fff}
.ctile-img{display:block;aspect-ratio:1/1;border-radius:10px;background:var(--well);overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.ctile-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.ctile:hover .ctile-img img{transform:scale(1.07)}
.ctile b{display:block;margin-top:12px;font-size:16px;font-weight:700}
.ctile small{display:block;margin-top:2px;font-size:13px;color:var(--mute)}
.ctile:hover b{color:var(--red-ink)}
.sx-lineup{position:relative;margin-top:64px}
.sx-lineup::before{content:"";position:absolute;left:0;right:0;top:0;height:22%;z-index:1;background:linear-gradient(180deg,#0A0606,rgba(10,6,6,0))}
.sx-lineup img{display:block;width:100%;height:auto}

.turn{position:relative;height:300vh;background:#0B0C0E}
.turn-sticky{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;isolation:isolate}
.turn-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);gap:24px;align-items:center;height:100%;padding-top:var(--hd)}
.turn-copy h2{margin-top:14px;font-size:clamp(32px,3.2vw,50px);line-height:1.06}
.turn-copy p:not(.hx-label){margin-top:12px;color:var(--ink-2)}
.turn-copy .btn{margin-top:26px}
.turn-stage{position:relative;justify-self:center;width:min(100%,520px);aspect-ratio:840/900;cursor:grab;touch-action:pan-y}
.turn-stage.dragging{cursor:grabbing}
.turn-frame{width:100%;height:100%;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);user-select:none;-webkit-user-drag:none}
.turn-deg{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);font:700 15px/1 var(--f-display);color:var(--ink-2);letter-spacing:.06em}
.turn-ring{position:absolute;inset:-4%;border-radius:50%;pointer-events:none;background:conic-gradient(var(--red) calc(var(--deg,0)*1deg),rgba(255,255,255,.08) 0);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));opacity:.85}
.turn-spec{display:grid;gap:4px}
.turn-spec li{padding:14px 0 14px 18px;border-left:2px solid rgba(255,255,255,.12);opacity:.35;transform:translateX(12px);transition:opacity .45s,transform .45s var(--ease-out),border-color .45s}
.turn-spec li.on{opacity:1;transform:none;border-left-color:var(--red)}
.turn-spec b{display:block;font:700 clamp(26px,2.4vw,38px)/1 var(--f-display);color:#fff}
.turn-spec span{display:block;margin-top:4px;font-size:14px;color:var(--ink-2)}

.kx{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,7vw,96px) 0;background:#3A0907}
.kx-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center}
.kx-copy h2{margin-top:14px;font-size:clamp(34px,3.6vw,56px);line-height:1.04}
.kx-copy p:not(.hx-label){margin-top:14px;color:rgba(255,255,255,.84);max-width:34em}
.kx-copy .hx-label,.ax .hx-label,.rl .hx-label{color:#FFC2B5}
.kx-img img{display:block;width:100%;height:auto;-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent 100%);mask-image:radial-gradient(closest-side,#000 70%,transparent 100%)}

.tg{background:var(--bg-0)}
.tg-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;margin-bottom:28px}
.tg-head h2{font-size:clamp(32px,3.2vw,48px)}
.tg-tabs{position:relative;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.tg-tabs::-webkit-scrollbar{display:none}
.tg-tabs button{flex:none;padding:12px 16px;border:0;background:none;color:var(--ink-2);font:600 15px/1.2 var(--f);cursor:pointer;transition:color .2s}
.tg-tabs button:hover,.tg-tabs button[aria-selected="true"]{color:#fff}
.tg-ink{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--red);transition:transform .45s var(--ease-out),width .45s var(--ease-out)}
.tg-panel{animation:tgIn .5s var(--ease-out) both}
@keyframes tgIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.pc-img{background:var(--well);border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.07)}
.pc:hover .pc-img{box-shadow:0 0 0 1px rgba(255,107,85,.5),0 22px 44px rgba(0,0,0,.5)}
.pc-spec b{color:var(--red-ink)}
.pc-model a:hover{color:var(--red-ink)}

.bx{position:relative;isolation:isolate;overflow:hidden}
.bx-head{max-width:720px;margin-bottom:32px}
.bx-head h2{margin-top:14px;font-size:clamp(32px,3.2vw,48px)}
.bx-head p:not(.hx-label){margin-top:12px;color:var(--ink-2)}
.bsel{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.bsel .seg .seg-thumb{background:var(--red);box-shadow:none}
.bsel .seg button[aria-pressed="true"]{color:#fff}
.bgauge i.on{background:linear-gradient(180deg,#FF6B55,#C8281C)}
.thumbs button[aria-current="true"]::after{box-shadow:inset 0 0 0 2px var(--red-ink)}
.nav a[aria-current="page"]::after,.nav a.is-on::after{content:none}

.ax{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,6vw,84px) 0;text-align:center;background:#3A0907}
.ax h2{font-size:clamp(30px,3vw,46px)}
.ax-in>p{margin-top:10px;color:rgba(255,255,255,.82)}
.ax-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}
.ax-btn{display:inline-flex;align-items:center;gap:10px;min-width:200px;justify-content:center;padding:16px 22px;border-radius:4px;background:rgba(0,0,0,.18);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6);color:#fff;font-weight:700;transition:background-color .2s,color .2s,transform .25s var(--ease-out)}
.ax-btn .i{width:20px;height:20px}
.ax-btn:hover{background:#fff;color:var(--red);transform:translateY(-2px)}

.dx{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(420px,52vw,600px);display:grid;place-items:center;text-align:center;background:#000}
.dx-media{position:absolute;inset:0;z-index:0}
.dx-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.55)}
.dx::after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(70% 80% at 50% 50%,rgba(0,0,0,.25),rgba(0,0,0,.75))}
.dx-in{position:relative;z-index:1;max-width:820px;padding:72px 0}
.dx-in h2{margin-top:14px;font-size:clamp(34px,3.8vw,58px);line-height:1.06}
.dx-in p:not(.hx-label){margin:16px auto 0;color:rgba(255,255,255,.84);max-width:42em}
.dx .hx-label{justify-content:center}

.vx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 48px;flex-wrap:wrap}
.vx-head h2{font-size:clamp(32px,3.2vw,48px)}
.vx-head p{max-width:40em;color:var(--ink-2)}
.vx .co-nums{margin:36px 0 40px}
.vx .co-nums dt{color:#fff}
.rail--vid .rail-track{grid-auto-columns:calc((100% - 2*16px)/2.6)}
.vtile img{aspect-ratio:16/9;border-radius:10px}
.vtile .play{background:var(--red);box-shadow:0 10px 30px rgba(200,40,28,.45)}
.vtile .play .i{color:#fff}

.cx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.cx-tile{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;color:#fff;isolation:isolate}
.cx-tile img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.55);transition:transform .9s var(--ease-out),filter .5s}
.cx-tile b{font:800 clamp(24px,2.4vw,36px)/1 var(--f);letter-spacing:.04em;padding-bottom:10px;border-bottom:3px solid var(--red)}
.cx-tile:hover img{transform:scale(1.07);filter:saturate(.9) brightness(.7)}

.sl{position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,8vw,120px) 0;text-align:center;background:#0A0606}
.sl-t{font:900 clamp(40px,6.4vw,104px)/1 var(--f);letter-spacing:.04em;color:#fff}

.ph{position:relative;isolation:isolate;overflow:hidden;background:#0B0C0E;color:#fff}
main>.ph:first-child .ph-in{padding-top:calc(var(--hd) + 48px)}
.ph-in{position:relative;z-index:1;padding-bottom:56px}
.ph--fig .ph-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:12px 48px;align-items:center}
.ph--fig .ph-in>.crumbs,.ph--fig .ph-in>h1,.ph--fig .ph-in>p,.ph--fig .ph-in>.btn-row{grid-column:1}
.ph-fig{grid-column:2;grid-row:1/span 4;justify-self:end;width:100%;max-width:520px}
.ph-photo{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 58%,transparent 100%);mask-image:radial-gradient(closest-side,#000 58%,transparent 100%)}
.ph-fig img:not(.ph-photo){max-height:360px;width:100%;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(0,0,0,.5))}
.ph h1{margin-top:14px;font-size:clamp(40px,4.8vw,72px);color:#fff}
.ph p{color:rgba(255,255,255,.8)}
.ph .crumbs{color:rgba(255,255,255,.6)}

.sec-green{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(110deg,#2E0705 0%,#6E120C 48%,#A51E15 100%);
 --ink:#FFFFFF;--ink-2:rgba(255,255,255,.86);--mute:rgba(255,255,255,.7);--line:rgba(255,255,255,.2);--line-2:rgba(255,255,255,.34)}
.sec-green::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.35;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,rgba(0,0,0,0) 1px 3px)}
.sec-green h2,.sec-green h3,.sec-green .story-h h2{color:#fff}
.sec-green .story-h>p,.sec-green .sh-t p{color:rgba(255,255,255,.82)}
.sec-green .svc .i,.sec-green .support .i{color:#FFC2B5}
.sec-green .more{color:#fff}
.sec-green .btn-y{background:#fff;color:var(--red)}
.sec-green .btn-y:hover{background:#FFE9E4;color:var(--red)}
.sec-green .ph-tag{background:rgba(255,255,255,.18);color:#FFE38A}

.tradebar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;background:none}
.tradebar a{display:block;padding:18px 16px 20px;border-radius:8px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);color:#fff;text-align:center;transition:background-color .2s,box-shadow .2s,transform .25s var(--ease-out)}
.tradebar a:hover{background:var(--red-deep);box-shadow:inset 0 0 0 1px rgba(255,107,85,.6);transform:translateY(-2px)}
.tradebar b{display:block;font:700 17px/1.25 var(--f)}
.tradebar small{display:block;margin-top:4px;font-size:13px;color:var(--mute)}
.gband{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(110deg,#2E0705 0%,#7A140E 55%,#B3241A 100%)}
.gband-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:28px 56px;align-items:center;padding:clamp(56px,6vw,88px) 0}
.gband-in>*{min-width:0}
.gband h2{font-size:clamp(32px,3.6vw,54px);line-height:1.06;color:#fff}
.gband p{margin-top:14px;color:rgba(255,255,255,.86);max-width:40em}
.gband .btn-row{margin-top:24px}
.gband .btn-y{background:#fff;color:var(--red)}
.gband-img img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 64%,transparent 100%);mask-image:radial-gradient(closest-side,#000 64%,transparent 100%)}
.gband .stamp-in{position:absolute;right:clamp(16px,3vw,40px);top:clamp(16px,3vw,32px);width:clamp(56px,6vw,88px)}

.pick{display:flex;flex-direction:column}
.pick-img{display:block}
.co-nums{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
@media(max-width:560px){.co-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}
.article a:not(.btn){color:#fff;text-decoration:underline;text-decoration-color:var(--red-ink)}
.story-t p,.story-1 p{color:var(--ink-2)}
.cg-band h2{color:#fff}

.rv{opacity:0!important;transform:translateY(26px)!important;transition:opacity .6s ease-out var(--rv-d,0s),transform .8s var(--ease-out) var(--rv-d,0s)!important}
.rv.in{opacity:1!important;transform:none!important}
[data-counted]{font-variant-numeric:tabular-nums}

@media (max-width:1100px){
 .rail--cats .rail-track{grid-auto-columns:calc((100% - 3*14px)/3.6)}
 .turn-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;align-content:center}
 .turn-copy{grid-column:1/-1}
 .turn-spec{grid-template-columns:1fr}
}
@media (max-width:960px){
 .rl-in,.kx-in,.gband-in{grid-template-columns:minmax(0,1fr)}
 .rail-track{grid-auto-columns:calc((100% - 16px)/2.2)}
 .rail--vid .rail-track{grid-auto-columns:82%}
 .sx-tiles{grid-template-columns:minmax(0,1fr);max-width:520px}
 .ph--fig .ph-in{grid-template-columns:minmax(0,1fr)}
 .ph-fig{grid-column:1;grid-row:auto;justify-self:start;max-width:360px}
 .tradebar{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cx{grid-template-columns:minmax(0,1fr)}
 .cx-tile{aspect-ratio:16/8}
}
@media (max-width:720px){
 .hx{height:clamp(560px,88vh,760px)}
 .hx-slide::after{background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.6) 42%,rgba(0,0,0,.05) 75%)}
 .hx-media img{object-position:var(--pos,70% 50%)}
 .hx-copy{bottom:96px}
 .hx-copy h1,.hx-copy h2{font-size:clamp(34px,9vw,44px)}
 .hx-arrows{display:none}
 .hx-dots{max-width:none}
 .rail-track{grid-auto-columns:72%}
 .rail--cats .rail-track{grid-auto-columns:42%}
 .turn{height:240vh}
 .turn-in{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:14px;padding-top:calc(var(--hd) + 8px);padding-bottom:12px}
 .turn-copy p:not(.hx-label),.turn-copy .btn{display:none}
 .turn-stage{width:min(72vw,360px)}
 .turn-spec{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}
 .turn-spec li{padding:8px 0 8px 12px}
 .turn-spec b{font-size:22px}
 .tradebar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ax-btn{min-width:0;flex:1 1 40%}
}
@media (prefers-reduced-motion:reduce){
 .hx-media img{transform:none!important;transition:none}
 .hx-slide.is-on .hx-copy>*,.tg-panel{animation:none}
 .hx-flash{display:none}
 .mcard,.pc,.sx-tile{transform:none!important}
 .rv{opacity:1!important;transform:none!important;transition:none!important}
}

:root{
 color-scheme:light;
 --bg-0:#FFFFFF;--bg-1:#F3F5F6;--bg-2:#E9EDEF;--bg-3:#DEE3E6;
 --ground:#FFFFFF;--ground-2:#F3F5F6;--panel:#FFFFFF;--panel-2:#F3F5F6;
 --line:rgba(21,24,27,.1);--line-2:rgba(21,24,27,.18);
 --green:#1B6A54;--green-2:#165845;--green-deep:#0F3A2F;--green-ink:#0C2E25;--green-light:#2F8A6E;
 --teal:#1B6A54;--teal-2:#165845;--teal-deep:#0F3A2F;--teal-ink:#FFFFFF;--teal-soft:rgba(27,106,84,.1);--teal-text:#1B6A54;
 --ink:#15181B;--ink-2:#4A545A;--mute:#6C777E;
 --ph-bg:rgba(226,140,40,.14);--ph-ink:#A1560F;
 --well:#F3F5F6;--glass:#FFFFFF;--glass-dark:rgba(21,24,27,.94);
 --rim:inset 0 0 0 1px rgba(21,24,27,.1);--rim-soft:inset 0 0 0 1px rgba(21,24,27,.07);
 --drop:0 18px 40px rgba(21,24,27,.14);
}
html{scrollbar-color:auto}
body{background:var(--bg-0);color:var(--ink)}
::placeholder{color:#8A949A}
::selection{background:var(--y);color:#15181B}

.hd{color:var(--ink)}
.hd-in::before,.hd.is-over .hd-in::before{background:rgba(255,255,255,.96);box-shadow:0 1px 0 var(--line)}
.brand{color:var(--green)}
.nav>a,.has-menu>a{color:var(--green);font-weight:600}
.nav>a:hover,.has-menu>a:hover,.has-menu:focus-within>a,.has-menu.open>a{color:var(--green-deep);background:none}
.nav a[aria-current="page"],.nav a.is-on{color:var(--green-deep);background:none;box-shadow:inset 0 -3px 0 var(--y)}
.has-menu>a .i{opacity:.8}
.icon-btn{color:var(--green)}
.icon-btn:hover{background:var(--teal-soft);color:var(--green-deep)}
.language-menu summary{color:var(--green)}
.language-menu summary:hover{background:var(--teal-soft)}
.mega,.drop,.language-menu ul{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line),0 24px 50px rgba(21,24,27,.16)}
.mega-img{background:var(--bg-1)}
.mega-img img{object-fit:contain}
.drop a:hover,.language-menu a:hover{background:var(--bg-1)}
.mega-links a{color:var(--green)}
.rfq-count{background:#15181B;color:var(--y)}
.search{background:rgba(21,24,27,.4)}
.search-box{background:#fff;color:var(--ink);box-shadow:0 30px 70px rgba(21,24,27,.3)}
.search-results a:hover{background:var(--bg-1)}
.search-results img{background:#fff;object-fit:contain}
.drawer{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.drawer.open{box-shadow:0 0 0 1px var(--line),-20px 0 60px rgba(21,24,27,.25)}
.drawer details div a{color:var(--ink-2)}
.drawer-wa .i{color:var(--green)}
.langs{color:var(--ink-2)}
.langs a[aria-current]{color:var(--green)}

.btn-y{color:#15181B}
.btn-o,.btn-line{color:var(--ink);box-shadow:inset 0 0 0 1px rgba(21,24,27,.28)}
.btn-o:hover,.btn-line:hover{background:rgba(21,24,27,.05);box-shadow:inset 0 0 0 1px rgba(21,24,27,.5)}
.band .btn-line,.cta .btn-line,.gband .btn-line,.phead .btn-line,.ph .btn-line,.tile:not(.tile--light) .btn-line{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.band .btn-line:hover,.cta .btn-line:hover,.gband .btn-line:hover,.phead .btn-line:hover,.ph .btn-line:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px #fff}
.more{color:var(--green);text-decoration-color:rgba(27,106,84,.4)}
.more:hover{color:var(--green-deep);text-decoration-color:var(--green-deep)}
.band .more,.gband .more,.ph .more,.phead .more,.cta .more{color:#fff;text-decoration-color:rgba(255,255,255,.5)}
.band .more:hover,.gband .more:hover{color:var(--y);text-decoration-color:var(--y)}
.ph-tag{background:var(--ph-bg);color:var(--ph-ink)}
.band .ph-tag,.gband .ph-tag,.ph .ph-tag,.ft .ph-tag,.cta .ph-tag{background:rgba(255,255,255,.18);color:#FFE38A}
.skip{color:#15181B}

.sec-alt{background:var(--bg-1)}
.sec-dark{background:var(--green);color:#fff}
.sec-dark .sh p{color:rgba(255,255,255,.8)}
.sh-t p{color:var(--ink-2)}
.sh h2,.story-h h2,.cg-band h2{color:var(--green)}
.note{background:var(--teal-soft);box-shadow:none;color:var(--ink-2)}
.steps li::before,.steps-v li::before{box-shadow:0 0 0 4px var(--bg-0)}
.sec-alt .steps li::before,.sec-alt .steps-v li::before{box-shadow:0 0 0 4px var(--bg-1)}
.steps li,.timeline li{border-top-color:rgba(27,106,84,.35)}
.steps-v li::after{background:linear-gradient(180deg,rgba(27,106,84,.5),rgba(27,106,84,.12))}
.heng-mark{color:var(--green)}
.story-t p,.story-1 p{color:var(--ink-2)}
.story-t>p:first-child{color:var(--ink)}

.pc-img{background:#fff;box-shadow:var(--rim-soft)}
.sec:not(.sec-alt) .pc-img{background:var(--bg-1);box-shadow:none}
.pc:hover .pc-img{box-shadow:0 16px 36px rgba(21,24,27,.12)}
.pc-model a:hover{color:var(--green)}
.pc-spec b{color:var(--green)}
.add{color:var(--ink);box-shadow:inset 0 0 0 1px rgba(21,24,27,.24)}
.add:hover,.add.in{background:var(--y);color:#15181B;box-shadow:none}
.cmp{color:var(--ink-2);box-shadow:inset 0 0 0 1px rgba(21,24,27,.18)}
.cmp:hover{background:var(--bg-1);color:var(--ink)}
.cmp.on{background:var(--teal-soft);box-shadow:inset 0 0 0 1px var(--green);color:var(--green)}
.range{border-top-color:var(--line)}
.range a:hover{background:var(--bg-1)}
.range-img,.pick-img{background:#fff;box-shadow:var(--rim-soft)}
.range em,.range a:hover b,.pick:hover b{color:var(--green)}
.support .i,.support a:hover b{color:var(--green)}
.cat{background:#fff;box-shadow:var(--rim-soft)}
.cat::before{background:linear-gradient(0deg,rgba(21,24,27,.9) 0%,rgba(21,24,27,.6) 42%,rgba(21,24,27,0) 100%)}
.cat:hover{box-shadow:0 20px 40px rgba(21,24,27,.16)}
.kc-img,.kit-photo,.fd-best-img,.nx-img{background:var(--bg-1)}
.kc:hover .kc-img{box-shadow:0 16px 36px rgba(21,24,27,.14)}
.kc-parts a:hover,.kit-parts a:hover{background:var(--bg-2)}
.kc-parts img,.kit-parts img,.st-models img,.rfq-item img,.spec-dl img,.fd-alt img,.cmp-table thead img,.cb-item img,.bm tbody th img,.mega-img img,.fd-best-img img{background:#fff}
.kc-n{background:#fff;box-shadow:var(--rim);color:var(--ink)}
.kc-n b{color:var(--green)}
.kit-parts a,.kc-parts span b{color:var(--ink)}
.kit-list b{color:var(--green)}

.sg h3{color:var(--green)}
.sg dl{box-shadow:var(--rim-soft);background:#fff}
.sg dl div:nth-child(odd){background:var(--bg-1)}
.plate div{background:var(--bg-1);box-shadow:none}
.plate div:first-child dd{color:var(--green)}
.who-t tbody tr:hover th,.who-t tbody tr:hover td{background:var(--bg-1)}
.terms dt,.info dt,.docs3 dt,.timeline time,.transit dd b,.svc .i,.cl .i,.guides .i,.dl .i,.spec-dl .i,.fd-opt .i,.fd-tip .i,.note .i{color:var(--green)}
.docs3 div,.oem-flow,.dl,.spec-dl,.rfq-item,.rfq-empty,.fd-opt,.fd-alt,.kit-parts a,.cmp-empty,.chips a,.scenes b,.ch-ic,.sent-ref{background:var(--bg-1);box-shadow:none}
.dl:hover,.spec-dl:hover,.fd-opt:hover,.chips a:hover{background:var(--bg-2)}
.sec-alt .docs3 div,.sec-alt .oem-flow,.sec-alt .dl,.sec-alt .spec-dl,.sec-alt .rfq-item,.sec-alt .fd-opt,.sec-alt .fd-alt,.sec-alt .kit-parts a,.sec-alt .chips a,.sec-alt .scenes b,.sec-alt .plate div,.sec-alt .pick-img,.sec-alt .range-img{background:#fff}
.sec-alt .dl:hover,.sec-alt .spec-dl:hover,.sec-alt .fd-opt:hover,.sec-alt .chips a:hover{background:#fff;box-shadow:var(--rim)}
.dl.is-soon{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line-2)}
.dl>.i:last-child{color:var(--ink-2)}
.rfq-total{background:var(--teal-soft);box-shadow:none}
.rfq-total b{color:var(--green)}
.rm{background:var(--bg-2);color:var(--ink-2)}
.rm:hover{background:rgba(200,60,30,.12);color:#9B2C12}
.article th{background:var(--green);color:#fff}
.article tr:nth-child(even) td{background:var(--bg-1)}
.article table{box-shadow:var(--rim)}
.article a:not(.btn),.article li::marker,.two p a,.intro2 p a,.rfq-empty a,.cmp-empty a,.cat-empty a{color:var(--green)}
.faq summary .i{background:var(--bg-2);color:var(--green)}
.faq details[open] summary .i{background:rgba(245,196,0,.3);color:var(--green-deep)}
.faq summary:hover{color:var(--green)}
.toc a:hover{color:var(--green);background:var(--bg-1)}
.toc a{color:var(--ink-2)}
@media (max-width:960px){.toc a{background:var(--bg-1);box-shadow:none}}
.bm-wrap{background:#fff;box-shadow:var(--rim)}
.bm thead th{background:var(--bg-1)}
.bm thead button{color:var(--ink)}
.bm tbody tr:not(.bm-group):hover th,.bm tbody tr:not(.bm-group):hover td{background:var(--bg-1)}
.bm-group th{background:var(--bg-2)}
.bm tbody th a:hover b{color:var(--green)}
.mk.ok{box-shadow:inset 0 0 0 2px var(--green)}
.col-on{background:rgba(245,196,0,.16)!important}
.cmp-scroll{background:#fff;box-shadow:var(--rim)}
.cmp-add a{box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--green)}
.cmp-table tr.diff td,.cmp-table tr.diff th{background:rgba(245,196,0,.14)}
.cmp-x,.calc-fill,.fd-back{color:var(--green)}
.tq-bar{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.tq-bar i{background:var(--green)}
.tq-ladder b,.nums dt b,.pr-ah,.co-nums dt,.bsel-read b{color:var(--ink)}
.nums dt span,.pr-ah small,.tq-m{color:var(--green)}
.tq-ladder button[aria-pressed="true"] b{color:var(--green)}
.st-app b{background:var(--teal-soft);box-shadow:none;color:var(--green)}
.band .co-nums dt{color:#fff}
.bsel{background:var(--bg-1);box-shadow:none}
.bsel-img{background:#fff}
.bsel-read span,.bsel-read em{color:var(--ink-2)}
.bgauge{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.bgauge::after{background:var(--line-2)}
.bgauge i{background:rgba(21,24,27,.08)}
.bgauge i.on{background:var(--y);box-shadow:none}
.plat-rows.pend .bgauge i.on{background:rgba(21,24,27,.08)}
.seg{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.seg button{color:var(--ink-2)}
.seg button:hover,.seg button[aria-pressed="true"]{color:var(--ink)}
.seg-thumb{background:#fff;box-shadow:0 1px 3px rgba(21,24,27,.2)}
.bsel .seg .seg-thumb{background:var(--y);box-shadow:none}
.st-tabs,[data-dl-center] .tabs{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.st-tabs button:hover,.st-tabs button[aria-selected="true"]{color:var(--ink)}
.st-tabs button[aria-selected="true"] span{color:var(--green)}
.stage{background:var(--bg-1);box-shadow:none}
.st-view{background:none}
.st-info::before{background:var(--line)}
.st-big b{color:var(--green)}
.sm-track{background:var(--bg-2);box-shadow:none}
.sm-track b{background:var(--line-2)}
.st-parts b,.parts li b{background:#fff;box-shadow:inset 0 0 0 1.5px var(--green);color:var(--green)}
.st-parts li.on,.parts li.on{color:var(--ink);background:var(--bg-1)}
.st-parts li.on b,.parts li.on b{background:var(--y);color:#15181B;box-shadow:none}
.st-models{background:var(--bg-2)}
.st-models button{background:#fff;box-shadow:var(--rim-soft)}
.st-models button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--green)}
.hs-stage{background:var(--bg-1);box-shadow:none}
.hs{background:#fff;color:var(--green);box-shadow:inset 0 0 0 1.5px var(--green),0 6px 16px rgba(21,24,27,.18)}
.hs:hover,.hs.on{background:var(--y);color:#15181B}
.hs::before{border-color:rgba(27,106,84,.5)}
.scenes b{color:var(--ink-2)}
.vid{color:var(--ink)}
.vid-t{color:var(--mute)}
.vid-t b{color:var(--ink)}
.play{background:rgba(21,24,27,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.map{background:linear-gradient(180deg,#1C1F22,#15181B);box-shadow:0 20px 40px rgba(21,24,27,.2)}
.transit div:hover,.transit div.on{background:var(--bg-1)}
.transit div.on dt{color:var(--green)}
.oem dt,.who dt,.tips dt,.hl dt{color:var(--ink)}
.guides a:hover b,.nx:hover b,.a.cl:hover b{color:var(--green)}
.nl-img{background:var(--bg-1)}
.ch-rail{background:var(--bg-2)}
.ch-rail i{background:var(--green)}
.ch-nav button{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.ch-nav button:hover:not(:disabled){background:var(--bg-1)}
.ch-n{color:var(--green)}
.follow a{box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink)}
.follow a:hover{box-shadow:inset 0 0 0 1px var(--green);color:var(--green)}
.nf p,.nf-langs a{color:var(--ink-2)}
.mini-band{background:var(--bg-1);box-shadow:none;color:var(--ink)}
.mini-band span span{color:var(--ink-2)}
.mini-band .i{color:var(--green)}
.badge{color:#15181B}
.fd-side{background:var(--green);color:#fff}
.fd-main{background:var(--bg-1)}
.fd-opt:hover{box-shadow:inset 0 0 0 1.5px var(--green)}
.fd-opt .fd-models{color:var(--green)}
.fd-steps b{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.fd-reset{background:rgba(255,255,255,.14);box-shadow:none;color:#fff}
.finder{box-shadow:0 20px 50px rgba(21,24,27,.12)}

.field input,.field select,.field textarea,.qty input{background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus,.qty input:focus{background:#fff;box-shadow:inset 0 0 0 2px var(--green)}
.field select option{background:#fff;color:var(--ink)}
.field input::placeholder,.field textarea::placeholder{color:#8A949A}
.field label i{color:#B8471C}
.form-error{background:rgba(200,60,30,.1);color:#9B2C12}
.sent-ref.err{background:rgba(200,60,30,.1);color:#9B2C12}
.sheet{background:#fff;color:var(--ink);box-shadow:0 30px 70px rgba(21,24,27,.3)}
dialog::backdrop{background:rgba(21,24,27,.45)}
.tb-search{background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.tb-search:focus-within{box-shadow:inset 0 0 0 2px var(--green)}
.search-field kbd{color:var(--mute)}
.ph-toggle{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2),0 8px 20px rgba(21,24,27,.15)}
.ph-toggle[aria-pressed="false"] i{background:var(--line-2)}
.consent{color:var(--ink-2)}

.tb-in::before,.sn-in::before{background:rgba(255,255,255,.96);box-shadow:0 1px 0 var(--line)}
.tabs button{color:var(--ink-2)}
.tabs button:hover,.tabs button[aria-selected="true"]{color:var(--green)}
.tabs button[aria-selected="true"] span{color:var(--green)}
.sn-in nav a:hover{color:var(--green)}
.sn-in nav a.on{color:var(--green);background:var(--teal-soft);box-shadow:none}
.cat-count,.cg-head p{color:var(--mute)}

.ph{background:var(--green);color:#fff}
.ph h1{color:#fff}
.ph p{color:rgba(255,255,255,.86)}
.ph .crumbs{color:rgba(255,255,255,.72)}
.ph .crumbs a:hover{color:#fff}
.ph-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px 48px;align-items:center}
.ph-in>*{min-width:0}
.ph-copy{grid-column:1}
.ph-fig{grid-column:2;grid-row:1/span 4;justify-self:end;width:100%;max-width:460px}
.ph-fig img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(0,0,0,.28))}
.ph-in>.crumbs,.ph-in>h1,.ph-in>p,.ph-in>.btn-row{grid-column:1}
.ph.has-img::after{display:none}
.ph.has-img .ph-img{display:none}
.ph.has-img .ph-in{padding-top:56px;padding-bottom:56px}

.band{background:var(--green-deep)}
.band-media{background:var(--green-deep)}

.ft{background:var(--green-deep);color:rgba(255,255,255,.78);box-shadow:none}
.ft .brand{color:var(--y)}
.ft h2{color:#fff}
.ft a:hover{color:var(--y)}
.ft-contact dt{color:rgba(255,255,255,.6)}
.ft-contact dd{color:#fff}
.ft-bottom{border-top-color:rgba(255,255,255,.16);color:rgba(255,255,255,.6)}
.socials a{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.socials a:hover{background:rgba(255,255,255,.12);color:var(--y)}
.contact-side .socials a{color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.contact-side .socials a:hover{color:var(--green);background:var(--bg-1)}
.cta-in{background:var(--green);box-shadow:none}
.cta .btn-t{background:var(--green-deep)}

.hero9{position:relative;overflow:hidden;background:linear-gradient(180deg,#FFFFFF 0%,#EEF2F3 100%);padding-top:var(--hd)}
.hero9-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px 40px;align-items:center;min-height:min(74vh,680px);padding-top:24px;padding-bottom:8px}
.hero9-copy{padding:24px 0 48px}
.hero9 h1{font-size:clamp(38px,4.8vw,70px);line-height:1.02;color:var(--green)}
.hero9 .hero9-sub{margin-top:14px;font:600 clamp(18px,1.6vw,24px)/1.3 var(--f);color:var(--ink)}
.hero9 p:not(.hero9-sub){margin-top:16px;font-size:clamp(15px,1.1vw,18px);line-height:1.65;color:var(--ink-2);max-width:40ch}
.hero9 .btn-row{margin-top:26px}
.hero9-img{position:relative;align-self:center;max-width:880px;justify-self:end;width:100%}
.hero9-img img{aspect-ratio:16/10;object-fit:contain}
.hero9-img img{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(21,24,27,.22))}
.catrow{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.catrow a{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 8px 16px;border-radius:12px;background:#fff;box-shadow:var(--rim-soft);color:var(--ink);transition:box-shadow .2s,transform .3s var(--spring)}
.catrow a:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(21,24,27,.12)}
.catrow img{width:100%;aspect-ratio:1/1;object-fit:contain}
.catrow b{display:block;margin-top:10px;font:700 17px/1.2 var(--f-display);color:var(--green)}
.catrow span{display:block;margin-top:3px;font-size:13px;color:var(--mute)}
.catrow .all{justify-content:center;background:var(--green);color:#fff;box-shadow:none}
.catrow .all b{color:#fff;font-size:24px}
.catrow .all span{color:rgba(255,255,255,.82)}
.catrow .all .i{width:28px;height:28px;color:var(--y)}
.gband{position:relative;background:var(--green);color:#fff;overflow:hidden}
.gband--deep{background:var(--green-deep)}
.gband-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:28px 56px;align-items:center;padding:clamp(48px,6vw,88px) 0}
.gband-in>*{min-width:0}
.gband h2{font-size:clamp(32px,3.8vw,56px);line-height:1.04;color:#fff}
.gband p{margin-top:16px;font-size:17px;line-height:1.7;color:rgba(255,255,255,.88);max-width:48ch}
.gband p+p{margin-top:10px}
.gband .btn-row{margin-top:26px}
.gband-img img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.3))}
.gband-img.stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-items:center}
.gband-img.stack img{max-height:300px}
.gband .gnums{display:flex;flex-wrap:wrap;gap:14px 40px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.22)}
.gband .gnums b{display:block;font:700 40px/1 var(--f-display);color:var(--y)}
.gband .gnums span{display:block;margin-top:5px;font-size:14px;color:rgba(255,255,255,.82)}
.gband .stamp-in{position:absolute;right:clamp(16px,3vw,40px);top:clamp(16px,3vw,32px);width:clamp(56px,6vw,88px)}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tile{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44%;gap:16px 20px;align-items:center;min-height:320px;padding:32px 28px 32px 36px;border-radius:16px;background:var(--green);color:#fff;overflow:hidden}
.tile>*{min-width:0}
.tile--light{background:var(--bg-1);color:var(--ink)}
.tile h2{font-size:clamp(26px,2.5vw,38px);line-height:1.06;color:#fff}
.tile--light h2{color:var(--green)}
.tile p{margin-top:12px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.86)}
.tile--light p{color:var(--ink-2)}
.tile .tile-k{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.tile .tile-k b{padding:5px 11px;border-radius:6px;background:rgba(255,255,255,.14);font:700 14px/1.2 var(--f-display)}
.tile--light .tile-k b{background:#fff;box-shadow:var(--rim-soft);color:var(--green)}
.tile .btn{margin-top:22px}
.tile img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(0,0,0,.28))}
.tile--light img{filter:drop-shadow(0 22px 30px rgba(21,24,27,.16))}
.tradebar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--green)}
.tradebar a{display:block;padding:18px 16px 20px;text-align:center;color:#fff;border-left:1px solid rgba(255,255,255,.18);transition:background-color .2s}
.tradebar a:first-child{border-left:0}
.tradebar a:hover{background:var(--green-deep)}
.tradebar b{display:block;font:700 18px/1.25 var(--f-display)}
.tradebar small{display:block;margin-top:4px;font-size:13px;color:rgba(255,255,255,.78)}
.tradeband .band{min-height:min(56vh,520px)}
.factory9{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:32px 56px;align-items:center}
.factory9 h2{color:var(--green)}
.factory9 .co-text p{margin-top:14px;color:var(--ink-2)}
.factory9 .co-nums{margin-top:32px}
.hot .sh{margin-bottom:28px}

@media (max-width:1180px){
 .catrow{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:960px){
 .hero9-in{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:12px}
 .hero9-copy{padding:12px 0 8px}
 .hero9-img{margin:0 auto;max-width:560px}
 .gband-in{grid-template-columns:minmax(0,1fr);gap:28px}
 .gband-img img{max-height:360px}
 .tiles{grid-template-columns:minmax(0,1fr)}
 .factory9{grid-template-columns:minmax(0,1fr);gap:28px}
 .ph-in{grid-template-columns:minmax(0,1fr)}
 .ph-fig{grid-column:1;grid-row:auto;justify-self:start;max-width:360px}
 .ph-fig img{max-height:260px}
 .tradebar{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tradebar a:nth-child(3n+1){border-left:0}
 .tradebar a{border-top:1px solid rgba(255,255,255,.18)}
 .tradebar a:nth-child(-n+3){border-top:0}
}
@media (max-width:720px){
 .hero9 h1{font-size:clamp(34px,9vw,44px)}
 .tile{grid-template-columns:minmax(0,1fr);min-height:0;padding:24px 20px 26px}
 .tile img{max-height:240px;order:-1}
 .gband .gnums{gap:12px 24px}
 .gband .gnums b{font-size:32px}
 .gband-img.stack{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
 .catrow{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tradebar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tradebar a:nth-child(3n+1){border-left:1px solid rgba(255,255,255,.18)}
 .tradebar a:nth-child(2n+1){border-left:0}
 .tradebar a:nth-child(-n+3){border-top:1px solid rgba(255,255,255,.18)}
 .tradebar a:nth-child(-n+2){border-top:0}
}

:root{
 color-scheme:light;
 --G:#006457;--G-d:#004B41;--G-dd:#00382F;--Y:#F8CB1D;
 --paper:#F4F6F5;--well:#EEF2F1;--line:#DFE5E3;--line-2:#C9D3D0;
 --ink:#14211D;--ink-2:#4A5652;--mute:#66726E;
 --bg-0:#FFFFFF;--bg-1:var(--paper);--bg-2:var(--well);--bg-3:#E3E9E7;--ground:#FFFFFF;--ground-2:var(--paper);
 --panel:#FFFFFF;--panel-2:var(--paper);--glass:#FFFFFF;--glass-dark:rgba(20,33,29,.94);
 --green:var(--G);--green-2:var(--G-d);--green-deep:var(--G-dd);--green-ink:var(--G-dd);--green-light:#2F8A78;
 --teal:var(--G);--teal-2:var(--G-d);--teal-deep:var(--G-dd);--teal-ink:#FFFFFF;--teal-soft:rgba(0,100,87,.08);--teal-text:var(--G);
 --red:var(--G);--red-2:var(--G-d);--red-ink:var(--G);--red-deep:var(--G-d);--y:var(--Y);--y-2:#FFD84A;
 --rim:inset 0 0 0 1px var(--line);--rim-soft:inset 0 0 0 1px var(--line);
 --drop:0 12px 28px rgba(20,33,29,.10);
 --r:6px;
}
body{background:#FFFFFF;color:var(--ink)}
h1,h2,.h1{color:var(--ink);letter-spacing:0}
h3{color:var(--ink)}
.sh-t p,.story-h>p{color:var(--ink-2)}
::selection{background:var(--Y);color:var(--ink)}
:focus-visible{outline:2px solid var(--G);outline-offset:3px}
.scroll-prog{display:none}

.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband,.scene,.ft{--ink:#FFFFFF;--ink-2:rgba(255,255,255,.84);--mute:rgba(255,255,255,.66);--line:rgba(255,255,255,.16);--line-2:rgba(255,255,255,.32)}
:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) :is(h1,h2,h3){color:#FFFFFF}

.hd-in::before,.hd.is-over .hd-in::before{background:#FFFFFF;box-shadow:0 1px 0 var(--line)}
.brand,.hd .brand{color:var(--G)}
.nav>a,.has-menu>a,.language-menu summary,.icon-btn{color:var(--ink)}
.nav>a:hover,.has-menu>a:hover,.has-menu:focus-within>a,.has-menu.open>a,.icon-btn:hover{color:var(--G)}
.nav a[aria-current="page"],.nav a.is-on{color:var(--G);box-shadow:inset 0 -3px 0 var(--G)}
.hd .rfq-count{background:var(--Y);color:var(--ink)}
.mega,.drop,.language-menu ul,.search-box,.drawer,.sheet{background:#FFFFFF;box-shadow:0 0 0 1px var(--line),0 18px 40px rgba(20,33,29,.12)}
.tb-in::before,.sn-in::before{background:#FFFFFF;box-shadow:0 1px 0 var(--line)}

.btn{border-radius:4px;box-shadow:none}
.btn-y,.btn-t{background:var(--G);color:#FFFFFF;box-shadow:none}
.btn-y:hover,.btn-t:hover{background:var(--G-d);color:#FFFFFF;box-shadow:none}
.btn-line,.btn-o{background:#FFFFFF;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.btn-line:hover,.btn-o:hover{background:#FFFFFF;color:var(--G);box-shadow:inset 0 0 0 1.5px var(--G)}
:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) .btn-y{background:var(--Y);color:var(--ink)}
:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) .btn-y:hover{background:#FFD84A;color:var(--ink)}
:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) :is(.btn-line,.btn-o){background:transparent;color:#FFFFFF;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) :is(.btn-line,.btn-o):hover{background:#FFFFFF;color:var(--G-d)}
.btn-w{background:#FFFFFF;color:var(--G-d)}
.btn-w:hover{background:var(--Y);color:var(--ink)}
.more{color:var(--G);text-decoration-color:rgba(0,100,87,.35)}
.more:hover{color:var(--G-d);text-decoration-color:currentColor}
:is(.dx,.b-bat,.band,.sec-green,.gband,.scene) .more{color:#FFFFFF;text-decoration-color:rgba(255,255,255,.5)}
.add{color:var(--G);box-shadow:inset 0 0 0 1px rgba(0,100,87,.4)}
.add:hover,.add.in{background:var(--G);color:#FFFFFF;box-shadow:none}
.cmp{color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.cmp.on{color:var(--G);box-shadow:inset 0 0 0 1px var(--G)}
.seg{background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}
.seg-thumb{background:var(--G);box-shadow:none}
.seg button[aria-pressed="true"],.tabs button[aria-selected="true"],.tabs button[aria-selected="true"] span{color:#FFFFFF}
.tabs button{color:var(--ink-2)}
.tabs button:hover{color:var(--G)}

.sec,.pd-band,[data-catalog],.cgroup{background:#FFFFFF}
.sec-alt{background:var(--paper)}
.b-sec{padding:clamp(56px,6vw,88px) 0}
.b-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.b-head h2,.sh h2,.story-h h2,.cg-band h2,.cg-head h2{font-size:clamp(26px,2.4vw,36px);line-height:1.15;color:var(--ink)}
.b-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:26px}

.pc{transform:none!important;padding:0 0 16px;border:1px solid var(--line);border-radius:var(--r);background:#FFFFFF;transition:border-color .2s,box-shadow .2s,transform .2s}
.pc:hover{border-color:var(--G);box-shadow:var(--drop)}
.pc-img{border-radius:var(--r) var(--r) 0 0;background:var(--well);box-shadow:none}
.pc-img::after{display:none}
.pc-img img{object-fit:contain;padding:8%;transition:transform .5s ease}
.pc:hover .pc-img{transform:none;box-shadow:none}
.pc:hover .pc-img img{transform:scale(1.04)}
.pc-body{padding:14px 16px 0}
.pc-model{font-size:22px}
.pc-model a{color:var(--ink)}
.pc-model a:hover{color:var(--G)}
.pc-spec b{color:var(--G)}
.pc-act{padding-top:14px}
.thumbs button[aria-current="true"]::after{box-shadow:inset 0 0 0 2px var(--G)}

main:has(>.hx--b2b:first-child){padding-top:var(--hd)}
.hx--b2b{height:clamp(500px,68vh,640px);background:var(--G-dd)}
.hx--b2b::after,.hx--b2b .hx-flash{display:none}
.hx--b2b .hx-slide::after{background:linear-gradient(90deg,rgba(0,26,22,.82) 0%,rgba(0,26,22,.55) 34%,rgba(0,26,22,0) 62%)}
.hx--b2b .hx-copy{bottom:auto;top:50%;transform:translateY(-50%)}
.hx--b2b .hx-copy>*{max-width:560px}
.hx--b2b .hx-label{color:var(--Y)}
.hx--b2b .hx-copy h1,.hx--b2b .hx-copy h2{font-size:clamp(34px,3.8vw,56px);line-height:1.06;color:#FFFFFF}
.hx--b2b .hx-p{color:rgba(255,255,255,.88)}
.hx--b2b .btn-row{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
.hx--b2b .hx-copy .btn{margin-top:0}
.hx--b2b .hx-slide.is-on .hx-copy>*{animation-duration:.7s}
.hx--b2b .hx-media img{transition:transform 9s linear}
.hx--b2b .hx-dots i{background:rgba(255,255,255,.35);height:3px;border-radius:0}
.hx--b2b .hx-dots i::after{background:#FFFFFF}
.hx--b2b .rail-btn{background:rgba(0,0,0,.25);color:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.hx--b2b .rail-btn:hover{background:#FFFFFF;color:var(--G-d)}

.b-cat-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.b-cat{display:block;text-align:center;color:var(--ink)}
.b-cat-img{display:block;aspect-ratio:1/1;border-radius:var(--r);background:var(--well);overflow:hidden;transition:background-color .2s}
.b-cat-img img{width:100%;height:100%;object-fit:contain;padding:10%;transition:transform .45s ease}
.b-cat b{display:block;margin-top:12px;font-size:16px;font-weight:700}
.b-cat small{display:block;margin-top:2px;font-size:13px;color:var(--mute)}
.b-cat:hover .b-cat-img{background:#E3EBE8}
.b-cat:hover .b-cat-img img{transform:scale(1.06)}
.b-cat:hover b{color:var(--G)}

.b-vals{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.b-vals-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.b-val{padding:32px 28px 34px;border-left:1px solid var(--line)}
.b-val:first-child{border-left:0;padding-left:0}
.b-val>.i{width:30px;height:30px;color:var(--G)}
.b-val b{display:block;margin-top:14px;font-size:17px;color:var(--ink)}
.b-val p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--ink-2)}

.b-bat{background:var(--G-d);color:rgba(255,255,255,.84);padding:clamp(56px,6vw,88px) 0}
.b-bat-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 64px;align-items:center}
.b-bat .hx-label{color:var(--Y)}
.b-bat h2{margin-top:12px;font-size:clamp(28px,2.8vw,42px);line-height:1.1}
.b-bat-copy p:not(.hx-label){margin-top:14px;max-width:34em;line-height:1.7}
.b-bat .btn-row{margin-top:26px}
.b-bat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}
.b-bat-row figure{margin:0;text-align:center}
.b-bat-row img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.3));transition:transform .4s ease}
.b-bat-row figure:hover img{transform:translateY(-6px)}
.b-bat-row figcaption{margin-top:10px;font:700 clamp(18px,1.5vw,22px)/1 var(--f-display);color:var(--Y);font-variant-numeric:tabular-nums}

#trades .scenes-grid{gap:16px;background:none}
#trades .scene{border-radius:var(--r)}
.scene:hover img{transform:scale(1.04)}

.b-fac{background:var(--paper)}
.b-fac-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px 56px;align-items:center}
.b-fac-vids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.b-fac-vids .vtile img{border-radius:var(--r)}
.b-fac-copy h2{font-size:clamp(26px,2.4vw,36px);line-height:1.15}
.b-fac-copy>p{margin-top:12px;color:var(--ink-2);line-height:1.7}
.b-fac .co-nums{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px;border-top:1px solid var(--line);padding-top:22px}
.b-fac .co-nums dt{color:var(--G);font-variant-numeric:tabular-nums}
.b-fac .co-nums dd{color:var(--ink-2)}
.vtile .play{background:#FFFFFF;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.vtile .play .i{color:var(--G-d)}
.vid-t{color:var(--mute)}
.vid-t b{color:var(--ink)}

.dx{background:var(--G-dd)}
.dx-media img{filter:none}
.dx::after{background:linear-gradient(90deg,rgba(0,40,34,.9) 0%,rgba(0,40,34,.7) 50%,rgba(0,40,34,.55) 100%)}
.dx .hx-label{color:var(--Y)}
.dx-in h2{font-size:clamp(28px,3vw,44px)}
.dx-in p:not(.hx-label){color:rgba(255,255,255,.86)}

.ph{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
.ph h1{color:var(--ink);font-size:clamp(32px,3.4vw,50px)}
.ph p{color:var(--ink-2)}
.ph .crumbs,.ph .crumbs a{color:var(--mute)}
.ph .crumbs a:hover{color:var(--G)}
.ph-photo,.ph-photo.ph-cut{-webkit-mask-image:none;mask-image:none;border-radius:0;box-shadow:none;max-height:340px;width:auto;max-width:100%;margin-left:auto;filter:drop-shadow(0 16px 20px rgba(20,33,29,.18))}
.ph--fig .ph-fig::before{display:none}
.sec-green,.gband{background:var(--G-d)}
.sec-green::before{display:none}
.sec-green .svc .i,.sec-green .support .i{color:var(--Y)}
.sec-green .steps-v li::before,.sec-green .steps li::before{box-shadow:0 0 0 4px var(--G-d);background:var(--Y)}
.sec-green .ph-tag,.gband .ph-tag,.dx .ph-tag,.hx--b2b .ph-tag{background:rgba(255,255,255,.16);color:#FFE7A3}
.gband-img img{-webkit-mask-image:none;mask-image:none}
.band{background:var(--G-dd)}
.tradebar a{background:#FFFFFF;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r)}
.tradebar a:hover{background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--G);transform:translateY(-2px)}
.tradebar small{color:var(--mute)}
.docs3 dt{color:var(--G)}
.article a:not(.btn){color:var(--G);text-decoration-color:rgba(0,100,87,.4)}
.cg-band h2{color:var(--ink)}
[data-catalog] .mini-band{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.tql{margin-top:40px;padding:28px clamp(16px,3vw,32px) 24px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.tql-head h2{font-size:clamp(20px,1.8vw,26px)}
.tql-board{--c1:64px;--c2:220px;--c4:130px;--gap:20px;position:relative;margin-top:14px}
.tql-scale{position:relative;height:28px;margin:0 calc(var(--c4) + var(--gap)) 0 calc(var(--c1) + var(--c2) + 2*var(--gap))}
.tql-scale span{position:absolute;left:var(--at);bottom:6px;transform:translateX(-50%);font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums}
.tql-scale span:first-child{transform:none}
.tql-scale span:last-child{transform:translateX(-100%)}
.tql-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.tql-list li{border-bottom:1px solid var(--line)}
.tql-list a{display:grid;grid-template-columns:var(--c1) var(--c2) minmax(0,1fr) var(--c4);column-gap:var(--gap);row-gap:4px;align-items:center;padding:14px 0;color:inherit}
.tql-img{grid-row:1/span 2;width:var(--c1);aspect-ratio:1;border-radius:4px;overflow:hidden;background:#FFFFFF}
.tql-img img{display:block;width:100%;height:100%;object-fit:contain;padding:6%}
.tql-name b{display:block;font:700 20px/1.05 var(--f-display);color:var(--ink)}
.tql-name small{display:block;margin-top:3px;font-size:13px;color:var(--ink-2)}
.tql-bar{position:relative;height:10px;border-radius:2px;background:#E1E8E6;overflow:hidden}
.tql-bar i{position:absolute;left:0;top:0;bottom:0;width:var(--v);background:var(--G)}
.tql-val{text-align:right;white-space:nowrap}
.tql-val b{font:700 clamp(24px,2.2vw,32px)/1 var(--f-display);color:var(--ink);font-variant-numeric:tabular-nums}
.tql-val small{margin-left:4px;font-size:13px;color:var(--ink-2)}
.tql-meta{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:2px 22px;font-size:12px;color:var(--mute)}
.tql-meta em{font-style:normal;margin-right:6px}
.tql-meta b{font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}
.tql-list a:hover .tql-name b{color:var(--G)}
.tql-note{margin-top:12px;font-size:12px;color:var(--mute)}
.pd-band{padding-top:calc(var(--hd) + 24px)}
.gallery-main{background:var(--well);border-radius:var(--r)}
.gallery-main img{-webkit-mask-image:none;mask-image:none}
.plate{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.plate div{padding:14px 16px;border-radius:0;background:#FFFFFF;box-shadow:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.plate div:first-child{background:var(--paper)}
.plate dt{font-size:12px;color:var(--mute)}
.plate dd{margin-top:6px;font:700 clamp(20px,1.8vw,26px)/1.1 var(--f-display);color:var(--ink);font-variant-numeric:tabular-nums}
.plate div:first-child dd{color:var(--G)}
.pd-tq{margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}
.pd-tq-h{margin-bottom:8px;font-size:12px;color:var(--mute)}
.pd-tq a{display:grid;grid-template-columns:92px minmax(0,1fr) 88px;align-items:center;gap:12px;padding:5px 0;color:var(--ink-2)}
.pd-tq b{font:700 15px/1 var(--f-display)}
.pd-tq span{height:6px;border-radius:2px;background:#E1E8E6;overflow:hidden}
.pd-tq i{display:block;height:100%;width:var(--v);background:#9DB8B1}
.pd-tq em{font-style:normal;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}
.pd-tq a[aria-current="true"]{color:var(--ink)}
.pd-tq a[aria-current="true"] i{background:var(--G)}
.pd-tq a:hover b{color:var(--G)}
.sg dd{font-variant-numeric:tabular-nums}
p+.docs3{margin-top:28px}
.sec-story.sec-alt+.sec-story:not(.sec-alt),.sec-story:not(.sec-alt)+.sec-story.sec-alt,.sec-story+.sec-story.sec-green,.sec-story.sec-green+.sec-story,.sec+.sec-story.sec-alt,.nums+.sec-story{padding-top:clamp(64px,7vw,112px)}
.map{background:var(--G-d);box-shadow:none;border-radius:var(--r)}

.ph-tag{background:#FCEFC7;color:#6D4F00}

.rv{transform:translateY(14px)}

@media (max-width:1100px){
 .b-cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .b-vals-in{grid-template-columns:repeat(2,minmax(0,1fr))}
 .b-val:nth-child(3){border-left:0;padding-left:0}
 .b-val{border-top:1px solid var(--line)}
 .b-val:nth-child(-n+2){border-top:0}
}
@media (max-width:960px){
 .hx--b2b{height:auto;min-height:540px}
 .hx--b2b .hx-copy{top:auto;bottom:84px;transform:none}
 .hx--b2b .hx-slide::after{background:linear-gradient(0deg,rgba(0,26,22,.9) 0%,rgba(0,26,22,.7) 42%,rgba(0,26,22,.1) 75%)}
 .b-bat-in,.b-fac-in{grid-template-columns:1fr}
 .tql-board{--c2:170px;--c4:110px}
}
@media (max-width:760px){
 .b-head{flex-direction:column;align-items:flex-start;gap:8px}
 .b-cat-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding-bottom:6px;margin:0 -16px;padding-left:16px;padding-right:16px}
 .b-cat{flex:0 0 38%;scroll-snap-align:start}
 .b-vals-in{grid-template-columns:1fr}
 .b-val,.b-val:nth-child(3){border-left:0;padding:24px 0}
 .b-val:nth-child(2){border-top:1px solid var(--line)}
 .b-bat-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .b-fac .co-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tql-scale{display:none}
 .tql-list a{grid-template-columns:52px minmax(0,1fr) auto;row-gap:8px}
 .tql-img{grid-row:1;width:52px}
 .tql-name{grid-column:2;grid-row:1}
 .tql-val{grid-column:3;grid-row:1}
 .tql-bar{grid-column:1/-1;grid-row:2}
 .tql-meta{grid-column:1/-1;grid-row:3}
}
@media (prefers-reduced-motion:reduce){
 .hx--b2b .hx-media img,.b-cat-img img,.pc-img img,.b-bat-row img{transition:none}
}

:root{
 color-scheme:dark;
 --ground:#0E1211;--card:#161C1A;--card-2:#1D2421;--well:#1B211F;
 --line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.18);
 --ink:#EEF2F0;--ink-2:#B4C0BC;--mute:#87938F;
 --Gl:#3DB39E;
 --paper:var(--card);--bg-0:var(--ground);--bg-1:var(--ground);--bg-2:var(--card);--bg-3:var(--card-2);--ground-2:var(--card);
 --panel:var(--card);--panel-2:var(--card-2);--glass:var(--card);--glass-dark:rgba(14,18,17,.96);
 --green:var(--Gl);--green-2:#5CC9B4;--green-deep:#8ADBCB;--teal:var(--Gl);--teal-text:var(--Gl);--teal-soft:rgba(61,179,158,.12);
 --red:var(--G);--red-ink:var(--Gl);
 --rim:inset 0 0 0 1px var(--line);--rim-soft:inset 0 0 0 1px var(--line);--drop:0 16px 34px rgba(0,0,0,.45);
 --r:10px;--cardw:min(calc(100% - 24px),var(--wrap))}
html,body{background:var(--ground)}
body{color:var(--ink-2)}
h1,h2,h3,.h1,.b-head h2,.sh h2,.story-h h2,.cg-band h2,.cg-head h2,.b-fac-copy h2,.tql-head h2{color:var(--ink)}
::placeholder{color:#6E7A76}
::selection{background:var(--Y);color:#0E1211}
:focus-visible{outline-color:var(--Gl)}

.sec,.sec-alt,.sec-dark,.b-sec,.b-fac,.pd-band,[data-catalog],.cgroup,.ph{background:transparent}
.ph{border-bottom:0}
.ph h1{color:var(--ink)}
.ph p{color:var(--ink-2)}
.ph .crumbs,.ph .crumbs a{color:var(--mute)}
.ph .crumbs a:hover{color:var(--Gl)}
.ph-photo,.ph-photo.ph-cut{filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))}

.hx--b2b,.b-vals,.b-bat,.b-dealer,.sec-green,.gband,.band{width:var(--cardw);max-width:var(--wrap);margin-left:auto;margin-right:auto;border-radius:14px;overflow:hidden}
main:has(>.hx--b2b:first-child){padding-top:calc(var(--hd) + 16px)}
.hx--b2b{height:clamp(460px,62vh,600px);box-shadow:0 0 0 1px var(--line)}
.b-vals{background:var(--card);border:0;box-shadow:0 0 0 1px var(--line)}
.b-val{border-left-color:var(--line)}
.b-val b{color:var(--ink)}
.b-val p{color:var(--ink-2)}
.b-val>.i{color:var(--Gl)}
.b-bat{background:var(--G-d);padding:clamp(40px,4.5vw,64px) 0;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.b-dealer{margin-bottom:clamp(48px,6vw,88px);min-height:clamp(360px,40vw,460px)}
.sec-green,.gband{background:var(--G-d)}
.sec-green{margin-top:clamp(8px,1vw,16px);margin-bottom:clamp(8px,1vw,16px)}
.band{margin-top:clamp(24px,3vw,40px);margin-bottom:clamp(24px,3vw,40px)}
.b-sec{padding:clamp(44px,5vw,72px) 0}

.hd-in::before,.hd.is-over .hd-in::before,.tb-in::before,.sn-in::before{background:rgba(14,18,17,.94);box-shadow:0 1px 0 var(--line)}
.brand,.hd .brand{color:var(--Gl)}
.nav>a,.has-menu>a,.language-menu summary,.icon-btn{color:var(--ink)}
.nav>a:hover,.has-menu>a:hover,.has-menu:focus-within>a,.has-menu.open>a,.icon-btn:hover{color:var(--Gl)}
.nav a[aria-current="page"],.nav a.is-on{color:var(--ink);box-shadow:inset 0 -3px 0 var(--Gl)}
.mega,.drop,.language-menu ul,.search-box,.drawer,.sheet,.modal,.toast,.compare-bar,.hs-tip,.map-tip,.p-sticky{background:var(--card);color:var(--ink);box-shadow:0 0 0 1px var(--line),0 24px 50px rgba(0,0,0,.55)}
.mega-links a,.langs a[aria-current],.drawer-wa .i{color:var(--Gl)}
.mega-img{background:var(--well)}
.ft{background:var(--ground);box-shadow:inset 0 1px 0 var(--line);color:var(--ink-2)}
.ft .brand{color:var(--Gl)}
.ft h2{color:var(--ink)}
.ft a:not(.btn){color:var(--ink-2)}
.ft a:not(.btn):hover{color:var(--Gl)}
.ft-contact dt{color:var(--mute)}
.ft-contact dd{color:var(--ink)}
.ft-bottom{border-top-color:var(--line);color:var(--mute)}
.socials a{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.socials a:hover{background:var(--card);color:var(--Gl)}

.btn-line,.btn-o{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.btn-line:hover,.btn-o:hover{background:transparent;color:var(--Gl);box-shadow:inset 0 0 0 1.5px var(--Gl)}
.btn-y:hover,.btn-t:hover{background:#007A6A}
.more{color:var(--Gl);text-decoration-color:rgba(61,179,158,.4)}
.more:hover{color:#5CC9B4}
.add{color:var(--Gl);box-shadow:inset 0 0 0 1px rgba(61,179,158,.45)}
.add:hover,.add.in{background:var(--G);color:#FFFFFF;box-shadow:none}
.cmp{color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.cmp.on{color:var(--Gl);box-shadow:inset 0 0 0 1px var(--Gl)}
.seg,.tb-search{background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.tabs button{color:var(--ink-2)}
.tabs button:hover{color:var(--Gl)}
.rail-btn{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.rail-btn:hover{background:var(--ink);color:var(--ground)}

.pc{background:var(--card);border-color:transparent}
.pc:hover{border-color:rgba(61,179,158,.6);box-shadow:var(--drop)}
.pc-img{background:var(--well)}
.pc-model a{color:var(--ink)}
.pc-model a:hover,.pc-spec b{color:var(--Gl)}
.b-cat{background:var(--card);border-radius:var(--r);padding:10px 10px 16px;color:var(--ink);transition:background-color .2s}
.b-cat-img{background:var(--well)}
.b-cat:hover{background:var(--card-2)}
.b-cat:hover .b-cat-img{background:#222927}
.b-cat:hover b{color:var(--Gl)}
#trades .scene{box-shadow:0 0 0 1px var(--line)}
.b-fac-vids .vtile img{box-shadow:0 0 0 1px var(--line)}
.b-fac .co-nums{border-top-color:var(--line)}
.b-fac .co-nums dt,.co-nums dt,.nums dt b,.gnums b{color:var(--Y)}
.b-fac .co-nums dd,.co-nums dd{color:var(--ink-2)}
.vtile .play{background:var(--Y)}
.vtile .play .i{color:#0E1211}
.vid-t{color:var(--mute)}
.vid-t b{color:var(--ink)}
.dx::after{background:linear-gradient(90deg,rgba(8,14,12,.9) 0%,rgba(8,14,12,.72) 50%,rgba(8,14,12,.55) 100%)}

.search-results img,.range-img,.pick-img,.cat,.kc-parts img,.kit-parts img,.st-models img,.rfq-item img,.spec-dl img,.fd-alt img,.cmp-table thead img,.cb-item img,.bm tbody th img,.mega-img img,.fd-best-img img,.bsel-img,.st-models button,.catrow a,.sg dl,.bm-wrap,.cmp-scroll,.sheet,.ph-toggle,.ch-nav button,.kc-n{background:var(--card)}
.sec-alt :is(.docs3 div,.oem-flow,.dl,.spec-dl,.rfq-item,.fd-opt,.fd-alt,.kit-parts a,.chips a,.scenes b,.plate div,.pick-img,.range-img){background:var(--card)}
.sec-alt :is(.dl,.spec-dl,.fd-opt,.chips a):hover{background:var(--card-2)}
.dl,.docs3 div,.bsel,[data-catalog] .mini-band,.tradebar a,.oem-flow,.spec-dl,.rfq-item,.fd-opt,.fd-alt,.kit-parts a,.chips a,.scenes b,.support a,.svc li,.info>div{background:var(--card);box-shadow:none}
.dl:hover,.tradebar a:hover,.spec-dl:hover,.fd-opt:hover,.chips a:hover{background:var(--card-2)}
.tradebar a{color:var(--ink)}
.tradebar a:hover{box-shadow:inset 0 0 0 1.5px var(--Gl)}
.docs3 dt{color:var(--Y)}
.field input,.field select,.field textarea,.qty input,.field input:focus,.field select:focus,.field textarea:focus,.qty input:focus{background:var(--ground);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.field select option{background:var(--card);color:var(--ink)}
.hs{background:var(--card);color:var(--Gl)}
.hs:hover,.hs.on,.st-parts li.on b,.parts li.on b{background:var(--Gl);color:var(--ground)}
.st-parts b,.parts li b{background:var(--card)}
.bm thead th{background:var(--card-2)}
.bm-group th{background:var(--ground)}
.faq summary{color:var(--ink)}
.faq details{border-color:var(--line)}
.article a:not(.btn){color:var(--Gl)}
.map{background:var(--G-d)}

.gallery-main,.thumbs button{background:var(--card)}
.plate,.plate div{border-color:var(--line)}
.plate div{background:var(--card)}
.plate div:first-child{background:var(--card-2)}
.plate dd{color:var(--ink)}
.plate div:first-child dd{color:var(--Y)}
.sg h3{color:var(--Gl)}
.pd-tq{border-top-color:var(--line)}
.pd-tq span{background:var(--card-2)}
.pd-tq i{background:#46564F}
.pd-tq a[aria-current="true"]{color:var(--ink)}
.pd-tq a[aria-current="true"] i{background:var(--Gl)}
.pd-tq a:hover b{color:var(--Gl)}
.thumbs button[aria-current="true"]::after{box-shadow:inset 0 0 0 2px var(--Gl)}

.tql{background:var(--card);border-color:transparent}
.tql-list,.tql-list li{border-color:var(--line)}
.tql-img{background:var(--well)}
.tql-name b{color:var(--ink)}
.tql-bar{background:var(--card-2)}
.tql-bar i{background:var(--Gl)}
.tql-val b{color:var(--Y)}
.tql-list a:hover .tql-name b{color:var(--Gl)}

.ph-tag{background:rgba(248,203,29,.14);color:#FFDF7A}

@media (max-width:760px){
 .b-val,.b-val:nth-child(3){padding:22px 0}
 .b-cat{flex:0 0 40%}
}

:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) .btn-y,:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) .btn-y:hover{color:#0E1211}
.gband{margin-top:clamp(24px,3vw,40px);margin-bottom:clamp(48px,6vw,88px)}
.gband-in{padding-left:clamp(24px,4vw,56px);padding-right:clamp(24px,4vw,56px)}
:root{--wrap:1480px;
 --glass:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));
 --glass-2:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
 --glass-edge:inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 0 1px rgba(255,255,255,.075);
 --glass-shadow:0 14px 34px rgba(0,0,0,.28);
 --gw:rgba(255,255,255,.04)}
@media(min-width:1680px){:root{--wrap:1840px}}
@media(min-width:2240px){:root{--wrap:2080px}}
.wrap{padding-left:clamp(16px,2.6vw,44px);padding-right:clamp(16px,2.6vw,44px)}

html{background:#0B0F0E}
body{background:transparent}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(1100px 720px at 6% -12%,rgba(0,124,107,.40),transparent 62%),
  radial-gradient(900px 760px at 104% 22%,rgba(61,179,158,.16),transparent 62%),
  radial-gradient(900px 640px at 34% 112%,rgba(0,100,87,.26),transparent 62%),
  radial-gradient(560px 420px at 86% 88%,rgba(248,203,29,.05),transparent 70%),#0B0F0E}
.ft{background:rgba(11,15,14,.55)}

.pc,.b-cat,.tql,.dl,.docs3>div,.tradebar a,.sg dl,.bm-wrap,.cmp-scroll,.gallery-main,.thumbs button,.kit-photo,.support a,.svc li,.info>div,.oem-flow,.bsel,[data-catalog] .mini-band,.spec-dl,.rfq-item,.fd-opt,.fd-alt,.kit-parts a,.chips a,.scenes b,.cat,.range-img,.pick-img,.catrow a,.st-models button,.faq details,.terms>div,.steps-v li,.map-side,.routes .transit{background:var(--glass);box-shadow:var(--glass-edge)}
.pc:hover,.b-cat:hover,.dl:hover,.tradebar a:hover,.support a:hover,.spec-dl:hover,.fd-opt:hover,.chips a:hover{background:var(--glass-2);box-shadow:var(--glass-edge),inset 0 0 0 1px rgba(61,179,158,.45),var(--glass-shadow)}
.pc{border-color:transparent}
.pc-img,.b-cat-img,.tql-img,.mega-img,.bsel-img{background:var(--gw)}
.b-cat:hover .b-cat-img{background:rgba(255,255,255,.06)}
.plate,.plate div{border-color:rgba(255,255,255,.08)}
.plate div{background:rgba(255,255,255,.03)}
.plate div:first-child{background:rgba(255,255,255,.06)}
.tql-bar,.pd-tq span{background:rgba(255,255,255,.07)}
.sec-alt :is(.docs3 div,.dl,.spec-dl,.kit-parts a,.chips a,.scenes b,.plate div,.pick-img,.range-img){background:var(--glass)}

.hd-in::before,.hd.is-over .hd-in::before,.tb-in::before,.sn-in::before{background:rgba(12,17,16,.62);box-shadow:0 1px 0 rgba(255,255,255,.07)}
.hd.is-scrolled .hd-in::before{background:rgba(12,17,16,.82);box-shadow:0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.35)}
.mega,.drop,.language-menu ul,.search-box,.drawer,.sheet,.modal,.toast,.compare-bar,.hs-tip,.map-tip,.p-sticky{background:rgba(20,27,25,.78);box-shadow:var(--glass-edge),0 24px 50px rgba(0,0,0,.5)}
.b-vals{background:var(--glass);box-shadow:var(--glass-edge)}
.b-val{border-left-color:rgba(255,255,255,.07)}

.hx--b2b .hx-slide::after{background:linear-gradient(90deg,rgba(0,20,17,.55) 0%,rgba(0,20,17,.25) 40%,rgba(0,20,17,0) 64%)}
.hx--b2b .hx-copy>.hx-glass{max-width:600px}
.hx-glass{max-width:600px;padding:clamp(24px,2.6vw,38px) clamp(24px,2.8vw,40px);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.12),0 24px 60px rgba(0,0,0,.35)}
.hx-glass h1,.hx-glass h2{margin-top:12px;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.hx--b2b .hx-slide.is-on .hx-glass{animation:glassIn .9s cubic-bezier(.2,.7,.2,1) both}
.hx--b2b .hx-slide.is-on .hx-glass>*{animation:hxIn .8s cubic-bezier(.2,.7,.2,1) both}
.hx--b2b .hx-slide.is-on .hx-glass>*:nth-child(2){animation-delay:.08s}
.hx--b2b .hx-slide.is-on .hx-glass>*:nth-child(3){animation-delay:.16s}
.hx--b2b .hx-slide.is-on .hx-glass>*:nth-child(4){animation-delay:.24s}
@keyframes glassIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.hx--b2b .rail-btn{background:rgba(255,255,255,.1)}

.b-bat,.sec-green,.gband{background:linear-gradient(135deg,rgba(0,124,107,.42) 0%,rgba(0,75,65,.32) 60%,rgba(0,56,47,.38) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.09)}
.sec-green :is(.svc li,.support a,.steps-v li){background:rgba(255,255,255,.05)}
.map{background:rgba(0,75,65,.55);box-shadow:var(--glass-edge)}

.b-dealer .dx-in{max-width:760px;margin:clamp(36px,5vw,64px) auto;padding:clamp(28px,3.2vw,44px) clamp(24px,3.4vw,48px);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px rgba(255,255,255,.12)}
.dx::after{background:linear-gradient(90deg,rgba(8,14,12,.6),rgba(8,14,12,.35))}

.btn-line,.btn-o{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.btn-line:hover,.btn-o:hover{background:rgba(255,255,255,.1);color:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(61,179,158,.8)}
.btn-y,.btn-t{box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}

.btn{transition:transform .18s ease,background-color .2s,color .2s,box-shadow .2s}
.btn:hover{transform:translateY(-1px)}
.btn:active,.add:active,.cmp:active,.rail-btn:active{transform:translateY(1px) scale(.98)}
.btn .i,.more .i{transition:transform .2s ease}
.btn:hover .i,.more:hover .i{transform:translateX(3px)}
.pc,.b-cat,.b-val,.tql,.dl,.tradebar a,.docs3>div,.support a,.sx-read>div{position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.2,1),background .25s,box-shadow .25s}
.pc:hover,.b-cat:hover{transform:translateY(-3px)!important}
.pc>*,.b-cat>*,.b-val>*,.dl>*,.tradebar a>*,.docs3>div>*{position:relative;z-index:1}
.scroll-prog{display:block;background:linear-gradient(90deg,var(--Gl),var(--Y))}
.to-top{position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:60;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;color:#FFFFFF;cursor:pointer;
 background:rgba(255,255,255,.08);box-shadow:var(--glass-edge),0 10px 26px rgba(0,0,0,.4);
 opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s,background-color .2s}
.to-top.on{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:rgba(61,179,158,.3)}
.to-top svg{width:20px;height:20px;transform:rotate(-90deg)}
body.has-sticky .to-top{bottom:84px}
.b-cat::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--Gl);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.b-cat:hover::after{transform:scaleX(1)}
.scene .scene-t{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.scene:hover .scene-t{transform:translateY(-6px)}

@media (max-width:760px){
 .hx-glass{padding:20px 20px 22px;border-radius:14px}
 .b-dealer .dx-in{margin:24px 12px}
}
@media (prefers-reduced-motion:reduce){
 .btn,.pc,.b-cat,.scene .scene-t,.to-top{transition:none}
 .pc:hover,.b-cat:hover,.btn:hover{transform:none!important}
 .hx--b2b .hx-slide.is-on .hx-glass,.hx--b2b .hx-slide.is-on .hx-glass>*{animation:none}
}

.up-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.up-slot{position:relative;display:grid;align-content:start;gap:8px;min-height:190px;padding:22px 22px 54px;border-radius:12px;
 background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
 outline:1.5px dashed rgba(255,255,255,.16);outline-offset:-8px;color:var(--ink-2)}
.up-slot>.i{width:30px;height:30px;color:var(--Gl)}
.up-slot b{margin-top:6px;font-size:17px;color:var(--ink)}
.up-slot span{font-size:14px;line-height:1.55;color:var(--mute)}
.up-tag{position:absolute;left:22px;bottom:20px;padding:3px 10px;border-radius:999px;font:600 12px/1.4 var(--f);font-style:normal;color:#FFDF7A;background:rgba(248,203,29,.12);box-shadow:inset 0 0 0 1px rgba(248,203,29,.3)}
.cred-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}
.cred-row .docs3{grid-template-columns:1fr;gap:14px}
.cred-row .up-grid{grid-template-columns:1fr;gap:14px}
.cred-row .up-slot{min-height:0;grid-template-columns:auto 1fr;align-items:center;column-gap:16px;padding:20px 22px 20px 22px}
.cred-row .up-slot>.i{grid-row:1/span 2}
.cred-row .up-slot b{margin-top:0}
.cred-row .up-tag{position:static;grid-column:3;grid-row:1/span 2;align-self:center}
.cred-row .up-slot{grid-template-columns:auto 1fr auto}
@media (max-width:1100px){.up-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
 .cred-row{grid-template-columns:1fr}
 .up-grid{grid-template-columns:1fr}
 .up-slot{min-height:0}
}

.b-story-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:32px clamp(32px,5vw,80px);align-items:center}
.b-story .hx-label{color:var(--Y)}
.b-story h2{margin-top:12px;font-size:clamp(30px,3.2vw,48px);line-height:1.1;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.b-story-copy>p:not(.hx-label){margin-top:16px;max-width:36em;font-size:clamp(16px,1.15vw,18px);line-height:1.75;color:var(--ink-2)}
.b-story-copy .b-slogan{margin-top:26px;padding-left:16px;border-left:3px solid var(--Y);font:700 clamp(20px,1.8vw,26px)/1.3 var(--f);color:var(--ink)}
.b-story-copy .more{display:inline-flex;margin-top:22px}
.tl{list-style:none;margin:0;padding:8px 26px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.075)}
.tl li{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:22px;row-gap:2px;padding:18px 0 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.tl li:last-child{border-bottom:0}
.tl-k{grid-row:1/span 2;font:700 clamp(22px,1.9vw,28px)/1.1 var(--f-display);color:var(--Y);font-variant-numeric:tabular-nums;word-break:keep-all}
.tl b{font-size:16px;color:var(--ink)}
.tl li>span:last-child{font-size:14px;line-height:1.55;color:var(--mute)}
@media (max-width:960px){
 .b-story-in{grid-template-columns:1fr}
}
@media (max-width:560px){
 .tl{padding:4px 18px}
 .tl li{grid-template-columns:92px minmax(0,1fr);column-gap:14px}
}
.b-concept{grid-column:1/-1;margin-top:clamp(28px,3vw,44px);padding-top:clamp(28px,3vw,40px);border-top:1px solid rgba(255,255,255,.08)}
.b-concept-h{display:flex;align-items:center;gap:20px;margin-bottom:22px}
.b-concept-h .heng-mark{flex:none;display:grid;place-items:center;width:68px;height:68px;border-radius:14px;font:700 40px/1 var(--f);color:var(--Y);background:rgba(248,203,29,.08);box-shadow:inset 0 0 0 1px rgba(248,203,29,.28)}
.b-concept-h h3{font-size:clamp(20px,1.8vw,26px);color:var(--ink)}
.b-concept-h p{margin-top:6px;color:var(--ink-2);font-size:15px}
.commit{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.commit li{position:relative;overflow:hidden;display:grid;align-content:start;gap:8px;padding:22px 22px 24px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.075)}
.commit li::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--Y),rgba(248,203,29,0))}
.commit .i{width:28px;height:28px;color:var(--Gl)}
.commit b{margin-top:4px;font-size:17px;color:var(--ink)}
.commit span{font-size:14px;line-height:1.6;color:var(--ink-2)}
@media (max-width:1100px){.commit{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.commit{grid-template-columns:1fr}.b-concept-h .heng-mark{width:56px;height:56px;font-size:32px}}

.commit.duo{grid-template-columns:repeat(2,minmax(0,1fr))}
.commit .duo-k{font:600 13px/1.4 var(--f);font-style:normal;color:var(--Y)}
.docs3.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.docs3.c4 dt{font-size:28px}
.oem-terms{margin-top:28px}
.docs-note{margin-top:16px}
.qc-items{margin-top:28px}
.qc-items h3{margin-bottom:12px;font-size:18px;color:var(--ink)}
.qc-items ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 24px}
.qc-items li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.6;color:var(--ink-2)}
.qc-items .i{flex:none;width:20px;height:20px;margin-top:3px;color:var(--Gl)}
.terms,.info{gap:10px 14px}
.terms>div,.info>div{padding:16px 22px;border-top:0;border-radius:12px}
.terms dd,.info dd{min-width:0}
.mdl{white-space:nowrap}
.story-t .terms{grid-template-columns:minmax(0,1fr)}
.story-t .terms>div{grid-template-columns:96px minmax(0,1fr)}
.story-t .terms-1>div{grid-template-columns:160px minmax(0,1fr)}
.svc{gap:12px 14px}
.svc li{padding:20px 22px;border-top:0;border-radius:12px}
.qc-items ul{display:flex;flex-wrap:wrap;gap:10px 32px}
.qc-items li{flex:0 0 auto;max-width:100%}
body.show-ph .ph-tag{display:inline;padding:1px 6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media (max-width:560px){.terms>div,.info>div{padding:14px 16px}.story-t .terms>div{grid-template-columns:minmax(0,1fr);gap:4px}.svc li{padding:16px}}
@media (max-width:1100px){.docs3.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.commit.duo{grid-template-columns:1fr}}
@media (max-width:560px){.docs3.c4{grid-template-columns:1fr}}

@media (min-width:761px){
 .hx--b2b .hx-slide--kv::after{background:linear-gradient(90deg,rgba(0,20,17,.5) 0%,rgba(0,20,17,0) 30%)}
 .hx--b2b .hx-slide--kv .hx-copy{top:clamp(24px,4vh,40px);bottom:auto;transform:none}
 .hx--b2b .hx-slide--kv .hx-copy>.hx-glass{max-width:280px;padding:14px 18px 16px}
 .hx-slide--kv .hx-glass .hx-label,.hx-slide--kv .hx-glass .hx-p{display:none}
 .hx--b2b .hx-slide--kv .hx-copy h1,.hx--b2b .hx-slide--kv .hx-copy h2{margin-top:0;font-size:clamp(22px,1.8vw,28px);line-height:1.2}
 .hx-slide--kv .hx-glass .btn-row{margin-top:12px;gap:8px}
 .hx-slide--kv .hx-glass .btn{padding:9px 16px;font-size:14px}
}

.b-kv{margin:0 0 clamp(28px,3vw,44px);border-radius:14px;overflow:hidden;box-shadow:var(--glass-edge)}
.b-kv img{display:block;width:100%;height:auto}
.b-story .b-story-copy h2{margin-top:0}

.b-oem-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px clamp(32px,4vw,64px);align-items:end}
.b-oem .hx-label{color:var(--Y)}
.b-oem-copy h2{margin-top:12px;font-size:clamp(28px,2.8vw,42px);line-height:1.12;color:var(--ink);text-wrap:balance}
.b-oem-copy>p:not(.hx-label){margin-top:14px;max-width:36em;font-size:clamp(15px,1.1vw,17px);line-height:1.75;color:var(--ink-2)}
.b-oem-n{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}
.b-oem-n div{padding:16px 18px;border-radius:12px;background:var(--glass);box-shadow:var(--glass-edge)}
.b-oem-n dt{font:700 clamp(26px,2.2vw,34px)/1.1 var(--f-display);color:var(--Y);font-variant-numeric:tabular-nums}
.b-oem-n dd{margin-top:6px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.b-oem-img{margin:0 0 clamp(24px,3vw,40px);border-radius:14px;overflow:hidden;box-shadow:var(--glass-edge)}
.b-oem-img img{display:block;width:100%;height:auto}

.ph--fig .ph-fig{max-width:640px}
.ph-photo,.ph-photo.ph-cut{max-height:clamp(340px,30vw,500px)}

.gband-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(4px,2vw,28px);min-width:0}
.gband-stage .gband-tool{display:block;flex:0 1 auto;height:clamp(340px,32vw,540px);width:auto;max-width:62%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.mascot3d{position:relative;flex:none;align-self:flex-start;width:clamp(150px,14vw,230px);aspect-ratio:365/512;margin-top:clamp(8px,2vw,32px);perspective:900px}
.m3d-rot{position:absolute;inset:0;transform-style:preserve-3d;animation:m3dTurn 6s ease-in-out infinite}
.m3d-rot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:translateZ(calc(var(--z,0) * -1px));-webkit-user-select:none;user-select:none;pointer-events:none}
.m3d-rot img:not(:first-child){filter:brightness(.42) saturate(.8)}
.m3d-shadow{position:absolute;left:18%;right:18%;bottom:-18px;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.5),rgba(0,0,0,0));animation:m3dShadow 6s ease-in-out infinite}
@keyframes m3dTurn{0%,100%{transform:translateY(0) rotateY(-30deg)}50%{transform:translateY(-16px) rotateY(30deg)}}
@keyframes m3dShadow{0%,100%{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.78);opacity:.55}}
@media (prefers-reduced-motion:reduce){.m3d-rot,.m3d-shadow{animation:none}.m3d-rot{transform:rotateY(-18deg)}}

.intro2 img.intro-kv{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:52% 50%;filter:none;border-radius:14px}

.cat-kv{margin-bottom:clamp(20px,2.4vw,32px)}
.cat-kv img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:var(--glass-edge)}
.cg-band.has-fig{grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);align-items:center}
.cg-fig{margin:0;border-radius:12px;overflow:hidden;box-shadow:var(--glass-edge)}
.cg-fig img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 52%}

.sm-fig{margin:20px 0 0;max-width:280px}
.sm-fig img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:var(--glass-edge);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.sm-fig figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:var(--mute)}
.story-t .sm-fig{margin-top:24px}

.gallery-main.is-r360{cursor:default}
.gallery-main.is-r360>img[data-main],.gallery-main.is-r360>.zoom{visibility:hidden}
.r360{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:var(--card);border-radius:inherit}
.r360[hidden]{display:none}
.r360.is-drag{cursor:grabbing}
.r360:focus-visible{outline:2px solid var(--Y);outline-offset:-2px}
.r360 img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-mask-image:none;mask-image:none;filter:none}
.r360-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:inline-flex;gap:8px;align-items:center;max-width:calc(100% - 32px);padding:7px 14px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:13px;line-height:1.3;white-space:nowrap;pointer-events:none;transition:opacity .4s}
.r360-hint svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.r360.is-touched .r360-hint{opacity:0}
.r360-bar{position:absolute;left:16px;right:16px;top:12px;height:2px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden;pointer-events:none;transition:opacity .4s .3s}
.r360-bar i{display:block;width:0;height:100%;background:var(--Y);transition:width .2s}
.r360.is-ready .r360-bar{opacity:0}
.thumbs [data-r360-btn]{position:relative}
.r360-badge{position:absolute;right:4px;bottom:4px;padding:1px 6px;border-radius:6px;background:var(--Y);color:#0E1211;font:700 11px/1.5 var(--f)}

@media (max-width:960px){
 .b-oem-in{grid-template-columns:minmax(0,1fr)}
 .ph--fig .ph-fig{max-width:360px}
 .ph-photo,.ph-photo.ph-cut{max-height:300px}
 .gband-stage{justify-content:flex-start}
 .gband-stage .gband-tool{height:clamp(260px,62vw,380px)}
 .mascot3d{width:clamp(110px,28vw,160px)}
 .cg-band.has-fig{grid-template-columns:minmax(0,1fr)}
 .cg-fig{max-width:420px}
}
@media (max-width:760px){
 .r360-hint{bottom:10px;padding:5px 12px;font-size:12px}
}

.tl .tl-more{display:block;padding:14px 0 8px}
.tl .tl-more .more{display:inline-flex}

.hist-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px clamp(32px,5vw,88px);align-items:start}
.hist-intro{position:sticky;top:calc(var(--hd) + 32px)}
.hist-intro h2{font-size:clamp(34px,3.6vw,52px);line-height:1.04}
.hist-lead{margin-top:10px;font:700 15px/1.4 var(--f);color:var(--Y)}
.hist-intro>p:not(.hist-lead){margin-top:16px;max-width:36em;font-size:16px;line-height:1.75;color:var(--ink-2)}
.hist-quote{margin:26px 0 0;padding:0 0 0 16px;border-left:3px solid var(--Y)}
.hist-quote p{margin:0;font:700 clamp(20px,1.8vw,26px)/1.35 var(--f);color:var(--ink)}
.hist-intro .more{display:inline-flex;margin-top:22px}
.hist{position:relative;list-style:none;margin:0;padding:0}
.hist::before{content:"";position:absolute;left:5px;top:12px;bottom:12px;width:2px;background:linear-gradient(180deg,var(--Y),rgba(248,203,29,.12))}
.hist li{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);gap:6px 24px;padding:0 0 30px 32px}
.hist li:last-child{padding-bottom:0}
.hist li::before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:50%;background:var(--Y);box-shadow:0 0 0 4px rgba(248,203,29,.16)}
.hist-y{font:700 clamp(18px,1.5vw,22px)/1.2 var(--f-display);color:var(--Y);font-variant-numeric:tabular-nums;word-break:keep-all;overflow-wrap:anywhere}
.hist-b h3{font-size:18px;line-height:1.35;color:var(--ink);text-wrap:balance}
.hist-b p{margin-top:8px;font-size:15px;line-height:1.7;color:var(--ink-2)}
.hist-fig{margin:16px 0 0;width:min(240px,60vw)}
.hist-fig img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.hist-fig figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:var(--mute)}

.nws-ft{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px clamp(32px,4.5vw,72px);align-items:start;scroll-margin-top:calc(var(--hd) + 20px)}
.nws-fig{margin:0;position:sticky;top:calc(var(--hd) + 32px)}
.nws-fig img{display:block;width:100%;height:auto;border-radius:14px}
.nws-ft .nws-body>p.nws-kicker{margin-top:12px;max-width:none;font:700 clamp(17px,1.4vw,20px)/1.4 var(--f);color:var(--Y)}
.nws-body h2{margin-top:6px;font-size:clamp(26px,2.6vw,38px);line-height:1.2;text-wrap:balance}
.nws-body h3{margin-top:30px;font-size:20px;line-height:1.3;color:var(--ink)}
.nws-body>p:not(.nl-meta){margin-top:14px;max-width:38em;font-size:16px;line-height:1.8;color:var(--ink-2)}
.nws-body .hist-quote{margin-top:30px}
.nws-parts{margin:18px 0 0;border-top:1px solid rgba(255,255,255,.08)}
.nws-parts div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.nws-parts dt{font-weight:700;color:var(--Y);overflow-wrap:anywhere}
.nws-parts dt::first-letter{text-transform:uppercase}
@media (min-width:641px){html[lang^="zh"] .nws-parts div{grid-template-columns:88px minmax(0,1fr)}}
.nws-parts dd{margin:0;line-height:1.6;color:var(--ink-2)}
.nws-parts div:first-child dd{font-weight:600;color:var(--ink)}
.nl-tile{display:grid;place-items:center;background:linear-gradient(135deg,rgba(248,203,29,.14),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.nl-tile b{font:700 clamp(40px,4vw,64px)/1 var(--f-display);color:var(--Y);font-variant-numeric:tabular-nums}
.nl-img.nl-poster{aspect-ratio:auto;background:none;box-shadow:none}
.nl-poster img{width:min(200px,100%);height:auto;object-fit:contain;border-radius:10px}
.nl .more{display:inline-flex;margin-top:12px}

@media (max-width:960px){
 .hist-wrap,.nws-ft{grid-template-columns:minmax(0,1fr)}
 .hist-intro,.nws-fig{position:static}
}
@media (max-width:640px){
 .hist li{grid-template-columns:minmax(0,1fr);padding-left:28px}
 .nl-tile{aspect-ratio:auto;place-items:center start;padding:14px 18px}
 .nl-tile b{font-size:34px}
 .nl-poster img{width:180px}
 .nws-parts div{grid-template-columns:minmax(0,1fr);gap:2px}
}

.fairs{--fh:min(380px,30vw);display:grid;grid-template-columns:calc(var(--fh)*1.635) calc(var(--fh)*.563) calc(var(--fh)*.563);gap:18px;align-items:start;margin-bottom:clamp(28px,3vw,40px)}
.fair{margin:0}
.fair video{display:block;width:100%;height:auto;border-radius:12px;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.fair figcaption{display:grid;gap:3px;margin-top:12px}
.fair figcaption b{font-size:15px;line-height:1.4;color:var(--ink)}
.fair figcaption span{font-size:13px;line-height:1.5;color:var(--mute)}
.fair figcaption em{font-style:normal;font-size:13px;line-height:1.5;color:var(--Y)}
@media (max-width:960px){
 .fairs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 12px;max-width:480px}
 .fair:first-child{grid-column:1/-1}
}
.vids.vids-sm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;gap:16px;max-width:1160px}
.vids-sm .vid{grid-row:auto;grid-column:auto}
.vids-sm .vid img{aspect-ratio:4/3;height:auto;min-height:0;object-fit:cover}
.vids-sm .vid .play{width:50px;height:50px;margin:-25px 0 0 -25px;top:calc(50% - 17px)}
@media (max-width:960px){
 .vids.vids-sm{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;max-width:600px}
}
.modal:has(.modal-body video){width:min(820px,94vw)}
.modal-body video{max-height:72vh}
.hist-fig.wide{width:min(440px,100%)}
.fac-gate{margin:28px 0 0;max-width:560px}
.fac-gate img{display:block;width:100%;height:auto;border-radius:12px}
.fac-gate figcaption,.nws-fig figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:var(--mute)}
.nl-img.nl-contain{background:#0B0F0E}
.nl-contain img{object-fit:contain}

.fab-vids{display:grid;grid-template-columns:repeat(3,minmax(0,200px));gap:18px;margin:36px 0 8px}
.fab-vid{margin:0}
.fab-vid video{display:block;width:100%;height:auto;border-radius:12px;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.fab-vid figcaption{display:flex;gap:10px;align-items:baseline;margin-top:8px;font-size:13px;color:var(--mute)}
.fab-vid figcaption b{font-size:14px;color:var(--ink)}
.story-fig{margin:24px 0 0;max-width:320px}
.story-fig img{display:block;width:100%;height:auto;border-radius:12px}
@media (max-width:600px){
 .fab-vids{grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px}
}

.b-kvband{padding-top:0}
.kvband{display:block;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 50px rgba(0,0,0,.35);transition:transform .3s,box-shadow .3s}
.kvband img{display:block;width:100%;height:auto}
.kvband:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(248,203,29,.4),0 28px 56px rgba(0,0,0,.4)}
.cg-fig.cg-tall{max-width:220px;justify-self:end}
.cg-fig.cg-tall img{aspect-ratio:3/4;object-fit:cover;object-position:50% 50%}
.cg-fig.cg-square{max-width:260px;justify-self:end}
.cg-fig.cg-square img{aspect-ratio:1/1;object-fit:cover;object-position:50% 50%}
.sell-posters{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:14px;margin-top:28px}
.sell-posters a{display:block;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.sell-posters img{display:block;width:100%;height:auto}
.story-t .sell-posters-note{margin-top:10px;font-size:13px;line-height:1.5;color:var(--mute)}
@media (max-width:960px){
 .cg-fig.cg-tall,.cg-fig.cg-square{justify-self:start}
}
@media (prefers-reduced-motion:reduce){.kvband{transition:none}.kvband:hover{transform:none}}

.rail--life .rail-track{grid-auto-columns:calc((100% - 4*16px)/5)}
.life-tile{display:flex;flex-direction:column;background:#070908;border:4px solid #070908;border-radius:4px;overflow:hidden;color:#fff;transition:box-shadow .25s}
.life-tile .lt-img{display:block;aspect-ratio:4/5;overflow:hidden;background:#111}
.life-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;transition:transform .5s var(--ease-out,ease)}
.life-tile b{display:flex;align-items:center;justify-content:center;min-height:66px;padding:12px 10px;font:800 16px/1.3 var(--f);letter-spacing:.06em;text-align:center;color:#fff}
.life-tile:hover{box-shadow:0 0 0 2px var(--Y)}
.life-tile:hover img{transform:scale(1.04)}
.life-tile:focus-visible{outline:2px solid var(--Y);outline-offset:3px}
@media (max-width:960px){.rail--life .rail-track{grid-auto-columns:calc((100% - 2*14px)/2.6);gap:14px}}
@media (max-width:560px){.rail--life .rail-track{grid-auto-columns:62%}.life-tile b{min-height:56px;font-size:15px}}
@media (prefers-reduced-motion:reduce){.life-tile img{transition:none}.life-tile:hover img{transform:none}}

.b-social .soc-head{text-align:center;margin-bottom:24px}
.b-social .soc-head p{margin-top:8px;font-size:15px;color:var(--mute)}
.soc-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.soc-img{display:block;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#111;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.soc-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.b-social .soc-links{justify-content:center;margin-top:24px}
@media (max-width:760px){.soc-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

.r360-stage{position:relative;width:min(100%,calc(min(68vh,600px) * var(--ar,1.3333)));aspect-ratio:var(--ar,1.3333);margin:0 auto;border-radius:16px;overflow:hidden;background:var(--card);box-shadow:var(--glass-edge)}
.r360-stage .r360{border-radius:inherit}
.r360-sec .sh{margin-bottom:24px}

.cg-banner{max-width:1000px;margin:0 auto 24px;border-radius:14px;overflow:hidden;box-shadow:var(--glass-edge)}
.cg-banner img{display:block;width:100%;height:auto}

.fab-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fab-facts li{display:flex;flex-direction:column;gap:6px;padding:22px 20px 24px;border-radius:14px;background:var(--glass);box-shadow:var(--glass-edge)}
.fab-facts li>.i{width:26px;height:26px;color:var(--Gl,#3fbf8f)}
.fab-facts em{margin-top:10px;font:700 clamp(24px,2.2vw,32px)/1.1 var(--f-display);font-style:normal;color:var(--Y)}
.fab-facts b{font-size:16px;color:var(--ink)}
.fab-facts span{font-size:14px;line-height:1.6;color:var(--ink-2)}
@media (max-width:960px){.fab-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.fab-facts{grid-template-columns:minmax(0,1fr)}}
.nws-fig--tall img{width:min(100%,400px)}
.dmap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:clamp(32px,4vw,56px);padding-top:clamp(28px,3vw,40px);border-top:1px solid rgba(255,255,255,.08)}
.dm-text h3{margin:0;font:700 clamp(22px,2vw,30px)/1.2 var(--f-display);color:var(--ink)}
.dm-text>p{margin:14px 0 0;max-width:34em;font-size:16px;line-height:1.75;color:var(--ink-2)}
.dm-key{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;font-size:14px;color:var(--ink-2)}
.dm-key li{display:flex;align-items:center;gap:10px}
.dm-key i{width:10px;height:10px;border-radius:50%;flex:none}
.dm-key i.s{background:var(--Y)}
.dm-key i.n{background:#86DCC5}
.dm-key i.f{width:8px;height:8px;margin:0 1px;border-radius:1px;transform:rotate(45deg);background:#fff}
.dm-text>p.dm-note{margin-top:16px;font-size:13px;line-height:1.6;color:var(--mute)}
.dm-fig{margin:0}
.dm-svg{display:block;width:100%;height:auto}
.dm-s{fill:var(--Y);fill-opacity:.85}
.dm-n{fill:#86DCC5;fill-opacity:.85}
.dm-div{fill:none;stroke:rgba(255,255,255,.45);stroke-width:1.4;stroke-dasharray:5 5}
.dm-city{fill:none;stroke:#fff;stroke-width:1.2}
.dm-lbl{font-size:12px;font-weight:600;fill:#fff;paint-order:stroke;stroke:#0B0F0E;stroke-width:3px;stroke-linejoin:round}
.dm-fac{fill:#fff}
.dm-reg{font:700 17px/1 var(--f-display);paint-order:stroke;stroke:#0B0F0E;stroke-width:3px}
.dm-reg.s{fill:var(--Y)}
.dm-reg.n{fill:#86DCC5}
.dm-key i.d{width:18px;height:0;border-radius:0;border-top:2px dashed rgba(255,255,255,.55);background:none}
@media (max-width:860px){.dmap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.dm-lbl{font-size:21px;stroke-width:5px}.dm-reg{font-size:28px;stroke-width:5px}.dm-city{stroke-width:2}}
.b-oem-img.b-oem-case{display:flex;align-items:center;justify-content:center;padding:clamp(8px,2vw,24px) 0;background:none;box-shadow:none;border-radius:0}
.b-oem-img.b-oem-case img{width:auto;max-width:min(100%,560px);max-height:400px;height:auto}
.oem-img.oem-case{margin:0;padding:0;border-radius:0;background:none}
.oem-img.oem-case img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;filter:none}
.oem-img.oem-case figcaption{margin-top:12px}
.dm-land path{fill:#123A31;stroke:rgba(214,236,228,.22);stroke-width:.6;stroke-linejoin:round}
.dm-ibox{fill:rgba(255,255,255,.02);stroke:rgba(214,236,228,.4);stroke-width:1}
.dm-isl{fill:#2F7563}
.dm-jd{stroke:#A9C4BB;stroke-width:1.8;stroke-linecap:round}
.dm-ilbl{font-size:10px;fill:rgba(255,255,255,.72)}
.dm-text>p.dm-note+p.dm-note{margin-top:4px}
@media (max-width:600px){.dm-ilbl{font-size:15px}}
.article .answer{margin:0 0 36px;padding:20px 24px 18px;border-left:4px solid var(--y);border-radius:0 10px 10px 0;background:var(--well)}
.article .answer>b{display:block;margin:0 0 10px;font-size:15px;letter-spacing:.01em;color:var(--y)}
.article .answer ul{margin:0;padding-left:1.1em}
.article .answer li{margin:6px 0;line-height:1.55}
@media (max-width:600px){.article .answer{padding:16px 16px 14px}}.article .byline{margin:0 0 18px;font-size:14px;color:var(--ink-2)}
.keypts-sec{padding-top:36px;padding-bottom:4px}
.keypts{max-width:900px;padding:20px 24px 18px;border-left:4px solid var(--y);border-radius:0 10px 10px 0;background:var(--well)}
.keypts>b{display:block;margin:0 0 10px;font-size:15px;letter-spacing:.01em;color:var(--y)}
.keypts ul{margin:0;padding-left:1.1em}
.keypts li{margin:6px 0;line-height:1.55}
@media (max-width:600px){.keypts-sec{padding-top:24px}.keypts{padding:16px 16px 14px}}.keypts ul{list-style:disc}
.keypts li::marker{color:var(--y)}
.article .tbl-x{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 8px}
.article .tbl-x table{min-width:640px;margin:0}
.article .tbl-x th,.article .tbl-x td{overflow-wrap:normal;word-break:normal;hyphens:manual}.side-layout>.article{min-width:0}
.article .tbl-x{max-width:100%}
.cat-guide .two>div:first-child p{margin:0 0 12px}
.cat-guide .cg-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px}.pd-guides{display:flex;flex-wrap:wrap;gap:8px 24px}.ft-bottom a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.consent a{margin-left:6px;text-decoration:underline;text-underline-offset:3px}
.hist-stores{margin:16px 0 0;width:100%;max-width:640px}
.hist-stores .hs-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.hist-stores .hs-grid::after{content:"";position:absolute;inset:0;z-index:1}
.hist-stores img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,.3);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
.hist-stores figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:var(--mute)}
.intro-banner{margin:0 0 40px}
.intro-banner img{display:block;width:100%;height:auto;aspect-ratio:2000/715;object-fit:cover;border-radius:14px}
.intro2.intro2--below{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:56px}
.intro2--below h2{margin:0}
.intro2--below>div>p:first-child{margin-top:0}
@media (max-width:960px){.intro-banner{margin-bottom:24px}.intro-banner img{border-radius:10px}.intro2.intro2--below{grid-template-columns:1fr;gap:12px}}

.chain6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none}
.chain6 li{padding:28px 26px 30px;border-radius:14px;background:var(--glass);box-shadow:var(--glass-edge)}
.chain6 .c6-n{display:block;font-size:13px;letter-spacing:.08em;color:var(--green);font-variant-numeric:tabular-nums}
.chain6 h3{margin:12px 0 10px;font-size:20px;line-height:1.3}
.chain6 p{margin:0;color:var(--ink-2);line-height:1.8}
@media (max-width:1040px){.chain6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.chain6{grid-template-columns:1fr}.chain6 li{padding:22px 20px 24px}}
.gallery-main{position:relative}
.gm-loupe{position:absolute;z-index:3;width:280px;height:280px;border-radius:8px;pointer-events:none;opacity:0;background-repeat:no-repeat;background-color:#151a19;border:3px solid rgba(255,255,255,.9);box-shadow:0 12px 32px rgba(0,0,0,.55),inset 0 0 0 1px rgba(0,0,0,.35);transition:opacity .12s ease}
.gallery-main.is-loupe .gm-loupe{opacity:1}
.gallery-main.is-loupe{cursor:none}
.gallery-main.is-r360 .gm-loupe{display:none}
@media (prefers-reduced-motion:reduce){.gm-loupe{transition:none}}

.compare-bar .cb-items{min-width:0;flex:0 1 auto}
.compare-bar .cb-items>*{flex:0 0 auto}
.compare-bar .cb-go,.compare-bar .cb-clear{flex:0 0 auto;white-space:nowrap}
body:has(.compare-bar:not([hidden])) .to-top{bottom:92px}
.cat-count:empty::before{content:"\00a0"}
.cg-fig.cg-tall,.cg-fig.cg-square{width:100%}
.rail--fits .rail-ui{display:none}
@media (max-width:760px){
 .compare-bar{left:8px;right:8px;transform:none;max-width:none;gap:8px;padding:6px 6px 6px 8px;border-radius:14px}
 .compare-bar>b,.compare-bar .cb-slot{display:none}
 .compare-bar .cb-items{flex:1 1 auto}
 .compare-bar .cb-item{font-size:12px}
 .compare-bar .cb-go{height:36px;padding:0 12px;font-size:13px}
 .compare-bar .cb-clear{font-size:12px}
 body.has-sticky .compare-bar{bottom:80px}
 body.has-sticky:has(.compare-bar:not([hidden])) .to-top{bottom:142px}
 .hx--b2b{height:auto;min-height:0;display:grid}
 .hx--b2b .hx-slide,.hx--b2b .hx-slide.is-on{position:relative;inset:auto;grid-area:1/1}
 .hx--b2b .hx-media{position:relative;inset:auto;aspect-ratio:16/9}
 .hx--b2b .hx-media img{position:absolute;inset:0}
 .hx--b2b .hx-slide::after{display:none}
 .hx--b2b .hx-copy,.hx--b2b .hx-slide--kv .hx-copy{position:relative;top:auto;bottom:auto;transform:none;padding-bottom:64px}
 .hx--b2b .hx-copy>.hx-glass,.hx--b2b .hx-slide--kv .hx-copy>.hx-glass{max-width:none;padding:18px 2px 0;background:none;box-shadow:none}
 .hx--b2b .hx-ui{bottom:16px}
 .b-dealer{min-height:0;display:block;text-align:left}
 .b-dealer .dx-media{position:relative;inset:auto;aspect-ratio:16/9}
 .b-dealer .dx-media img{position:absolute;inset:0}
 .b-dealer::after{display:none}
 .b-dealer .dx-in{margin:0;padding:20px 16px 28px;border-radius:0;background:none;box-shadow:none}
}
.licence{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px 32px;margin-top:28px;padding:22px 24px;border-radius:var(--r-xl);background:var(--glass);box-shadow:var(--glass-edge)}
.licence h3{font-size:20px;margin:0 0 8px;color:var(--ink)}
.licence p{margin:0 0 6px;color:var(--ink-2);font-size:15px;line-height:1.6}
.licence .licence-note{color:var(--mute);font-size:14px}
.licence-a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}
.licence-check:empty{display:none}
.licence [hidden]{display:none!important}
.licence-msg{min-height:1.4em;color:var(--mute);font-size:14px}
.licence-view{grid-column:1/-1}
.licence-view img{display:block;width:100%;max-width:1100px;height:auto;margin:0 auto;border-radius:8px;user-select:none;-webkit-user-drag:none}
@media (max-width:760px){.licence{grid-template-columns:minmax(0,1fr);padding:18px 16px}}

.fab-contact{position:fixed;left:16px;bottom:20px;z-index:44;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.fab-contact a{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;border-radius:999px;color:#fff;font-weight:600;font-size:14px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:transform .2s ease,box-shadow .2s ease}
.fab-contact a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.34)}
.fab-contact a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fab-contact .i{width:22px;height:22px;flex:0 0 auto}
.fab-wa{background:#157A3F}
body:has(.compare-bar:not([hidden])) .fab-contact{bottom:92px}
@media (max-width:760px){
 .fab-contact{left:12px;bottom:16px}
 .fab-contact a{width:46px;height:46px;padding:0;justify-content:center}
 .fab-contact span{display:none}
 body.has-sticky .fab-contact{bottom:84px}
 body:has(.compare-bar:not([hidden])) .fab-contact{bottom:84px}
 body.has-sticky:has(.compare-bar:not([hidden])) .fab-contact{bottom:142px}
}
@media print{.fab-contact{display:none}}

.who-strip{background:var(--G-dd);border-bottom:1px solid var(--line)}
.who-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.who-i{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;column-gap:12px;row-gap:4px;padding:20px 20px 20px 0}
.who-i+.who-i{padding-left:20px;border-left:1px solid var(--line)}
.who-i .i{grid-row:span 2;width:26px;height:26px;color:#F4C51C;margin-top:2px}
.who-i b{color:#fff;font-size:16px}
.who-i span{color:var(--ink-2);font-size:14px;line-height:1.5}
@media (max-width:960px){.who-in{grid-template-columns:repeat(2,minmax(0,1fr))}.who-i:nth-child(3){padding-left:0;border-left:0}.who-i:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:560px){.who-in{grid-template-columns:minmax(0,1fr)}.who-i,.who-i+.who-i{padding:14px 0;border-left:0}.who-i+.who-i{border-top:1px solid var(--line)}}

.tb-in{flex-wrap:wrap}
.ah-filter{display:flex;align-items:center;flex-wrap:wrap;gap:6px;order:3;flex:1 0 100%;padding:2px 0 4px}
@media (max-width:760px){.ah-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ah-filter button{flex:0 0 auto}}
.ah-filter>span{color:var(--mute);font-size:14px;margin-right:2px}
.ah-filter button{height:34px;padding:0 12px;border:0;border-radius:var(--pill);background:rgba(255,255,255,.06);color:var(--ink-2);font:inherit;font-size:14px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line)}
.ah-filter button[aria-pressed="true"]{background:#F4C51C;color:#16171A;box-shadow:none}
.ah-filter button:focus-visible{outline:2px solid #F4C51C;outline-offset:2px}

.nws-page{max-width:1040px}
.nws-page .nl-meta{margin-bottom:16px}
.nws-page-in{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:28px;align-items:start}
.nws-page-in>.nl-img{position:sticky;top:calc(var(--hd,64px) + 16px)}
.nws-page-t p{font-size:17px;line-height:1.75;color:var(--ink-2);margin:0 0 14px;max-width:62ch}
.nws-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:36px 0 12px}
.nws-nav a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--r-lg);background:var(--glass);box-shadow:var(--glass-edge);text-decoration:none}
.nws-nav a:last-child{text-align:right}
.nws-nav small{color:var(--mute);font-size:13px}
.nws-nav b{color:var(--ink);font-size:15px;line-height:1.4}
.nl h2 a{color:inherit;text-decoration:none}
.nl h2 a:hover{text-decoration:underline}
@media (max-width:760px){.nws-page-in{grid-template-columns:minmax(0,1fr)}.nws-page-in>.nl-img{position:static}.nws-nav{grid-template-columns:minmax(0,1fr)}.nws-nav a:last-child{text-align:left}}
:root{
 --glass-hi:linear-gradient(115deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,0) 30%),linear-gradient(145deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.06) 34%,rgba(255,255,255,.03) 64%,rgba(61,179,158,.10) 100%);
 --glass-hi-edge:inset 0 1px 0 rgba(255,255,255,.26),inset 0 0 0 1px rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.28);
 --glass-hi-shadow:0 22px 44px -18px rgba(0,0,0,.65),0 2px 6px rgba(0,0,0,.18)}
.who-strip{padding:18px 0;background:radial-gradient(55% 160% at 10% 0%,rgba(61,179,158,.32),transparent 62%),radial-gradient(45% 140% at 92% 100%,rgba(248,203,29,.09),transparent 60%),linear-gradient(180deg,#00463A,var(--G-dd))}
.who-strip .who-in{gap:14px}
.who-strip .who-in>.who-i,.commit li,.chain6 li,.svc li,.info>div,.docs3>div,.terms>div,.routes .transit,.b-oem-n div,.b-val,.licence,.oem-flow{border:0;background:var(--glass-hi);box-shadow:var(--glass-hi-edge),var(--glass-hi-shadow)}
.who-strip .who-in>.who-i{border-radius:14px;padding:18px 20px;column-gap:14px}
.commit li{border-radius:14px}
.sec-alt .docs3>div{background:var(--glass-hi)}
.who-strip .who-i .i{width:40px;height:40px;padding:8px;margin-top:0;border-radius:11px;background:rgba(244,197,28,.12);box-shadow:inset 0 0 0 1px rgba(244,197,28,.32),inset 0 1px 0 rgba(255,255,255,.12)}
.commit li>.i{width:44px;height:44px;padding:9px;border-radius:12px;color:#5FD4BC;background:rgba(61,179,158,.14);box-shadow:inset 0 0 0 1px rgba(61,179,158,.36),inset 0 1px 0 rgba(255,255,255,.12)}
@media (max-width:560px){.who-strip .who-in{gap:10px}.who-strip .who-in>.who-i{padding:14px 16px}}
.b-concept-h{align-items:flex-start}
.b-concept-h p{max-width:74ch;line-height:1.75}
.b-concept-h p+p{margin-top:10px}
.b-concept--page{margin-top:0;padding-top:0;border-top:0}
.article .btn-row .btn-y{color:#FFFFFF}
.article th{background:var(--G)}
.btn-y small,.btn-t small{color:rgba(255,255,255,.82)}
.seg button[aria-pressed="true"],.bsel .seg button[aria-pressed="true"]{color:#16171A}
.bm-tools.seg button[aria-pressed="true"]{color:#FFFFFF}
.anim-off,.anim-off *{animation-play-state:paused!important}
.floc{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,2.6vw,36px)}
.floc-t{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:end}
.floc-t>*{grid-column:1}
.floc-t h2{font-size:clamp(26px,2.4vw,36px);line-height:1.15}
.floc-name{margin-top:18px;font-size:18px;font-weight:600;color:var(--ink)}
.floc-addr{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;margin-top:12px;font-size:17px;line-height:1.6;color:var(--ink-2);overflow-wrap:anywhere}
.floc-addr .i{width:22px;height:22px;margin-top:3px;color:var(--teal-text)}
.floc-t .muted{margin-top:12px;max-width:60ch;line-height:1.65}
.floc-t .btn-row{grid-column:2;grid-row:1 / span 4;align-self:end;margin-top:0}
.floc-map{position:relative;aspect-ratio:21/9;min-height:420px;border-radius:var(--r-lg);overflow:hidden;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.floc-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:960px){.floc-t{grid-template-columns:minmax(0,1fr)}.floc-t .btn-row{grid-column:1;grid-row:auto;margin-top:22px}.floc-map{aspect-ratio:1/1;min-height:0}}
.keypts li a.kp-link{color:var(--teal-text);text-decoration:underline;text-underline-offset:3px;font-weight:600}

.pd-pick{box-sizing:border-box;width:100%;max-width:900px;margin:28px 0 0;padding:20px 24px 14px;border-left:4px solid var(--y);border-radius:0 10px 10px 0;background:var(--well)}
.pd-pick h3{margin:0 0 10px;font-size:17px;color:var(--y)}
.pd-pick p{margin:0 0 8px;line-height:1.65}

.kit-photo{position:relative}
.tbd-note{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);z-index:2;padding:.38em 1em;border-radius:999px;background:rgba(8,11,10,.74);border:1px solid rgba(255,255,255,.16);color:#E9EEEB;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:.02em;white-space:nowrap;pointer-events:none}
.pc-img .tbd-note{font-size:12px;bottom:8%}
p.lead-y.lead-y.lead-y{margin:18px 0 0;max-width:30em;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:clamp(22px,2.3vw,30px);line-height:1.2;letter-spacing:.005em;color:var(--Y)}
p.lead-y.lead-y.lead-y+p{margin-top:10px}
.em-y{color:var(--Y);font-weight:700}
.dx-in p.em-y,.gband p.em-y{color:var(--Y)}
.svc b,.commit b,.who-i b,.terms dt,.info dt,.oem dt{color:var(--Y)}
.story-h>p{color:var(--Y);font-weight:700}

.gband h3.join-h{margin:22px 0 10px;font-size:18px;color:var(--Y)}
.gband ul.join{list-style:none;margin:0 0 4px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;max-width:46em}
.gband ul.join li{display:flex;gap:9px;align-items:flex-start;line-height:1.5;color:var(--ink-2)}
.gband ul.join .i{flex:none;width:18px;height:18px;margin-top:3px;color:var(--Y)}
@media (max-width:700px){.gband ul.join{grid-template-columns:minmax(0,1fr)}}
:lang(zh) :is(.dx-in,.b-bat-copy) h2{word-break:keep-all;overflow-wrap:anywhere}
:lang(zh) .dx-in h2{font-size:clamp(28px,2.75vw,40px)}
.pd-info h1 .pd-type{display:block;margin-top:8px;font-family:var(--f);font-stretch:100%;font-size:18px;font-weight:600;letter-spacing:normal;line-height:1.4;color:var(--ink-2)}

.bat-wall{grid-column:1/-1;margin-top:clamp(26px,3vw,44px);padding-top:clamp(22px,2.4vw,34px);border-top:1px solid rgba(255,255,255,.14)}
.bat-wall-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:0 0 18px;color:rgba(255,255,255,.84);font-size:clamp(16px,1.3vw,19px);font-weight:600}
.bat-wall-h b{min-width:1.3em;font:800 clamp(40px,4vw,58px)/1 var(--f-display);color:var(--Y);font-variant-numeric:tabular-nums}
.bat-tools{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:8px}
.bat-tools li{transition:opacity .45s ease,filter .45s ease,transform .45s ease}
.bat-tools a{display:grid;place-items:center;aspect-ratio:1;padding:5px;border-radius:10px;background:rgba(0,0,0,.2);text-decoration:none;transition:transform .25s ease,background .25s ease}
.bat-tools a:hover{transform:translateY(-4px);background:rgba(248,203,29,.16)}
.bat-tools img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}
.bt-tbd{font:700 11px/1.15 var(--f-display);color:var(--Y);text-align:center;overflow-wrap:anywhere}
.bat-wall.is-off .bat-tools li{opacity:.16;filter:grayscale(1);transform:scale(.92)}
.bat-wall.is-off .bat-tools li.on{opacity:1;filter:none;transform:none}
@media (max-width:900px){
 .bat-tools{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
}
@media (prefers-reduced-motion:reduce){
 .bat-tools li{transition:none}
}

.b-pay .pay-head{max-width:860px;margin-bottom:clamp(24px,3vw,40px)}
.b-pay .pay-head h2{margin:.2em 0 .35em}
.b-pay .ord-lead{margin:0;max-width:720px;font-size:16px;line-height:1.7;color:var(--ink-2)}
.pay-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,48px);align-items:start}
.pay-col{display:grid;gap:14px}
.pay-key{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pay-key>div{padding:18px 20px;border-radius:14px;background:rgba(3,22,17,.86);box-shadow:inset 0 0 0 1px rgba(248,203,29,.3)}
.pay-key b{display:block;font:800 clamp(36px,3.8vw,52px)/1 var(--f-display);color:var(--Y)}
.pay-key span{display:block;margin-top:8px;font-size:14.5px;line-height:1.4;color:var(--ink)}
.pay-card{padding:18px 20px 14px;border-radius:14px;background:rgba(3,22,17,.86);box-shadow:inset 0 0 0 1px rgba(207,235,221,.1)}
.pay-card h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:17px;color:var(--Y)}
.pay-card h3 .i{flex:none;width:20px;height:20px;color:#5FD4A8}
.pay-card p{margin:0 0 8px;font-size:14.5px;line-height:1.7;color:var(--ink)}
.flow7{position:relative;list-style:none;margin:0;padding:6px 22px;border-radius:16px;background:rgba(3,22,17,.78);box-shadow:inset 0 0 0 1px rgba(207,235,221,.1)}
.flow7::before{content:"";position:absolute;left:43px;top:34px;bottom:34px;width:2px;background:rgba(207,235,221,.16)}
.flow7 li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:12px 0}
.flow7 li+li{border-top:1px solid rgba(207,235,221,.07)}
.fl-n{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:800 17px/1 var(--f-display);color:var(--ink);background:#0B1A15;box-shadow:inset 0 0 0 1.5px rgba(207,235,221,.32)}
.flow7 li.is-pay .fl-n{color:#0E1211;background:var(--Y);box-shadow:0 0 0 5px rgba(248,203,29,.16)}
.flow7 b{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:17px;line-height:1.3;color:var(--ink)}
.flow7 b .i{flex:none;width:19px;height:19px;color:#5FD4A8}
.flow7 li.is-pay b{color:var(--Y)}
.flow7 li.is-pay b .i{color:var(--Y)}
.flow7 em{padding:2px 9px;border-radius:6px;background:rgba(248,203,29,.16);color:var(--Y);font:700 12px/1.6 var(--f);font-style:normal}
.flow7 p{margin:5px 0 0;font-size:14.5px;line-height:1.65;color:var(--ink-2)}
@media (max-width:960px){.pay-in{grid-template-columns:minmax(0,1fr)}.flow7{padding:4px 16px}.flow7::before{left:37px}}

.home21 main>.b-sec{padding-top:clamp(48px,4.6vw,76px);padding-bottom:clamp(48px,4.6vw,76px)}
.home21 main>.b-sec+.b-sec{border-top:1px solid rgba(255,255,255,.06)}
.home21 .b-head{margin-bottom:clamp(22px,2.2vw,32px)}

.home21 .who-strip{padding:28px 0;background:linear-gradient(180deg,#003E33,#00342B)}
.home21 .who-strip .who-in{gap:0}
.home21 .who-strip .who-in>.who-i{padding:4px 26px;border-radius:0;background:none;box-shadow:none}
.home21 .who-strip .who-in>.who-i:first-child{padding-left:0}
.home21 .who-strip .who-in>.who-i+.who-i{border-left:1px solid rgba(255,255,255,.12)}
.home21 .who-strip .who-i .i{width:34px;height:34px;padding:6px}

.b-catnav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 clamp(22px,2.2vw,32px)}
.b-catnav a{display:inline-flex;align-items:baseline;gap:8px;padding:10px 18px;border-radius:999px;background:rgba(2,22,17,.5);box-shadow:inset 0 0 0 1px rgba(207,235,221,.14);color:var(--ink);text-decoration:none;transition:background .2s,box-shadow .2s}
.b-catnav a:hover{background:rgba(248,203,29,.14);box-shadow:inset 0 0 0 1px rgba(248,203,29,.55)}
.b-catnav b{font-size:15px;font-weight:700}
.b-catnav small{font-size:13px;color:var(--mute);font-variant-numeric:tabular-nums}
.home21 #categories .pc{background:linear-gradient(180deg,rgba(13,92,74,.34),rgba(2,22,17,.88) 62%);box-shadow:inset 0 1px 0 rgba(207,235,221,.12),inset 0 0 0 1px rgba(207,235,221,.08)}
.home21 #categories .pc-img{background:radial-gradient(closest-side,rgba(207,235,221,.09),rgba(207,235,221,0))}

@media (min-width:961px){
 .home21 .b-story-in{grid-template-columns:minmax(0,1fr);gap:clamp(36px,3.6vw,56px)}
 .home21 .b-story-copy{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-auto-flow:row dense;column-gap:clamp(36px,5vw,88px);align-items:start}
 .home21 .b-story-copy>:is(h2,.lead-y,.b-slogan){grid-column:1}
 .home21 .b-story-copy>p:not(.lead-y):not(.b-slogan),.home21 .b-story-copy>.more{grid-column:2}
 .home21 .b-story-copy>p:not(.hx-label):not(.lead-y):not(.b-slogan){margin-top:0;margin-bottom:14px}
 .home21 .b-story-copy>.lead-y{margin-top:14px}
 .home21 .tl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;border-radius:0;background:none;box-shadow:none;border-top:1px solid var(--line)}
 .home21 .tl li{display:block;padding:22px 20px 0 0;border-bottom:0}
 .home21 .tl li+li{padding-left:20px;border-left:1px solid var(--line)}
 .home21 .tl .tl-k{display:block;font:800 clamp(26px,2.2vw,34px)/1 var(--f-display);color:var(--Y);font-variant-numeric:tabular-nums}
 .home21 .tl li>b{display:block;margin-top:10px}
 .home21 .tl li>span:last-child{display:block;margin-top:6px}
 .home21 .tl li.tl-more{grid-column:1/-1;padding:18px 0 0;border-left:0}
}
.home21 .commit{gap:0 clamp(20px,2.4vw,36px)}
.home21 .commit li{padding:22px 0 0;border-radius:0;background:none;box-shadow:none;border-top:1px solid var(--line)}
.home21 .commit li::before{width:56px}
.home21 .commit li>.i{width:38px;height:38px;padding:7px}

.b-fairs-sub{margin-top:clamp(44px,4.4vw,68px);padding-top:clamp(32px,3vw,48px);border-top:1px solid var(--line)}
.b-fairs-sub .b-head h3{font-size:clamp(22px,2vw,28px);line-height:1.2;color:var(--ink)}

.home21 :is(#categories,#promise,#brand,#battery,#order,#oem){position:relative;isolation:isolate}
.home21 :is(#categories,#promise,#brand,#order,#oem)>.sec-bg{-webkit-mask:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent)}
.home21 #categories>.sec-bg::after{background:linear-gradient(180deg,rgba(2,15,12,.5),rgba(2,15,12,.34) 35%,rgba(2,15,12,.62))}
.home21 #brand>.sec-bg::after{background:linear-gradient(90deg,rgba(2,15,12,0) 35%,rgba(2,15,12,.24) 100%),linear-gradient(180deg,rgba(2,15,12,.34),rgba(2,15,12,.6) 40%,rgba(2,15,12,.76))}
.home21 #promise>.sec-bg::after{background:linear-gradient(90deg,rgba(2,15,12,0) 0%,rgba(2,15,12,.16) 40%,rgba(2,15,12,.7) 62%,rgba(2,15,12,.82) 100%)}
.home21 #battery>.sec-bg::after{background:linear-gradient(90deg,rgba(2,26,21,.82) 0%,rgba(2,30,24,.68) 46%,rgba(0,56,47,.5) 100%)}
.home21 #order>.sec-bg::after{background:linear-gradient(90deg,rgba(2,15,12,.82) 0%,rgba(2,15,12,.52) 46%,rgba(2,15,12,.22) 100%)}
.home21 #oem>.sec-bg::after{background:linear-gradient(90deg,rgba(2,15,12,.16) 0%,rgba(2,15,12,.3) 44%,rgba(2,15,12,.74) 62%,rgba(2,15,12,.86) 100%)}
.home21 .b-bat{background:var(--G-dd)}

.b-hero2-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,3vw,56px);align-items:center;min-height:clamp(480px,46vw,700px)}
.b-hero2-tool{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}
.b-hero2-tool img{display:block;width:auto;max-width:100%;height:clamp(380px,44vw,640px);object-fit:contain;filter:drop-shadow(0 36px 40px rgba(0,0,0,.72))}
.b-hero2-tool figcaption a{display:inline-flex;align-items:center;gap:12px;max-width:460px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(2,22,17,.62);box-shadow:inset 0 0 0 1px rgba(248,203,29,.32);color:var(--ink-2);font-size:13.5px;line-height:1.4;text-decoration:none;transition:box-shadow .2s}
.b-hero2-tool figcaption a:hover{box-shadow:inset 0 0 0 1px var(--Y)}
.b-hero2-tool figcaption b{flex:none;padding:5px 12px;border-radius:999px;background:var(--Y);color:#0E1211;font-size:13.5px;font-weight:800}
.b-hero2-copy h2{font-size:clamp(30px,3.2vw,48px);line-height:1.1;color:var(--ink);text-wrap:balance}
.b-hero2-copy>p{margin:16px 0 0;max-width:34em;font-size:clamp(16px,1.15vw,18px);line-height:1.75;color:var(--ink-2)}
.b-hero2-copy>p.b-hero2-lead{margin-top:10px;font-size:15px;font-weight:700;color:var(--Y)}

.b-oem2{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,3.4vw,64px);align-items:center}
.b-oem2-kit{display:flex;align-items:flex-end;justify-content:center;margin:0;width:100%}
.b-oem2-case{position:relative;z-index:1;flex:none;width:52%;height:auto;filter:drop-shadow(0 30px 36px rgba(0,0,0,.6))}
.b-oem2-tool{position:relative;z-index:2;flex:none;width:58%;height:auto;margin-left:-8%;filter:drop-shadow(0 30px 34px rgba(0,0,0,.7))}
.b-oem2-main .b-oem-side{margin-top:26px}

.home21 main>.b-oem3{padding:0;overflow:hidden}
.b-oem3-photo{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);aspect-ratio:1832/859;margin:0;z-index:-1;-webkit-mask:linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent)}
.b-oem3-photo img{display:block;width:100%;height:100%;object-fit:cover}
.b-oem3-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,12,.86) 0%,rgba(2,15,12,.72) 28%,rgba(2,15,12,.22) 42%,rgba(2,15,12,0) 50%)}
.b-oem3-in{display:flex;align-items:center;min-height:min(46.9vw,860px);padding-top:clamp(36px,3vw,52px);padding-bottom:clamp(36px,3vw,52px)}
.b-oem3 .b-oem2-main{width:min(39vw,520px)}
.b-oem3 .b-oem-copy{max-width:none}
.b-oem3 .b-oem-copy p:not(.hx-label){font-size:15.5px;line-height:1.62;margin-top:10px}
.b-oem3 .b-oem-copy h2{font-size:clamp(26px,2.5vw,38px);line-height:1.12}
.b-oem3 .b-oem-side{margin-top:18px}
.b-oem3 .b-oem-n{margin:0 0 16px}
@media (min-width:961px){
 .home21 .b-story-copy{grid-template-rows:auto auto 1fr auto auto}
 .home21 .b-story-copy>h2{grid-row:1}
 .home21 .b-story-copy>.lead-y{grid-row:2}
 .home21 .b-story-copy>.b-slogan{grid-row:3;margin-top:22px}
 .home21 .b-story-copy>p:nth-of-type(2){grid-column:2;grid-row:1/3}
 .home21 .b-story-copy>p:nth-of-type(3){grid-column:2;grid-row:3/5}
 .home21 .b-story-copy>.more{grid-column:2;grid-row:5}
}
@media (min-width:761px) and (max-width:1180px){
 .hx--b2b .hx-dots{max-width:40vw}
}

.hx--b2b .hx-p,.b-dealer .dx-in>p:not(.em-y):not(.hx-label){color:var(--ink)}
@media (min-width:961px){
 .b-dealer .dx-media img{height:122%;object-position:50% 0}
 .home21 .fairs{grid-template-columns:minmax(0,1.635fr) minmax(0,.563fr) minmax(0,.563fr)}
}
@media (max-width:1180px){
 .b-oem3-photo{position:relative;left:auto;right:auto;top:auto;transform:none;z-index:0;aspect-ratio:auto;height:clamp(300px,60vw,560px);-webkit-mask:linear-gradient(180deg,transparent,#000 6%,#000 88%,transparent);mask:linear-gradient(180deg,transparent,#000 6%,#000 88%,transparent)}
 .b-oem3-photo img{object-position:92% 50%}
 .b-oem3-photo::after{display:none}
 .b-oem3-in{display:block;min-height:0;padding-top:4px;padding-bottom:44px}
 .b-oem3 .b-oem2-main{width:auto;max-width:760px}
}
@media (max-width:960px){
 .home21 .who-strip .who-in>.who-i,.home21 .who-strip .who-in>.who-i:first-child{padding:14px 0}
 .home21 .who-strip .who-in>.who-i+.who-i{border-left:0}
 .home21 .who-strip .who-in>.who-i:nth-child(n+2){border-top:1px solid rgba(255,255,255,.12)}
 .b-hero2-in{grid-template-columns:minmax(0,1fr);min-height:0;gap:22px}
 .b-hero2-tool img{height:clamp(300px,84vw,440px)}
 .b-oem2{grid-template-columns:minmax(0,1fr);gap:30px}
 .b-oem2-kit{width:min(100%,460px);justify-self:center}
 .home21 :is(#promise)>.sec-bg::after{background:linear-gradient(180deg,rgba(2,15,12,.12) 0%,rgba(2,15,12,.3) 36%,rgba(2,15,12,.8) 54%,rgba(2,15,12,.88) 100%)}
 .home21 #order>.sec-bg::after{background:rgba(2,15,12,.66)}
}
@media (min-width:561px) and (max-width:960px){
 .home21 .who-strip .who-in{column-gap:24px}
 .home21 .who-strip .who-in>.who-i:nth-child(2){border-top:0}
}
@media (max-width:560px){
 .b-catnav{gap:8px}
 .b-catnav a{padding:8px 14px}
 .b-hero2-tool figcaption a{border-radius:16px;align-items:flex-start}
}

:root{--tb:34px;--nav-h:72px;--hd:calc(var(--tb) + var(--nav-h))}
.hd-in{height:var(--nav-h)}
.nav>a,.has-menu>a{height:var(--nav-h)}
.tbar{position:relative;z-index:2;height:var(--tb);pointer-events:auto;background:#021510;border-bottom:1px solid rgba(248,203,29,.16);font-size:12.5px;line-height:1}
.tbar-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%}
.tbar p{display:flex;align-items:center;gap:20px;margin:0;min-width:0;white-space:nowrap}
.tbar-l{display:block;flex:1 1 0;overflow:hidden;text-overflow:ellipsis;color:#8FC8AC}
.tbar-r{flex:none}
.tbar-l span+span::before{content:"";display:inline-block;width:4px;height:4px;margin:0 12px 2px 0;border-radius:50%;background:var(--Y);vertical-align:middle}
.tbar-r a,.tbar-r span{display:inline-flex;align-items:center;gap:6px;color:#A9D8C0;text-decoration:none}
.tbar-r b{font-weight:700;color:var(--Y);font-variant-numeric:tabular-nums}
.tbar-r a:hover b{text-decoration:underline}
.tbar .i{flex:none;width:14px;height:14px;color:#5FD4A8}
.toolbar,.subnav{transition:top .35s var(--ease-out)}
body:has(.hd.is-hidden) :is(.toolbar,.subnav){top:0}

html{background:#03140F}
body::before{background:radial-gradient(1200px 820px at 6% -10%,rgba(13,92,74,.55),transparent 64%),radial-gradient(1000px 900px at 104% 28%,rgba(13,92,74,.32),transparent 64%),radial-gradient(1100px 760px at 30% 112%,rgba(10,84,66,.45),transparent 64%),linear-gradient(180deg,#06231B 0%,#041912 55%,#03140F 100%)}
:root{--ground:#041912;--card:#0B211A;--card-2:#0F2820;--well:#0C241C}
.hd-in::before,.hd.is-over .hd-in::before,.tb-in::before,.sn-in::before{background:rgba(3,22,16,.74)}
.home21 main>.b-sec+.b-sec{border-top:0}
.pd-band{background:transparent}

:root,.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband,.scene,.ft{--ink:#CBF5DC;--ink-2:#86E3B4;--mute:#5ED39C}
:is(h1,h2,.h1,.b-head h2,.sh h2,.story-h h2,.cg-band h2,.cg-head h2,.b-fac-copy h2,.tql-head h2,.b-hero2-copy h2,.ft h2),:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) :is(h1,h2){color:var(--Y)}
.hx--b2b .hx-copy :is(h1,h2),.sec-green .story-h h2{color:var(--Y)}
:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) h3{color:var(--ink)}
.pc-model a{color:var(--Y)}
.pc-model a:hover{color:#FFE27A}
.more,:is(.dx,.b-bat,.band,.sec-green,.gband,.scene) .more{color:var(--Y);text-decoration-color:rgba(248,203,29,.45)}
.btn-line,:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) :is(.btn-line,.btn-o){color:var(--Y);box-shadow:inset 0 0 0 1.5px rgba(248,203,29,.55)}
.btn-line:hover,:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) :is(.btn-line,.btn-o):hover{background:var(--Y);color:#0E1211}
.btn-w{background:var(--Y);color:#0E1211}
.life-tile b{color:var(--Y)}

.sec-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.sec-bg img{display:block;width:100%;height:100%;object-fit:cover}
.sec-bg::after{content:"";position:absolute;inset:0}
.home21 :is(#categories,#promise,#brand,#order,#oem,#on-the-job,#credentials,#factory){position:relative;isolation:isolate}
.home21 :is(#categories,#promise,#brand,#order,#oem,#on-the-job,#credentials,#factory)>.sec-bg{-webkit-mask:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%)}
.home21 #on-the-job>.sec-bg::after{background:linear-gradient(180deg,rgba(2,15,12,.52),rgba(2,15,12,.36) 50%,rgba(2,15,12,.6))}
.home21 #credentials>.sec-bg::after{background:linear-gradient(90deg,rgba(2,15,12,.84) 0%,rgba(2,15,12,.72) 55%,rgba(2,15,12,.62) 100%)}
.home21 #credentials .docs3>div{background:rgba(3,22,17,.86)}
.home21 #factory>.sec-bg::after{background:linear-gradient(180deg,rgba(2,15,12,.78),rgba(2,15,12,.72) 50%,rgba(2,15,12,.84))}
.home21 #credentials .docs3{grid-template-columns:repeat(2,minmax(0,1fr))}

.ph--bg{background:transparent}
.ph--bg>.sec-bg{-webkit-mask:linear-gradient(180deg,#000 60%,transparent);mask:linear-gradient(180deg,#000 60%,transparent)}
.ph--bg>.sec-bg::after{background:linear-gradient(90deg,rgba(2,15,12,.84) 0%,rgba(2,15,12,.58) 42%,rgba(2,15,12,.22) 100%)}
.ph--bg .ph-in{min-height:clamp(250px,22vw,340px);align-content:center}
.ph--bg.ph--fig .ph-in{min-height:clamp(400px,34vw,540px)}
.ph--bg .ph-fig{max-width:none;justify-self:center}
.ph--bg.ph--fig .ph-in{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
.ph--bg .ph-fig img{display:block;width:auto;max-width:100%;height:clamp(300px,min(34vw,60vh),520px);max-height:none;object-fit:contain;filter:drop-shadow(0 30px 36px rgba(0,0,0,.62))}
.ph--bg .ph-fig--wide img{width:min(100%,660px);height:auto;aspect-ratio:3/2;object-fit:cover}

.pd-band--bg{position:relative;isolation:isolate;overflow:hidden}
.pd-band--bg>.sec-bg{-webkit-mask:linear-gradient(180deg,#000 66%,transparent);mask:linear-gradient(180deg,#000 66%,transparent)}
.pd-band--bg>.sec-bg::after{background:linear-gradient(90deg,rgba(2,15,12,.46) 0%,rgba(2,15,12,.7) 50%,rgba(2,15,12,.86) 100%)}
.pd-band--bg .plate>div{background:rgba(3,22,17,.82)}

.has-bg>.sec-bg::after{background:linear-gradient(110deg,rgba(0,56,47,.9) 0%,rgba(0,75,65,.76) 55%,rgba(0,100,87,.62) 100%)}

main>.sec{padding-top:clamp(48px,4.8vw,80px);padding-bottom:clamp(48px,4.8vw,80px)}
main>.sec-story{padding-top:clamp(52px,5vw,84px);padding-bottom:clamp(52px,5vw,84px)}
main>.sec-story+.sec-story{padding-top:0}
main>:is(.sec-story.sec-alt+.sec-story:not(.sec-alt),.sec-story:not(.sec-alt)+.sec-story.sec-alt,.sec-story+.sec-story.sec-green,.sec-story.sec-green+.sec-story,.sec+.sec-story.sec-alt,.nums+.sec-story){padding-top:clamp(52px,5vw,84px)}
main>.sec-tight{padding-top:clamp(28px,3vw,44px);padding-bottom:clamp(28px,3vw,44px)}
main>.keypts-sec{padding-top:28px;padding-bottom:4px}

.story-t{max-width:none}
.story-t .docs3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.keypts{max-width:none}
.keypts ul{columns:2 340px;column-gap:56px}
.keypts li{break-inside:avoid}
.story:has(.story-fig){align-items:center}
.story:has(.story-fig) .story-h{position:static}
.story-h .story-fig{max-width:min(100%,460px)}
.b-bat-row--story{margin-top:30px}
.two--fig{align-items:center}
.two-tool{margin:26px 0 0}
.two-tool img{display:block;width:auto;max-width:100%;height:clamp(320px,min(38vw,64vh),560px);object-fit:contain;filter:drop-shadow(0 26px 30px rgba(0,0,0,.6))}
.home21 .b-fac-copy .co-nums{margin-top:22px}
.story-tool{margin:clamp(18px,2vw,30px) 0 0;display:flex;justify-content:center;max-width:none}
.story-tool img{display:block;width:auto;max-width:100%;height:clamp(320px,min(34vw,58vh),500px);object-fit:contain;filter:drop-shadow(0 28px 32px rgba(0,0,0,.6))}
.story-tool--wide img{width:min(100%,600px);height:auto;aspect-ratio:3/2;object-fit:cover}
.story-t .support{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}
.story-t .support a{padding:22px 24px 24px}
@media (min-width:761px){
 .fab-contact a{width:46px;padding:0;justify-content:center}
 .fab-contact a span{display:none}
 .fab-contact a:is(:hover,:focus-visible){width:auto;padding:0 16px 0 12px}
 .fab-contact a:is(:hover,:focus-visible) span{display:inline}
}
@media (max-width:760px){.story-t .support{grid-template-columns:minmax(0,1fr)}}

@media (max-width:1360px){.tbar-r .tbar-h{display:none}}
@media (max-width:1100px){.tbar .tbar-l{display:none}.tbar-in{justify-content:flex-end}}

@media (max-width:960px){
 .story-h .story-fig{max-width:340px}
 .ph--bg .ph-in,.ph--bg.ph--fig .ph-in{min-height:0}
 .ph--bg .ph-fig{justify-self:start}
 .ph--bg.ph--fig .ph-in{grid-template-columns:minmax(0,1fr)}
 .ph--bg .ph-fig img{height:clamp(220px,60vw,340px)}
 .ph--bg .ph-fig--wide img{width:min(100%,520px);height:auto}
 .ph--bg>.sec-bg::after{background:linear-gradient(180deg,rgba(2,15,12,.62),rgba(2,15,12,.8))}
 .two-tool img{height:clamp(220px,56vw,320px)}
 .story-tool{display:none}
 :root{--tb:30px}
 .tbar{font-size:12px}
 .tbar .tbar-l,.tbar-r .tbar-2,.tbar-r .tbar-h,.tbar-r a>span{display:none}
 .tbar-in{justify-content:center}
 .tbar-r{gap:16px}
}

:root{--edge:linear-gradient(90deg,rgba(248,203,29,0),rgba(248,203,29,.9) 22%,#FFE27A 50%,rgba(248,203,29,.9) 78%,rgba(248,203,29,0));
 --edge-glow:0 0 8px 1px rgba(248,203,29,.6),0 0 24px 4px rgba(248,203,29,.22)}
.pc .pc-img.pc-img{position:relative;aspect-ratio:1/1;overflow:hidden}
.pc .pc-img.pc-img img{position:absolute;max-width:none;width:var(--w,100%);height:auto;aspect-ratio:1;left:var(--l,0%);top:var(--t,0%);padding:0;filter:drop-shadow(0 12px 16px rgba(0,0,0,.6)) drop-shadow(0 0 1px rgba(0,0,0,.7))}
.pc .pc-img .tbd-note{z-index:3}
.pc .pc-body{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;column-gap:14px;padding:16px 16px 16px}
.pc .pc-model{grid-area:1/1;align-self:end}
.pc .pc-type{grid-area:2/1;margin-top:4px;color:var(--ink-2)}
.pc .pc-spec{grid-area:1/2/3/3;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;margin:0;text-align:right;white-space:nowrap}
.pc .pc-spec b{font-size:19px;line-height:1.15;color:#4FE3A4}
.pc .pc-spec span{font-size:13px;color:var(--ink-2)}
.pc .pc-act{grid-area:3/1/4/3;align-self:end;margin-top:0;padding-top:14px}
.pc .pc-act .add:not(:hover):not(.in){color:#4FE3A4}
@media (max-width:760px){
 .pc .pc-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto 1fr;padding:12px 10px 12px}
 .pc .pc-spec{grid-area:3/1;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:6px;text-align:left;white-space:normal}
 .pc .pc-spec b{font-size:16px}
 .pc .pc-act{grid-area:4/1}
}
:is(.ph--bg.ph--fig .ph-fig,.story-tool,.two-tool,.b-hero2-tool){position:relative;isolation:isolate}
:is(.ph--bg.ph--fig .ph-fig,.story-tool,.two-tool,.b-hero2-tool) img{filter:drop-shadow(0 26px 30px rgba(0,0,0,.5))}
:is(.ph--bg.ph--fig .ph-fig,.story-tool,.two-tool)::after{content:"";display:block;position:absolute;z-index:1;left:14%;right:14%;bottom:16px;height:2px;border-radius:2px;background:var(--edge);box-shadow:var(--edge-glow);pointer-events:none}
.gallery-main::after{content:"";position:absolute;z-index:1;left:10%;right:10%;bottom:0;height:2px;border-radius:2px;background:var(--edge);box-shadow:var(--edge-glow);pointer-events:none}


.pd-pickrow.has-use{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start;margin-top:clamp(20px,2.4vw,32px)}
.pd-pickrow.has-use .pd-pick{margin-top:0}
.pd-use{margin:0;border-radius:12px;overflow:hidden;box-shadow:var(--glass-edge)}
.pd-use img{display:block;width:100%;height:auto}
.pd-use--tall{max-width:420px;justify-self:center}
@media (min-width:961px){
 .pd-pickrow.has-use{align-items:stretch}
 .pd-pickrow.has-use:has(.pd-use--tall){grid-template-columns:minmax(0,1fr) 300px}
 .pd-use--tall{max-width:none;justify-self:stretch}
 .pd-use:not(.pd-use--tall) img{height:100%;object-fit:cover;object-position:62% 50%}
 .pd-use--tall img{height:100%;object-fit:cover;object-position:50% 60%}
}
.g-fig--kit img{aspect-ratio:3/2;object-fit:cover;object-position:100% 50%}
.g-fig{margin:22px 0 6px;border-radius:12px;overflow:hidden;box-shadow:var(--glass-edge)}
.g-fig img{display:block;width:100%;height:auto}
.g-fig--tall{max-width:440px}
.cg-fig.cg-wide{width:100%}
.cg-fig.cg-wide img{aspect-ratio:2/1;object-fit:cover;object-position:50% 50%}
@media (max-width:960px){
 .pd-pickrow.has-use{grid-template-columns:minmax(0,1fr)}
 .cg-fig.cg-wide{max-width:none}
 .cg-band{gap:14px}
 .cg-band .cg-n{margin-bottom:2px}
}

.fab-contact{left:auto;right:clamp(14px,2vw,28px);bottom:calc(clamp(14px,2vw,28px) + 56px);align-items:flex-end}
body.has-sticky .fab-contact{bottom:140px}
body:has(.compare-bar:not([hidden])) .fab-contact{bottom:148px}
body.has-sticky:has(.compare-bar:not([hidden])) .fab-contact{bottom:198px}
@media (max-width:560px){
 .cg-fig.cg-tall{max-width:none;justify-self:stretch}
 .cg-fig.cg-tall img{aspect-ratio:4/5}
}

.iso2{margin-top:40px}
.iso2 h3{margin:0 0 8px;font-size:20px}
.iso2>p{margin:0 0 18px;max-width:62ch}
.iso2 .iso-k{display:block;margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.06em;line-height:1.3;opacity:.85}
:root{--m-fast:.14s;--m-ease:cubic-bezier(.2,.7,.2,1)}
.btn,.add,.cmp,.icon-btn,.rail-btn,.to-top,.fab-contact a{transition:transform var(--m-fast) var(--m-ease),background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}
.btn:active,.add:active,.cmp:active,.rail-btn:active{transform:translateY(1px) scale(.98)}
.icon-btn:active,.fab-contact a:active{transform:scale(.97)}
.to-top.on:active{transform:scale(.97)}
@media (hover:none){.btn:hover:not(:active){transform:none}}
.pc-img img{transition:transform .22s var(--m-ease)}
@media (hover:none){
 .pc:hover{transform:none!important}
 .pc:hover .pc-img img{transform:none}
 .pc:active .pc-img img{transform:scale(.98);transition-duration:.12s}
}
.hs-tip{translate:0 6px;transition:opacity .18s,translate .2s var(--m-ease),visibility .18s}
.hs-tip.below{translate:0 -6px}
.hs-tip.show{translate:0 0}
.hs{transition:background-color .2s,color .2s,transform .2s var(--m-ease),box-shadow .2s}
.hs.on::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--y,#F4C51C);border-color:var(--Gl,var(--y,#F4C51C));opacity:0;animation:hsPing .24s ease-out 1;pointer-events:none}
@keyframes hsPing{from{transform:scale(.8);opacity:.8}to{transform:scale(1.35);opacity:0}}
.parts li b{transition:background-color .2s,box-shadow .2s,color .2s,transform .2s var(--m-ease)}
.parts li.on b{transform:scale(1.08)}
.faq details{interpolate-size:allow-keywords}
.faq details::details-content{block-size:0;overflow:hidden;transition:block-size .22s var(--m-ease),content-visibility .22s allow-discrete}
.faq details[open]::details-content{block-size:auto}
.faq details[open]>div{animation:rise .2s var(--m-ease) both}
.faq summary .i{transition:transform .2s var(--m-ease),background .2s,color .2s}
.drawer summary .i{transition:transform .2s var(--m-ease)}
.drawer{transition:transform .24s var(--m-ease),visibility .24s}
.drawer.dragging{transition:none}
.drawer-scrim{position:fixed;inset:0;z-index:79;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.drawer-scrim.on{opacity:1;visibility:visible}
.toast{left:auto;right:calc(clamp(14px,2vw,28px) + 58px);bottom:clamp(14px,2vw,28px);max-width:min(380px,calc(100vw - 96px));border-radius:var(--r-md,14px);transform:translateY(10px);transition:opacity .2s,transform .22s var(--m-ease),visibility .2s}
.toast.show{transform:none}
body.has-sticky .toast{bottom:84px}
body:has(.compare-bar:not([hidden])) .toast{bottom:92px}
@media (max-width:760px){.toast{left:12px;right:70px;max-width:none}body.has-sticky:has(.compare-bar:not([hidden])) .toast{bottom:142px}}
@media (prefers-reduced-motion:reduce){
 .btn:active,.add:active,.cmp:active,.rail-btn:active,.icon-btn:active,.fab-contact a:active,.to-top.on:active{transform:none}
 .faq details[open]>div{animation:none}
 .hs.on::after{animation:none;display:none}
 .parts li.on b,.pc:active .pc-img img{transform:none}
 .faq details::details-content{transition:none}
 .toast,.toast.show{transform:none}
}

.cp{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;padding:0;border:1px solid rgba(61,179,158,.55);border-radius:999px;background:var(--G);color:var(--Y);font:600 13px/1 var(--f);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s,background-color .2s,border-color .2s,transform var(--m-fast,.14s) var(--m-ease,ease)}
.cp svg{display:block;flex:none;width:15px;height:15px}
.cp .cp-ok{display:none}
.cp.done .cp-cp{display:none}
.cp.done .cp-ok{display:block;animation:cpIn .18s var(--m-ease,ease) both}
.cp.done{background:var(--Y);border-color:var(--Y);color:#0E1211}
.cp:active{transform:scale(.94)}
.cp:focus-visible{outline:2px solid var(--Y);outline-offset:2px}
@media (hover:hover){.cp:hover{background:var(--Y);border-color:var(--Y);color:#0E1211}}
@keyframes cpIn{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
.cp-row{position:relative;display:block}
.cp-lb{position:absolute;right:0;top:12px;height:28px;padding:0 12px 0 10px}
.cp-lb::after{content:"";position:absolute;inset:-8px -6px 0}
.cp-in{position:relative;width:1.45em;height:1.45em;margin:-.225em 0 -.225em .4em;vertical-align:middle;border-radius:6px}
.cp-in svg{width:1em;height:1em}
.cp-in::after{content:"";position:absolute;inset:0 -6px}

[data-inquiry] .field,[data-inquiry] .consent{position:relative}
.f-err{position:absolute;left:0;right:0;top:100%;margin-top:1px;font-size:12.5px;line-height:14px;font-weight:600;color:var(--Y);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.f-err:empty{display:none}
.f-err::before{content:"!";display:inline-grid;place-items:center;width:13px;height:13px;margin-right:5px;border-radius:50%;background:var(--Y);color:#0E1211;font-size:10px;font-weight:800;line-height:1;vertical-align:0}
.consent .f-err{left:26px}
.hint.is-err{color:var(--Y)}
[data-inquiry] .field [aria-invalid="true"]{box-shadow:inset 0 0 0 2px var(--Y)}
[data-inquiry] .consent input[aria-invalid="true"]{outline:2px solid var(--Y);outline-offset:2px}
[data-inquiry] .btn.is-busy{opacity:.78;cursor:progress}
[data-inquiry] .btn.is-busy::after{content:"";width:14px;height:14px;margin-left:10px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:cpSpin .8s linear infinite}
@keyframes cpSpin{to{transform:rotate(360deg)}}

.sn-in nav{position:relative}
.sn-in nav a{position:relative;z-index:1;transition:color .2s var(--m-ease,ease) .12s}
.sn-in nav>.seg-thumb{z-index:0;background:var(--Y);box-shadow:none;border-radius:6px;transition:transform .32s var(--m-ease,ease),width .32s var(--m-ease,ease),opacity .2s}
.sn-in nav>.seg-thumb.no-anim{transition:none}
.sn-in nav a.on,.sn-in nav a.on:hover{background:none;box-shadow:none;color:#0E1211}
html:has(.subnav){scroll-padding-top:var(--hd)}
.subnav~section[id]{scroll-margin-top:calc(var(--sn-h,64px) + 8px)}
.subnav~section[tabindex="-1"]:focus{outline:none}

.hd-in::before,.hd.is-over .hd-in::before,.tb-in::before,.sn-in::before{background:rgb(3,22,16)}
.sn-in::before{top:-6px;bottom:-6px}
.hd.is-scrolled .hd-in::before{background:rgb(12,17,16)}
.mega,.drop,.language-menu ul,.search-box,.drawer,.sheet,.modal,.toast,.compare-bar,.hs-tip,.map-tip,.p-sticky{background:#141B19}
.to-top{background:#1B2523}
.to-top:hover{background:#1F4A41}
.search{background:rgba(10,11,12,.72)}
dialog::backdrop{background:rgba(10,11,12,.7)}
@media (min-width:761px){.hx-glass,.b-dealer .dx-in{background:rgba(12,20,18,.82)}}
.hx--b2b .rail-btn{background:rgba(12,20,18,.72)}
.b-catnav a{background:rgba(2,22,17,.82)}
.b-hero2-tool figcaption a{background:rgba(2,22,17,.88)}

@media (min-width:761px){.compare-bar{left:0;right:0;width:-moz-fit-content;width:fit-content;margin:0 auto;transform:none}}

@media (prefers-reduced-motion:reduce){
 .cp:active{transform:none}
 .cp.done .cp-ok{animation:none}
 .sn-in nav a{transition-delay:0s}
 [data-inquiry] .btn.is-busy::after{animation:none;border-right-color:currentColor;opacity:.6}
}

.cw{position:relative;isolation:isolate;container:cw/inline-size;overflow:hidden;margin:0;padding:0;border-radius:18px;color:#14201D;text-align:left;box-shadow:0 0 0 1px rgba(14,40,32,.08)}
.cw-sec{margin:28px 0}
.oem-cw{margin:0 0 32px}
.oem-x.oem-x1{grid-template-columns:1fr}
.cw-in{padding:16px 0 14px}
.cw-tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#F6F8F5,#EDF1EC)}
.cw-tint i{display:none}
.cw-tint i{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--t) 0%,var(--t) 40%,var(--l) 100%);transition:opacity .42s cubic-bezier(.42,0,.58,1)}
.cw-tint i.in,.cw-ph img.in{opacity:0}
.cw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.cw-hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:0 16px 10px}
.cw .cw-t{margin:0;padding:0;font-size:22px;line-height:1.15;font-weight:700;letter-spacing:-.01em;color:#14201D;border:0}
.cw .cw-t::before,.cw .cw-t::after{content:none}
.cw .cw-eb{margin:0;font-size:11px;line-height:1;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#0F5A4F}
.cw-stage{position:relative;overflow:hidden;border-radius:12px;margin:0 12px}
.cw-stage::before{content:"";display:block;padding-top:57.3333%}
.cw-plane{position:absolute;top:-8.1395%;left:-33.3333%;width:166.6667%;height:116.2791%}
.cw-ph{position:absolute;top:0;right:0;bottom:0;left:0}
.cw .cw-ph img{position:absolute;left:20%;top:7%;display:block;width:60%;height:86%;max-width:none;margin:0;border-radius:0;transition:opacity .42s cubic-bezier(.42,0,.58,1);-webkit-user-drag:none;user-select:none}
.cw-hud{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.cw-hud path{fill:none;stroke:#0F5A4F;stroke-opacity:.45;stroke-width:1px;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .3s ease .1s}
.cw-pt,.cw-lab,.cw-br{position:absolute;z-index:2;pointer-events:none}
.cw-pt{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 0 0 1.5px #0F5A4F;opacity:0;transform:scale(.4);transition:opacity .2s ease calc(var(--i)*90ms),transform .3s cubic-bezier(.2,1.4,.4,1) calc(var(--i)*90ms)}
.cw-lab{transform:translate(var(--tx),var(--ty));white-space:nowrap;font-size:10.5px;line-height:1.15;font-weight:500;letter-spacing:.03em;color:#0F5A4F;padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.82);box-shadow:0 0 0 1px rgba(14,40,32,.1);opacity:0;transition:opacity .26s ease calc(var(--i)*90ms + 200ms)}
.cw.on .cw-pt,.cw.on .cw-lab,.cw.on .cw-hud path{opacity:1}
.cw.on .cw-pt{transform:none}
.cw-br{width:14px;height:14px;border:0 solid rgba(15,90,79,.32)}
.cw-br.tl{left:22%;top:10%;border-top-width:1px;border-left-width:1px}
.cw-br.tr{left:78%;top:10%;border-top-width:1px;border-right-width:1px;transform:translateX(-100%)}
.cw-br.bl{left:22%;top:89%;border-bottom-width:1px;border-left-width:1px;transform:translateY(-100%)}
.cw-br.bk{left:78%;top:89%;border-bottom-width:1px;border-right-width:1px;transform:translate(-100%,-100%)}
.cw .cw-chip{position:absolute;z-index:3;top:8px;left:10px;margin:0;white-space:nowrap;font-size:10.5px;line-height:1;font-weight:600;color:#0F5A4F;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 0 0 1px rgba(14,40,32,.1)}
.cw-chip::before{content:"";display:inline-block;width:5px;height:5px;margin:0 6px 1px 0;border-radius:50%;background:#1B7B6D;vertical-align:middle}
.cw-nb{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:8px 16px 0}
.cw-dots{display:flex;gap:4px;flex:none}
.cw-dots i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(14,40,32,.22)}
.cw-dots.fan i:last-child{display:none}
.cw-nm{display:grid;min-width:0}
.cw-nm>span{grid-area:1/1;font-size:19px;line-height:1.15;font-weight:700;color:#14201D;text-align:center;overflow-wrap:anywhere}
.cw-nm>.in{animation:cwIn .3s cubic-bezier(.2,.8,.2,1) both}
.cw-nm>.out{animation:cwOut .16s ease-in both}
@keyframes cwIn{from{opacity:0;transform:translateY(6px)}}
@keyframes cwOut{to{opacity:0;transform:translateY(-6px)}}
.cw-cnt{flex:none;min-width:86px;text-align:center;font-size:12px;line-height:1;color:#0F5A4F;font-variant-numeric:tabular-nums;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(14,40,32,.1)}
.cw-cnt:empty{visibility:hidden}
.cw-side{position:relative}
.cw-deck{--W:200px;--H:calc(var(--W)*1.25);--pk:.34;--nv:2;position:relative;height:calc(var(--H) + 34px);margin-top:6px;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none;cursor:grab}
@supports (width:1cqi){.cw-deck{--W:clamp(180px,54cqi,214px)}}
.cw-deck.grab{cursor:grabbing}
.cw-deck:focus-visible{outline:2px solid #0F5A4F;outline-offset:-2px;border-radius:12px}
.cw-card{position:absolute;left:50%;top:14px;width:var(--W);height:var(--H);margin-left:calc(var(--W)/-2);transform-origin:50% 60%;backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:0}
.cw-card:nth-of-type(1){opacity:1;z-index:30}
.cw-card:nth-of-type(1){transform:translateX(calc(var(--W)*-.36))}
.cw-card:nth-of-type(2){opacity:1;z-index:29;transform:rotate(2.2deg) scale(.94);--sx:30%}
.cw-card:nth-of-type(3){opacity:1;z-index:28;transform:translateX(calc(var(--W)*.36)) rotate(4.4deg) scale(.88);--sx:30%}
.cw-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:16px;overflow:hidden;cursor:inherit;font:inherit;color:inherit;text-align:left;
 background:linear-gradient(180deg,#fff 0%,#F4F5F2 55%,#E9EBE7 100%);
 background:linear-gradient(180deg,#fff 0%,color-mix(in oklab,var(--b,#E9EBE7) 5%,#F4F5F2) 55%,color-mix(in oklab,var(--b,#E9EBE7) 12%,#E9EBE7) 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 1px rgba(14,40,32,.1),0 1px 2px rgba(14,30,26,.1),0 18px 34px -18px rgba(14,30,26,.4);-webkit-tap-highlight-color:transparent;outline:none}
.cw-face::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 55% at 50% 38%,color-mix(in oklab,var(--b,#1B7B6D) 18%,transparent),transparent 70%)}
.cw-idx{position:absolute;top:11px;left:12px;font-size:11px;line-height:1;font-weight:600;letter-spacing:.06em;color:#0F5A4F;opacity:.75;font-variant-numeric:tabular-nums}
.cw-vt{position:absolute;top:8px;right:9px;font-size:10px;line-height:1;padding:3px 6px 4px;border-radius:999px;color:#0F5A4F;background:rgba(255,255,255,.78);box-shadow:0 0 0 1px rgba(14,40,32,.08)}
.cw-cs{position:absolute;left:52%;bottom:21.4%;width:50%;height:4.5%;transform:translateX(calc(-50% + var(--sx,0%)));border-radius:50%;background:radial-gradient(closest-side,rgba(12,24,20,.4),rgba(12,24,20,0))}
.cw .cw-pr{position:absolute;left:50%;bottom:22%;height:70%;width:auto;max-width:none;margin:0;border-radius:0;transform:translateX(calc(-50% + var(--sx,0%)));pointer-events:none;user-select:none;-webkit-user-drag:none}
.cw-ft{position:absolute;left:0;right:0;bottom:0;height:20%;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;color:var(--fi);background:linear-gradient(180deg,var(--f1),var(--f2,var(--b)) 45%,var(--f3));box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.cw-sw{flex:none;width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,var(--b) 0 50%,var(--a) 50% 100%);box-shadow:0 0 0 1.5px rgba(255,255,255,.92),0 1px 3px rgba(0,0,0,.28)}
.cw-fn{min-width:0;font-size:14px;line-height:1.1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cw-more .cw-face{background:linear-gradient(180deg,#fff,#F2F4F1)}
.cw-more .cw-face::before{content:none}
.cw-fan{position:absolute;left:50%;top:6%;width:0;height:17%}
.cw-fan i{position:absolute;left:0;bottom:0;width:calc(var(--W)*.12);height:100%;margin-left:calc(var(--W)*-.06);border-radius:7px;background:var(--c);transform-origin:50% 100%;transform:rotate(calc(var(--k)*30deg));box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 1px rgba(14,40,32,.1),0 4px 10px -6px rgba(14,30,26,.5)}
.cw-fan .cw-plus{display:flex;justify-content:center;padding-top:7px;background:#fff;box-shadow:inset 0 0 0 1.5px #0F5A4F;color:#0F5A4F;font-style:normal;font-weight:700;font-size:16px;line-height:1}
.cw-mx{position:absolute;left:12px;right:12px;top:26%;bottom:calc(20% + 6px);display:flex;flex-direction:column;gap:4px;overflow:hidden}
.cw-mt{font-size:15px;line-height:1.15;font-weight:700;color:#14201D}
.cw-mb{font-size:10px;line-height:1.28;color:#0F5A4F}
@container cw (max-width:639px){.cw-more .cw-fan{display:none}.cw-mx{top:13%}}
.cw-ms{margin-top:auto;font-size:9.5px;line-height:1.2;color:#0F5A4F;opacity:.8}
.cw a.cw-cta{gap:6px;font-size:14px;font-weight:700;color:#14201D;text-decoration:none;background:linear-gradient(180deg,#FAD43F,#F8CB1D 45%,#EDBE0E)}
.cw-cta svg{width:16px;height:16px;flex:none}
.cw a.cw-cta:focus-visible{outline:2px solid #14201D;outline-offset:-4px}
.cw-more:not(.on) .cw-cta{pointer-events:none}
.cw-ctl{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:2px}
.cw .cw-nav{width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.8);box-shadow:0 0 0 1px rgba(14,40,32,.1),0 6px 14px -10px rgba(14,30,26,.5);color:#0F5A4F;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .14s ease}
.cw .cw-nav:active{transform:scale(.92)}
.cw .cw-nav:focus-visible{outline:2px solid #0F5A4F;outline-offset:3px}
.cw .cw-nav[aria-disabled=true]{opacity:.4;cursor:default}
.cw-nav svg{width:18px;height:18px}
.cw .cw-snd{width:32px;height:32px;margin:0 0 0 -4px;padding:0;border:0;border-radius:50%;background:none;color:#0F5A4F;opacity:.7;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cw .cw-snd:focus-visible{outline:2px solid #0F5A4F;outline-offset:2px}
.cw-snd svg{width:18px;height:18px}
.cw-snd .cw-off,.cw-snd[aria-pressed=false] .cw-on{display:none}
.cw-snd[aria-pressed=false] .cw-off{display:inline}
.cw .cw-snd[aria-pressed=false]{opacity:.45}
.cw-pips{display:flex;align-items:center;gap:7px}
.cw-pips i{width:6px;height:6px;border-radius:3px;background:rgba(15,90,79,.25);transition:transform .25s cubic-bezier(.4,0,.2,1)}
.cw-pips i.on{background:#0F5A4F;transform:scaleX(2.2)}
.cw-pips .cw-pp{width:auto;height:auto;background:none;font-style:normal;font-size:11px;line-height:6px;font-weight:700;color:rgba(15,90,79,.45)}
.cw-pips .cw-pp.on{background:none;color:#0F5A4F;transform:none}
.cw .cw-hint{margin:8px 16px 0;text-align:center;font-size:12px;line-height:1.3;color:#0F5A4F}
@container cw (min-width:640px){
 .cw-in{padding:20px 0 16px}
 .cw-hd{padding:0 20px 12px}
 .cw .cw-t{font-size:24px}
 .cw-stage{margin:0 16px;border-radius:14px}
 .cw .cw-chip{top:12px;left:14px;font-size:11px}
 .cw-lab{font-size:11px;padding:5px 7px}
 .cw-deck{--W:clamp(220px,34cqi,260px);--pk:.34;--nv:3}
}
@container cw (min-width:960px){
 .cw-deck{--W:clamp(240px,20cqi,280px);--pk:.36;--nv:3}
 .cw-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"hd hd" "main side";align-items:center;padding:22px 0 20px}
 .cw-hd{grid-area:hd}
 .cw-main{grid-area:main;min-width:0}
 .cw-side{grid-area:side;padding-right:16px}
}
@media (prefers-reduced-motion:reduce){
 .cw .cw-ph img,.cw-tint i{transition-duration:.12s}
 .cw-nm>span{animation:none!important}
 .cw-pt,.cw-lab,.cw-hud path,.cw-pips i,.cw .cw-nav{transition:none!important}
}

.cw.cw-fail .cw-side,.cw.cw-fail .cw-nb,.cw.cw-fail .cw-chip{display:none!important}
.cw .cw-fbw{margin:12px 16px 16px}
.cw a.cw-fb{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:700;color:#14201D;text-decoration:none;background:#F8CB1D}
.cw a.cw-fb:focus-visible{outline:2px solid #14201D;outline-offset:2px}