/* Shared section rhythm. Loaded after the page theme so spacing stays in one place. */
:root{--section-space:clamp(48px,5vw,76px);--section-heading-gap:clamp(24px,3vw,42px)}
.intro,.ecosystem,.home-applications,.technology,.product-explorer,.system-finder,.systems,.network{padding-block:var(--section-space)}
.home-applications .section-label,.technology .section-label,.product-explorer .section-label,.system-finder .section-label,.systems .section-label,.network .section-label,.ecosystem .section-label{margin-bottom:var(--section-heading-gap)}
.applications-head,.technology-head,.product-heading,.finder-intro,.systems-head,.network-grid{margin-bottom:var(--section-heading-gap)}
.ecosystem-console,.brand-proof-grid{margin-top:var(--section-heading-gap)}
.application-card,.technology-grid article{min-height:210px;padding:24px}
.product-view{min-height:490px}
.finder-result,.fit-empty{min-height:0}
.strength{padding-block:36px}
.contact{padding-block:var(--section-space)}
.inner-page .inner-section,.product-detail .inner-section{padding-block:var(--section-space)}
.inner-section .section-label{margin-bottom:24px}
.inner-title{margin-bottom:var(--section-heading-gap)}
.inner-page .closing-cta{padding-block:52px}
.inner-page .footer-main,.footer-main{padding-top:32px}
footer,.inner-page footer{padding-top:42px}
.footer-legal,.inner-page .footer-legal{margin-top:30px}
@media(max-width:760px){
  :root{--section-space:46px;--section-heading-gap:25px}
  .hero,.hero-copy{min-height:clamp(650px,90svh,760px)}
  .intro,.ecosystem,.home-applications,.technology,.product-explorer,.system-finder,.systems,.network{padding-block:var(--section-space)}
  .brand-proof-grid{margin-top:30px}
  .application-card,.technology-grid article{min-height:185px;padding:22px}
  .product-view{min-height:0}
  .fit-empty{min-height:250px;padding:26px 12px}
  .fit-empty:after{top:105px}
  .system-card>img,.system-card.hv-card>img,.system-card.aio-card>img,.system-card.battery-card>img{height:185px}
  .strength{padding-block:30px}
  .contact{padding-block:50px}
  .inner-hero{min-height:420px}
  .inner-hero .shell{padding:72px 0 40px}
  .inner-page .inner-section,.product-detail .inner-section{padding-block:46px}
  .inner-title{margin-bottom:26px}
  .inner-section .section-label{margin-bottom:22px}
  .value-grid article,.page-card,.path-card,.service-process article{min-height:0}
  .application-panel{min-height:0}
  .inner-page .closing-cta{padding-block:44px}
  footer,.inner-page footer{padding-top:38px}
}
@media(max-width:420px){.inner-hero h1{font-size:clamp(2.9rem,13vw,4.1rem)}}
