.mobile-how{display:none}
.hero-title .static-online,.hero-title .animated-online{width:fit-content;max-width:100%;overflow:hidden;white-space:nowrap}
@media(prefers-reduced-motion:no-preference){.hero-title .static-online,.hero-title .animated-online{animation:online-reveal 1.5s steps(6,end) 1 both!important}@keyframes online-reveal{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}}
.hero-copy .consultation-channels>.channel-chip{display:inline-flex;align-items:center;gap:7px}
.consultation-channels>.channel-chip>span{padding:0;border:0;background:none;color:inherit;font:inherit;border-radius:0}
.consultation-channels>.channel-chip::before,.consultation-channels>.channel-chip>span::before{content:none!important}
.consultation-channels .channel-chip>svg{width:20px;height:20px;flex-shrink:0}
.how-calendar-demo{margin-top:18px;padding:14px;border:1px solid #d7e6de;border-radius:15px;background:#f7faf7}
.how-calendar-label{font-size:12px;font-weight:600;color:#345c50;margin-bottom:10px}
.how-demo-dates,.how-demo-times{display:flex;gap:7px}
.how-demo-dates>span{flex:1;text-align:center;font-size:11px;color:#607267;padding:8px 3px;border-radius:10px;background:white}
.how-demo-dates b{display:block;font-size:18px;margin-top:3px;color:#234b3c}
.how-demo-times{margin-top:10px}.how-demo-times>span{flex:1;text-align:center;font-size:11px;padding:8px 3px;border-radius:8px;background:white;color:#345c50;white-space:nowrap}
.how-calendar-demo .selected{background:#cde6d5;color:#174d3c}.how-calendar-demo small{display:block;font-size:11px;color:#6a7a70;margin-top:9px}
.how-slide-channels li svg{width:24px;height:24px;display:block;margin:0 auto 6px}
@media(max-width:760px){.hero-copy .consultation-channels>.channel-chip{flex:1;flex-direction:column;gap:6px;padding:0;background:none;border:0;border-radius:0;text-align:center;font-size:clamp(11px,3vw,13px)}.hero-copy .channel-chip>svg{width:23px;height:23px}.hero-copy .channel-chip>span{line-height:1.4}}
.patient-special-request{display:block;min-height:44px;background:none;padding:10px 0;margin-top:12px;color:#08796c;font-size:15px;line-height:1.5;text-align:left;text-decoration:underline;text-underline-offset:4px}
.patient-special-request:focus-visible{outline:3px solid #108c80;outline-offset:3px;border-radius:5px}
@media(max-width:760px){
 .how-section{background:#fbfcfa;padding:40px 0 44px;text-align:left}
 .how-section>.wrap{padding-left:22px;padding-right:22px;width:100%;max-width:560px;margin:auto}
 .how-section .desktop-how{display:none}
 .how-section .mobile-how{display:block}
 .mobile-how-kicker{display:inline-flex;align-items:center;padding:9px 13px;border-radius:99px;background:#eaf4ee;color:#0b6f6b;font-size:12px;line-height:1.3;font-weight:600;letter-spacing:.5px;text-transform:uppercase}
 .mobile-how #mobile-how-title{font-size:clamp(29px,8.2vw,36px);line-height:1.16;letter-spacing:-1.1px;margin:20px 0 9px;font-weight:700;color:#0d1830}
 #mobile-how-title>span{color:#108c80}
 .mobile-how .mobile-how-intro{font-size:16px;line-height:1.6;color:#5b6875;margin:0 0 24px}
 .how-slider-track{display:flex;position:relative;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:22px;align-items:stretch}
 .how-slider-track::-webkit-scrollbar{display:none}
 .how-slider-track:focus-visible{outline:3px solid #108c80;outline-offset:4px}
 .how-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #d4e6dc;border-radius:22px;padding:24px;min-height:340px;background:#eaf5ed;box-sizing:border-box}
 .how-slide-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}
 .how-slide-icon{width:57px;height:57px;display:grid;place-items:center;background:#ffffffdf;border-radius:17px;color:#08786e;flex-shrink:0}
 .how-slide-icon svg{width:31px;height:31px}
 .how-slide-step{font-size:13px;font-weight:600;line-height:1.4;padding:8px 12px;border-radius:99px;background:#ffffffb3;color:#216c60}
 .how-slide h3{font-size:27px;line-height:1.2;letter-spacing:-.7px;color:#102b44;margin:0 0 13px}
 .how-slide>p{font-size:16px;line-height:1.65;margin:0;color:#4d6566}
 .how-slide-2{background:#f0f4f8}.how-slide-2 .how-slide-icon,.how-slide-2 .how-slide-step{color:#254d71}
 .how-slide-3{background:#fff}.how-slide-4{background:#f6f4ec}
 .how-slide-6{background:#064e42;border-color:#064e42}.how-slide-6 h3{color:#fff}.how-slide-6>p{color:#e0eee7}.how-slide-6 .how-slide-step{background:#ffffff1c;color:#e0eee7}
 .how-slide-channels{display:grid;grid-template-columns:1fr 1fr;gap:7px;list-style:none;margin:19px 0 0;padding:0}
 .how-slide-channels li{font-size:13px;font-weight:500;line-height:1.4;padding:9px 6px;background:#eaf5ef;border-radius:10px;text-align:center;color:#1e6058}
 .how-slide .how-payment-note{font-size:14px;margin-top:20px;line-height:1.55;color:#77642f}
 .how-payment-note strong{display:block;font-size:12px;font-weight:600;background:#eee6cd;border-radius:99px;width:fit-content;padding:5px 10px;margin-bottom:9px;text-transform:uppercase;letter-spacing:.4px}
 .how-slide-detail{margin-top:20px;border-top:1px solid #ffffff2c;padding-top:17px;font-size:14px;line-height:1.6;color:#d2e8df}
 .how-slider-controls{display:flex;align-items:center;gap:8px;margin-top:16px}
 .how-slider-controls button{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:1px solid #cbded2;border-radius:50%;background:white;color:#155d50;padding:10px}
 .how-slider-controls svg{width:20px;height:20px}
 .how-slider-controls .how-slide-position{margin:0 auto 0 0;color:#59706a;font-size:13px;line-height:1.4;white-space:nowrap}
 .how-slider-controls .how-slide-motion{min-width:76px;gap:6px;border-radius:99px;font-size:13px}
 .how-slider-controls button:focus-visible,.how-slide-dots button:focus-visible{outline:3px solid #108c80;outline-offset:3px}
 .how-slide-dots{display:flex;align-items:center;justify-content:center;margin:3px 0 0;gap:0}
 .how-slide-dots button{display:grid;place-items:center;width:40px;height:40px;background:none;padding:12px;border-radius:50%}
 .how-slide-dots span{display:block;width:7px;height:7px;background:#c7d9cf;border-radius:99px;transition:width .2s,background .2s}
 .how-slide-dots [aria-current] span{width:20px;background:#108c80}
 .how-app-book{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:15px 22px;border:0;border-radius:99px;background:#102b44;color:#fff;font-size:16px;font-weight:600;margin-top:5px;line-height:1.4}
 .how-app-book svg{width:22px;height:22px;flex-shrink:0}.how-app-book:hover{background:#164136}
 .how-app-book:focus-visible{outline:3px solid #108c80;outline-offset:4px}
}
@media(max-width:360px){.how-section>.wrap{padding-left:18px;padding-right:18px}.how-slide{padding:21px;min-height:370px}.how-slide h3{font-size:25px}.how-slide-top{margin-bottom:22px}.how-slider-controls{gap:6px}.how-slider-controls .how-slide-motion{min-width:70px}.how-slider-controls .how-slide-position{font-size:12px}}
@media(prefers-reduced-motion:reduce){.how-slide-dots span{transition:none}}

@media(max-width:760px){
 .how-slider-track{align-items:flex-start;overflow-y:hidden;transition:height .25s ease}
 .how-slide{min-height:0!important;padding:21px 22px}
 .how-slide-top{margin-bottom:16px}
 .how-slide-icon{width:44px;height:44px;border-radius:13px}
 .how-slide-icon svg{width:25px;height:25px}
 .how-slide h3{font-size:25px;margin-bottom:10px}
 .how-slide>p{line-height:1.55}
 .how-calendar-demo{padding:10px;margin-top:13px}
 .how-demo-dates>span{padding:5px 3px}
 .how-demo-dates b{font-size:17px;margin-top:1px}
 .how-demo-times{margin-top:7px}
 .how-calendar-demo small{margin-top:6px}
 .how-slide-channels{margin-top:14px}
 .how-slide .how-payment-note{margin-top:14px}
 .how-slide-detail{margin-top:14px;padding-top:12px}
}
@media(prefers-reduced-motion:reduce){.how-slider-track{transition:none}}
