.booking-story{background:#203b40;border-radius:14px;margin:40px auto 0;padding:35px 40px 25px;color:#eef5ed;position:relative;overflow:hidden}.story-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin:0 0 30px}.story-heading h3{font-family:Arial,sans-serif;font-size:33px;line-height:1.13;letter-spacing:-1px;font-weight:400;margin:0}.story-heading h3>span{color:#c8e9a8}.story-category{font-size:8px;letter-spacing:1.3px;color:#a3bbb1;padding-top:6px}.story-devices{display:grid;grid-template-columns:240px 70px 1fr;align-items:center;gap:18px;max-width:970px;margin:auto}.device-caption{font-size:8px;letter-spacing:1px;color:#a6bdb2;display:flex;align-items:center;gap:10px;margin-bottom:15px}.device-caption>span{font-size:7px;color:#d7ebc0;border:1px solid #638774;border-radius:50%;padding:5px;letter-spacing:0}.booking-phone{background:#fafcf6;color:#294033;border:5px solid #142b2c;border-radius:26px;padding:17px 19px 25px;box-shadow:0 16px 25px #102a2540;position:relative}.booking-phone-top{font-size:7px;display:flex;justify-content:space-between;margin-bottom:23px}.appointment-brand{font-size:12px;display:flex;align-items:center;gap:7px}.brand-dot{width:9px;height:9px;display:inline-block;background:#96b871;border-radius:50%;flex-shrink:0}.booking-phone h4{font-family:Arial,sans-serif;font-size:29px;font-weight:400;letter-spacing:-1px;line-height:1.1;margin:18px 0 14px}.phone-service{font-size:10px;line-height:1.7;margin:0 0 20px}.phone-service>span{display:block;font-size:8px;color:#97a48b}.field-label{font-size:7px;letter-spacing:1px;color:#8b9c7f;display:block;margin:17px 0 10px}.day-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.day-picker>div{border:1px solid #e1e8d8;text-align:center;padding:10px 0;border-radius:5px;transition:background .4s,color .4s,border-color .4s}.day-picker small{display:block;font-size:6px;margin-bottom:5px;color:#9aa68b}.day-picker b{font-size:17px;font-weight:400}.hour-picker{display:flex;gap:6px}.hour-picker>span{font-size:9px;flex:1;padding:10px 2px;text-align:center;border:1px solid #e1e8d8;border-radius:4px;transition:background .4s,color .4s,border-color .4s}.booking-story.date-chosen #picked-day,.booking-story.date-chosen #picked-hour{background:#c5e59f;border-color:#accf7f;color:#2a4825}.booking-story.date-chosen #picked-day small{color:#628247}.booking-confirm{background:#edf2e5;border:1px solid #e0e9d2;border-radius:5px;margin-top:20px;padding:13px 9px;display:flex;align-items:center;gap:8px;min-height:55px;transition:background .4s}.booking-confirm>span{font-size:17px;color:#89a46a}.booking-confirm strong{font-size:9px;font-weight:500;display:block}.booking-confirm small{font-size:6px;color:#8e9f7e;display:block;margin-top:4px;line-height:1.6}.booking-story.confirmed .booking-confirm{background:#c5e59f;border-color:#b1d288}.booking-story.confirmed .booking-confirm>span{color:#4b7231}.booking-story.confirmed .booking-confirm small{color:#6c884e}.booking-home{position:absolute;bottom:7px;left:35%;width:30%;height:3px;border-radius:5px;background:#234135}.booking-calendar{background:#fbfcfa;color:#2a4134;border:1px solid #dee8dd;border-radius:9px;overflow:hidden;box-shadow:0 16px 25px #102a2540}.calendar-bar{padding:18px 20px;border-bottom:1px solid #e6ede2;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px}.calendar-bar>span:first-child{display:flex;align-items:center;gap:8px}.calendar-bar b{font-weight:400;color:#c2ccba;margin:0 6px}.calendar-live{font-size:7px;color:#8b9f7f;display:flex;align-items:center;gap:5px}.calendar-live i{height:5px;width:5px;background:#a9c28e;border-radius:50%}.calendar-title{padding:25px 25px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.calendar-title h4{font-family:Arial,sans-serif;font-size:27px;letter-spacing:-.9px;font-weight:400;margin:0}.calendar-title>span{font-size:8px;color:#a2ad97}.week-grid{display:grid;grid-template-columns:42px repeat(3,1fr);padding:0 20px}.week-times{display:flex;flex-direction:column;font-size:7px;color:#a8b29c}.week-day-spacer{height:65px}.week-times>span{height:70px;display:block;padding-top:7px}.week-column{border-left:1px solid #e3ebdc}.week-day{text-align:center;height:65px;border-bottom:1px solid #e3ebdc;padding:8px 0}.week-day>span{display:block;font-size:7px;color:#a2af95;margin-bottom:7px}.week-day b{font-size:21px;font-weight:400}.hour-cell{height:70px;border-bottom:1px solid #e3ebdc;position:relative}.new-appointment{position:absolute;inset:3px;background:#d9edba;border-left:3px solid #8daf61;border-radius:3px;padding:7px 7px;opacity:0;transform:translateY(7px);transition:opacity .5s,transform .5s;overflow:hidden}.booking-story.synced .new-appointment{opacity:1;transform:translateY(0)}.appointment-time{font-size:7px;color:#799752;display:block}.new-appointment strong{display:block;font-size:10px;font-weight:500;margin:6px 0 3px}.new-appointment small{font-size:6px;color:#829b60;display:block}.appointment-status{display:none}.booking-story.date-chosen .target-day .week-day{background:#f0f6e8}.booking-story.date-chosen .target-day .week-day b{color:#718f4f}.calendar-notice{min-height:58px;margin:15px 20px 18px;display:flex;align-items:center;gap:10px;font-size:9px;color:#98a98b;line-height:1.7;padding:10px 12px;background:#f1f5eb;border-radius:4px}.notice-check{font-size:18px;color:#9db57e}.booking-story.synced .calendar-notice{background:#e4f1d2;color:#6a884a}.booking-story.synced .notice-check{color:#759849}.story-connector{position:relative;display:flex;align-items:center;padding-top:30px;color:#7f9e8c}.connector-line{height:1px;background:#5b7e6a;flex:1}.connector-arrow{font-size:25px;line-height:1}.connector-dot{position:absolute;left:0;top:calc(50% + 11px);height:9px;width:9px;border-radius:50%;background:#c9ec9f;opacity:0;transform:translateX(0)}.booking-story.sending .connector-dot{animation:travel-to-calendar .8s ease-in-out forwards}@keyframes travel-to-calendar{0%{opacity:0;transform:translateX(0)}20%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateX(55px)}}.story-summary{display:flex;justify-content:center;align-items:center;gap:24px;border-top:1px solid #52746766;padding-top:22px;margin-top:30px;font-size:10px;color:#91ac9d}.story-step b{font-weight:400;color:#b1c7b9;margin-right:7px}.story-step.active{color:#d6ebbc}.story-step.active b{color:#d6ebbc}.story-summary-arrow{color:#678c75}.scene-note{font-size:9px;line-height:1.7}.services{padding-top:65px}@media(max-width:1000px){.booking-story{padding:28px 25px 23px}.story-devices{grid-template-columns:205px 35px 1fr;gap:13px}.story-heading h3{font-size:29px}.booking-phone{padding:14px 14px 24px}.booking-phone h4{font-size:27px}.calendar-title{padding:22px 17px 20px}.calendar-title h4{font-size:23px}.calendar-bar{padding:17px 15px;font-size:8px}.week-grid{padding-inline:12px;grid-template-columns:29px repeat(3,1fr)}.calendar-notice{margin-inline:12px;font-size:8px}.new-appointment{padding:5px}.new-appointment strong{font-size:8px}.appointment-time{font-size:6px}.new-appointment small{font-size:5px}.story-summary{gap:15px;font-size:9px}.story-category{font-size:6px}.device-caption{font-size:6px;letter-spacing:.7px}@keyframes travel-to-calendar{0%{opacity:0;transform:translateX(0)}20%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateX(25px)}}}@media(max-width:700px){.booking-story{padding:25px 18px 22px;border-radius:10px}.story-heading{display:block;margin-bottom:25px}.story-heading h3{font-size:28px;line-height:1.15;letter-spacing:-.7px}.story-category{display:block;font-size:6px;margin-top:12px;letter-spacing:1px}.story-devices{grid-template-columns:1fr;max-width:440px;gap:0}.customer-side{max-width:245px;width:100%;margin:0 auto}.device-caption{font-size:7px;margin-bottom:12px}.booking-phone{padding:14px 18px 23px;max-width:245px}.booking-phone-top{margin-bottom:18px}.booking-phone h4{font-size:28px;margin-top:16px}.phone-service{font-size:10px;margin-bottom:14px}.field-label{font-size:7px;margin-top:14px}.day-picker>div{padding:8px 0}.day-picker small{font-size:6px}.day-picker b{font-size:17px}.hour-picker>span{font-size:10px;padding:9px 2px}.booking-confirm{margin-top:17px;padding:12px 10px}.booking-confirm strong{font-size:10px}.booking-confirm small{font-size:7px}.story-connector{width:35px;height:60px;margin:10px auto 18px;transform:rotate(90deg);padding-top:0}.connector-dot{top:calc(50% - 4px)}.connector-arrow{font-size:25px}.business-side{width:100%}.calendar-bar{font-size:9px;padding:16px}.calendar-title{padding:22px 18px}.calendar-title h4{font-size:25px}.calendar-title>span{font-size:7px}.week-grid{padding-inline:12px;grid-template-columns:29px repeat(3,1fr)}.week-day-spacer,.week-day{height:60px}.week-day b{font-size:20px}.week-day>span{font-size:6px}.hour-cell,.week-times>span{height:73px}.new-appointment{padding:7px 5px}.new-appointment strong{font-size:8px}.new-appointment small{font-size:5px}.appointment-time{font-size:6px}.calendar-notice{font-size:9px;margin:15px 12px;min-height:55px}.story-summary{flex-direction:column;align-items:flex-start;gap:13px;margin-top:25px;padding-top:20px;font-size:11px}.story-summary-arrow{display:none}.story-step b{margin-right:12px}.scene-note{font-size:8px;max-width:none;margin-inline:10px}.services{padding-top:45px}}@media(prefers-reduced-motion:reduce){.day-picker>div,.hour-picker>span,.booking-confirm,.new-appointment{transition:none}.booking-story.sending .connector-dot{animation:none}.new-appointment{transform:none}}