.demo{overflow:hidden;background:linear-gradient(160deg,#246177,#1d5569 55%,#174757);content-visibility:auto;contain-intrinsic-size:auto 900px}.demo-glow{position:absolute;inset:0;background:radial-gradient(40rem 26rem at 78% 40%,rgb(82 171 203 / .28),transparent 70%),radial-gradient(28rem 20rem at 10% 90%,rgb(158 216 236 / .12),transparent 70%),radial-gradient(rgb(255 255 255 / .06) 1px,transparent 1px);background-size:auto,auto,28px 28px;pointer-events:none}.demo .wrapper{position:relative}.demo-grid{display:grid;grid-template-columns:minmax(0,28rem) minmax(0,26rem);justify-content:center;align-items:start;gap:clamp(2rem,6vw,5rem)}.demo-steps{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.demo-step{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:.9rem 1rem;border:1px solid transparent;border-radius:1.2rem;color:#fff;transition:background .3s ease,border-color .3s ease,color .3s ease}.demo-step .demo-step-title,.demo-step small{display:block}.demo-step .demo-step-title{color:inherit;font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.demo-step small{max-height:0;margin-top:0;overflow:hidden;font-size:.95rem;line-height:1.5;opacity:0;transition:max-height .5s var(--ease-out),margin .4s ease,opacity .4s ease}.demo-step-num{display:grid;width:2.2rem;height:2.2rem;place-items:center;border:1.5px solid rgb(255 255 255 / .2);border-radius:50%;font-family:var(--font-display);font-weight:700;transition:all .3s ease}.demo-step.is-done{color:#fff}.demo-step.is-done .demo-step-num{border-color:#17c964;background:#17c964;color:#04141a}.demo-step.is-active{border-color:#ffffff24;background:#ffffff12;color:#fff}.demo-step.is-active .demo-step-num{border-color:var(--sun);background:var(--sun);color:var(--ink)}.demo-step.is-active small{max-height:5rem;margin-top:.25rem;color:#fff;opacity:1}.demo-custom{margin-top:1.5rem;padding:1.25rem;border:1px dashed rgb(255 255 255 / .2);border-radius:1.5rem;background:#ffffff0a}.dc-title{margin:0 0 1rem;color:#fff;font-family:var(--font-display);font-size:1.1rem;font-weight:700}.dc-row{display:grid;grid-template-columns:5rem 1fr;align-items:center;gap:.75rem;margin-top:.85rem}.dc-label{color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dc-chips,.dc-swatches{display:flex;flex-wrap:wrap;gap:.4rem}.dc-chip{display:grid;width:2.4rem;height:2.4rem;place-items:center;border:1.5px solid rgb(255 255 255 / .18);border-radius:50%;background:transparent;color:#cfe3ec;cursor:pointer;transition:transform .35s var(--ease-out),background .25s ease,color .25s ease}.dc-chip em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.dc-chip svg{width:1.05rem;height:1.05rem}.dc-chip:hover{transform:translateY(-2px)}.dc-chip[aria-pressed=true]{border-color:var(--sun);background:var(--sun);color:var(--ink)}.dc-swatch{width:1.9rem;height:1.9rem;border:3px solid var(--ink);border-radius:50%;background:var(--sw);box-shadow:0 0 0 1.5px #ffffff4d;cursor:pointer;transition:transform .35s var(--ease-out),box-shadow .25s ease}.dc-swatch:hover{transform:scale(1.12)}.dc-swatch[aria-pressed=true]{box-shadow:0 0 0 2.5px #fff;transform:scale(1.12)}.dc-picker{position:relative;display:grid;width:1.9rem;height:1.9rem;place-items:center;border:1.5px dashed rgb(255 255 255 / .5);border-radius:50%;color:#fff;font-weight:700;cursor:pointer}.dc-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dc-picker:focus-within{outline:3px solid var(--sun);outline-offset:2px}.dc-seg{display:inline-flex;padding:.2rem;border-radius:.75rem;background:#ffffff14}.dc-seg button{padding:.35rem .75rem;border:0;border-radius:.75rem;background:transparent;color:#fff;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .25s ease}.dc-seg button[aria-pressed=true]{background:#fff;color:var(--ink)}.dc-chip:focus-visible,.dc-swatch:focus-visible,.dc-seg button:focus-visible,#demoCopy:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.dw-frame{overflow:hidden;border-radius:1.6rem;background:#fff;box-shadow:0 0 0 1px #ffffff1f,0 40px 80px -20px #0000008c,0 0 120px -20px #52abcb80}.dw-chrome{display:flex;align-items:center;gap:.35rem;padding:.65rem .9rem;background:#eef3f6}.dw-chrome i{width:.6rem;height:.6rem;border-radius:50%;background:#ccd8de}.dw-chrome i:nth-child(1){background:#52abcb}.dw-chrome i:nth-child(2){background:var(--sun)}.dw-chrome i:nth-child(3){background:var(--sky-100)}.dw-url{flex:1;margin-left:.6rem;padding:.25rem .75rem;overflow:hidden;border-radius:.75rem;background:#fff;color:var(--ink-soft);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.dw{--wp-strong: color-mix(in srgb, var(--wp) 20%, var(--ink));position:relative;display:flex;box-sizing:border-box;height:31rem;min-height:0;overflow:hidden;flex-direction:column;padding:1.1rem 1.1rem 1.2rem;color:var(--ink);font-size:.95rem}.dw-head{display:flex;flex-shrink:0;align-items:center;gap:.7rem}.dw-logo{display:grid;flex:0 0 2.6rem;width:2.6rem;height:2.6rem;place-items:center;border-radius:var(--wo);background:var(--wp-strong);color:var(--wf);font-family:var(--font-display);font-weight:700;transition:background .3s ease,border-radius .3s ease}.dw-biz b,.dw-biz small{display:block;line-height:1.2}.dw-biz small{color:var(--ink-soft);font-size:.78rem}.dw-progress{display:grid;flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:.3rem;margin:1rem 0}.dw-progress[hidden]{display:none}.dw-progress i{height:.28rem;border-radius:99px;background:#1d55691a;transition:background .3s ease}.dw-progress i.is-done,.dw-progress i.is-on{background:var(--wp-strong)}.dw-progress i.is-on{opacity:.55}.dw-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.dw-confirmation-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:.25rem .5rem}.dw-form-field{display:flex;min-width:0;flex-direction:column;gap:.5rem}.dw-form-field label{color:#374151;font-size:.875rem;font-weight:500}.dw-form-field label span{color:#ef4444}.dw-form-field .dw-input{width:100%;min-width:0;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem}.dw-form-wide{grid-column:1 / -1}.dw-consent{display:grid;grid-template-columns:1rem minmax(0,1fr);align-items:start;gap:.75rem;padding-top:.5rem;color:#374151;font-size:.8125rem;line-height:1.5}.dw-consent input{width:1rem;height:1rem;margin:.15rem 0 0;accent-color:var(--wp)}.dw-consent a{color:#2563eb;font-weight:600;text-decoration:underline}.dw-booking-summary{min-width:0;margin:1.5rem .5rem 1rem;padding:.4rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.dw-booking-summary legend{padding:0 .3rem;color:#1f2937;font-size:.875rem;font-weight:600}.dw-summary-row{display:grid;grid-template-columns:.9rem auto minmax(0,1fr);align-items:start;gap:.5rem;padding:.75rem 0;border-bottom:1px solid #e5e7eb;font-size:.8125rem;line-height:1.5}.dw-summary-row:last-child{border-bottom:0}.dw-summary-row>span:last-child{min-width:0;color:#6b7280;overflow-wrap:anywhere}.dw-summary-icon svg{width:.9rem;height:.9rem;margin-top:.15rem;color:#6b7280}.dw-confirmation-total{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem}@media(max-width:640px){.dw-confirmation-form{grid-template-columns:minmax(0,1fr)}}.dw-title{margin:0 0 .8rem;font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.02em}.dw-list,.dw-staff{display:grid;gap:.5rem}.dw-staff{grid-template-columns:1fr 1fr}.dw-catalog-tabs{display:flex;gap:.4rem;margin-bottom:.85rem;padding-bottom:.3rem;overflow-x:auto;scrollbar-width:thin}.dw-catalog-tabs button{flex:1 0 auto;min-height:2.6rem;padding:.55rem .7rem;border:0;border-radius:6px;background:#f3f4f6;color:var(--ink);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.dw-catalog-tabs button[aria-pressed=true]{background:var(--wp-strong);color:var(--wf)}.dw-catalog-tabs button:focus-visible,.dw-course-back:focus-visible{outline:2px solid var(--wp-strong);outline-offset:2px}.dw-course-back{justify-self:start;padding:.4rem 0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.8rem;cursor:pointer}.dw-course-title{margin:0 0 .3rem;font-size:.9rem}.dw-selection-count{margin:.85rem 0 0;color:var(--ink-soft);font-size:.8rem}.dw-sum dd small{display:block;margin-top:.2rem;color:var(--ink-soft);font-size:.75rem}.dw-service-staff{display:grid;gap:.65rem}.dw-staff-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.75rem;padding:.85rem;border:1px solid rgb(29 85 105 / .12);border-radius:8px;background:#f8fafb}.dw-staff-row b,.dw-staff-row small{display:block;overflow-wrap:anywhere}.dw-staff-row b{font-size:.9rem}.dw-staff-row small{margin-top:.2rem;color:var(--ink-soft);font-size:.78rem}.dw-staff-picker{position:relative;min-width:0}.dw-staff-trigger,.dw-course-switch{width:100%;min-width:0;min-height:2.75rem;padding:.55rem;border:1px solid rgb(29 85 105 / .2);border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:.82rem;cursor:pointer}.dw-staff-trigger{display:flex;align-items:center;gap:.4rem;text-align:left}.dw-staff-trigger>span:nth-last-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.dw-picker-avatar{display:grid;flex:0 0 1.65rem;width:1.65rem;height:1.65rem;place-items:center;border-radius:50%;background:#eaf1f5;color:var(--ink);font-size:.65rem;font-weight:700}.dw-picker-chevron svg,.dw-calendar-head button svg{display:block;width:1rem;height:1rem;margin:auto}.dw-staff-menu{position:absolute;top:calc(100% + .3rem);inset-inline:0;z-index:5;display:grid;padding:.25rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;box-shadow:0 8px 24px #0000001f}.dw-staff-menu button{display:flex;align-items:center;gap:.5rem;min-height:2.65rem;padding:.4rem;border:0;border-radius:4px;background:transparent;color:var(--ink);font:inherit;font-size:.82rem;text-align:left;cursor:pointer}.dw-staff-menu button:hover,.dw-staff-menu button[aria-pressed=true]{background:color-mix(in srgb,var(--wp) 12%,#fff)}.dw-staff-trigger:focus-visible,.dw-staff-menu button:focus-visible,.dw-course-switch:focus-visible{outline:2px solid var(--wp);outline-offset:2px}.dw-calendar{padding:.85rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.dw-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.8rem}.dw-calendar-head b{font-size:.85rem;text-transform:uppercase}.dw-calendar-head>div{display:flex;gap:.3rem}.dw-calendar-head button{width:2rem;height:2rem;padding:0;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:var(--ink);font-size:1.3rem;cursor:pointer}.dw-calendar-head button:disabled,.dw-day:disabled{opacity:.35;cursor:default}.dw-empty{padding:1rem 0;color:var(--ink-soft);font-size:.85rem;text-align:center}.dw-agenda-tabs{display:flex;gap:.4rem;margin-bottom:1rem;overflow-x:auto}.dw-agenda-tabs button{flex:1 0 5rem;min-width:0;height:2.6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:.5rem .7rem;border:0;border-radius:6px;background:#f3f4f6;color:var(--ink);font:inherit;font-size:.8rem;cursor:pointer}.dw-agenda-tabs button[aria-pressed=true]{background:var(--wp-strong);color:var(--wf)}.dw-panel-title{margin:.85rem 0 .55rem;font-size:.85rem}@media(max-width:520px){.dw-catalog-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.dw-staff-row{grid-template-columns:minmax(0,1fr)}}.dw-opt,.dw-person,.dw-day,.dw-slot{border:1.5px solid rgb(29 85 105 / .1);background:#fff;color:var(--ink);font:inherit;cursor:pointer;transition:transform .3s var(--ease-out),border-color .2s ease,background .2s ease,color .2s ease,border-radius .3s ease}.dw-opt:hover,.dw-person:hover,.dw-day:hover,.dw-slot:not(:disabled):hover{transform:translateY(-2px);border-color:var(--wp-strong)}.dw-opt{display:grid;grid-template-columns:1fr auto 1.4rem;align-items:center;gap:.7rem;padding:.75rem .9rem;border-radius:var(--wo);text-align:left}.dw-opt b,.dw-opt small{display:block;line-height:1.25}.dw-opt small{color:var(--ink-soft);font-size:.78rem}.dw-opt i{display:grid;width:1.4rem;height:1.4rem;place-items:center;border-radius:50%;background:var(--wp-strong);color:var(--wf);opacity:0;transform:scale(.4);transition:all .35s cubic-bezier(.34,1.56,.64,1)}.dw-opt i svg{width:.85rem;height:.85rem}.is-sel{border-color:var(--wp)!important;background:color-mix(in srgb,var(--wp) 11%,#fff)!important}.dw-opt.is-sel i{opacity:1;transform:none}.dw-catalog-opt{grid-template-columns:minmax(0,1fr) 1.4rem;min-height:4.2rem;border-radius:8px}.dw-catalog-opt b{font-size:.9rem}.dw-catalog-opt small{margin-top:.35rem}.dw-catalog-opt i{border:1.5px solid #d1d5db;background:transparent;opacity:1;transform:none}.dw-catalog-opt:not(.is-sel) i svg{visibility:hidden}.dw-catalog-opt.is-sel i{border-color:var(--wp-strong);background:var(--wp-strong)}.dw-person{display:grid;justify-items:center;gap:.1rem;padding:.8rem .4rem;border-radius:var(--wo);text-align:center}.dw-person i{display:grid;width:2.6rem;height:2.6rem;margin-bottom:.3rem;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--c) 20%,var(--ink));color:#fff;font-size:.85rem;font-style:normal;font-weight:700}.dw-person b{font-size:.88rem}.dw-person small{color:var(--ink-soft);font-size:.72rem}.dw-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem}.dw-day{padding:.45rem 0;border-radius:var(--wo);font-weight:700;text-align:center}.dw-day small{display:block;color:var(--ink-soft);font-size:.66rem;font-weight:600;text-transform:lowercase}.dw-day.is-sel{background:var(--wp-strong)!important;color:var(--wf)}.dw-day.is-sel small{color:inherit}.dw-period{display:flex;width:fit-content;margin:.85rem auto .6rem;padding:.2rem;border-radius:.75rem;background:#1d55690f}.dw-period button{padding:.35rem .9rem;border:0;border-radius:.75rem;background:transparent;color:var(--ink-soft);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.dw-period button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:var(--shadow-soft)}.dw-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.dw-slot{padding:.55rem 0;border-radius:var(--wo);font-size:.85rem;font-weight:700}.dw-slot:disabled{border-color:transparent;background:#1d55690a;color:#1d55694d;text-decoration:line-through;cursor:not-allowed}.dw-slot.is-sel{background:var(--wp-strong)!important;color:var(--wf)}.dw-sum{display:grid;margin:0 0 .9rem;padding:.3rem .9rem;border-radius:var(--wo);background:color-mix(in srgb,var(--wp) 9%,#fff)}.dw-sum div{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px dashed rgb(29 85 105 / .12);font-size:.88rem}.dw-sum div:last-child{border-bottom:0}.dw-sum dt{color:var(--ink-soft)}.dw-sum dd{margin:0;font-weight:700;text-align:right}.dw-sum .is-total dd{font-family:var(--font-display);font-size:1.05rem}.dw-fields{display:grid;gap:.5rem}.dw-input{width:100%;padding:.7rem .9rem;border:1.5px solid rgb(29 85 105 / .12);border-radius:var(--wo);background:#fff;color:var(--ink);font:inherit;font-size:.9rem}.dw-input:focus{border-color:var(--wp);outline:3px solid color-mix(in srgb,var(--wp) 25%,transparent)}.dw-foot{display:flex;flex-shrink:0;gap:.5rem;margin-top:1.1rem}.dw-btn{flex:1;padding:.8rem 1rem;border:0;border-radius:var(--wb);background:var(--wp-strong);color:var(--wf);font:inherit;font-size:.92rem;font-weight:700;cursor:pointer;transition:transform .3s var(--ease-out),opacity .2s ease,border-radius .3s ease,background .3s ease}.dw-btn:not(:disabled):hover{transform:translateY(-2px)}.dw-btn:disabled{opacity:.35;cursor:not-allowed}.dw-btn--ghost{flex:0 0 auto;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px #1d556926}.dw-btn--wide{width:100%}.dw-btn[hidden]{display:none}.dw :is(button,input):focus-visible{outline:3px solid color-mix(in srgb,var(--wp) 60%,var(--ink));outline-offset:2px}.dw-done{display:grid;justify-items:center;gap:.5rem;padding:1.5rem .5rem 0;text-align:center}.dw-done-title{margin:0;font-family:var(--font-display);font-size:1.5rem;letter-spacing:-.03em;font-weight:700}.dw-done p{margin:0;color:var(--ink-soft);line-height:1.55}.dw-done-icon{display:grid;width:4.2rem;height:4.2rem;place-items:center;border-radius:50%;background:#0b8043;color:#fff;animation:dw-pop .7s cubic-bezier(.34,1.56,.64,1) both}.dw-done-icon svg{width:2.1rem;height:2.1rem}@keyframes dw-pop{0%{transform:scale(.3)}}.dw-mail{margin-top:.8rem;padding:.75rem 1rem;border-radius:var(--wo);background:color-mix(in srgb,var(--wp) 9%,#fff);font-size:.85rem}.dw-mail b,.dw-mail small{display:block}.dw-mail small{color:var(--ink-soft)}.dw-confetti{position:absolute;top:30%;left:50%;z-index:5;width:.5rem;height:.8rem;border-radius:2px;animation:dw-burst 1.1s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}@keyframes dw-burst{to{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 60px)) rotate(var(--r))}}.dw-noscript{color:var(--ink-soft)}.demo-code{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.25rem;color:#fff;font-size:.85rem}.demo-code code{flex:1 1 14rem;padding:.55rem .8rem;overflow:hidden;border:1px solid rgb(255 255 255 / .12);border-radius:.8rem;background:#ffffff0f;color:#fff;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}#demoCopy{padding:.5rem .9rem;border:0;border-radius:.75rem;background:var(--sun);color:var(--ink);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}@media(max-width:940px){.demo-grid{grid-template-columns:minmax(0,1fr);justify-content:stretch}.demo-stage{order:-1;width:min(26rem,100%);margin-inline:auto}.demo-side{width:min(34rem,100%);margin-inline:auto}.demo-steps{display:none}.demo-custom{margin-top:0}}@media(prefers-reduced-motion:reduce){.dw-done-icon{animation:none}}