/* Complete the review > ad > audience sequence. */
.hero-canvas .wave-heading{transform:rotate(-3deg);text-transform:uppercase;paint-order:stroke fill}
.hero-canvas .wave-heading>span{display:block}
.hero-canvas .wave-heading .wave-lead{font-family:Marker,sans-serif;color:#111;text-shadow:none;-webkit-text-stroke:0}
.hero-canvas .wave-heading .wave-main{font-family:Knewave,sans-serif;color:#06d9ed}
.hero-canvas .wave-heading .wave-customers{font-family:Bangers,sans-serif;color:#edff32;letter-spacing:.02em}
.hero-canvas .wave-arrow{position:absolute;color:#111;overflow:visible;pointer-events:none}
.hero-canvas .hero-starting-price{font-family:Arial,sans-serif;font-weight:700;line-height:1.35}
.hero-starting-price>strong{font-family:Barlow,Arial,sans-serif;font-weight:900}
.hero-starting-price>span{display:inline;margin-left:.4em;font-weight:500}
.hero-starting-price>small{display:block;font-weight:400}
.campaign-link{display:inline-block;color:#111;font-family:Barlow,Arial,sans-serif;font-weight:800;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.hero-canvas .review-author{display:flex;align-items:baseline;justify-content:space-between;gap:6px}
.hero-review-date{color:#666;font-weight:400;white-space:nowrap}
@media(min-width:801px){
.hero-canvas .hero-offer{top:38.3%}
.hero-canvas .hero-offer h2.wave-heading{font-size:calc(var(--hu)*3.05);line-height:1.06;letter-spacing:0;margin-bottom:calc(var(--hu)*1.2);text-shadow:calc(var(--hu)*.15) calc(var(--hu)*.19) #111;-webkit-text-stroke:calc(var(--hu)*.2) #111}
.hero-canvas .wave-heading .wave-lead{font-size:calc(var(--hu)*1.8);line-height:1.2;margin-bottom:calc(var(--hu)*.25)}
.hero-canvas .wave-heading .wave-customers{font-size:calc(var(--hu)*3.65);line-height:1.08}
.hero-canvas .wave-arrow{left:calc(var(--hu)*-4);top:calc(var(--hu)*1.6);width:calc(var(--hu)*3.6);height:calc(var(--hu)*3.3)}
.hero-canvas .offer-description{font-size:calc(var(--hu)*1.12);line-height:1.32;margin-top:0;max-width:calc(var(--hu)*25)}
.hero-canvas .hero-starting-price{margin:calc(var(--hu)*.9) 0 calc(var(--hu)*.55);font-size:calc(var(--hu)*1.05)}
.hero-starting-price>strong{font-size:calc(var(--hu)*1.85)}
.hero-starting-price>small{font-size:calc(var(--hu)*.95);margin-top:calc(var(--hu)*.15)}
.hero-canvas .campaign-link{font-size:calc(var(--hu)*1.35);margin-top:calc(var(--hu)*.35)}
.hero-canvas .hero-cta{margin-top:calc(var(--hu)*1);font-size:calc(var(--hu)*1.4);padding:calc(var(--hu)*.8) calc(var(--hu)*.5)}
.hero-canvas .relationship{margin-top:calc(var(--hu)*.85)}
.hero-canvas .hero-review-date{font-size:calc(var(--hu)*.78)}
}
/* Brief facts are read together instead of becoming separate sections. */
.review-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;padding:20px 0 35px;border-block:2px solid #111;margin-top:5px;background:#fffdf6}
.review-facts>div{padding:0 22px;border-right:1px solid #1114}
.review-facts>div:last-of-type{border:0}
.review-facts>div>strong{font:58px/1 Bangers,sans-serif;color:#b90060}
.review-facts>div:nth-child(2)>strong{color:#007788}
.review-facts>div:nth-child(3)>strong{color:#111}
.review-facts>div:nth-child(4)>strong{color:#00734f}
.review-facts p{font-size:15px;line-height:1.4;margin:8px 0 0;max-width:235px}
.review-facts>small{position:absolute;bottom:9px;right:15px;font-size:12px;color:#666}
.discovery-note{display:grid;grid-template-columns:1fr 1.8fr;gap:12px 25px;padding:20px 27px;margin:0 0 24px;background:#e8f9f8;border-left:5px solid #00adc0}
.discovery-note>strong{font:800 24px/1.15 Barlow,Arial,sans-serif}
.discovery-note p{font-size:16px;line-height:1.5;margin:0}
.discovery-note b{font-size:22px;color:#005c68}
.discovery-note small{grid-column:2;font-size:12px;color:#555}
#examples .demo-toolbar{margin-top:24px;padding-top:0;border-top:0}
#examples .demo-grid{gap:22px}
#examples .section-footnote{margin-top:23px}
@media(max-width:800px){
.hero-canvas .hero-offer{margin-top:110cqw;padding-top:12px}
.hero-canvas .hero-offer h2.wave-heading{font-size:38px;line-height:1.1;letter-spacing:0;-webkit-text-stroke:2px #111;text-shadow:2px 3px #111;margin:0 auto 19px;width:fit-content}
.hero-canvas .wave-heading .wave-lead{font-size:23px;line-height:1.25;text-align:left}
.hero-canvas .wave-heading .wave-customers{font-size:48px;line-height:1.1}
.hero-canvas .wave-arrow{width:42px;height:40px;left:calc(50% + 110px);top:-20px;transform:rotate(100deg)}
.hero-canvas .hero-starting-price{font-size:15px;margin:16px 0 9px}
.hero-starting-price>strong{font-size:27px}
.hero-starting-price>small{font-size:13px;margin-top:3px}
.hero-canvas .campaign-link{font-size:20px;margin-top:5px}
.hero-canvas .hero-cta{margin-top:18px;font-size:21px;min-height:46px;padding:12px 9px}
.hero-canvas .hero-review-date{font-size:2.4cqw}
.review-facts{grid-template-columns:1fr 1fr;gap:20px 0;padding:20px 0 40px}
.review-facts>div{padding:0 16px}
.review-facts>div:nth-child(2){border:0}
.review-facts>div>strong{font-size:51px}
.review-facts p{font-size:14px;margin-top:6px}
.discovery-note{grid-template-columns:1fr;padding:19px 20px;gap:12px}
.discovery-note small{grid-column:1}
#examples .demo-grid{gap:20px}
}
