@import url('/mobile-heroes.css?v=20260924-portrait-v6-final');
/* Homepage concept only; no shared header or product-centre selectors. */
.home-intro{position:relative;isolation:isolate;background:#151918;color:#fff;overflow:hidden;min-height:570px;height:max(570px,41.66vw)}
.home-intro-visual{position:absolute;inset:0;z-index:-2}
.home-intro-visual img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.home-intro::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111715a6,transparent 65%);z-index:-1;pointer-events:none}
.home-intro-inner{height:100%;display:flex;align-items:center}
.home-intro-copy{width:48%;max-width:570px;padding:48px 0}
.home-intro-kicker{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:1.5px;font-weight:750;color:#f35347;margin-bottom:28px}
.home-intro-kicker span{color:#bac3be;letter-spacing:1px}
.site-redesign .home-intro h1{font-size:clamp(46px,4.2vw,78px);line-height:1.08;letter-spacing:-2px;margin:0 0 24px;color:#fff;font-weight:850}
.site-redesign .home-intro-zh h1{font-size:clamp(38px,3.3vw,62px);letter-spacing:-1px}
.home-intro h1 span{display:block;color:#c3ccc7;margin-top:5px}
.home-intro-copy>p{max-width:460px;color:#b3beb8;font-size:16px;line-height:1.65;margin:0 0 32px}
.home-intro-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.home-intro-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;font-weight:750;min-height:48px;text-decoration:none}
.home-intro-primary{padding:0 22px;background:#df2c20;color:white}
.home-intro-primary:hover{background:#be2218;color:white}
.home-intro-secondary{color:#e3e9e5;border-bottom:1px solid #718077}
.home-intro-secondary:hover{color:white;border-color:white}
.home-intro-actions a:focus-visible,.home-intro-paths a:focus-visible{outline:3px solid #e83729;outline-offset:4px}
.home-intro-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:26px;gap:32px}
.home-intro-paths a{display:flex;align-items:center;gap:16px;text-decoration:none;color:#1e2821;padding:8px 0}
.home-intro-paths a+a{border-inline-start:1px solid #d9dfd9;padding-inline-start:28px}
.home-intro-paths small{font:11px monospace;color:#bd3428}
.home-intro-paths strong{display:block;font-size:15px;margin-bottom:5px}
.home-intro-paths span{display:block;font-size:12px;color:#7a867d;line-height:1.5}
.home-intro-paths b{margin-inline-start:auto;color:#bc3327;font-size:20px}
@media(max-width:1100px) and (min-width:761px){.home-intro-copy{width:46%}.home-intro-kicker{flex-wrap:wrap}.home-intro-copy>p{font-size:15px}.home-intro-actions{gap:16px}.site-redesign .home-intro h1{font-size:46px}.site-redesign .home-intro-zh h1{font-size:36px}}
@media(max-width:760px){
 .home-intro{height:auto;min-height:0;display:flex;flex-direction:column}
 .home-intro-inner{order:0;width:calc(100% - 40px)}
 .home-intro-copy{width:100%;max-width:none;padding:32px 0 24px}
 .home-intro-kicker{font-size:9px;letter-spacing:1px;margin-bottom:20px;flex-wrap:wrap;gap:5px}
 .site-redesign .home-intro h1{font-size:clamp(44px,11vw,64px);letter-spacing:-1.2px;margin-bottom:18px}
 .site-redesign .home-intro-zh h1{font-size:clamp(32px,8.4vw,48px);letter-spacing:-.6px}
 .home-intro-copy>p{font-size:13px;line-height:1.8;margin-bottom:22px}
 .home-intro-actions{gap:18px}.home-intro-actions a{font-size:12px;min-height:44px;gap:12px}.home-intro-primary{padding:0 16px}
 .home-intro-visual{position:relative;order:1;inset:auto;z-index:0;display:block;width:100%;margin-top:0}
 .home-intro-visual img{display:block;width:100%;height:clamp(260px,74vw,420px);object-fit:cover;object-position:88% center}
 .home-intro-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(#151918,transparent 22%);pointer-events:none}
 .home-intro::after{display:none}
 .home-intro-paths{grid-template-columns:1fr;padding-block:14px;gap:0}
 .home-intro-paths a,.home-intro-paths a+a{border:0;border-bottom:1px solid #dce2dc;padding:14px 0}
}
.site-redesign[data-page="home"] .manufacturing-scene-battery img[src*="battery-platform-ai-"]{display:block;width:100%;height:100%;max-width:none;padding:0;object-fit:cover;object-position:center;background:#292d29}
