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

/* Hero */
.custom-hero { position:relative; min-height:800px; overflow:hidden; background:linear-gradient(118deg,#08151c 0%,#102b3a 68%,#16384b 100%); color:#fff; }.custom-hero__grid { position:absolute; inset:0; opacity:.28; 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 88%); }.custom-hero__inner { position:relative; z-index:1; min-height:800px; padding-top:122px; padding-bottom:62px; display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:24px; }.custom-hero__copy { min-width:0; max-width:650px; }.custom-breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:70px; color:rgba(255,255,255,.6); font-size:.65rem; font-weight:600; }.custom-breadcrumbs a { color:var(--cb-light); }.custom-hero h1 { max-width:11ch; margin:0; font-size:clamp(3.55rem,6.2vw,6.7rem); letter-spacing:-.075em; line-height:.9; overflow-wrap:anywhere; }.custom-hero h1 em { color:var(--cb-light); font-style:normal; }.custom-hero__copy>p { max-width:57ch; margin:30px 0 0; color:rgba(255,255,255,.76); font-size:1rem; line-height:1.75; }.custom-hero__copy>strong { display:block; max-width:57ch; margin-top:18px; color:var(--cb-light); font-size:.78rem; line-height:1.55; }.custom-hero__copy>small { display:block; margin-top:10px; color:rgba(255,255,255,.58); font-size:.71rem; }.custom-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; }.custom-hero__visual { position:relative; min-height:550px; margin:0; display:flex; align-items:center; justify-content:center; }.custom-hero__visual::before { content:''; position:absolute; width:90%; aspect-ratio:1; border:1px solid rgba(180,211,214,.23); border-radius:50%; box-shadow:0 0 0 70px rgba(180,211,214,.035),0 0 0 140px rgba(180,211,214,.018); }.custom-hero__visual img { position:relative; z-index:1; width:min(100%,680px); max-height:570px; object-fit:contain; filter:drop-shadow(0 38px 30px rgba(0,0,0,.42)); transform:translateX(4%); }.custom-hero__visual figcaption { position:absolute; z-index:2; right:0; bottom:20px; display:grid; grid-template-columns:repeat(5,auto); gap:7px; color:rgba(255,255,255,.66); font-size:.57rem; font-weight:800; letter-spacing:.1em; text-align:right; text-transform:uppercase; }.custom-hero__visual figcaption span { padding:8px 9px; border:1px solid rgba(180,211,214,.3); }

/* Configuration */
.custom-config { background:#fff; }.custom-config__grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--cb-line); border-left:1px solid var(--cb-line); }.custom-config__grid article { min-height:270px; padding:28px; display:flex; flex-direction:column; border-right:1px solid var(--cb-line); border-bottom:1px solid var(--cb-line); }.custom-config__grid b { color:var(--cb-red); font-size:.72rem; }.custom-config__grid h3 { margin:auto 0 9px; font-size:1.08rem; }.custom-config__grid p { max-width:36ch; margin:0; color:rgba(13,26,34,.6); font-size:.75rem; line-height:1.62; }.custom-config__grid a { color:var(--cb-blue); font-weight:700; text-decoration:underline; text-underline-offset:3px; }.custom-config__chem { background:var(--cb-paper); }

/* Data */
.custom-data { background:var(--cb-dark); color:#fff; }.custom-data__layout { display:grid; grid-template-columns:.86fr 1.14fr; gap:84px; }.custom-data .custom-heading p { color:rgba(255,255,255,.62); }.custom-checklist { padding:30px; border:1px solid rgba(180,211,214,.34); background:linear-gradient(rgba(180,211,214,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(180,211,214,.055) 1px,transparent 1px),rgba(255,255,255,.02); background-size:28px 28px; }.custom-checklist>strong { color:var(--cb-light); font-size:.68rem; letter-spacing:.13em; text-transform:uppercase; }.custom-checklist ul { margin:22px 0 26px; padding:0; display:grid; grid-template-columns:1fr 1fr; list-style:none; border-top:1px solid rgba(255,255,255,.17); }.custom-checklist li { position:relative; min-height:55px; padding:15px 15px 13px 22px; border-bottom:1px solid rgba(255,255,255,.17); color:rgba(255,255,255,.75); font-size:.74rem; line-height:1.45; }.custom-checklist li::before { content:''; position:absolute; top:20px; left:0; width:7px; height:7px; background:var(--cb-light); }.custom-checklist aside { padding:20px 22px; border-left:3px solid var(--cb-red); background:rgba(255,255,255,.055); }.custom-checklist aside b { color:#fff; font-size:.84rem; text-transform:uppercase; }.custom-checklist aside p { margin:9px 0 0; color:rgba(255,255,255,.62); font-size:.75rem; line-height:1.62; }

/* Development */
.custom-development { background:var(--cb-paper); }.custom-process { margin:0 0 34px; padding:0; display:grid; grid-template-columns:repeat(4,1fr); list-style:none; border-top:1px solid var(--cb-line); border-left:1px solid var(--cb-line); }.custom-process li { min-height:235px; padding:25px; display:flex; flex-direction:column; border-right:1px solid var(--cb-line); border-bottom:1px solid var(--cb-line); background:#fff; }.custom-process li:last-child { grid-column:3 / span 2; background:var(--cb-blue); color:#fff; }.custom-process b { color:var(--cb-red); font-size:.73rem; }.custom-process li:last-child b { color:var(--cb-light); }.custom-process h3 { margin:auto 0 8px; font-size:1rem; }.custom-process p { margin:0; color:rgba(13,26,34,.6); font-size:.72rem; line-height:1.6; }.custom-process li:last-child p { color:rgba(255,255,255,.65); }

/* Architecture */
.custom-architecture { background:#fff; }.custom-architecture__layout { display:grid; grid-template-columns:.8fr 1.15fr .8fr; gap:22px; align-items:center; }.custom-architecture__notes { display:flex; flex-direction:column; gap:10px; }.custom-architecture__notes article { min-height:164px; padding:22px; background:var(--cb-paper); }.custom-architecture__notes span { color:var(--cb-red); font-size:.7rem; font-weight:800; }.custom-architecture__notes h3 { margin:27px 0 8px; font-size:.92rem; }.custom-architecture__notes p { margin:0; color:rgba(13,26,34,.61); font-size:.7rem; line-height:1.55; }.custom-explode { min-height:605px; margin:0; padding:62px 30px 28px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid var(--cb-line); background:linear-gradient(rgba(40,95,126,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(40,95,126,.07) 1px,transparent 1px),#f8faf9; background-size:29px 29px; }.custom-explode figcaption { align-self:flex-start; margin-bottom:auto; color:var(--cb-blue); font-size:.59rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.custom-explode>div { position:relative; width:100%; height:115px; display:flex; align-items:flex-end; justify-content:center; border:1px solid var(--cb-line); background:rgba(255,255,255,.82); }.custom-explode>div img { max-width:73%; max-height:95px; object-fit:contain; }.custom-explode>div span { position:absolute; bottom:10px; left:12px; color:var(--cb-blue); font-size:.58rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.custom-explode>i { width:1px; height:24px; background:var(--cb-blue); }.custom-explode>div:nth-of-type(2) { width:84%; }.custom-explode>div:nth-of-type(3) { width:66%; }.custom-explode>div:nth-of-type(4) { width:48%; }

/* Scale */
.custom-scale { background:var(--cb-blue); color:#fff; }.custom-scale .custom-heading p { color:rgba(255,255,255,.66); }.custom-scale__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(180,211,214,.34); border:1px solid rgba(180,211,214,.34); }.custom-scale__grid article { min-height:320px; padding:30px; display:flex; flex-direction:column; background:#1d516c; }.custom-scale__grid article:nth-child(2) { background:#285f7e; }.custom-scale__grid article:nth-child(3) { background:#123e55; }.custom-scale__grid span { color:var(--cb-light); font-size:.75rem; font-weight:800; }.custom-scale__grid h3 { margin:auto 0 10px; font-size:1.2rem; }.custom-scale__grid p { max-width:35ch; margin:0; color:rgba(255,255,255,.65); font-size:.76rem; line-height:1.62; }

/* Applications, production, FAQ and request */
.custom-final { padding:120px 0 90px; background:var(--cb-dark); color:#fff; }.custom-apps { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2); }.custom-app { position:relative; min-height:220px; padding:27px; display:flex; flex-direction:column; overflow:hidden; border-right:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.035); transition:background .2s ease; }.custom-app>span { color:var(--cb-light); font-size:.63rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.custom-app strong { max-width:20ch; margin:auto 0 0; font-size:1.02rem; line-height:1.2; }.custom-app>b { position:absolute; right:19px; bottom:16px; color:var(--cb-light); font-size:1.3rem; }.custom-app--large { grid-column:span 2; min-height:320px; background:linear-gradient(0deg,rgba(6,17,23,.92),rgba(6,17,23,.2)),url('../assets/production-hero-warehouse.jpg') center/cover; }.custom-app--large strong { font-size:1.65rem; letter-spacing:-.045em; }.custom-app--image { grid-column:span 2; min-height:320px; background:linear-gradient(0deg,rgba(40,95,126,.88),rgba(40,95,126,.22)),url('../assets/production/pressovanie-akkumulyatornyh-moduley-wattex.jpg') center/cover; }.custom-app--image strong { font-size:1.45rem; }.custom-app--future small { position:absolute; right:17px; bottom:17px; color:rgba(255,255,255,.47); font-size:.58rem; }.custom-app--blue { background:var(--cb-blue); }.custom-app--cta { background:var(--cb-red); }.custom-app--cta b { position:static; margin-top:20px; color:#fff; font-size:.68rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.custom-app:not(.custom-app--future):hover { background-color:#163847; }
.custom-production { margin-top:110px; padding-top:76px; border-top:1px solid rgba(255,255,255,.18); }.custom-production .custom-heading p,.custom-request .custom-heading p { color:rgba(255,255,255,.6); }.custom-production__grid { margin-bottom:30px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.custom-production__grid figure { position:relative; height:280px; margin:0; overflow:hidden; background:#10222c; }.custom-production__grid img { width:100%; height:100%; object-fit:cover; filter:saturate(.75); transition:transform .35s ease; }.custom-production__grid figure:hover img { transform:scale(1.03); }.custom-production__grid figcaption { position:absolute; right:11px; bottom:11px; left:11px; padding:10px; background:rgba(8,18,24,.85); color:#fff; font-size:.61rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.custom-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); }.custom-faq h3 { max-width:12ch; margin:0; font-size:1.75rem; letter-spacing:-.04em; line-height:1.15; }.custom-faq details { border-top:1px solid rgba(255,255,255,.18); }.custom-faq details:last-child { border-bottom:1px solid rgba(255,255,255,.18); }.custom-faq summary { position:relative; padding:22px 45px 22px 0; cursor:pointer; list-style:none; font-size:.83rem; font-weight:600; line-height:1.45; }.custom-faq summary::-webkit-details-marker { display:none; }.custom-faq summary::after { content:'+'; position:absolute; top:15px; right:8px; color:var(--cb-light); font-size:1.5rem; font-weight:400; }.custom-faq details[open] summary::after { content:'−'; }.custom-faq details p { max-width:74ch; margin:-3px 45px 24px 0; color:rgba(255,255,255,.57); font-size:.77rem; line-height:1.7; }.custom-faq p a { color:var(--cb-light); text-decoration:underline; text-underline-offset:3px; }
.custom-request { margin-top:100px; padding-top:72px; border-top:1px solid rgba(255,255,255,.18); }.custom-request__grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:64px; }.custom-request__grid aside { align-self:start; padding:28px 0; border-top:1px solid rgba(255,255,255,.22); border-bottom:1px solid rgba(255,255,255,.22); }.custom-request__grid aside strong { color:var(--cb-light); font-size:1rem; }.custom-request__grid aside p { margin:10px 0 0; color:rgba(255,255,255,.57); font-size:.76rem; line-height:1.65; }.custom-form { padding:38px; }.custom-form__actions { display:grid; grid-template-columns:1.25fr .75fr; gap:8px; }.custom-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(--cb-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) { .custom-heading--split{gap:48px}.custom-data__layout,.custom-request__grid{gap:42px}.custom-apps{grid-template-columns:repeat(3,1fr)}.custom-app--large,.custom-app--image{grid-column:span 3}.custom-process{grid-template-columns:repeat(3,1fr)}.custom-process li:last-child{grid-column:2/span 2} }
@media (max-width:1024px) { .custom-section,.custom-final{padding-top:94px;padding-bottom:94px}.custom-hero,.custom-hero__inner{min-height:760px}.custom-hero__inner{grid-template-columns:1fr;padding-top:108px}.custom-hero__visual{position:absolute;right:-105px;bottom:-150px;width:62%;min-height:470px;opacity:.44}.custom-hero__visual img{width:100%;transform:none}.custom-hero__visual figcaption{display:none}.custom-hero__copy{position:relative;z-index:2}.custom-breadcrumbs{margin-bottom:48px}.custom-heading--split,.custom-data__layout,.custom-faq,.custom-request__grid{grid-template-columns:1fr}.custom-heading--split{gap:24px}.custom-heading--split>p{margin:0}.custom-architecture__layout{grid-template-columns:1fr 1fr}.custom-explode{grid-row:span 2;min-height:560px}.custom-architecture__notes--right{grid-column:1}.custom-process{grid-template-columns:repeat(2,1fr)}.custom-process li:last-child{grid-column:span 2}.custom-production__grid{grid-template-columns:repeat(2,1fr)}.custom-production__grid figure{height:300px}.custom-faq{gap:42px} }
@media (max-width:768px) { .custom-section,.custom-final{padding-top:76px;padding-bottom:76px}.custom-heading{margin-bottom:44px}.custom-heading h2{font-size:clamp(2.1rem,9vw,3.4rem)}.custom-heading p{font-size:.87rem;line-height:1.68}.custom-hero,.custom-hero__inner{min-height:720px}.custom-hero__inner{padding-top:100px;padding-bottom:44px}.custom-hero__visual{right:-135px;bottom:-165px;width:78%}.custom-hero h1{font-size:clamp(3.1rem,13vw,4.8rem)}.custom-hero__copy>p{font-size:.88rem}.custom-config__grid,.custom-scale__grid{grid-template-columns:1fr}.custom-config__grid article{min-height:210px}.custom-checklist ul{grid-template-columns:1fr}.custom-architecture__layout{grid-template-columns:1fr}.custom-explode{grid-row:auto;order:-1}.custom-architecture__notes--right{grid-column:auto}.custom-process{grid-template-columns:1fr}.custom-process li,.custom-process li:last-child{grid-column:auto;min-height:185px}.custom-apps{grid-template-columns:1fr 1fr}.custom-app--large,.custom-app--image{grid-column:span 2;min-height:285px}.custom-faq{margin-top:72px;padding-top:54px}.custom-request{margin-top:72px;padding-top:54px} }
@media (max-width:560px) { .custom-section,.custom-final{padding-top:64px;padding-bottom:64px}.custom-heading{margin-bottom:36px}.custom-heading h2{font-size:clamp(1.9rem,8.8vw,2.55rem)}.custom-hero,.custom-hero__inner{min-height:700px}.custom-hero__inner{padding-top:95px}.custom-breadcrumbs{margin-bottom:38px;font-size:.58rem}.custom-hero h1{max-width:none;font-size:clamp(2.15rem,10.3vw,2.55rem)}.custom-hero__visual{right:-150px;bottom:-105px;width:112%;opacity:.3}.custom-hero__copy>p{max-width:37ch;margin-top:24px}.custom-actions{margin-top:25px;flex-direction:column}.custom-actions a{width:100%}.custom-config__grid article{padding:24px}.custom-checklist{padding:23px 18px}.custom-architecture__notes article{min-height:0}.custom-explode{min-height:500px;padding:50px 16px 20px}.custom-explode>div{height:95px}.custom-explode>div img{max-height:76px}.custom-apps{grid-template-columns:1fr}.custom-app,.custom-app--large,.custom-app--image{grid-column:auto;min-height:205px}.custom-app--large,.custom-app--image{min-height:255px}.custom-app--large strong,.custom-app--image strong{font-size:1.38rem}.custom-production{margin-top:72px;padding-top:54px}.custom-production__grid{grid-template-columns:1fr}.custom-production__grid figure{height:250px}.custom-faq h3{font-size:1.55rem}.custom-faq summary{padding-right:38px}.custom-faq details p{margin-right:28px}.custom-form{padding:24px 18px}.production-form__row,.custom-form__actions{grid-template-columns:1fr}.custom-request__grid{gap:34px} }
@media (prefers-reduced-motion:reduce) { .custom-reveal{opacity:1;transform:none;transition:none} }