.conversionPage{max-width:1450px;margin:auto;padding:0 4.5% 60px}.conversionHero{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:35px;padding:25px 0 40px}.conversionHero h1{font-size:clamp(38px,4.2vw,62px);line-height:1.08;letter-spacing:-2.5px;margin:22px 0}.conversionHero p{font-size:14px;line-height:1.8;color:#686868;max-width:390px}.conversionHero .primary{margin-top:18px;border-radius:5px}.conversionHero small{display:block;font-size:9px;color:#8a8a8a;margin-top:17px;line-height:1.6}.conversionHero figure{margin:0;background:#f3f3f3;border-radius:10px;overflow:hidden}.conversionHero figure img{width:100%;height:350px;object-fit:contain;mix-blend-mode:multiply;display:block}.conversionHero figcaption{font-size:8px;color:#8a8a8a;padding:12px 20px;text-align:right}.vehicleFacts{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #dedede;padding:24px 0;gap:20px}.vehicleFacts small{display:block;font-size:8px;color:#8a8a8a;letter-spacing:1px;margin-bottom:12px}.vehicleFacts b{font-size:21px;letter-spacing:-.6px}.vehicleFacts span{display:block;font-size:10px;color:#8a8a8a;margin-top:8px}.conversionSource{font-size:10px;line-height:1.8;color:#8a8a8a;margin-top:18px}.conversionPage a:not(.primary){text-underline-offset:4px}.conversionSource a,.conversionSources a{color:#4a4a4a;text-decoration:underline}.conversionBenefits{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:60px 0}.conversionPage h2{font-size:34px;letter-spacing:-1px;line-height:1.18;margin:16px 0 22px}.benefitRows article{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #e3e3e3}.benefitRows article:first-child{padding-top:0}.benefitRows article>span{font-size:10px;color:#8a8a8a;padding-top:3px}.benefitRows h3{font-size:16px;margin:0 0 10px;font-weight:600}.benefitRows p{font-size:12px;line-height:1.8;color:#686868;margin:0}.benefitRows a{font-size:10px;color:#686868;display:inline-block;margin-top:10px;text-decoration:underline}.conversionScenarios{padding:40px;background:#fafaf7;border-radius:10px;scroll-margin-top:25px}.conversionScenarios .sectionHead>p{font-size:11px;color:#8a8a8a}.scenarioButtons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 28px}.scenarioButtons button{background:#fff;border:1px solid #dedede;border-radius:6px;padding:20px;text-align:left}.scenarioButtons button.active{border-color:#ffd600;background:#fff6b8}.scenarioButtons small{font-size:8px;letter-spacing:1px;color:#686868}.scenarioButtons strong{display:block;font-size:18px;letter-spacing:-.5px;margin:14px 0 8px}.scenarioButtons span{font-size:11px;color:#686868;line-height:1.6}.calcLayout{display:grid;grid-template-columns:1fr 1.1fr;gap:35px}.conversionInputs{display:flex;flex-direction:column;gap:15px;padding:25px;background:#fff;border:1px solid #e3e3e3;border-radius:6px}.conversionInputs h3{font-size:17px;margin:0}.conversionInputs>p{font-size:11px;line-height:1.7;color:#8a8a8a;margin:0}.conversionInputs label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#686868}.conversionInputs input{border:1px solid #dedede;border-radius:4px;padding:12px;font-size:13px;background:#fafaf7;width:100%;color:#2e2e2e}.inputPair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.conversionInputs small{font-size:9px;color:#8a8a8a;line-height:1.8}.conversionInputs details{border-top:1px solid #dedede;padding-top:15px}.conversionInputs summary{font-size:12px;cursor:pointer;margin-bottom:15px}.conversionResults{background:#2e2e2e;color:white;padding:30px;border-radius:7px;align-self:start}.resultLabel{font-size:8px;letter-spacing:1.5px;color:#b7b7b7}.rangePair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.rangePair>div>span{font-size:11px;color:#b7b7b7}.rangePair strong{display:block;font-size:45px;line-height:1.1;letter-spacing:-2px;margin:15px 0}.rangePair strong small{font-size:14px;letter-spacing:0;font-weight:400}.rangePair p{font-size:10px;color:#b7b7b7}.rangePair>div:last-child strong{color:#ffd600}.rangeBars>div{margin-bottom:17px}.rangeBars span{font-size:10px;display:block;margin-bottom:7px;color:#b7b7b7}.rangeBars i{display:block;height:8px;background:#8a8a8a;border-radius:4px}.rangeBars>div:last-child i{background:#ffd600}.energyDelta{display:flex;align-items:center;gap:20px;padding:23px 0;margin-top:20px;border-block:1px solid #ffffff25}.energyDelta strong{font-size:32px;letter-spacing:-1px;color:#ffd600}.energyDelta span{font-size:10px;color:#b7b7b7;line-height:1.7}.nominalCompare{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #ffffff25;font-size:10px}.nominalCompare>span{color:#b7b7b7}.nominalCompare b{font-size:11px;font-weight:500}.resultNote{font-size:9px;line-height:1.8;color:#b7b7b7;margin:20px 0 0}.scenarioFootnote{font-size:10px;color:#8a8a8a;line-height:1.9;margin:24px 0 0}.voltageReality{padding:55px 0}.voltageReality>p{font-size:13px;color:#686868;line-height:1.9;max-width:900px}.conversionChecklist{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.conversionChecklist span{border:1px solid #dedede;border-radius:4px;padding:15px 18px;font-size:11px}.conversionChecklist span:before{content:"✓";color:#2e2e2e;background:#ffd600;padding:0 3px;margin-right:10px}.ev2Reference{display:grid;grid-template-columns:1fr 1.1fr;background:#f3f3f3;border-radius:8px;padding:30px;gap:40px;align-items:center}.ev2Reference img{width:100%;height:240px;object-fit:contain;mix-blend-mode:multiply}.ev2Reference h2{font-size:28px}.ev2Reference p{font-size:12px;color:#686868;line-height:1.8}.ev2Reference a{font-size:11px;text-decoration:underline}.conversionNext{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px;padding:50px 0;border-bottom:1px solid #dedede}.conversionNext p{font-size:12px;line-height:1.8;color:#686868;max-width:500px}.conversionNext .primary{max-width:300px}#conversionSaved{flex-basis:100%;max-width:none}.conversionSources{padding-top:25px}.conversionSources h3{font-size:15px}.conversionSources li,.conversionSources p{font-size:10px;line-height:1.9;color:#8a8a8a}.conversionBanner{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff6b8;border-radius:6px;padding:22px;margin-top:25px}.conversionBanner strong{font-size:14px}.conversionBanner span{font-size:11px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.conversionHero h1{font-size:43px}.conversionBenefits{gap:30px}.conversionScenarios{padding:25px}.calcLayout{gap:20px}.conversionResults{padding:23px}.rangePair strong{font-size:37px}.scenarioButtons button{padding:15px}}
@media(max-width:600px){.conversionPage{padding:0 5% 35px}.conversionHero{grid-template-columns:1fr;gap:25px;padding:10px 0 30px}.conversionHero figure{order:-1}.conversionHero figure img{height:230px}.conversionHero h1{font-size:39px;letter-spacing:-1.5px}.conversionHero p{font-size:13px}.vehicleFacts{grid-template-columns:1fr 1fr;gap:25px 15px}.vehicleFacts b{font-size:18px}.vehicleFacts small{font-size:7px}.conversionBenefits{grid-template-columns:1fr;gap:20px;padding:35px 0}.conversionPage h2{font-size:28px}.conversionScenarios{padding:22px 15px;margin:0 -2%;scroll-margin-top:15px}.scenarioButtons{grid-template-columns:1fr;gap:8px}.scenarioButtons button{display:grid;grid-template-columns:1fr 1.3fr;gap:8px 15px;padding:15px}.scenarioButtons strong{font-size:16px;margin:0}.scenarioButtons small{font-size:7px;align-self:center}.scenarioButtons span{grid-column:1/-1;font-size:10px}.calcLayout{grid-template-columns:1fr;gap:18px}.conversionInputs{padding:18px}.conversionResults{padding:22px}.rangePair strong{font-size:39px}.energyDelta{gap:15px}.energyDelta strong{font-size:29px}.conversionChecklist{grid-template-columns:1fr 1fr;gap:8px}.conversionChecklist span{padding:13px 10px;font-size:9px;line-height:1.6}.conversionChecklist span:before{margin-right:6px}.voltageReality{padding:35px 0}.ev2Reference{grid-template-columns:1fr;gap:10px;padding:22px}.ev2Reference img{height:200px}.conversionNext{padding:30px 0;gap:15px}.conversionNext .primary{max-width:none;width:100%}.conversionBanner{flex-direction:column;align-items:start}.conversionBanner strong{font-size:13px}.conversionBanner span{font-size:10px}}
/* Conversion experience: brand yellow, charcoal and neutral surfaces. */
.conversionHeroNew{background:#202020;color:#fff;border-radius:28px;margin:12px 0 0;padding:48px;gap:20px;grid-template-columns:1.05fr 1fr;overflow:hidden}.conversionHeroNew .eyebrow{color:#ffd600;font-size:10px}.conversionHeroNew h1{font-size:clamp(40px,4.5vw,68px);letter-spacing:-3px;line-height:1.03;margin:25px 0}.conversionPage em{font-style:normal}.conversionHeroNew h1 em{color:#ffd600}.conversionHeroNew p{font-size:15px;color:#ccc;max-width:430px;line-height:1.75}.conversionActions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:28px 0}.conversionHeroNew .primary{margin:0;border-radius:12px;color:#202020;padding:17px 22px}.conversionActions>a:last-child{font-size:12px;color:#fff}.heroMicro{display:flex;gap:15px;font-size:9px;color:#aaa;line-height:1.5;margin-top:40px}.conversionHeroNew .conversionStage{position:relative;background:transparent;overflow:visible;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.stageTop{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#ccc;z-index:1}.stageTop b{border:1px solid #666;border-radius:100px;padding:7px 12px;font-size:11px;color:#fff}.stageHalo{position:absolute;width:290px;height:290px;top:50%;left:50%;transform:translate(-50%,-65%);border-radius:50%;background:#ffd600;box-shadow:0 0 0 26px #ffd60012,0 0 0 54px #ffd60007}.conversionHeroNew .conversionStage img{position:relative;width:100%;height:290px;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 18px 18px #0006);z-index:1}.stageCompare{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#ffffff0c;border:1px solid #ffffff20;border-radius:16px;padding:18px;z-index:2}.stageCompare span{display:block;font-size:8px;color:#bbb;letter-spacing:.8px}.stageCompare b{display:block;font-size:34px;letter-spacing:-1px;margin:7px 0}.stageCompare b small{display:inline;font-size:14px;color:inherit}.stageCompare>div:last-child b{color:#ffd600}.batteryTrack{height:6px;border-radius:10px;background:#ffffff15;overflow:hidden}.batteryTrack i{display:block;background:#999;height:100%;border-radius:10px}.stageCompare>div:last-child i{background:#ffd600}.conversionHeroNew figcaption{text-align:left;font-size:9px;line-height:1.6;padding:12px 0 0;color:#aaa;position:relative}.conversionJump{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0;border-bottom:1px solid #ddd;gap:14px}.conversionJump a{display:flex;gap:14px;font-size:10px;color:#888;align-items:center}.conversionJump b{font-size:12px;font-weight:500;color:#2e2e2e}.lithiumWhy{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding:80px 0;scroll-margin-top:155px}.whyIntro h2,.chemistryCompare h2{font-size:clamp(32px,3.3vw,49px);letter-spacing:-2px}.whyIntro em{background:linear-gradient(transparent 75%,#ffd600 75%)}.whyIntro>p{font-size:14px;line-height:1.8;color:#686868;max-width:330px}.whyExperience{border:1px solid #ddd;border-radius:22px;overflow:hidden;background:#f5f5f5}.whyTabs{display:grid;grid-template-columns:repeat(3,1fr);padding:7px;gap:5px;border-bottom:1px solid #ddd;background:#fff}.whyTabs button{padding:15px 8px;border:0;background:transparent;color:#666;border-radius:12px;font-size:12px}.whyTabs button[aria-selected=true]{background:#ffd600;color:#202020;font-weight:650}#whyPanel{padding:30px;min-height:290px}.whyKicker{font-size:9px;letter-spacing:1.4px;color:#777}#whyPanel h3{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:17px 0}#whyPanel p{font-size:13px;color:#666;line-height:1.8}.whyTakeaway{border-top:1px solid #ddd;padding-top:18px;margin-top:22px}.whyTakeaway span{display:block;font-size:10px;color:#777;margin-bottom:7px}.whyTakeaway strong{font-size:13px;font-weight:550}.chemistryCompare{padding-bottom:60px;scroll-margin-top:155px}.chemistryCompare .sectionHead{align-items:end}.chemistryCompare .sectionHead>p{font-size:12px;color:#777;line-height:1.8}.chemistryTable{border:1px solid #ddd;border-radius:20px;overflow:hidden;margin-top:22px}.chemistryTable>div{display:grid;grid-template-columns:.75fr 1fr 1fr;border-bottom:1px solid #ddd}.chemistryTable>div:last-child{border:0}.chemistryTable>div>*{padding:23px;font-size:12px;line-height:1.75}.chemistryTable strong{font-weight:600}.chemistryTable>div>:last-child{background:#fff9d6}.chemistryTable .chemistryHead>*{background:#f4f4f4;font-size:14px}.chemistryTable .chemistryHead>:last-child{background:#ffd600}.chemistryHead small{display:block;font-size:9px;font-weight:400}.compareBottom{display:flex;justify-content:space-between;padding:22px;font-size:13px;border-bottom:1px solid #ddd}.compareBottom span{font-weight:600}.vehicleFacts{background:#f5f5f5;border:0;border-radius:18px;padding:25px;margin-top:0}.conversionScenarios{background:#f3f3f3;border-radius:24px;padding:36px;scroll-margin-top:155px}.scenarioButtons button{border-radius:14px;transition:background .2s,transform .2s}.scenarioButtons button:hover{transform:translateY(-3px)}.scenarioButtons button.active{background:#ffd600;border-color:#ffd600}.conversionInputs,.conversionResults{border-radius:18px}.conversionInputs input{background:#f5f5f5;border-radius:9px}.conversionResults{position:sticky;top:155px}.rangePair strong{font-size:50px}.conversionChecklist span{border-radius:10px}.voltageReality{scroll-margin-top:155px}.ev2Reference{border-radius:22px}.conversionNext{background:#ffd600;border-radius:22px;padding:32px;margin-top:30px;border:0}.conversionNext .primary{background:#202020;color:#fff;border-radius:12px}.conversionNext p{color:#454545}.conversionSources{margin-top:20px} .conversionPage a:focus-visible,.conversionPage button:focus-visible{outline:3px solid #777;outline-offset:4px}
@media(max-width:900px){.conversionHeroNew{padding:30px}.conversionHeroNew h1{font-size:46px;letter-spacing:-2px}.heroMicro{gap:10px;margin-top:25px}.lithiumWhy{gap:30px}.conversionHeroNew .conversionStage img{height:250px}.stageHalo{width:220px;height:220px}.conversionHeroNew p{font-size:13px}.chemistryTable>div>*{padding:17px}.rangePair strong{font-size:38px}}
@media(max-width:600px){.conversionHeroNew{margin:10px -2% 0;padding:27px 22px;border-radius:22px;gap:28px}.conversionHeroNew .conversionStage{order:0}.conversionHeroNew h1{font-size:43px;letter-spacing:-2px;line-height:1.05}.conversionHeroNew p{font-size:14px}.conversionActions{gap:18px;margin:24px 0}.heroMicro{font-size:8px;justify-content:space-between;gap:6px}.conversionHeroNew .conversionStage img{height:230px}.stageHalo{width:200px;height:200px;top:43%}.stageCompare{padding:15px;gap:16px}.stageTop{font-size:7px}.conversionJump{grid-template-columns:1fr 1fr;gap:18px;padding:22px 3px}.conversionJump a{font-size:9px;gap:8px}.conversionJump b{font-size:11px}.lithiumWhy{grid-template-columns:1fr;padding:42px 0;gap:20px;scroll-margin-top:135px}.conversionPage .whyIntro h2,.conversionPage .chemistryCompare h2{font-size:34px;letter-spacing:-1.5px}#whyPanel{padding:22px;min-height:320px}#whyPanel h3{font-size:27px}.whyTabs button{font-size:11px;padding:13px 5px}.chemistryCompare{padding-bottom:35px;scroll-margin-top:135px}.chemistryCompare .sectionHead{display:block}.chemistryTable>div{grid-template-columns:1fr 1fr}.chemistryTable>div>strong{grid-column:1/-1;background:#fff;padding:13px 15px 0}.chemistryTable>div>span{padding:15px;font-size:11px}.chemistryTable .chemistryHead{grid-template-columns:1fr 1fr}.chemistryHead>:first-child{display:none}.chemistryTable .chemistryHead>*{padding:15px;font-size:12px}.chemistryTable>div:not(.chemistryHead)>:last-child{background:#fff9d6}.compareBottom{padding:18px 3px;font-size:11px;gap:15px;line-height:1.6}.compareBottom span{white-space:nowrap}.vehicleFacts{padding:20px}.conversionScenarios{padding:24px 15px;border-radius:20px;scroll-margin-top:135px}.conversionResults{position:static;order:-1}.rangePair strong{font-size:37px}.conversionNext{padding:24px}.conversionNext h2{font-size:28px}.voltageReality{scroll-margin-top:135px}}
@media(prefers-reduced-motion:reduce){.scenarioButtons button{transition:none}}
.stageCompare b>span{display:inline;font-size:inherit;color:inherit;letter-spacing:inherit}