/* Keep the complete desktop composition inside the available viewport. */
@media(min-width:801px){
.hero-shell{--hu:min(1cqw,1.76svh);--strip:min(7.5cqw,13.2svh);width:100%;max-width:none}
.hero-canvas{height:min(48.75cqw,calc(100svh - var(--strip) - 4px));aspect-ratio:auto}
.hero-canvas .brand{width:calc(var(--hu) * 18.7);left:1.3%;top:0}
.hero-canvas .brand>span{font-size:calc(var(--hu) * .86)}
.hero-canvas .hero-headline{left:23%;top:11.5%;width:60%;height:calc(var(--hu) * 15)}
.hero-canvas .headline-art{height:calc(var(--hu) * 17.5);top:calc(var(--hu) * -3.6);left:0;width:100%}
.hero-canvas .brush-line{top:calc(var(--hu) * 7.6);left:6%;width:89%;font-size:calc(var(--hu) * 3.65);line-height:1.1;transform:rotate(-3deg) skew(-9deg) scaleY(1.18)}
.hero-canvas .brush-line::before{inset:calc(var(--hu) * -.8) calc(var(--hu) * -4.7);background-size:100% 225%}
.hero-canvas .corner-sticker{width:calc(var(--hu) * 12.5);height:35%;right:0}
.hero-canvas .corner-sticker>span{font-size:calc(var(--hu) * 1.65)}
.hero-canvas .from-art{left:4.4%;top:40%;width:calc(var(--hu) * 16.8)}
.hero-canvas .review-card{left:12.3%;top:50.5%;width:calc(var(--hu) * 22.5);padding:calc(var(--hu) * 1.2) calc(var(--hu) * 1.6) calc(var(--hu) * 1);border-radius:calc(var(--hu) * 1)}
.hero-canvas .review-card-top{gap:calc(var(--hu) * 1.2);margin-bottom:calc(var(--hu) * .7)}
.hero-canvas .google-letter{font-size:calc(var(--hu) * 2.6)}
.hero-canvas .review-card .stars{font-size:calc(var(--hu) * 1.73)}
.hero-canvas .review-card blockquote{font-size:calc(var(--hu) * 1.24);line-height:1.3;letter-spacing:calc(var(--hu) * -.02)}
.hero-canvas .review-author{font-size:calc(var(--hu) * .99);margin-top:calc(var(--hu) * .7)}
.hero-canvas .to-label{left:37%;top:43%;width:calc(var(--hu) * 10.5);font-size:calc(var(--hu) * 1.25);line-height:1.06;padding:calc(var(--hu) * .6) calc(var(--hu) * .2);transform:rotate(-9deg)}
.hero-canvas .pink-arrow-art{left:35.7%;top:58%;width:calc(var(--hu) * 11)}
.hero-canvas .hero-ad{left:48%;top:38%;width:calc(var(--hu) * 20.5);height:57.5%;border-width:calc(var(--hu) * .17);border-radius:calc(var(--hu) * 1)}
.hero-canvas .social-header{padding:calc(var(--hu) * .6) calc(var(--hu) * .8);gap:calc(var(--hu) * .8);font-size:calc(var(--hu) * .96)}
.hero-canvas .business-avatar{width:calc(var(--hu) * 2.4);height:calc(var(--hu) * 2.4);font-size:calc(var(--hu) * 1.6)}
.hero-canvas .social-header div>span{font-size:calc(var(--hu) * .8)}
.hero-canvas .more-dots{font-size:calc(var(--hu) * 1.1)}
.hero-canvas .ad-art{margin:0 calc(var(--hu) * .6)}
.hero-canvas .social-cta{font-size:calc(var(--hu) * .95);padding:calc(var(--hu) * .6) calc(var(--hu) * .9)}
.hero-canvas .social-cta span{font-size:calc(var(--hu) * 2.2)}
.hero-canvas .hand-note{left:35.3%;top:77%;width:calc(var(--hu) * 11.3);font-size:calc(var(--hu) * 1.1);line-height:1.05;transform:rotate(-10deg) skew(-5deg) scaleY(1.1)}
.hero-canvas .hand-note::after{height:calc(var(--hu) * .28);margin:calc(var(--hu) * .5) auto 0}
.hero-canvas .hero-offer{left:72%;top:38.3%;width:calc(var(--hu) * 26.3)}
.hero-canvas .hero-offer h2{font-size:calc(var(--hu) * 1.7);line-height:1.1;letter-spacing:calc(var(--hu) * -.04)}
.hero-canvas .offer-description{font-size:calc(var(--hu) * 1.15);line-height:1.28;margin-top:calc(var(--hu) * .7)}
.hero-canvas .price-pair{gap:calc(var(--hu) * 1.05);margin-top:calc(var(--hu) * .85)}
.hero-canvas .price-card{border-radius:calc(var(--hu) * .9);border-width:calc(var(--hu) * .1);padding-bottom:calc(var(--hu) * .6)}
.hero-canvas .price-card-title{font-size:calc(var(--hu) * 1.02);padding:calc(var(--hu) * .45) calc(var(--hu) * .2)}
.hero-canvas .price-value{font-size:calc(var(--hu) * 2.8);margin-top:calc(var(--hu) * .45);letter-spacing:calc(var(--hu) * -.12)}
.hero-canvas .price-value sup{font-size:calc(var(--hu) * 1.6);top:calc(var(--hu) * .35)}
.hero-canvas .price-unit{font-size:calc(var(--hu) * .97)}
.hero-canvas .price-note{font-size:calc(var(--hu) * .87);margin-top:calc(var(--hu) * .65)}
.hero-canvas .hero-cta{font-size:calc(var(--hu) * 1.48);padding:calc(var(--hu) * .85) calc(var(--hu) * .7);margin-top:calc(var(--hu) * 1.1);gap:calc(var(--hu) * .4);border-width:calc(var(--hu) * .2);box-shadow:calc(var(--hu) * .18) calc(var(--hu) * .3) #111}
.hero-canvas .hero-cta span{font-size:calc(var(--hu) * 2)}
.hero-canvas .relationship{font-size:calc(var(--hu) * .85);margin-top:calc(var(--hu) * 1.05);letter-spacing:calc(var(--hu) * -.025)}
.hero-canvas .shoreline{left:-1.5%;width:86%;height:48%;bottom:-1.2%}
.hero-shell .process-strip{height:var(--strip);min-height:0}
.hero-shell .process-list{padding:calc(var(--hu) * 1.1) 0}
.hero-shell .process-list li{gap:calc(var(--hu) * 1.3);padding:0 calc(var(--hu) * 2.2)}
.hero-shell .process-icon{width:calc(var(--hu) * 4.7);height:calc(var(--hu) * 4.7)}
.hero-shell .process-list h3{font-size:calc(var(--hu) * 1.17);line-height:1.13;max-width:calc(var(--hu) * 12);margin-bottom:calc(var(--hu) * .35);letter-spacing:calc(var(--hu) * -.03)}
.hero-shell .process-list p{font-size:calc(var(--hu) * .99);line-height:1.3}
}

.hero-canvas .results-art{position:absolute;z-index:3;object-fit:fill;mix-blend-mode:multiply;pointer-events:none}
@media(min-width:801px){.hero-canvas .results-art{left:36.2%;top:40.5%;width:calc(var(--hu)*12);height:calc(var(--hu)*10.6)}}
@media(max-width:800px){.hero-canvas .results-art{left:29%;top:calc(95px + 39cqw);width:24%;height:24cqw}}

@media(min-width:801px){
.hero-canvas .headline-art{top:calc(var(--hu) * -4.3);height:calc(var(--hu) * 17)}
.hero-canvas .brush-line{top:calc(var(--hu) * 7.8);font-size:calc(var(--hu) * 3.45)}
.hero-canvas .brush-line::before{inset:calc(var(--hu) * -.6) calc(var(--hu) * -4.7);background-size:100% 205%}
}