.nav-book-demo{display:flex;align-items:center;padding:11px 15px;border-radius:8px;background:#fff0e5;color:#b84400;text-decoration:none;font-weight:850;white-space:nowrap;border:0;font:inherit;cursor:pointer;margin-right:8px}
.hero-book-demo{padding:14px 18px;border:0;border-radius:10px;background:#f26000;color:#fff;font-weight:850;font:inherit;cursor:pointer}
.hero-book-demo:hover{background:#d95400}
.course-demo-cta{grid-column:1/-1;margin-top:8px;min-height:43px;border-radius:9px;border:1px solid #f2b184;background:#fff5ec;color:#b84400;font-weight:850;font-size:12px;font:inherit;cursor:pointer}
.demo-float{position:fixed;left:20px;bottom:20px;z-index:9997;min-height:58px;padding:10px 16px;border:0;border-radius:14px;background:#f26000;color:#fff;box-shadow:0 14px 38px rgba(178,68,0,.32);display:grid;text-align:left;font:inherit;cursor:pointer}
.demo-float b{font-size:14px}
.demo-float span{font-size:10px;opacity:.85}

.demo-modal{position:fixed;inset:0;z-index:10030;background:rgba(3,20,50,.78);backdrop-filter:blur(7px);padding:18px;overflow:auto}
.demo-modal[hidden]{display:none}
.demo-card{width:min(680px,100%);margin:3vh auto;background:#fff;border-radius:20px;padding:30px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.demo-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px;cursor:pointer;line-height:1}
.demo-eyebrow{color:#f26000;font-weight:900;letter-spacing:1px}
.demo-card h2{font-size:29px;margin:7px 0;color:#071d55}
.demo-card>p{color:#587083;margin-bottom:16px}

.demo-type-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.demo-type-row button{text-align:left;padding:12px 14px;border-radius:12px;border:1px solid #cbd9e5;background:#f8fafc;cursor:pointer;font:inherit}
.demo-type-row button b{display:block;font-size:13px;color:#071d55}
.demo-type-row button small{display:block;margin-top:3px;font-size:11px;color:#647286}
.demo-type-row button.is-active{border-color:#0759d8;background:#edf4ff}

.demo-picker{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.demo-calendar{border:1px solid #e3ebf3;border-radius:14px;padding:14px}
.demo-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.demo-cal-head strong{font-size:13px;color:#071d55}
.demo-cal-head button{border:0;background:#f1f5f9;width:28px;height:28px;border-radius:8px;font-size:16px;cursor:pointer}
.demo-cal-head button:disabled{opacity:.35;cursor:default}
.demo-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:10px;color:#8899ab;margin-bottom:4px}
.demo-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.demo-cal-cell{position:relative;aspect-ratio:1;border:0;background:none;border-radius:8px;font-size:12px;cursor:pointer;font:inherit}
.demo-cal-cell:not(.is-blank):not(.is-disabled):hover{background:#edf4ff}
.demo-cal-cell.is-blank{cursor:default}
.demo-cal-cell.is-disabled{color:#c3ccd6;cursor:not-allowed}
.demo-cal-cell.is-selected{background:#0759d8;color:#fff}
.demo-cal-cell i{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:#16a765}
.demo-cal-cell.is-selected i{background:#fff}

.demo-slots-empty{display:flex;align-items:center;justify-content:center;min-height:180px;text-align:center;color:#8899ab;font-size:13px;padding:12px}
.demo-slots-date{font-weight:850;color:#071d55;margin-bottom:8px;font-size:13px}
.demo-slot-group{margin-bottom:12px}
.demo-slot-group>span{display:block;font-size:10px;color:#8899ab;letter-spacing:1px;margin-bottom:6px}
.demo-slot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.demo-slot-grid button{padding:9px;border:1px solid #cbd9e5;border-radius:8px;background:#fff;cursor:pointer;font-size:12px;font:inherit}
.demo-slot-grid button.is-selected,.demo-slot-grid button:hover{border-color:#0759d8;background:#edf4ff;color:#0759d8}

.demo-back{border:0;background:none;color:#0759d8;font-weight:800;padding:0 0 12px;cursor:pointer;font:inherit}
.demo-summary{display:flex;gap:8px;align-items:center;background:#f4f7fc;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:800;color:#071d55;margin-bottom:16px}
.demo-details{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.demo-details label{display:block;margin:8px 0;font-size:11px;font-weight:800}
.demo-details input,.demo-details select,.demo-details textarea{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid #cbd9e5;border-radius:8px;background:#fff;font:inherit}
.demo-span-2{grid-column:1/-1}
.demo-consent{grid-column:1/-1;display:flex!important;gap:9px;align-items:flex-start;font-weight:600!important}
.demo-consent input{width:auto!important;margin-top:3px!important}
.demo-hp{position:absolute!important;left:-9999px!important}
.demo-error{grid-column:1/-1;color:#c0392b;font-weight:800;font-size:12px;min-height:14px}
.demo-submit{grid-column:1/-1;display:flex;width:100%;justify-content:center;padding:13px;border:0;border-radius:9px;background:#f26000;color:#fff;font-weight:850;cursor:pointer;font-size:14px}
.demo-submit:disabled{opacity:.65;cursor:default}
.demo-message{margin-top:10px;color:#08783f;font-weight:800;font-size:12px}

.demo-success{text-align:center}
.demo-success-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#e8f8ef;color:#08783f;font-size:24px;margin-bottom:10px}
.demo-success h2{color:#08783f}
.demo-success-when{font-weight:850;color:#071d55;font-size:16px;margin:4px 0}
.demo-success-time{color:#647286;font-size:13px;margin-bottom:16px}
.demo-success-card{display:flex;flex-direction:column;gap:6px;background:#f4f7fc;border-radius:12px;padding:16px;margin-bottom:14px}
.demo-success-card a{color:#0759d8;font-weight:800;word-break:break-all}
.demo-success-note{font-size:12px;color:#8899ab;margin-bottom:16px}
.demo-success-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.demo-success-actions a{padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:850;font-size:12px}
.demo-success-actions a:first-child{background:#0759d8;color:#fff}
.demo-manage-link{border:1px solid #cbd9e5;color:#071d55}

.demo-manage-card h2{color:#071d55;font-size:22px}
.demo-status-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;background:#edf4ff;color:#0759d8;margin-bottom:10px}
.demo-status-pill.status-cancelled{background:#fdeceb;color:#c0392b}
.demo-status-pill.status-completed{background:#e8f8ef;color:#08783f}
.demo-manage-track{font-size:13px;color:#587083;margin:6px 0}
.demo-manage-link-inline{display:inline-block;margin:8px 0 16px;color:#0759d8;font-weight:800;font-size:12px;word-break:break-all}
.demo-manage-actions{display:flex;gap:10px}
.demo-manage-actions button{flex:1;padding:11px;border-radius:8px;border:1px solid #cbd9e5;background:#fff;font-weight:850;cursor:pointer;font-size:12px;font:inherit}
.demo-manage-actions button.danger{border-color:#f3c6c1;color:#c0392b}

@media(max-width:650px){
 .demo-card{padding:22px 16px}
 .demo-type-row{grid-template-columns:1fr}
 .demo-picker{grid-template-columns:1fr}
 .demo-details{grid-template-columns:1fr}
 .demo-float{left:10px;bottom:10px;min-height:48px;padding:8px 12px}
 .demo-float span{display:none}
 .nav-book-demo{display:none}
}