/* One shared viewport rhythm. Content stays in normal flow, never clipped to fit. */
html:has(body.homepage){scroll-padding-top:0}
.homepage main>section[id]{scroll-margin-top:0}
@media(min-width:901px){
 html:has(body.homepage){scroll-snap-type:y mandatory}
 .homepage main>section[id]{scroll-snap-align:start;scroll-snap-stop:always}
 .homepage .site-footer{scroll-snap-align:start}
 .homepage{--section-top:clamp(96px,10svh,116px);--section-bottom:78px}
 .silver.hero-layout.homepage main>.home-section{min-height:100svh;height:auto;padding:var(--section-top) 0 var(--section-bottom);display:block;scroll-margin-top:0}
 .silver.hero-layout.homepage main>.home-section>.container{margin:0 auto}
 .homepage #schwenkkraftwerk,.homepage #vorteile,.homepage #einsatz{display:block;padding:var(--section-top) 0 var(--section-bottom);scroll-margin-top:0}
 .homepage #schwenkkraftwerk>.container,.homepage #vorteile>.container,.homepage #einsatz>.container{margin:0 auto}
 .homepage main>.home-section>a.section-next{position:absolute;left:50%;bottom:23px;transform:translateX(-50%);width:min(880px,90%);margin:0;padding:4px 0}
 .silver.hero-layout.homepage #start{min-height:100svh;height:auto;padding-top:var(--section-top);padding-bottom:88px}
 .homepage .home-section .section-heading{margin-bottom:24px}
 .homepage .home-section .section-heading h2{font-size:clamp(30px,2.7vw,43px)}
 .homepage .home-section .section-heading .eyebrow{margin-bottom:12px}
 .homepage .home-section .section-heading>p{font-size:14px;line-height:1.65}
 .homepage .panel-diagram{height:110px}
 .homepage .comparison-card{padding:20px 24px}
 .homepage .comparison-card h3{font-size:23px}
 .homepage .comparison-card>p{font-size:13px;line-height:1.6}
 .homepage .comparison-bottom b{font-size:27px}
 .homepage .chart-panel{padding:22px 25px 18px}
 .homepage .energy-chart{max-height:245px}
 .homepage .metric{padding:20px}
 .homepage .metric strong{font-size:32px}
 .homepage .check-list li{padding:18px 21px}
 .homepage .check-list strong{font-size:20px}
 .homepage .check-list p{font-size:14px}
 .homepage .setup-step{padding-top:22px}
 .homepage .setup-step h3{font-size:22px;margin:17px 0 10px}
 .homepage .setup-step p{font-size:14px}
 .homepage #schwenkkraftwerk{overflow:visible}
 .homepage .explain-scene{max-width:calc((100svh - 100px)*1.333);top:50%}
 .homepage .explain-heading h2{font-size:clamp(30px,2.8vw,43px)}
 .homepage .explain-heading .eyebrow{margin-bottom:10px}
 .homepage .explain-light-line{margin:13px 0 14px}
 .homepage .explain-definition{margin-bottom:13px}
 .homepage .explain-definition strong{font-size:16px}
 .homepage .explain-word{font-size:13px;margin-bottom:7px}
 .homepage .explain-story{margin-bottom:17px;gap:7px}
 .homepage .explain-story p{font-size:13px;line-height:1.6}
 .homepage .explain-examples{max-width:calc(clamp(100px,16svh,155px)*8/3 + 20px)}
 .homepage .explain-examples figcaption{font-size:12px}
}
@media(min-width:901px) and (max-height:760px){
 .homepage{--section-top:90px;--section-bottom:65px}
 .homepage main>.home-section>a.section-next{bottom:16px}
 .silver.hero-layout.homepage #start h1{font-size:36px;margin-bottom:18px}
 .homepage #start .hero-identity{margin-bottom:16px}
 .homepage #start .hero-facts{margin-top:20px;padding-top:15px}
 .silver.hero-layout.homepage #start .hero-buttons{margin-top:20px}
 .homepage .home-section .section-heading h2{font-size:32px}
 .homepage .home-section .section-heading{margin-bottom:18px}
 .homepage .panel-diagram{height:90px}
 .homepage .comparison-card{padding:16px 20px}
 .homepage .energy-chart{max-height:195px}
 .homepage .chart-panel{padding:16px 22px}
 .homepage .metric{padding:15px 18px}
 .homepage .metric strong{font-size:28px}
 .homepage .metric>svg{margin-bottom:12px}
 .homepage .faq-list summary{padding:17px 0}
 .homepage .information-copy>p:not(.eyebrow){font-size:15px;margin-top:18px}
 .homepage .check-list li{padding:14px 18px}
 .homepage .closing-copy h2{font-size:42px}
}
@media(max-width:900px){
 .homepage #schwenkkraftwerk,.homepage #vorteile,.homepage #einsatz{scroll-margin-top:0}
 .homepage #schwenkkraftwerk{padding-bottom:95px}
 .homepage #schwenkkraftwerk>.explain-next{margin-top:calc(75vw + 25px)}
 .homepage #vorteile{padding-bottom:100px}
 .homepage #vorteile>.benefits-next{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);margin:0;width:calc(100% - 40px)}
 .homepage main>.home-section:not(#schwenkkraftwerk):not(#vorteile):not(#einsatz){padding-top:90px}
}
@media(prefers-reduced-motion:reduce){html:has(body.homepage){scroll-behavior:auto}}