:root { --li-blue:#285f7e; --li-red:#cc000c; --li-light:#b4d3d6; --li-dark:#0d1a22; --li-paper:#f3f6f5; --li-line:rgba(13,26,34,.14); }
.lithium-page { background:#fff; }
.lithium-section { padding:120px 0; }
.lithium-eyebrow { display:block; margin-bottom:18px; color:var(--li-blue); font-size:.68rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.lithium-eyebrow--light { color:var(--li-light); }
.lithium-heading { max-width:840px; min-width:0; margin-bottom:58px; }
.lithium-heading h2 { max-width:22ch; margin:0; font-size:clamp(2.45rem,4.2vw,4.4rem); letter-spacing:-.065em; line-height:1.02; overflow-wrap:anywhere; }
.lithium-heading p { max-width:69ch; margin:22px 0 0; color:rgba(13,26,34,.65); font-size:.92rem; line-height:1.75; }
.lithium-heading--split { max-width:none; display:grid; grid-template-columns:1fr .72fr; gap:80px; align-items:end; }
.lithium-heading--split p { margin:0 0 3px; }
.lithium-heading--compact { margin-bottom:38px; }
.lithium-reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease,transform .65s ease; }
.lithium-reveal.is-visible { opacity:1; transform:none; }

/* Hero */
.lithium-hero { position:relative; min-height:800px; overflow:hidden; background:linear-gradient(118deg,#08151c 0%,#102b3a 68%,#16384b 100%); color:#fff; }
.lithium-hero__grid { position:absolute; inset:0; opacity:.26; background-image:linear-gradient(rgba(180,211,214,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(180,211,214,.16) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,#000 0%,transparent 80%); }
.lithium-hero__aura { position:absolute; width:720px; height:720px; right:-170px; bottom:-380px; border-radius:50%; background:rgba(180,211,214,.17); filter:blur(10px); }
.lithium-hero__inner { position:relative; z-index:1; min-height:800px; padding-top:122px; padding-bottom:62px; display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:30px; }
.lithium-hero__copy { min-width:0; max-width:655px; }
.lithium-breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:70px; color:rgba(255,255,255,.6); font-size:.65rem; font-weight:600; }
.lithium-breadcrumbs a { color:var(--li-light); }
.lithium-hero h1 { max-width:10ch; margin:0; font-size:clamp(3.7rem,6.6vw,7rem); letter-spacing:-.075em; line-height:.9; overflow-wrap:anywhere; }
.lithium-hero h1 em { color:var(--li-light); font-style:normal; }
.lithium-hero__copy>p { max-width:58ch; margin:30px 0 0; color:rgba(255,255,255,.76); font-size:1rem; line-height:1.75; }
.lithium-hero__copy>strong { display:block; margin-top:18px; color:var(--li-light); font-size:.78rem; font-weight:600; }
.lithium-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; }
.lithium-hero__battery { position:relative; min-height:540px; margin:0; display:flex; align-items:center; justify-content:center; }
.lithium-hero__battery::before { content:''; position:absolute; width:92%; aspect-ratio:1; border:1px solid rgba(180,211,214,.2); border-radius:50%; box-shadow:0 0 0 70px rgba(180,211,214,.035),0 0 0 140px rgba(180,211,214,.02); }
.lithium-hero__battery img { position:relative; z-index:1; width:min(100%,690px); max-height:570px; object-fit:contain; filter:drop-shadow(0 38px 30px rgba(0,0,0,.42)); transform:translateX(4%); }
.lithium-hero__battery figcaption { position:absolute; z-index:2; right:0; bottom:12px; display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:8px; color:rgba(255,255,255,.66); font-size:.6rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.lithium-hero__battery figcaption i { color:var(--li-light); font-style:normal; }.lithium-hero__battery figcaption b { width:100%; color:var(--li-light); font-size:.7rem; text-align:right; }

/* Chemistry */
.lithium-chemistry { background:#fff; }
.lithium-chemistry__grid { display:grid; grid-template-columns:.8fr repeat(3,1fr); border-top:1px solid var(--li-line); border-left:1px solid var(--li-line); }
.lithium-chemistry__grid article { min-height:400px; padding:30px; display:flex; flex-direction:column; border-right:1px solid var(--li-line); border-bottom:1px solid var(--li-line); }
.lithium-chemistry__grid article>span { color:var(--li-blue); font-size:.74rem; font-weight:800; letter-spacing:.06em; }
.lithium-chemistry__grid h3 { margin:76px 0 12px; font-size:1.15rem; line-height:1.27; }
.lithium-chemistry__grid p { margin:0; color:rgba(13,26,34,.61); font-size:.77rem; line-height:1.7; }
.lithium-chemistry__grid a { margin-top:auto; padding-top:26px; color:var(--li-blue); font-size:.67rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }.lithium-chemistry__grid a b { margin-left:6px; color:var(--li-red); font-size:1rem; }
.lithium-chemistry__intro { background:var(--li-dark); color:#fff; }.lithium-chemistry__intro>span { color:var(--li-light)!important; }.lithium-chemistry__intro strong { margin-top:auto; font-size:1.42rem; letter-spacing:-.045em; line-height:1.13; }.lithium-chemistry__lto { background:var(--li-paper); }.lithium-chemistry__lto small { margin-top:auto; color:var(--li-red); font-size:.66rem; font-weight:700; }
.lithium-keynote { max-width:65ch; margin:34px 0 0 auto; color:var(--li-blue); font-size:1rem; font-weight:700; line-height:1.6; }

/* Selection */
.lithium-selection { background:var(--li-dark); color:#fff; }.lithium-selection .lithium-heading p { color:rgba(255,255,255,.62); }
.lithium-selection__map { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:1px; border:1px solid rgba(180,211,214,.28); background:rgba(180,211,214,.28); }
.lithium-selection__input { min-height:176px; padding:23px; display:flex; flex-direction:column; background:#10232d; }.lithium-selection__input span { color:var(--li-light); font-size:.67rem; font-weight:800; }.lithium-selection__input strong { margin-top:auto; font-size:.98rem; }.lithium-selection__input small { margin-top:7px; color:rgba(255,255,255,.52); font-size:.68rem; line-height:1.5; }
.lithium-selection__input:nth-child(1) { grid-column:1; grid-row:1; }.lithium-selection__input:nth-child(2) { grid-column:2; grid-row:1; }.lithium-selection__input:nth-child(3) { grid-column:3; grid-row:1; }.lithium-selection__input:nth-child(4) { grid-column:4; grid-row:1; }
.lithium-selection__core { grid-column:2 / span 2; grid-row:2; min-height:176px; padding:28px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:var(--li-blue); text-align:center; }.lithium-selection__core span { color:var(--li-light); font-size:.72rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }.lithium-selection__core strong { font-size:clamp(2.2rem,4vw,4rem); letter-spacing:-.07em; }.lithium-selection__core i { margin:4px 0; color:var(--li-light); font-style:normal; font-size:1.1rem; }.lithium-selection__core small { color:rgba(255,255,255,.75); font-size:.65rem; font-weight:700; line-height:1.35; text-transform:uppercase; }
.lithium-selection__input:nth-child(6) { grid-column:1; grid-row:2; }.lithium-selection__input:nth-child(7) { grid-column:4; grid-row:2; }.lithium-selection__input:nth-child(8) { grid-column:2 / span 2; grid-row:3; }

/* Voltage */
.lithium-voltage { background:var(--li-paper); }.lithium-voltage__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.lithium-voltage__grid article { min-height:380px; padding:36px; display:flex; flex-direction:column; background:#fff; border-top:5px solid var(--li-light); }.lithium-voltage__grid article:nth-child(2) { border-color:var(--li-blue); }.lithium-voltage__grid article:nth-child(3) { border-color:var(--li-red); }.lithium-voltage__grid span { color:var(--li-blue); font-size:3.7rem; font-weight:800; letter-spacing:-.08em; }.lithium-voltage__grid h3 { max-width:14ch; margin:27px 0 13px; font-size:1.25rem; line-height:1.18; }.lithium-voltage__grid p { max-width:31ch; margin:0; color:rgba(13,26,34,.6); font-size:.81rem; line-height:1.68; }.lithium-voltage__grid small { margin-top:auto; padding-top:28px; color:var(--li-red); font-size:.66rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }

/* Applications */
.lithium-applications { background:#fff; }.lithium-applications__grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--li-line); border-left:1px solid var(--li-line); }.lithium-app { position:relative; min-height:235px; padding:28px; display:flex; flex-direction:column; overflow:hidden; border-right:1px solid var(--li-line); border-bottom:1px solid var(--li-line); background:var(--li-paper); transition:background .25s ease,color .25s ease; }.lithium-app>span { color:var(--li-blue); font-size:.62rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.lithium-app h3 { margin:auto 0 9px; font-size:1.16rem; line-height:1.18; }.lithium-app p { max-width:32ch; margin:0; color:rgba(13,26,34,.6); font-size:.72rem; line-height:1.58; }.lithium-app>b { position:absolute; right:22px; bottom:18px; color:var(--li-blue); font-size:1.35rem; }.lithium-app--traction { grid-column:span 2; min-height:350px; color:#fff; background:linear-gradient(0deg,rgba(6,17,23,.93),rgba(6,17,23,.2)),url('../assets/production-hero-warehouse.jpg') center/cover; }.lithium-app--traction>span,.lithium-app--forklift>span { color:var(--li-light); }.lithium-app--traction h3 { margin-top:auto; font-size:2rem; letter-spacing:-.05em; }.lithium-app--traction p,.lithium-app--forklift p { color:rgba(255,255,255,.7); }.lithium-app--traction>b { color:var(--li-light); }.lithium-app--forklift { grid-column:span 2; min-height:350px; color:#fff; background:linear-gradient(0deg,rgba(40,95,126,.9),rgba(40,95,126,.25)),url('../assets/production/pressovanie-akkumulyatornyh-moduley-wattex.jpg') center/cover; }.lithium-app--forklift h3 { font-size:1.9rem; letter-spacing:-.05em; }.lithium-app--forklift>b { color:var(--li-light); }.lithium-app--future small { position:absolute; right:18px; bottom:17px; color:rgba(13,26,34,.45); font-size:.58rem; }.lithium-app--robot { color:#fff; background:var(--li-blue); }.lithium-app--robot>span { color:var(--li-light); }.lithium-app--robot p { color:rgba(255,255,255,.7); }.lithium-app--robot>b { color:var(--li-light); }.lithium-app--cta { color:#fff; background:var(--li-dark); }.lithium-app--cta>span { color:var(--li-light); }.lithium-app--cta p { color:rgba(255,255,255,.66); }.lithium-app--cta strong { margin-top:20px; color:var(--li-light); font-size:.69rem; letter-spacing:.05em; text-transform:uppercase; }.lithium-app:not(.lithium-app--future):hover { background-color:#183746; color:#fff; }.lithium-app:not(.lithium-app--future):hover p { color:rgba(255,255,255,.72); }

/* Lead comparison */
.lithium-lead { background:var(--li-paper); }.lithium-lead__layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:84px; }.lithium-lead .lithium-heading h2 { font-size:clamp(2.25rem,3.8vw,3.75rem); }.lithium-lead__points { border-top:1px solid var(--li-line); }.lithium-lead__points article { display:grid; grid-template-columns:62px 1fr 1.35fr; gap:17px; padding:22px 0; border-bottom:1px solid var(--li-line); }.lithium-lead__points span { color:var(--li-red); font-size:.75rem; font-weight:800; }.lithium-lead__points h3 { margin:0; font-size:.9rem; }.lithium-lead__points p { margin:0; color:rgba(13,26,34,.6); font-size:.74rem; line-height:1.6; }

/* Engineering, FAQ and form */
.lithium-final { padding:120px 0 90px; background:var(--li-dark); color:#fff; }.lithium-final .lithium-heading>p { color:rgba(255,255,255,.6); }.lithium-process { margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); list-style:none; border-top:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2); }.lithium-process li { min-height:225px; padding:25px; display:flex; flex-direction:column; border-right:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }.lithium-process b { color:var(--li-light); font-size:.74rem; }.lithium-process h3 { margin:auto 0 8px; font-size:1rem; }.lithium-process p { margin:0; color:rgba(255,255,255,.55); font-size:.72rem; line-height:1.62; }.lithium-final__links { display:flex; align-items:center; flex-wrap:wrap; gap:28px; margin-top:32px; }.lithium-text-link { color:var(--li-light); font-size:.72rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.lithium-text-link span { margin-left:5px; color:var(--li-red); font-size:1.1rem; }.lithium-future { color:rgba(255,255,255,.48); font-size:.65rem; }
.lithium-faq { margin-top:100px; padding-top:72px; display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; border-top:1px solid rgba(255,255,255,.18); }.lithium-faq h3 { max-width:12ch; margin:0; font-size:1.75rem; letter-spacing:-.04em; line-height:1.15; }.lithium-faq details { border-top:1px solid rgba(255,255,255,.18); }.lithium-faq details:last-child { border-bottom:1px solid rgba(255,255,255,.18); }.lithium-faq summary { position:relative; padding:22px 45px 22px 0; cursor:pointer; list-style:none; font-size:.83rem; font-weight:600; line-height:1.45; }.lithium-faq summary::-webkit-details-marker { display:none; }.lithium-faq summary::after { content:'+'; position:absolute; top:15px; right:8px; color:var(--li-light); font-size:1.5rem; font-weight:400; }.lithium-faq details[open] summary::after { content:'−'; }.lithium-faq details p { max-width:74ch; margin:-3px 45px 24px 0; color:rgba(255,255,255,.57); font-size:.77rem; line-height:1.7; }.lithium-faq p a { color:var(--li-light); text-decoration:underline; text-underline-offset:3px; }
.lithium-request { margin-top:100px; padding-top:72px; border-top:1px solid rgba(255,255,255,.18); }.lithium-request__grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:64px; }.lithium-request__grid aside { padding:30px 0; display:flex; flex-direction:column; gap:15px; border-top:1px solid rgba(255,255,255,.22); border-bottom:1px solid rgba(255,255,255,.22); }.lithium-request__grid aside strong { margin-bottom:4px; font-size:1.05rem; }.lithium-request__grid aside span { position:relative; padding-left:20px; color:rgba(255,255,255,.58); font-size:.75rem; }.lithium-request__grid aside span::before { content:''; position:absolute; top:.27em; left:0; width:7px; height:7px; background:var(--li-light); }.lithium-form { padding:38px; }.lithium-form__actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.lithium-form__attach { min-height:56px; padding:0 18px; display:flex!important; align-items:center; justify-content:center; border:1px solid rgba(40,95,126,.42); color:var(--li-blue)!important; cursor:pointer; font-size:.72rem!important; font-weight:700!important; letter-spacing:.04em; text-align:center; text-transform:uppercase; }

@media (max-width:1180px) { .lithium-hero__inner{gap:12px}.lithium-heading--split{gap:48px}.lithium-lead__layout,.lithium-request__grid{gap:42px}.lithium-selection__input{padding:19px}.lithium-applications__grid{grid-template-columns:repeat(3,1fr)}.lithium-app--traction,.lithium-app--forklift{grid-column:span 3}.lithium-process{grid-template-columns:repeat(2,1fr)} }
@media (max-width:1024px) { .lithium-section,.lithium-final{padding-top:94px;padding-bottom:94px}.lithium-hero,.lithium-hero__inner{min-height:760px}.lithium-hero__inner{grid-template-columns:1fr;padding-top:108px}.lithium-hero__battery{position:absolute; right:-90px; bottom:-150px; width:58%; min-height:460px; opacity:.46}.lithium-hero__battery img{width:100%;transform:none}.lithium-hero__battery figcaption{display:none}.lithium-hero__copy{position:relative;z-index:2}.lithium-breadcrumbs{margin-bottom:48px}.lithium-heading--split,.lithium-lead__layout,.lithium-faq,.lithium-request__grid{grid-template-columns:1fr}.lithium-heading--split{gap:24px}.lithium-heading--split>p{margin:0}.lithium-chemistry__grid{grid-template-columns:repeat(2,1fr)}.lithium-chemistry__intro{grid-column:span 2;min-height:210px!important}.lithium-selection__map{grid-template-columns:repeat(3,1fr)}.lithium-selection__core{grid-column:2;grid-row:1/span 2;min-height:353px}.lithium-selection__input:nth-child(1){grid-column:1;grid-row:1}.lithium-selection__input:nth-child(2){grid-column:3;grid-row:1}.lithium-selection__input:nth-child(3){grid-column:1;grid-row:2}.lithium-selection__input:nth-child(4){grid-column:3;grid-row:2}.lithium-selection__input:nth-child(6),.lithium-selection__input:nth-child(7),.lithium-selection__input:nth-child(8){grid-column:auto;grid-row:auto}.lithium-lead__points{max-width:800px}.lithium-faq{gap:42px} }
@media (max-width:768px) { .lithium-section,.lithium-final{padding-top:76px;padding-bottom:76px}.lithium-heading{margin-bottom:44px}.lithium-heading h2{font-size:clamp(2.1rem,9vw,3.4rem)}.lithium-heading p{font-size:.87rem;line-height:1.68}.lithium-hero,.lithium-hero__inner{min-height:720px}.lithium-hero__inner{padding-top:100px;padding-bottom:44px}.lithium-hero__battery{right:-130px;bottom:-165px;width:76%}.lithium-hero h1{font-size:clamp(3.15rem,13.5vw,5rem)}.lithium-hero__copy>p{font-size:.88rem}.lithium-voltage__grid{grid-template-columns:1fr}.lithium-voltage__grid article{min-height:255px}.lithium-applications__grid{grid-template-columns:1fr 1fr}.lithium-app--traction,.lithium-app--forklift{grid-column:span 2;min-height:300px}.lithium-lead__points article{grid-template-columns:48px 1fr}.lithium-lead__points p{grid-column:2}.lithium-process{grid-template-columns:repeat(2,1fr)}.lithium-faq{margin-top:72px;padding-top:54px}.lithium-request{margin-top:72px;padding-top:54px} }
@media (max-width:560px) { .lithium-section,.lithium-final{padding-top:64px;padding-bottom:64px}.lithium-heading{margin-bottom:36px}.lithium-heading h2{font-size:clamp(1.95rem,9.8vw,2.8rem)}.lithium-hero,.lithium-hero__inner{min-height:700px}.lithium-hero__inner{padding-top:95px}.lithium-breadcrumbs{margin-bottom:38px;font-size:.58rem}.lithium-hero h1{max-width:none;font-size:clamp(2.35rem,11.4vw,2.8rem)}.lithium-hero__battery{right:-145px;bottom:-110px;width:110%;opacity:.3}.lithium-hero__copy>p{max-width:37ch;margin-top:24px}.lithium-actions{margin-top:25px;flex-direction:column}.lithium-actions a{width:100%}.lithium-chemistry__grid{grid-template-columns:1fr}.lithium-chemistry__intro{grid-column:auto;min-height:180px!important}.lithium-chemistry__grid article{min-height:215px;padding:25px}.lithium-chemistry__grid h3{margin:36px 0 10px}.lithium-keynote{margin-top:26px;font-size:.9rem}.lithium-selection__map{grid-template-columns:1fr 1fr}.lithium-selection__input{min-height:150px;padding:17px}.lithium-selection__core{grid-column:1/-1;grid-row:1;min-height:230px;order:-1}.lithium-selection__input:nth-child(1){grid-column:1;grid-row:2}.lithium-selection__input:nth-child(2){grid-column:2;grid-row:2}.lithium-selection__input:nth-child(3){grid-column:1;grid-row:3}.lithium-selection__input:nth-child(4){grid-column:2;grid-row:3}.lithium-selection__input:nth-child(6){grid-column:1;grid-row:4}.lithium-selection__input:nth-child(7){grid-column:2;grid-row:4}.lithium-selection__input:nth-child(8){grid-column:1/-1;grid-row:5}.lithium-applications__grid{grid-template-columns:1fr}.lithium-app,.lithium-app--traction,.lithium-app--forklift{grid-column:auto;min-height:210px}.lithium-app--traction,.lithium-app--forklift{min-height:270px}.lithium-app--traction h3,.lithium-app--forklift h3{font-size:1.55rem}.lithium-lead__points article{grid-template-columns:38px 1fr;gap:12px}.lithium-lead__points p{grid-column:2}.lithium-process{grid-template-columns:1fr}.lithium-process li{min-height:175px}.lithium-final__links{align-items:flex-start;flex-direction:column;gap:18px}.lithium-faq h3{font-size:1.55rem}.lithium-faq summary{padding-right:38px}.lithium-faq details p{margin-right:28px}.lithium-form{padding:24px 18px}.production-form__row,.lithium-form__actions{grid-template-columns:1fr}.lithium-request__grid{gap:34px} }
@media (prefers-reduced-motion:reduce) { .lithium-reveal{opacity:1;transform:none;transition:none} }
