.dense-booking{--dense-accent:var(--sector-accent,#d7ff54);background:var(--sector-bg,#251222);color:var(--sector-ink,#fff8f7);padding:110px 0;overflow:clip}
.dense-heading{max-width:1050px}.dense-heading .eyebrow{color:var(--dense-accent)}.dense-heading h2{font-size:clamp(43px,5.2vw,78px)}.dense-heading h2 em{color:var(--dense-accent)}.dense-heading>p{font-size:16px;line-height:1.9;max-width:700px;margin:28px 0 44px;opacity:.83}
.dense-playground{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:start}.dense-controls{padding:30px;border:1px solid #ffffff30;border-radius:25px;background:#ffffff0a}.dense-demo-label{display:inline-flex;align-items:center;gap:9px;background:var(--dense-accent);color:#251222;border-radius:30px;padding:9px 15px;font-size:12px;font-weight:800}.dense-demo-label>span{font-size:18px}.dense-controls>h3{font-size:25px;line-height:1.35;margin:20px 0 12px}.dense-intro{font-size:13px;line-height:1.8;opacity:.8}.dense-step{padding:17px 14px;margin:14px -14px 0;border:2px solid transparent;border-radius:17px;transition:border-color .25s,background .25s}.dense-step.is-current{border-color:var(--dense-accent);background:#ffffff0a}.dense-prompt{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:800;line-height:1.5;margin:0 0 12px}.dense-prompt>b{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;background:var(--dense-accent);color:#251222}.dense-prompt>span{margin-left:auto;font-size:25px;color:var(--dense-accent)}
.dense-services{display:grid;gap:8px}.dense-services>button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid #ffffff55;background:#ffffff0d;color:inherit;padding:12px 14px;min-height:47px;border-radius:11px;font:600 12px/1.5 Manrope,Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}.dense-services>button>span{max-width:75%}.dense-services>button>small{font-size:11px;white-space:nowrap}.dense-services>button[aria-pressed=true]{background:var(--dense-accent);border-color:var(--dense-accent);color:#251222}.dense-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:12px 14px;border-radius:14px;background:#fff8f7;color:#251222;border:0;text-align:left;font:800 13px/1.5 Manrope,Arial,sans-serif;cursor:pointer}.dense-switch{display:inline-flex;align-items:center;flex-shrink:0;width:47px;height:28px;padding:4px;background:#d4ccd3;border-radius:30px;transition:background .25s}.dense-switch>i{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .25s}.dense-toggle[aria-checked=true] .dense-switch{background:#251222}.dense-toggle[aria-checked=true] .dense-switch>i{transform:translateX(19px);background:var(--dense-accent)}.dense-help{font-size:11px;line-height:1.7;opacity:.8;margin:10px 0 0}.dense-slots{display:flex;flex-wrap:wrap;gap:9px}.dense-slots>button{min-width:68px;min-height:46px;padding:10px 13px;border:1px solid #ffffff66;border-radius:10px;color:inherit;background:#ffffff0d;font:800 13px Manrope,Arial,sans-serif;cursor:pointer;transition:transform .2s,background .2s}.dense-enabled .dense-slots>button{border-color:var(--dense-accent);box-shadow:inset 0 0 0 1px var(--dense-accent)}.dense-slots>button[aria-pressed=true]{background:var(--dense-accent);color:#251222}.dense-book{width:100%;min-height:54px;padding:13px;border:0;border-radius:30px;background:var(--dense-accent);color:#251222;font:800 13px/1.5 Manrope,Arial,sans-serif;cursor:pointer}.dense-book:disabled{opacity:.5;cursor:default}.dense-complete .dense-book:disabled{opacity:1}.dense-status{padding:15px 17px;border-radius:13px;background:#ffffff10;font-size:12px;line-height:1.8;margin-top:14px}.dense-reset{border:0;border-bottom:1px solid currentColor;padding:10px 0 5px;margin-top:10px;background:transparent;color:inherit;font:700 12px Manrope,Arial,sans-serif;cursor:pointer}.dense-disclaimer{font-size:10px;line-height:1.7;opacity:.6;margin-top:18px}
.dense-calendar-panel{position:sticky;top:110px;border-radius:25px;background:#fff8f7;color:#251222;padding:28px;box-shadow:12px 14px 0 #0002}.dense-calendar-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.dense-calendar-top>div>span{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#836b7c}.dense-calendar-top h3{font-size:22px;line-height:1.4;margin-top:7px}.dense-day{display:flex;flex-direction:column;align-items:center;border-radius:12px;padding:8px 14px;background:var(--dense-accent);font-size:9px;color:#251222}.dense-day>b{font-size:23px;line-height:1.4}.dense-calendar-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:9px;margin:25px 0}.dense-calendar-legend>span{display:flex;align-items:center;gap:6px}.dense-calendar-legend i{width:9px;height:9px;border-radius:3px;background:#e8dcf0}.dense-calendar-legend>span+span i{background:var(--dense-accent);border:1px solid #25122244}.dense-calendar{display:grid;grid-template-columns:42px 1fr;height:432px;margin-bottom:14px}.dense-hours{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#866f7e;transform:translateY(-6px)}.dense-track{position:relative;background:repeating-linear-gradient(to bottom,#eadde5 0,#eadde5 1px,transparent 1px,transparent 72px);border-bottom:1px solid #eadde5}.dense-event{position:absolute;left:8px;right:0;top:calc(var(--start) * 1.2px);height:calc(var(--duration) * 1.2px - 4px);padding:8px 11px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:3px}.dense-event>small{font-size:9px;font-weight:700}.dense-event>b{font-size:11px;line-height:1.4}.dense-event>span{font-size:9px}.dense-existing{background:#e8dcf0;border-left:3px solid #b195c4}.dense-new{background:var(--dense-accent);color:#251222;border:2px dashed #25122288;animation:dense-arrive .35s ease-out}.dense-new[hidden],.dense-gap[hidden]{display:none}.dense-new[style*="--duration: 30"]{padding:3px 8px;gap:1px}.dense-new[style*="--duration: 30"]>span{display:none}.dense-complete .dense-new{border-style:solid}.dense-gap{position:absolute;left:8px;right:0;top:144px;height:144px;border-radius:11px;border:2px dashed #b19ba9;background:#f3eaf0;display:flex;justify-content:center;align-items:center}.dense-gap>span{font-size:10px;max-width:100px;text-align:center;color:#866b7d;line-height:1.7}.dense-calendar-caption{padding:15px;border-radius:12px;background:#f0e5ec;font-size:12px;line-height:1.8}.dense-takeaway{display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff33;padding-top:26px;margin-top:45px}.dense-takeaway>span{font-size:40px;color:var(--dense-accent)}.dense-takeaway>p{max-width:600px;font-size:14px;line-height:1.8}.dense-takeaway>a{margin-left:auto;font-size:12px;font-weight:800;color:inherit;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}.dense-booking button:focus-visible,.dense-booking a:focus-visible{outline:3px solid currentColor;outline-offset:4px}.dense-booking button:not(:disabled):hover{filter:brightness(1.06)}.web-coming{display:inline-flex;gap:10px;align-items:center;font-weight:800}.web-coming>span{font-size:10px!important;line-height:1;padding:7px 11px;background:#251222;color:#fff8f7;border-radius:30px}.price-card li>a{color:inherit;text-decoration:underline;text-underline-offset:4px}
@keyframes dense-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.dense-playground{gap:22px}.dense-controls,.dense-calendar-panel{padding:24px}.dense-takeaway{flex-wrap:wrap}.dense-takeaway>a{margin-left:60px}.dense-heading h2{font-size:58px}}
@media(max-width:700px){.dense-booking{padding:65px 0}.dense-heading h2{font-size:clamp(36px,9.5vw,54px)}.dense-heading>p{font-size:14px;line-height:1.85;margin:22px 0 30px}.dense-playground{grid-template-columns:1fr;gap:27px}.dense-controls{padding:22px 20px}.dense-controls>h3{font-size:22px}.dense-demo-label{font-size:11px;padding:9px 13px}.dense-intro{font-size:12px}.dense-step{padding:15px 10px;margin:13px -10px 0}.dense-prompt{font-size:12px;gap:8px}.dense-calendar-panel{position:relative;top:auto;padding:22px 20px;box-shadow:7px 9px 0 #0002}.dense-calendar-top h3{font-size:20px}.dense-takeaway{margin-top:32px;gap:14px}.dense-takeaway>span{font-size:30px}.dense-takeaway>p{flex:1;font-size:12px}.dense-takeaway>a{margin-left:44px;font-size:11px}.dense-event{left:5px;padding-left:8px;padding-right:7px}.dense-event>b{font-size:10px}.dense-calendar-caption{font-size:11px}.dense-slots>button{flex:0 0 calc((100% - 27px)/4);min-width:0}.dense-services>button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.dense-booking *{animation:none!important;transition:none!important}}

.dense-controls,.dense-calendar-panel{scroll-margin-top:110px}
.dense-controls{border-color:color-mix(in srgb,currentColor 22%,transparent);background:color-mix(in srgb,currentColor 4%,transparent)}
.dense-services>button,.dense-slots>button{border-color:color-mix(in srgb,currentColor 35%,transparent);background:color-mix(in srgb,currentColor 5%,transparent)}
.dense-step.is-current,.dense-status{background:color-mix(in srgb,currentColor 6%,transparent)}
.dense-takeaway{border-color:color-mix(in srgb,currentColor 22%,transparent)}
.dense-calendar-again{border:0;border-bottom:1px solid currentColor;background:transparent;color:#251222;padding:12px 0 5px;margin-top:12px;font:800 12px/1.5 Manrope,Arial,sans-serif;cursor:pointer}
.dense-calendar-again[hidden]{display:none}
.dense-jump{display:block;width:fit-content;margin-top:25px;font-size:12px;line-height:1.7;font-weight:800;color:inherit;text-decoration:underline;text-underline-offset:5px}
.sector-cosmetology .dense-booking{--dense-on-accent:#fff}
.dense-demo-label,.dense-prompt>b,.dense-services>button[aria-pressed=true],.dense-slots>button[aria-pressed=true],.dense-book,.dense-new,.dense-day{color:var(--dense-on-accent,#251222)}
@media(max-width:700px){.dense-jump{font-size:11px;max-width:100%}}
