/* Fluid finishing layer for phones, tablets, desktop and wide displays. */
:root{--page-gutter:clamp(16px,4vw,48px)}
body{overflow-x:hidden}.shell{width:min(1160px,calc(100% - (var(--page-gutter) * 2)))}
.hero{height:min(790px,100svh);min-height:620px}.section,.contact{padding-block:clamp(72px,9vw,112px)}
@media(min-width:1440px){.shell{width:min(1280px,calc(100% - 96px))}.hero{height:min(860px,100svh)}.section,.contact{padding-block:132px}.story-image{min-height:760px}}
@media(max-width:780px){.hero{height:100svh;min-height:620px}.section,.contact{padding-block:clamp(64px,10vw,75px)}.calc-form,.calc-result{padding:clamp(25px,6vw,36px)}.story-image{min-height:clamp(310px,55vw,440px)}.story-copy{padding:clamp(65px,10vw,80px) var(--page-gutter)}}
@media(max-width:480px){h1{font-size:clamp(45px,14vw,58px)}.hero-content{padding-bottom:42px}.calculator-tabs{scroll-snap-type:x mandatory}.calculator-tabs button{scroll-snap-align:start}.mini{gap:22px}.whatsapp{right:max(17px,env(safe-area-inset-right));bottom:max(17px,env(safe-area-inset-bottom))}}
@media(max-height:600px) and (orientation:landscape){.hero{min-height:530px;height:100svh}.hero-content{padding-top:70px}.hero h1{font-size:clamp(44px,6vw,68px)}.hero .lede{margin:16px 0 20px}.trust-bar{display:none}}