@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--navy:#1c445d;--orange:#f6931c;--ink:#163347;--paper:#f5f4ef;--muted:#677681;--line:#dce1e2}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline:3px solid var(--orange);outline-offset:3px}h1,h2,h3{letter-spacing:-.04em;font-family:Manrope,sans-serif}h1{margin:22px 0;font-size:68px;font-weight:800;line-height:1.05}h2{margin:12px 0;font-size:30px;line-height:1.2}h3{letter-spacing:-.025em;margin:0 0 8px;font-size:17px}p{line-height:1.6}small{font-size:12px}.preview{background:var(--navy);color:#fff;text-align:center;letter-spacing:.13em;padding:10px 20px;font-size:10px;font-weight:700}.preview span{letter-spacing:.03em;opacity:.75;margin-left:20px;font-weight:400}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1320px;margin:auto;padding:30px 48px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:14px;font-size:21px;font-weight:800;display:flex}.brand small{letter-spacing:.24em;margin-top:3px;font-size:9px;display:block}.brand-icon{border:1.5px solid var(--navy);letter-spacing:-.08em;place-items:center;width:48px;height:48px;font-size:21px;display:grid;position:relative}.brand-icon span{color:var(--orange);background:var(--paper);font-size:20px;position:absolute;top:-8px;right:-6px}nav{align-items:center;gap:32px;font-size:12px;display:flex}nav>span{color:var(--muted)}nav a{font-weight:700}.booking-layout{grid-template-columns:1fr 1.22fr;gap:80px;max-width:1230px;margin:62px auto 70px;padding:0 30px;display:grid}.eyebrow{letter-spacing:.15em;color:var(--navy);font-size:10px;font-weight:800}.intro em{color:var(--orange);font-style:normal}.intro>p{max-width:340px;color:var(--muted);font-size:15px;line-height:1.8}.intro-details{margin-top:30px}.intro-details>div{gap:17px;margin:22px 0;display:flex}.intro-details b{color:var(--orange);padding-top:4px;font-size:10px}.intro-details span{font-size:13px;font-weight:700}.intro-details small{color:var(--muted);margin-top:4px;font-weight:400;display:block}.mini-house{color:#a4b2b7;opacity:.5;max-width:300px;margin-top:30px}.booking-card{border:1px solid var(--line);background:#fff;border-radius:16px;align-self:start;overflow:hidden;box-shadow:0 12px 50px #16334709}.steps{border-bottom:1px solid var(--line);gap:25px;padding:24px 30px;display:flex}.steps button{color:var(--muted);background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:12px;display:flex}.steps span{background:#f1f3f4;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.steps .active{color:var(--navy);font-weight:700}.steps .active span{background:var(--navy);color:#fff}.card-body{padding:32px}.muted{color:var(--muted);font-size:13px}.service{border:1px solid var(--line);border-radius:9px;align-items:center;gap:12px;margin:24px 0 12px;padding:20px 16px;display:flex}.service.selected{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy);background:#f5f8fa}.service h3{letter-spacing:-.02em;font-size:14px}.service p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.6}.service-icon{color:var(--navy);font-size:28px}.service.disabled{background:#fafafa;margin-top:12px}.service.disabled>.badge{white-space:nowrap;margin-left:auto;font-size:7px}.badge{color:var(--navy);letter-spacing:.05em;background:#e8eef1;border-radius:3px;padding:4px 7px;font-size:8px;font-weight:700;display:inline-block}.radio{color:var(--navy);margin-left:auto}label{margin:22px 0 0;font-size:12px;font-weight:700;display:block}label>span{float:right;color:var(--muted);font-weight:400}input{width:100%;color:var(--navy);background:#fff;border:1px solid #ccd5d9;border-radius:6px;margin-top:8px;padding:13px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--navy);margin:0}.checkbox{align-items:center;gap:10px;margin-bottom:22px;font-weight:400;line-height:1.5;display:flex}.price{background:var(--paper);border-radius:8px;justify-content:space-between;align-items:center;margin-top:24px;padding:22px;display:flex}.price small{letter-spacing:.1em;font-size:9px}.price strong{letter-spacing:-.04em;font-size:38px;display:block}.price>span{color:var(--muted);font-size:10px}.button{background:var(--orange);color:#183647;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;margin-top:22px;padding:16px 20px;font-size:13px;font-weight:800;display:flex}.button:hover{background:#ffa63c}.fine{color:var(--muted);font-size:10px;line-height:1.7}.text-button{color:var(--navy);background:0 0;border:0;padding:9px;font-size:12px;text-decoration:underline}.secondary{color:var(--navy);background:#fff;border:1px solid #cbd5dc;border-radius:6px;padding:10px 15px;font-size:12px;font-weight:600}.slots{grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0;display:grid}.slots button{color:var(--navy);border:1px solid var(--line);background:#fff;border-radius:6px;padding:13px 6px;font-size:12px}.slots button.chosen{background:var(--navy);color:#fff}.note{border-left:3px solid var(--orange);background:#f7f1e6;margin:22px 0;padding:16px;font-size:12px;line-height:1.6}.summary{background:#f4f7f8;border-radius:8px;gap:8px;margin:20px 0;padding:20px;font-size:13px;display:grid}.summary small{overflow-wrap:anywhere;font-size:10px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.error{color:#982e24;background:#fff1ee;border-radius:6px;padding:15px;font-size:13px}.success{color:#286247;background:#e8f3ed;border-radius:6px;padding:15px}.confirmation{text-align:center;padding:45px 35px}.check{color:#286247;background:#e8f3ed;border-radius:50%;place-items:center;width:65px;height:65px;margin:0 auto 25px;font-size:30px;display:grid}.empty{text-align:center;color:var(--muted);background:#f8f9f9;border-radius:8px;padding:35px;line-height:1.7}.confirmation .button{justify-content:center}footer{border-top:1px solid var(--line);max-width:1230px;color:var(--muted);justify-content:space-between;margin:auto;padding:25px 30px;font-size:10px;display:flex}.auth{max-width:600px;margin:15vh auto;padding:30px}.auth h1{font-size:40px}.studio{max-width:1250px;margin:40px auto;padding:0 35px 40px}.studio-top{justify-content:space-between;align-items:center;display:flex}.studio h1{font-size:38px}.stats{grid-template-columns:1fr 1fr 1.5fr;gap:20px;margin:30px 0;display:grid}.stats>div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:25px}.stats small{letter-spacing:.1em;font-size:10px}.stats strong{margin:12px 0;font-size:38px;display:block}.stats span{color:var(--muted);font-size:12px}.stats .small-value{font-size:25px;line-height:1.9}.tabs{border-bottom:1px solid var(--line);gap:25px;margin-bottom:25px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;padding:15px 0}.tabs .active{border-bottom:3px solid var(--orange);color:var(--navy);font-weight:700}.section-heading{justify-content:space-between;align-items:center;margin:25px 0;display:flex}.appointment{border:1px solid var(--line);background:#fff;border-radius:10px;gap:20px;margin:12px 0;padding:22px;display:flex}.date-tile{text-align:center;text-transform:uppercase;background:#f2f5f6;width:58px;min-width:58px;height:70px;padding:10px;font-size:10px}.date-tile b{font-size:27px;display:block}.appointment-main{overflow-wrap:anywhere;flex:1;min-width:0}.appointment h3{margin-top:8px}.appointment p{color:var(--muted);margin:4px 0;font-size:12px}.appointment details{margin-top:10px;font-size:12px}.appointment-actions{flex-direction:column;justify-content:center;gap:5px;display:flex}.danger{color:#a13d31}.calendar-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.calendar-grid .appointment{flex-wrap:wrap}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;margin:25px 0;padding:30px}.hours-row{grid-template-columns:1fr 1fr 25px 1fr;align-items:center;gap:15px;display:grid}.hours-row label{margin:10px 0}.notification{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:20px 0;display:flex}.notification p,.notification small{color:var(--muted);font-size:12px}@media (max-width:900px){.booking-layout{gap:35px}.intro h1{font-size:52px}.calendar-grid{grid-template-columns:1fr 1fr}.service{padding:16px 10px}.service h3 .badge{width:max-content;margin-top:5px;display:block}}@media (max-width:650px){.preview span{margin:5px 0 0;font-size:9px;display:block}header{padding:20px}.brand{font-size:16px}.brand-icon{width:38px;height:38px}nav>span{display:none}nav{gap:12px;font-size:10px}.booking-layout{margin:32px auto;padding:0 18px;display:block}.intro h1{font-size:44px}.intro h1 br{display:none}.intro h1 em{display:block}.intro>p{max-width:none}.intro-details,.mini-house{display:none}.booking-card{margin-top:28px}.steps{padding:20px}.card-body{padding:25px 20px}.service-icon{display:none}.form-row{grid-template-columns:1fr;gap:0}h2{font-size:26px}footer{padding:25px;display:block}footer span{margin:8px 0;display:block}.studio{padding:0 18px}.studio h1{font-size:30px}.studio-top{display:block}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats>div{padding:18px}.stats>div:last-child{grid-column:1/-1}.tabs{gap:16px}.tabs button{font-size:12px}.appointment{flex-wrap:wrap;padding:15px}.appointment-actions{flex-direction:row;justify-content:flex-end;width:100%}.panel{padding:20px}.hours-row{grid-template-columns:1.1fr 1fr 15px 1fr;gap:7px}.hours-row input{padding:8px 3px;font-size:12px}.calendar-grid{grid-template-columns:1fr}.notification{flex-wrap:wrap}.intro h1 em br{display:block}.intro h1 em,.intro h1{font-size:40px}}.month-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin-top:24px;display:grid}.month-grid>b{background:var(--navy);color:#fff;text-align:center;padding:12px 3px;font-size:11px}.month-grid>div{background:#fff;min-height:90px;padding:8px;font-size:12px}.calendar-day>a{border-left:2px solid var(--orange);overflow-wrap:anywhere;background:#e9f0f3;margin-top:5px;padding:6px;font-size:10px;display:block}@media (max-width:650px){.month-grid>div{min-height:70px;padding:4px}.calendar-day>a{padding:3px;font-size:8px}}.addon-selection{border-top:1px solid var(--line);margin-top:25px;padding-top:24px}.addon-option{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:13px;margin:10px 0;padding:15px;display:flex}.addon-option>span{float:none;color:var(--ink);font-weight:400}.addon-option small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.addon-option.unavailable{cursor:default;background:#fafafa}.addon-admin{border:1px solid var(--line);border-radius:8px;margin:20px 0;padding:20px}.addon-checks{flex-wrap:wrap;gap:15px;margin-top:20px;display:flex}.addon-checks label{margin:5px 0 10px}.addon-editor{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}select{width:100%;color:var(--navy);font:inherit;background:#fff;border:1px solid #ccd5d9;border-radius:6px;margin-top:8px;padding:13px}.tier-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 1fr 1fr;align-items:end;gap:12px;padding-bottom:12px;display:grid}.tier-row input{min-width:0}@media (max-width:650px){.tier-row{grid-template-columns:1fr 1fr}}.push-preferences{border:1px solid var(--line);border-radius:8px;margin:28px 0;padding:20px}.push-preferences legend{font-size:13px;font-weight:700}.push-device-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.push-delivery-heading{margin-top:28px}.push-deliveries{padding-left:20px;font-size:12px;line-height:1.7}.push-deliveries li{margin:12px 0}.appointment:target{outline:3px solid var(--orange);outline-offset:3px}
