:root{--ink:#17213d;--muted:#657086;--blue:#2948a5;--paper:#f4f5f7;--line:#dde1e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:white;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}.draft{text-align:center;background:var(--ink);color:#fff;font-size:10px;letter-spacing:1.7px;padding:8px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:bold;letter-spacing:3px}.brand img{width:51px;height:48px;object-fit:contain}.brand small{display:block;font-size:8px;letter-spacing:2px}nav{display:flex;gap:28px;font-size:13px}nav a:hover,.text-link:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--paper)}.hero-copy{padding:85px 0 70px 10%}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:bold;color:var(--blue);margin:0 0 22px}h1{font-size:clamp(42px,4.4vw,76px);line-height:1.05;letter-spacing:-3px;margin:0 0 30px}h1 em{font-style:normal;color:#7b8598}p{color:var(--muted)}.hero-copy>p:not(.eyebrow){max-width:440px}.button{border:0;background:var(--ink);color:#fff;display:inline-block;padding:17px 24px;font-size:13px;margin-top:22px}.button span{margin-left:40px}.text-link{display:inline-block;font-size:13px;margin:25px 20px}.hero-image{position:relative;display:flex;align-items:center;background:white;padding:25px}.hero-image img{width:100%;object-fit:contain}.hero-image>span{position:absolute;bottom:25px;left:35px;font-size:10px;letter-spacing:2px}.section{padding:90px 6%;scroll-margin-top:20px}h2{font-size:clamp(32px,3.2vw,50px);line-height:1.12;letter-spacing:-1.7px;margin:0 0 25px;font-weight:500}h3{font-size:25px;line-height:1.25;font-weight:500}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head>p{font-size:14px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:32px 0}.filters button{border:1px solid var(--line);background:white;padding:8px 17px;border-radius:24px;font-size:12px}.filters button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.filters label{margin-left:auto;font-size:12px}.filters input{padding:9px;border:0;border-bottom:1px solid var(--line);width:160px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{border:0;background:white;text-align:left;color:var(--ink);padding:0;border-bottom:1px solid var(--line);padding-bottom:22px}.card-image{height:270px;background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden}.card img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.card:hover img{transform:scale(1.04)}.card h3{margin:18px 0 7px;display:flex;justify-content:space-between}.card p{font-size:13px;margin:4px 0}.card .category{font-size:10px;letter-spacing:2px;margin-top:16px}.placeholder{text-align:center;font-size:13px;color:var(--muted);padding:30px}.gop{background:var(--paper)}.intro{max-width:620px}.layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}figure{margin:0}figure img{width:100%;height:300px;object-fit:contain;background:#fff}figcaption{font-size:12px;margin-top:14px}.battery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;margin-top:70px;align-items:center}.battery figure img{height:220px;object-fit:cover}.note{font-size:12px;line-height:1.6}.factory-wide{width:100%;height:480px;object-fit:cover}.factory-bottom{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:40px;margin-top:30px;align-items:start}.factory-bottom img{height:230px;width:100%;object-fit:cover}.packaging{background:var(--paper)}.pack-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:30px}.pack-grid img{object-fit:cover;height:300px}.quality{background:#17213d;color:#fff}.quality .eyebrow{color:#a7baff}.quality p{color:#c3cadb}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:45px}.quality article{border-top:1px solid #58617a;padding-top:25px}.tag{font-size:10px;letter-spacing:2px}.quality dl{font-size:13px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.quality dd{margin:0}.quality a{border-bottom:1px solid #a7baff;font-size:13px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact h2{font-size:58px}.contact-info{border-left:1px solid var(--line);padding-left:50px}.contact strong{font-size:23px}footer{border-top:1px solid var(--line);padding:30px 6%;display:flex;justify-content:space-between;gap:20px;font-size:11px}footer span{letter-spacing:3px;font-weight:bold}dialog{border:0;width:min(850px,94vw);max-height:90vh;padding:40px;color:var(--ink)}dialog::backdrop{background:#10172cb3}#close{position:absolute;right:15px;top:8px;border:0;background:none;font-size:32px}dialog img{max-height:290px;margin:auto}dialog table{width:100%;border-collapse:collapse;font-size:14px}dialog td{padding:12px;border-bottom:1px solid var(--line)}dialog td:first-child{width:40%;color:var(--muted)}:focus-visible{outline:3px solid #7393ee;outline-offset:4px}@media(max-width:800px){header{padding:14px 5%;align-items:start}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;max-width:220px;font-size:11px}.brand{font-size:18px}.brand img{width:35px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 6% 30px}.hero-image{height:390px}.section{padding:55px 6%}.section-head{display:block}.cards{grid-template-columns:repeat(2,1fr);gap:18px}.card-image{height:200px}.layouts,.battery,.factory-bottom,.pack-grid{grid-template-columns:1fr}.layouts img{height:270px}.battery{margin-top:40px}.factory-wide{height:300px}.quality-grid,.contact{grid-template-columns:1fr;gap:35px}.contact-info{border-left:0;padding-left:0}.contact h2{font-size:43px}footer{flex-direction:column}.filters label{margin-left:0}}@media(max-width:460px){.cards{grid-template-columns:1fr}.card-image{height:280px}h1{letter-spacing:-2px}dialog{padding:35px 20px}}

.capability-strip{display:flex;justify-content:space-around;gap:20px;padding:22px 6%;background:#17213d;color:white;font-size:11px;letter-spacing:1.8px}.card-image{background:#fff;aspect-ratio:1.2;height:auto;border:1px solid #edf0f4}.card-image img{height:100%;width:100%;object-fit:contain}.supply-tag{display:inline-block;font-size:9px;letter-spacing:1px;color:#2948a5;background:#eef2fc;padding:5px 9px;margin-top:12px}.oem{background:#eaf0f7}.oem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.oem-grid article{border-top:1px solid #a4b0c4;padding-top:25px}.oem-grid article>span{font-size:11px;letter-spacing:2px;color:#2948a5}.process{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #c7cfdb;padding-top:30px;margin-top:45px;font-size:12px}.video-section{background:#f5f6f8}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.video-grid video{width:100%;aspect-ratio:16/9;background:#17213d;object-fit:contain}.video-grid h3{font-size:20px;margin:14px 0 4px}.video-grid p{font-size:13px;margin:0}nav{gap:19px}@media(max-width:800px){.capability-strip{flex-wrap:wrap;font-size:9px}.oem-grid,.video-grid{grid-template-columns:1fr}.process{flex-wrap:wrap}.card-image{height:auto}.hero-image img{max-height:100%}}

.featured{background:#edf1f5}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.featured-card{border:0;background:white;text-align:left;padding:24px;cursor:pointer;color:inherit;font:inherit}.featured-card img{width:100%;aspect-ratio:1;object-fit:contain}.featured-card h3{margin:12px 0}.featured-card p{min-height:3em}.featured-card:focus-visible{outline:3px solid #446da4}@media(max-width:700px){.featured-grid{grid-template-columns:1fr}}

.product-videos{margin:32px 0}.product-videos .video-grid{gap:20px}.product-videos video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#15233b}.product-videos h3{font-size:20px}.product-videos article p{font-size:14px}

.language-toggle{flex-shrink:0;border:1px solid #b8c1cd;background:white;color:#15233b;padding:9px 12px;cursor:pointer;border-radius:3px}header{gap:16px}header nav{gap:16px;flex-wrap:wrap}.swapping{background:#eef3f2}.swap-hero,.swap-details{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.swap-hero img{width:100%;aspect-ratio:4/3;object-fit:cover}.swap-details{margin-top:48px;grid-template-columns:1fr 1.2fr}.swap-details img{width:100%;height:420px;object-fit:contain;background:white}.swap-details .process{flex-wrap:wrap}.swapping h3{font-size:30px}@media(max-width:700px){.swap-hero,.swap-details{grid-template-columns:1fr}.swap-details img{height:330px}.language-toggle{align-self:flex-start}header{flex-wrap:wrap}header nav{order:3;width:100%}}

.swap-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.swap-gallery figure{margin:0}.swap-gallery img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff}.swap-gallery figcaption{padding-top:12px;font-size:14px}@media(max-width:700px){.swap-gallery{grid-template-columns:1fr}}

.factory-story{max-width:760px;margin:0 0 32px}.factory-story h3{font-size:28px;margin-bottom:12px}.factory-story p{color:var(--muted)}.factory-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.factory-gallery figure{margin:0;background:var(--paper)}.factory-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.factory-gallery figure:nth-child(3) img{object-position:center 72%}.factory-gallery figure:nth-child(4) img{object-position:center 65%}.factory-gallery figcaption{padding:16px;font-size:15px}.factory-gallery figcaption span{color:var(--blue);margin-right:12px;font-size:12px}@media(max-width:850px){.factory-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.factory-gallery{grid-template-columns:1fr;gap:18px}}

.factory-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:32px 0 20px}.factory-films video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:contain}.factory-films h3{margin:16px 0 4px}.factory-films p{color:var(--muted);margin:0}.factory-detail-link{display:inline-block;margin:0 0 32px}.factory-full-film{width:100%;aspect-ratio:16/9;background:#111;margin:24px 0}.factory-page{max-width:1200px;margin:auto}@media(max-width:650px){.factory-films{grid-template-columns:1fr}}

.rd-showcase{margin:48px 0;padding-top:36px;border-top:1px solid var(--line)}.rd-copy{max-width:780px}.rd-copy h3{font-size:30px;margin:12px 0}.rd-copy p{color:var(--muted)}.rd-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.rd-gallery figure{margin:0}.rd-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover}.rd-gallery figcaption{padding:12px 0;color:var(--muted)}@media(max-width:650px){.rd-gallery{grid-template-columns:1fr}}

.product-photo-details{margin:32px 0}.product-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-photo-grid figure{margin:0;min-width:0}.product-photo-grid img{width:100%;height:250px;object-fit:contain;background:#f4f5f7}.product-photo-grid figcaption{padding:10px 0;color:var(--muted);font-size:14px}@media(max-width:600px){.product-photo-grid{grid-template-columns:1fr}}