.hero-stage{--side:clamp(64px,11vw,170px);--pad:calc(var(--side) + 60px);width:min(100vw - 2*var(--gutter),1300px);margin-inline:calc((100% - min(100vw - 2*var(--gutter),1300px))/2);padding-inline:var(--side);position:relative}.hero-stage .float-pad{width:var(--pad);z-index:4;filter:drop-shadow(0 34px 34px #08143c52)drop-shadow(0 8px 10px #08143c38);top:71%;bottom:auto;left:0;rotate:-6deg}.hero-stage .app-phone.float-app{--pw:calc(var(--pad)*1.02);width:var(--pw);right:calc(var(--gutter)*-.6);bottom:calc(var(--pw)*-1.25);z-index:3;rotate:4deg}.hero-stage:not(.with-phone){margin-bottom:calc(var(--pad)*.62)}@media (max-width:900px){.hero-stage{--pad:clamp(100px,27vw,200px);width:auto;padding-inline:calc(var(--pad)*.58)0;margin-inline:0;margin-bottom:calc(var(--pad)*1.67*.76 + 24px)}.hero-stage .float-pad{left:-6px;top:calc(100% - var(--pad)*1.67*.24)}.hero-stage.with-phone{margin-bottom:calc(var(--pad)*1.1*2.17 + 18px)}.hero-stage .app-phone.float-app{--pw:calc(var(--pad)*1.1);display:block;top:calc(100% + 10px);bottom:auto;right:-6px;rotate:3deg}.hero-stage+.hero-caption{margin-top:0}}