.demo-booking-form{display:grid;gap:18px}.demo-booking-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;border-radius:12px;background:#f1f5f9}.demo-booking-progress-item{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:9px 6px;color:#738096;font-size:11px}.demo-booking-progress-item>span{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#dfe6ef;font-size:10px;font-weight:1000}.demo-booking-progress-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-booking-progress-item.is-active{border-radius:9px;background:#fff;color:#0f172a;box-shadow:0 5px 16px #0f172a14}.demo-booking-progress-item.is-active>span{background:#ff7417;color:#fff}.demo-booking-progress-item.is-complete{color:#16803c}.demo-booking-progress-item.is-complete>span{background:#dcfce7;color:#16803c}.demo-booking-step{display:grid;gap:18px;animation:demo-booking-in .22s ease-out}.demo-booking-step h3,.demo-booking-success h3{margin:5px 0 0;color:#0f172a;font-size:clamp(21px,2.3vw,27px);letter-spacing:-.45px;line-height:1.14}.demo-booking-step>div>p{margin:7px 0 0;color:#536176;font-size:14px;font-weight:650;line-height:1.48}.demo-booking-eyebrow{color:#e85f08;font-size:11px;font-weight:1000;letter-spacing:1.1px;text-transform:uppercase}.demo-booking-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:end}.demo-booking-fieldset{min-width:0;margin:0;padding:0;border:0}.demo-booking-fieldset legend{margin-bottom:9px;color:#0f172a;font-size:13px;font-weight:950}.demo-booking-fieldset legend span,.demo-booking-optional{color:#738096;font-size:11px;font-weight:750}.demo-booking-size-options,.demo-booking-time-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.demo-booking-size-options button,.demo-booking-time-options button{min-height:47px;border:1px solid #cfd8e6;border-radius:9px;background:#fff;color:#334155;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.demo-booking-size-options button:hover,.demo-booking-time-options button:hover,.demo-booking-date-options button:hover,.demo-booking-goals button:hover{border-color:#ff8f2f}.demo-booking-size-options button.is-selected,.demo-booking-time-options button.is-selected{border-color:#ff7417;background:#fff4eb;color:#c94c00;box-shadow:inset 0 0 0 1px #ff7417}.demo-booking-time-options button:disabled{border-color:#edf1f6;background:#f8fafc;color:#b0bac8;cursor:not-allowed;text-decoration:line-through;box-shadow:none}.demo-booking-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-booking-goals button{display:grid;grid-template-columns:28px 1fr;gap:9px;min-height:76px;padding:12px;border:1px solid #dce3ee;border-radius:10px;background:#fff;color:#0f172a;text-align:left;cursor:pointer}.demo-booking-goals button.is-selected{border-color:#ff7417;background:#fff8f2;box-shadow:inset 0 0 0 1px #ff7417}.demo-booking-goals strong,.demo-booking-goals small{display:block}.demo-booking-goals strong{font-size:12px;line-height:1.25}.demo-booking-goals small{margin-top:4px;color:#64748b;font-size:10px;font-weight:650;line-height:1.3}.demo-booking-check{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#edf2f7;color:#64748b;font-size:14px;font-weight:1000}.demo-booking-goals button.is-selected .demo-booking-check{background:#ff7417;color:#fff}.demo-booking-date-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.demo-booking-date-options button{min-height:64px;padding:8px 5px;border:1px solid #d4dce8;border-radius:9px;background:#fff;color:#64748b;font:inherit;cursor:pointer}.demo-booking-date-options span,.demo-booking-date-options strong{display:block}.demo-booking-date-options span{font-size:10px;font-weight:900;text-transform:uppercase}.demo-booking-date-options strong{margin-top:4px;color:#0f172a;font-size:11px}.demo-booking-date-options button.is-selected{border-color:#ff7417;background:#fff4eb;box-shadow:inset 0 0 0 1px #ff7417}.demo-booking-timezone{display:flex;align-items:center;gap:7px;margin-top:-7px;color:#64748b;font-size:12px;font-weight:700}.demo-booking-timezone span{color:#ff7417;font-size:17px}.demo-booking-availability{margin-top:-7px;color:#16803c;font-size:12px;font-weight:900}.demo-booking-availability.is-error{color:#dc2626}.demo-booking-actions{display:flex;justify-content:space-between;gap:10px}.demo-booking-primary,.demo-booking-secondary,.demo-booking-text-button{min-height:49px;border-radius:9px;padding:0 20px;font:inherit;font-weight:1000;cursor:pointer}.demo-booking-primary{margin-left:auto;border:0;background:linear-gradient(135deg,#ff8f2f,#ff7417);color:#fff;box-shadow:0 14px 30px #ff74173b}.demo-booking-primary:disabled{cursor:wait;opacity:.72}.demo-booking-secondary{border:1px solid #cfd8e6;background:#fff;color:#334155}.demo-booking-summary{display:grid;gap:8px;padding:15px;border-radius:11px;background:#071427;color:#fff}.demo-booking-summary>div,.demo-booking-success-details>div{display:grid;grid-template-columns:minmax(100px,.42fr) 1fr;gap:12px;align-items:baseline}.demo-booking-summary span,.demo-booking-success-details span{color:#ffffff94;font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.demo-booking-summary strong,.demo-booking-success-details strong{font-size:12px;line-height:1.35}.demo-booking-disclosure{margin:-5px 0 0;color:#64748b;font-size:11px;font-weight:700;line-height:1.45}.demo-booking-message{min-height:18px;color:#16803c;font-size:12px;font-weight:900}.demo-booking-message.is-error{color:#dc2626}.demo-booking-success{display:grid;justify-items:start;gap:14px;padding:5px}.demo-booking-success-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#dcfce7;color:#16803c;font-size:25px;font-weight:1000}.demo-booking-success p{margin:0;color:#536176;font-size:14px;line-height:1.55}.demo-booking-success-details{width:100%;box-sizing:border-box;display:grid;gap:9px;padding:16px;border-radius:11px;background:#071427;color:#fff}.demo-booking-success-details strong{overflow-wrap:anywhere}.demo-booking-next-step{display:grid;gap:6px;padding-left:2px;color:#536176;font-size:12px;font-weight:700}.demo-booking-next-step strong{color:#0f172a;font-size:13px}.demo-booking-text-button{min-height:42px;padding:0;border:0;background:transparent;color:#d95605}@keyframes demo-booking-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 760px){.demo-booking-progress-item{gap:5px;font-size:9px}.demo-booking-progress-item>span{width:19px;height:19px}.demo-booking-two-column,.demo-booking-goals.is-phone{grid-template-columns:1fr}.demo-booking-size-options,.demo-booking-time-options{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-booking-date-options{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-booking-actions{display:grid;grid-template-columns:auto 1fr}.demo-booking-actions .demo-booking-primary{width:100%;padding:0 12px}.demo-booking-summary>div,.demo-booking-success-details>div{grid-template-columns:1fr;gap:3px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:#fbf3e6;color:#0f172a;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--dd-base-font-size, 16px);overflow-x:hidden}#root{min-height:100vh;background:#fbf3e6}.dd-console-shell,.dd-console-main{width:100%}.dd-console-shell{display:flex;align-items:flex-start}.dd-console-nav{display:block;flex:0 0 232px;width:232px;margin-bottom:0}.dd-console-main{flex:1 1 auto;min-width:0;overflow:visible}@media (max-width: 720px){.dd-console-shell{display:block}.dd-console-nav{width:100%;margin-bottom:16px}}@supports not (position: sticky){.dd-console-main{height:auto!important;max-height:none!important;overflow:visible!important}}button,input,select,textarea{font:inherit}:root{--dd-base-font-size: 16px;--dd-compact-font-size: 16px;--dd-card-padding: 18px;--dd-control-padding-y: 11px;--dd-control-padding-x: 14px;--dd-section-title-size: 20px;--dd-metric-value-size: 34px}@media (max-width: 720px){:root{--dd-base-font-size: 14px;--dd-compact-font-size: 14px;--dd-card-padding: 13px;--dd-control-padding-y: 9px;--dd-control-padding-x: 11px;--dd-section-title-size: 17px;--dd-metric-value-size: 25px}button,input,select,textarea{font-size:var(--dd-compact-font-size)}}
