@media(min-width:701px){.hero{background:#fff}.hero-grid{position:relative;display:block}.hero-copy{position:absolute;z-index:3;top:50%;left:0;width:42%;transform:translateY(-50%);color:#080d45}.hero-copy .eyebrow{color:#00b875}.hero-copy h1{color:#080d45}.hero-copy h1 em{color:#00b875}.hero-copy .lead,.hero-copy .microcopy{color:#354174}.hero-art{position:absolute;z-index:1;top:0;right:0;width:58%}.hero-art img{filter:none}}
@media(min-width:701px){.hero{padding:0;height:clamp(315px,31vw,420px)}.hero-grid{display:grid;grid-template-columns:42% 58%}.hero-copy{position:relative;top:auto;left:auto;width:auto;transform:none}.hero-art{position:relative;top:auto;right:auto;width:100%;align-items:center}.hero-art img{width:100%;height:auto;max-height:100%;object-fit:contain;transform:none}.feature-split{padding:24px 0}.phone-crop{height:270px}.copy-block .eyebrow{display:none}}
@media(min-width:701px){.phone-crop{display:block;height:270px;max-height:270px;overflow:hidden}.phone-crop img{width:300px;max-width:75%;margin:0 auto}.phone-crop .demo-label{display:none}.hero-copy{padding-bottom:20px}}
@media(min-width:701px){}
@media(max-width:700px){.hero-art{height:auto;overflow:visible}.hero-art img{width:100%;max-width:100%;height:auto;transform:none;filter:none}.accent-card{display:block}.accent-card .demo-label{text-align:center}.feature-split .eyebrow{display:none}.hero{padding-bottom:25px}.hero-copy{padding-bottom:0}}
@media(min-width:701px){
.hero{height:clamp(290px,28.3vw,385px)}
.feature-split{height:clamp(210px,20.5vw,280px);padding:12px 0;overflow:hidden}
.feature-split>.split-grid{height:100%;gap:7%}
.feature-split .visual-card:not(.phone-crop) img{max-height:220px;object-fit:contain}
.feature-split .phone-crop{height:100%;max-height:none;align-self:stretch}
.feature-split .phone-crop img{width:300px;max-width:80%}
.feature-split .demo-label{display:none}
.feature-split .copy-block p:not(.eyebrow){font-size:14px;line-height:1.35}
.feature-split .text-link{margin-top:10px}
.pricing-preview{padding:22px 0}
.pricing-row .price-card .button{margin-top:auto}
}
@media(min-width:701px){.hero-art{min-height:0;max-height:100%;overflow:hidden}.hero-art img{height:100%;max-height:100%;width:100%;object-fit:contain}.phone-crop img[src*="appointment-user"]{width:175px;max-width:65%}.phone-crop img[src*="mobile-user"]{width:255px;transform:translateY(-22px)}}
@media(min-width:701px){
.hero{overflow:visible;position:relative;z-index:1}
.hero-art{overflow:visible}
.hero-art img{transform:scale(1.16);transform-origin:60% 55%}
.hero h1{font-size:clamp(34px,3.5vw,47px);letter-spacing:-1.2px;line-height:1.02}
.hero-copy{width:110%;padding-bottom:20px}
.hero .lead{max-width:390px}
.copy-block h2{font-weight:650;letter-spacing:-.9px}
.hero .button{min-height:38px;padding-inline:20px;font-size:12px}
}
@media(min-width:701px){.site-header{position:relative;z-index:3}.hero{overflow:hidden}.hero-art img{transform:scale(1.12);transform-origin:60% 55%}}
/* Match the reference's readable, lighter editorial rhythm. */
.hero .lead{font-size:15px;line-height:1.45}
.text-link{font-weight:500;text-decoration:underline;text-underline-offset:3px}
.copy-block h2{line-height:1.08}
@media(min-width:701px){.hero-actions .button-outline{gap:9px}.pricing-row .price-card{min-height:137px}.pricing-row .price-card>p:not(.plan-name):not(.price){margin-bottom:9px}}
/* Publication pass: deliberate image scale instead of successive thumbnail limits. */
.feature-status{display:inline-block;margin-bottom:10px;color:#526387;background:#edf3fb;border:1px solid #dce6f4;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}
.copy-block .illustration-note{font-size:11px!important;line-height:1.5!important;color:#667493!important}
@media(min-width:701px){
.feature-split{height:clamp(260px,25vw,340px);padding:18px 0}
.feature-split .visual-card:not(.phone-crop) img{max-height:none;width:100%;max-width:100%}
.feature-split .calendar-crop{height:100%;max-height:none;display:flex;align-items:flex-start;padding-top:10px}
.feature-split .calendar-crop img{width:110%;max-width:110%;flex-shrink:0;margin-left:-5%}
.feature-split .phone-crop{position:relative;overflow:hidden}
.feature-split .phone-crop img[src*="mobile-user"]{width:400px;max-width:95%;max-height:none;transform:translateY(-30px) rotate(8deg);transform-origin:center top}
.feature-split .phone-crop img[src*="appointment-user"]{width:390px;max-width:95%;max-height:none;transform:translateY(-28px)}
.feature-split .copy-block p:not(.eyebrow){font-size:15px;line-height:1.5}
}
@media(max-width:700px){
.feature-split .image-left .visual-card{order:2}
.feature-split .phone-crop{height:320px;overflow:hidden}
.feature-split .phone-crop img[src*="mobile-user"],.feature-split .phone-crop img[src*="appointment-user"]{width:350px;max-width:100%;transform:translateY(-20px)}
.feature-split .demo-label{display:none}
.feature-split .calendar-crop{max-height:none}
.hero h1{font-size:clamp(29px,8.2vw,43px)}
}