:root{--font:Arial,Helvetica,sans-serif;--bg:#fbfbfc;--surface:#fff;--surface2:#f3f3f5;--text:#151518;--muted:#686872;--border:#e1e1e6;--border-strong:#c6c6cf;--accent:#e32621;--accent-faint:rgba(227,38,33,.10);--accent-shadow:rgba(227,38,33,.24);--header-bg:rgba(255,255,255,.93);--footer:#161619;--footer-text:#fff;--footer-muted:#b8b8c0;--footer-border:#333339;--badge-bg:rgba(255,255,255,.92);--badge-text:#17171a;--badge-border:rgba(255,255,255,.72)}.hero{background:radial-gradient(circle at 15% 15%,rgba(13,164,144,.12),transparent 30%),linear-gradient(180deg,#f6fbff,#edf7fd)}.hero-grid{grid-template-columns:1fr;gap:30px;min-height:auto;padding:72px 0 78px}.hero-copy{max-width:900px}.hero h1{max-width:930px;font-size:clamp(50px,7vw,86px)}.hero h1 em{font-style:normal;color:#e32621}.hero-media{width:100%;min-height:470px;border-radius:54px 14px 54px 14px}.hero-badge{left:18px;right:auto}.trust-strip{margin-top:-30px;border-radius:12px}.services-grid{grid-template-columns:repeat(3,1fr)}.service-card{border-radius:12px}.service-card .media-frame{aspect-ratio:16/10}.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 1}.service-card:last-child{grid-column:2/3}.tech-band{background:#17171a;color:#fff}.tech-band .section-lead,.tech-band .feature span{color:#c4c4ca}.tech-band .media-frame{border-radius:48px 12px 48px 12px;border-color:#3a3a40}.process-card{border-radius:10px;border-left:4px solid var(--accent)}.brand-copy,.brand-visual,.contact-card,.related a{border-radius:12px}.contact-band{border-radius:12px;background:linear-gradient(135deg,#e32621,#b91f1b)}.page-hero{background:linear-gradient(120deg,#f3f3f5,#f8f8f9)}@media(max-width:820px){.hero-grid{padding:48px 0 70px}.hero-media{min-height:390px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card:last-child{grid-column:auto}.trust-strip{margin-top:-24px}}@media(max-width:560px){.hero-media{min-height:290px;border-radius:26px 8px 26px 8px}.services-grid{grid-template-columns:1fr 1fr}.service-card .media-frame{aspect-ratio:1.05/1}}
/* Brand revision polish — V2 Precision Battery Lab */
.brand-showcase{background:linear-gradient(135deg,#fafafa 0%,#ffffff 55%,#f3f3f5 100%)}.brand-showcase:before{background:rgba(10,161,136,.12)}.brand-products{gap:18px}.brand-product-card{border-radius:14px;border-top:4px solid #e32621}.brand-product-media{border-radius:9px}.brand-logo-block{border-radius:14px;background:linear-gradient(120deg,#fff,#fafafa)}.brand-logo-tile{border-radius:9px}.hero-media{box-shadow:0 28px 70px rgba(8,120,200,.18)}.service-card:hover{box-shadow:0 24px 56px rgba(8,120,200,.16)}

/* 2026-09-11 V2 selected revision — V1 palette, slider, services, responsive polish */
.hero{background:linear-gradient(180deg,#fbfbfc,#f3f3f5)}
.hero-slider{position:relative}
.hero-slide{display:none;animation:v2SlideIn .65s ease both}
.hero-slide.active{display:block}
.hero-slider .hero-grid{padding-bottom:96px}
.hero-slider-controls{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);z-index:8;display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid var(--border);box-shadow:0 12px 34px rgba(0,0,0,.12);backdrop-filter:blur(12px)}
.hero-arrow{width:38px;height:38px;border:1px solid var(--border-strong);background:#fff;color:var(--text);border-radius:50%;display:grid;place-items:center;transition:.2s}
.hero-arrow:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.hero-arrow svg{width:18px;fill:currentColor}.hero-dots{display:flex;gap:7px}.hero-dot{width:9px;height:9px;border-radius:50%;border:0;background:#c9c9cf;padding:0;transition:.2s}.hero-dot.active{width:24px;border-radius:8px;background:var(--accent)}
.hero-slide .hero-media{box-shadow:0 28px 70px rgba(91,21,18,.16)}
.hero-slide .hero-copy{max-width:920px}
.hero-slide .hero-copy p{max-width:760px}
.services-grid.services-seven{grid-template-columns:repeat(3,1fr)}
.services-grid.services-seven .service-card:last-child{grid-column:auto}
.services-grid.services-seven .service-card:nth-child(7){grid-column:2/3}
.service-card.is-new{border-top:4px solid var(--accent)}
.why-grid{align-items:stretch}
.why-grid>.media-frame{min-height:0;aspect-ratio:4/3;border-radius:48px 12px 48px 12px}
.why-grid>.media-frame picture,.why-grid>.media-frame img{height:100%}
.why-grid>.media-frame img{object-position:center}
.why-grid>div:last-child{align-self:center}
.float-contact{position:fixed;right:18px;bottom:18px;z-index:1800;display:flex;align-items:center;gap:10px}
.float-contact .float-wa,.float-contact .float-call{position:static;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.28);transition:.2s transform,.2s box-shadow}
.float-contact .float-wa{background:#25D366}.float-contact .float-call{background:var(--accent)}
.float-contact a:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.32)}
.float-contact svg{width:28px;fill:currentColor}
.footer .brand img{background:#fff;border:1px solid rgba(255,255,255,.25);padding:5px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.footer .brand strong{color:#fff}
.page-hero{background:linear-gradient(120deg,#f7f7f8,#ededf0)}
.contact-band{background:linear-gradient(135deg,#e32621,#a91d19)}
@keyframes v2SlideIn{from{opacity:.15;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.services-grid.services-seven{grid-template-columns:repeat(2,1fr)}.services-grid.services-seven .service-card:nth-child(7){grid-column:auto}}
@media(max-width:820px){.hero-slider .hero-grid{padding-bottom:100px}.why-grid>.media-frame{aspect-ratio:16/10;min-height:0}.float-contact{right:14px;bottom:14px}.services-grid.services-seven{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero-slider .hero-grid{padding-bottom:94px}.hero-slider-controls{bottom:28px}.hero-slide .hero-media{min-height:280px}.services-grid.services-seven{grid-template-columns:1fr 1fr}.why-grid>.media-frame{aspect-ratio:4/3}.float-contact .float-wa,.float-contact .float-call{width:52px;height:52px}.float-contact{gap:8px}.float-contact svg{width:25px}}
@media(prefers-reduced-motion:reduce){.hero-slide{animation:none!important}.hero-arrow,.hero-dot,.float-contact a{transition:none!important}}

/* 2026-09-11 V2 Why Choose Us overflow/alignment fix */
.why-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,3.2vw,48px);align-items:center}
.why-grid>*{min-width:0}
.why-grid>.media-frame{width:100%;max-width:100%;min-width:0;min-height:0;aspect-ratio:16/11;overflow:hidden}
.why-grid>.media-frame picture{display:block;width:100%;height:100%;min-width:0}
.why-grid>.media-frame img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}
.why-grid>div:last-child{width:100%;max-width:100%;min-width:0;align-self:center;position:relative;z-index:1}
.why-grid>div:last-child .section-title,.why-grid>div:last-child .section-lead,.why-grid>div:last-child .feature-list{max-width:100%;overflow-wrap:break-word}
@media(max-width:1040px) and (min-width:821px){.why-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px}.why-grid>.media-frame{aspect-ratio:4/3}.why-grid>div:last-child .section-title{font-size:clamp(34px,4.2vw,46px)}}
@media(max-width:820px){.why-grid{grid-template-columns:1fr;gap:28px}.why-grid>.media-frame{aspect-ratio:16/10;max-height:none}.why-grid>div:last-child{width:100%}}
@media(max-width:560px){.why-grid{gap:22px}.why-grid>.media-frame{aspect-ratio:4/3;border-radius:26px 8px 26px 8px}.why-grid>div:last-child .section-title{font-size:clamp(32px,10vw,42px)}}

/* Final V2 Why Choose Us hardening: prevent intrinsic image width from pushing/cropping copy */
@media(min-width:821px){
  .why-grid{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(28px,3.2vw,48px)}
  .why-grid>.why-media{flex:0 1 46%;width:46%;max-width:540px;min-width:0}
  .why-grid>div:last-child{flex:1 1 0;width:auto;min-width:0;max-width:none;padding-left:0;overflow:visible}
}
@media(max-width:820px){
  .why-grid{display:flex;flex-direction:column;align-items:stretch;gap:28px}
  .why-grid>.why-media,.why-grid>div:last-child{flex:none;width:100%;max-width:100%;min-width:0}
}

/* Production admin-safe brand sizing: bounded so controls cannot break approved V2 layout */
.site-header .brand img{height:var(--admin-header-logo-size,60px);width:auto;max-width:150px;object-fit:contain}
.footer .brand img{height:var(--admin-footer-logo-size,58px);width:auto;max-width:170px;object-fit:contain}
@media(max-width:560px){.site-header .brand img{height:var(--admin-mobile-logo-size,46px);max-width:105px}}
[data-media-slot]{object-fit:cover}
