.lp .hero-satisfaction{top:35px;bottom:auto;right:5%;transform:rotate(7deg)}
@media(min-width:901px){.lp .hero h1{max-width:calc(100% - 270px);font-size:clamp(36px,3.8vw,58px)}.lp .hero-desc{max-width:calc(100% - 260px)}.lp .hero h1 .hero-line{white-space:nowrap}}
.lp .workload-heading .workload-difference{position:relative;border:0;border-radius:16px;background:#d9effd;box-shadow:0 5px 16px #0871b910;margin-bottom:16px}
.lp .workload-heading .workload-difference:after{content:'';position:absolute;bottom:-15px;left:30px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:17px solid #d9effd}
.lp .time-result .chart-note{text-align:right;margin-top:7px}
@media(max-width:1100px) and (min-width:901px){.lp .hero h1{font-size:3.7vw;max-width:calc(100% - 220px)}.lp .hero-desc{max-width:calc(100% - 220px)}}
@media(max-width:900px){.lp .hero-inner{padding-top:210px;padding-bottom:40px}.lp .hero-satisfaction{top:25px;bottom:auto}}
@media(max-width:600px){.lp .hero-inner{padding-top:185px;padding-bottom:35px}.lp .hero-satisfaction{top:22px;right:7%;bottom:auto}.lp .hero h1{max-width:none}.lp .hero-desc{max-width:none}.lp .workload-heading .workload-difference{margin-bottom:15px;padding:16px}.lp .workload-heading .workload-difference:after{left:calc(50% - 15px)}.lp .time-result .chart-note{font-size:11px;line-height:1.7}}
/* Keep the badge at 90% of its responsive size, closer to the upper-right edge. */
.lp .hero-satisfaction{top:12px;right:2.5%;transform:rotate(7deg) scale(.9);transform-origin:top right}
@media(max-width:900px){.lp .hero-satisfaction{top:10px;right:2.5%}.lp .hero-inner{padding-top:180px}}
@media(max-width:600px){.lp .hero-satisfaction{top:10px;right:3%}.lp .hero-inner{padding-top:155px}}