/* Full-width composition, retaining the original commercial UI. */
:root{--pink:#ff1396;--yellow:#eaff2b;--lime:#ccff26;--cyan:#00c9e7}
.hero-shell .process-icon{transform:none;aspect-ratio:1;border-radius:50%;border:1.4px solid #111}
.hero-shell .process-icon svg{transform:none;fill:#080808;color:#080808;width:58%;height:58%;overflow:visible}
.hero-shell .process-list h3{font-family:Barlow,Arial,sans-serif;font-weight:800}
@media(min-width:801px){
.hero-shell{width:100%;max-width:none;margin:0;container-type:inline-size}
.hero-canvas{aspect-ratio:16/7.8;width:100%;overflow:hidden}
.hero-canvas .brand{left:1.3%;width:18.7%;top:0}
.hero-canvas .brand>span{font-size:.86cqw}
.hero-canvas .site-header{height:10%}
.hero-canvas .site-header nav{left:25.5%;right:12.5%;gap:2.7cqw;border-bottom:1px solid #1112}
.hero-canvas .site-header nav>a{font-size:1.03cqw}
.hero-canvas .hero-headline{left:22.2%;top:12%;width:63.2%;height:15cqw}
.hero-canvas .headline-first{font-size:4.65cqw;letter-spacing:-.03cqw;top:1cqw}
.hero-canvas .yellow-words{color:#eaff2b}
.hero-canvas .pink-words{color:#ff1499}
.hero-canvas .brush-line{top:6.85cqw;font-size:4.45cqw}
.hero-canvas .corner-sticker{right:-.5%;width:12.5%;height:35%}
.hero-canvas .from-art{left:3.4%;top:41%;width:18.2%}
.hero-canvas .review-card{left:11.2%;top:53%;width:23%;padding:1.2cqw 1.7cqw 1cqw}
.hero-canvas .review-card-top{margin-bottom:.7cqw}
.hero-canvas .review-card blockquote{font-size:1.27cqw;line-height:1.34}
.hero-canvas .review-author{font-size:.99cqw;margin-top:.7cqw}
.hero-canvas .review-card .stars{font-size:1.73cqw}
.hero-canvas .to-label{left:36.2%;top:42%;width:11.5%;font-size:1.6cqw;line-height:1.02;transform:rotate(-13deg) scaleY(1.07)}
.hero-canvas .pink-arrow-art{left:35.1%;top:57%;width:12%}
.hero-canvas .hero-ad{left:48%;top:37%;width:20%;height:58.5%;transform:rotate(3deg)}
.hero-canvas .hand-note{left:35.1%;top:80%;width:11.3%;font-size:1.25cqw}
.hero-canvas .hero-offer{left:72%;top:37%;width:26.3%}
.hero-canvas .hero-offer h2{font-size:1.75cqw;line-height:1.08;letter-spacing:-.04cqw}
.hero-canvas .offer-description{font-size:1.18cqw;line-height:1.29;margin-top:.8cqw}
.hero-canvas .price-pair{margin-top:1cqw;gap:1.05cqw}
.hero-canvas .price-card{padding-bottom:.6cqw}
.hero-canvas .price-card-title{font-family:Barlow,Arial,sans-serif;font-size:1.13cqw;padding:.45cqw .2cqw}
.hero-canvas .price-value{font-size:2.8cqw;margin-top:.45cqw}
.hero-canvas .price-unit{font-size:.97cqw}
.hero-canvas .price-note{font-size:.87cqw;margin-top:.65cqw}
.hero-canvas .hero-cta{font-family:Barlow,Arial,sans-serif;font-size:1.75cqw;padding:.85cqw .7cqw;margin-top:1.3cqw}
.hero-canvas .relationship{font-size:.85cqw;margin-top:1.05cqw;background:none}
.hero-canvas .shoreline{left:-1.5%;width:86%;height:48%;bottom:-1.2%}
.hero-canvas .shoreline-tail{height:47%;bottom:-1.2%}
.hero-shell .process-strip{height:7.5cqw}
.hero-shell .process-list{width:94%;padding:1.1cqw 0;gap:0}
.hero-shell .process-list li{gap:1.3cqw;padding:0 2.2cqw}
.hero-shell .process-icon{width:4.7cqw;height:4.7cqw}
.hero-shell .process-list h3{font-size:1.38cqw;line-height:1.05;margin-bottom:.35cqw;max-width:12cqw}
.hero-shell .process-list p{font-size:1cqw;line-height:1.28}
}

@media(min-width:801px){
.hero-shell .process-list h3{font-family:Arial,sans-serif;font-size:1.17cqw;line-height:1.13;letter-spacing:-.03cqw;max-width:12cqw}
.hero-shell .process-list p{font-size:.99cqw;line-height:1.3}
.hero-canvas .hero-cta{font-family:Arial,sans-serif;font-size:1.48cqw;line-height:1.25}
.hero-canvas .price-card-title{font-family:Arial,sans-serif;font-size:1.02cqw}
.hero-canvas .relationship{margin-top:1.15cqw;position:relative;background:var(--cream);width:max-content;max-width:100%;margin-left:auto;margin-right:auto}
.hero-canvas .hero-offer h2{position:relative;z-index:5}
}

/* Custom display art over a semantic HTML headline; UI and subheading remain live. */
.hero-canvas .headline-art{display:block;position:absolute;width:100%;height:16cqw;object-fit:fill;top:-3cqw;left:0;max-width:none;mix-blend-mode:multiply;pointer-events:none}
.hero-canvas h1{transform:none}
.hero-canvas .headline-first{position:absolute!important;inset:auto!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;transform:none!important;-webkit-text-stroke:0!important}
@media(min-width:801px){
.hero-canvas .hero-headline{top:12.2%}
.hero-canvas .brush-line{top:7.45cqw;left:4.5%;width:93%;font-size:4.12cqw;font-family:Marker,sans-serif;transform:rotate(-3deg) skew(-10deg) scaleY(1.2);transform-origin:center}
.hero-canvas .brush-line::before{inset:-1cqw -5.3cqw;background-size:100% 230%}
.hero-canvas .hero-offer{top:39%}
.hero-canvas .hero-offer h2{font-size:1.7cqw;line-height:1.1}
.hero-canvas .hero-ad{top:39%;height:56.5%}
.hero-canvas .offer-description{font-size:1.15cqw;margin-top:.7cqw}
.hero-canvas .price-pair{margin-top:.85cqw}
.hero-canvas .hero-cta{margin-top:1.1cqw}
}
@media(max-width:800px){
.hero-canvas .hero-headline{height:36cqw;padding-top:0;padding-bottom:0}
.hero-canvas .headline-art{top:1cqw;height:25cqw;left:-1%;width:102%}
.hero-canvas .brush-line{position:absolute;top:24cqw;left:5%;width:90%;font-size:5.6cqw;line-height:1.2;padding:0;margin:0;transform:rotate(-3deg) skew(-9deg)}
}

@media(min-width:801px){.hero-canvas .headline-art{height:18.5cqw;top:-3.6cqw}}

@media(max-width:800px){.hero-canvas .hero-offer{margin-top:110cqw}}
