:root{--ink:#11100e;--paper:#f3f0e8;--acid:#d7ff37;--pink:#ff4f9a;--orange:#ff6b2b}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}.site-shell{background:linear-gradient(90deg,#0000 49.9%,#11100e09 50%,#0000 50.1%);min-height:100vh;padding:0 6vw;position:relative;overflow:hidden}.topbar{border-bottom:2px solid var(--ink);z-index:2;justify-content:space-between;align-items:center;height:92px;display:flex;position:relative}.logo{align-items:center;gap:10px;display:flex}.logo>span{background:var(--ink);width:43px;height:43px;color:var(--acid);border-radius:2px 12px 2px 10px;place-items:center;font-size:25px;font-weight:1000;display:grid;transform:rotate(-5deg)}.logo strong{letter-spacing:-1px;font-size:19px;line-height:.85}.logo small{letter-spacing:2.7px;margin-top:7px;font-size:8px;display:block}.help-button{cursor:pointer;background:0 0;border:0;font-size:12px}.help-button b{border-bottom:2px solid;margin-left:12px;padding-bottom:3px}.booking-layout{z-index:1;grid-template-columns:minmax(0,1fr) 355px;gap:80px;max-width:1180px;margin:auto;padding:62px 0 52px;display:grid;position:relative}.booking-main{max-width:680px}.progress-row{align-items:center;gap:6px;margin-bottom:36px;display:flex}.progress-row span{background:#d2cec4;width:45px;height:5px;transform:skew(-24deg)}.progress-row span.active{background:var(--ink)}.progress-row small{margin-left:8px;font-size:11px;font-weight:800}.back-button{cursor:pointer;background:0 0;border:0;margin-bottom:20px;padding:0;font-size:12px;font-weight:800}.back-button.hidden{visibility:hidden}.eyebrow{letter-spacing:2.5px;margin:0 0 12px;font-size:11px;font-weight:1000}h1{text-transform:uppercase;letter-spacing:-5px;max-width:650px;margin:0;font-size:clamp(48px,6.2vw,84px);font-weight:1000;line-height:.86}.subtitle{color:#625e55;margin:17px 0 30px;font-size:15px}.option-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.option-card,.barber-card{text-align:left;border:2px solid var(--ink);cursor:pointer;background:#fffdf7;align-items:center;gap:14px;min-height:92px;padding:18px;transition:all .15s;display:flex;position:relative;box-shadow:4px 4px #0000}.option-card:hover,.barber-card:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.option-card.selected,.barber-card.selected{background:var(--acid);box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.option-icon{background:var(--ink);width:37px;height:37px;color:var(--acid);place-items:center;font-size:20px;display:grid}.option-copy{flex:1}.option-copy strong,.barber-card strong{font-size:14px;display:block}.option-copy small,.barber-card small{color:#6b665d;margin-top:5px;font-size:11px;display:block}.option-card>b{white-space:nowrap;font-size:15px}.option-card>b small{font-size:8px}.option-card>i,.barber-card>i{background:var(--ink);width:18px;height:18px;color:var(--acid);border-radius:50%;place-items:center;font-size:10px;font-style:normal;display:none;position:absolute;top:6px;right:7px}.option-card.selected>i,.barber-card.selected>i{display:grid}.primary-button{border:2px solid var(--ink);background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;min-width:220px;height:56px;box-shadow:5px 5px 0 var(--acid);margin-top:26px;padding:0 24px;font-size:12px;font-weight:1000}.primary-button span{float:right;color:var(--acid);margin-left:35px;font-size:18px}.primary-button:disabled{opacity:.4;cursor:not-allowed}.barber-grid{gap:10px;display:grid}.barber-card{min-height:90px}.avatar{border:2px solid;border-radius:50%;place-items:center;width:54px;height:54px;font-weight:1000;display:grid}.avatar.lime{background:var(--acid)}.avatar.pink{background:var(--pink)}.avatar.orange{background:var(--orange)}.calendar-panel{background:#fffdf7;border:2px solid;padding:22px}.month-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.month-row button{cursor:pointer;background:0 0;border:0;font-size:20px}.month-row strong{letter-spacing:1.5px;font-size:12px}.day-strip{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.day-strip button{cursor:pointer;background:0 0;border:1.5px solid #c8c2b6;height:65px}.day-strip small,.day-strip strong{display:block}.day-strip small{margin-bottom:5px;font-size:8px}.day-strip strong{font-size:19px}.day-strip button.selected{background:var(--ink);color:var(--acid);border-color:var(--ink)}.available-label{margin:22px 0 12px;font-size:11px;font-weight:800}.available-label span{background:#22a83a;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.time-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.time-grid button{cursor:pointer;background:0 0;border:1.5px solid;height:44px;font-weight:800}.time-grid button:hover,.time-grid button.selected{background:var(--acid);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.details-form{gap:18px;max-width:560px;display:grid}.details-form label{letter-spacing:1.5px;font-size:10px;font-weight:1000}.details-form input:not([type=checkbox]){background:#fffdf7;border:2px solid;outline:none;width:100%;height:58px;margin-top:7px;padding:0 16px;font-size:16px;display:block}.details-form input:focus{box-shadow:4px 4px 0 var(--acid)}.check-label{align-items:center;gap:9px;display:flex;letter-spacing:0!important;font-size:11px!important}.check-label input{accent-color:var(--ink);width:17px;height:17px}.primary-button.full{width:100%;margin-top:0}.form-note{text-align:center;color:#6b665d;margin:0;font-size:10px}.summary-card{box-shadow:9px 9px 0 var(--ink);background:#fffdf7;border:2px solid;align-self:start;padding:18px;position:sticky;top:28px;transform:rotate(1deg)}.summary-card>p{letter-spacing:2px;font-size:9px;font-weight:1000}.summary-art{background:var(--pink);letter-spacing:-1px;border:2px solid;align-items:flex-end;height:125px;margin:14px 0 18px;padding:18px;font-size:24px;font-weight:1000;line-height:.9;display:flex;transform:rotate(-1deg)}.summary-art b{color:var(--acid)}.summary-line{border-bottom:1px dashed #aaa49a;justify-content:space-between;gap:20px;padding:10px 2px;font-size:11px;display:flex}.summary-line span{color:#716c63}.summary-line strong{text-align:right}.summary-total{justify-content:space-between;align-items:end;padding:17px 2px 12px;display:flex}.summary-total span{font-size:9px;font-weight:1000}.summary-total strong{font-size:19px}.rating{color:var(--orange);letter-spacing:1px;border-top:2px solid;padding-top:12px;font-size:11px}.rating span{color:#716c63;letter-spacing:0;font-size:8px}.sticker{background:var(--acid);text-align:center;border:2px solid;border-radius:50%;place-items:center;width:105px;height:105px;font-size:13px;font-weight:1000;display:grid;position:absolute;bottom:5px;right:-18px;transform:rotate(-12deg)}footer{letter-spacing:1.5px;border-top:2px solid;justify-content:space-between;padding:20px 0 28px;font-size:9px;font-weight:1000;display:flex}.success-shell{flex-direction:column;display:flex}.success-card{text-align:center;width:min(640px,100%);margin:auto;padding:50px 0}.success-burst{background:var(--acid);width:70px;height:70px;box-shadow:6px 6px 0 var(--ink);border:2px solid;place-items:center;margin:0 auto 24px;font-size:32px;display:grid;transform:rotate(-5deg)}.success-card h1{margin:auto}.success-card h1 span{color:var(--pink)}.success-lead{color:#625e55;max-width:430px;margin:20px auto 26px}.ticket{box-shadow:8px 8px 0 var(--ink);text-align:left;background:#fffdf7;border:2px solid;gap:12px;padding:18px 24px;display:grid;transform:rotate(.5deg)}.ticket div{border-bottom:1px dashed #aaa49a;justify-content:space-between;gap:20px;padding-bottom:10px;display:flex}.ticket div:last-child{border:0;padding:0}.ticket span{font-size:9px;font-weight:1000}.ticket strong{text-align:right;font-size:12px}.success-card .primary-button{margin:28px auto 13px;display:block}.text-button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid;font-size:11px;font-weight:800}.status-pill{background:var(--acid);text-transform:uppercase;border:1.5px solid;padding:8px 12px;font-size:10px;font-weight:1000}.status-pill i{background:#16842b;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}@media (max-width:850px){.site-shell{padding:0 18px}.topbar{height:74px}.help-button{font-size:0}.help-button b{font-size:10px}.booking-layout{padding:34px 0 86px;display:block}.booking-main{max-width:none}.summary-card{display:none}h1{letter-spacing:-3.5px;font-size:clamp(45px,15vw,66px)}.subtitle{margin:14px 0 24px}.progress-row{margin-bottom:26px}.option-grid{grid-template-columns:1fr}.option-card{min-height:78px;padding:13px}.primary-button{width:100%;position:relative}.day-strip{grid-template-columns:repeat(6,60px);padding-bottom:5px;overflow-x:auto}.calendar-panel{margin:0 -4px;padding:14px}.sticker,footer{display:none}.success-card{padding:40px 5px}.success-card .primary-button{width:100%}}@media (max-width:850px) and (min-height:700px){.site-shell{height:100dvh;min-height:100dvh;overflow:hidden}.topbar{height:64px}.logo>span{width:37px;height:37px;font-size:21px}.logo strong{font-size:17px}.logo small{margin-top:6px;font-size:7px}.booking-layout{height:calc(100dvh - 64px);padding:18px 0 16px}.progress-row{margin-bottom:18px}.progress-row span{height:4px}.back-button{margin-bottom:14px}.booking-main:has(.option-grid) .back-button.hidden{display:none}.eyebrow{margin-bottom:11px;font-size:9px}h1{letter-spacing:-2.8px;font-size:clamp(36px,11.5vw,50px);line-height:.88}.subtitle{margin:15px 0 20px;font-size:12px}.option-grid{gap:7px}.option-card{min-height:64px;padding:8px 10px}.option-icon{width:32px;height:32px;font-size:17px}.option-copy strong{font-size:13px}.option-copy small{margin-top:3px;font-size:9px}.option-card>b{font-size:13px}.barber-grid{gap:7px}.barber-card{min-height:69px;padding:8px 12px}.avatar{width:45px;height:45px}.barber-card small{margin-top:3px}.primary-button{height:49px;margin-top:15px}.calendar-panel{padding:10px 12px}.month-row{margin-bottom:9px}.day-strip button{height:52px}.day-strip strong{font-size:16px}.available-label{margin:12px 0 8px}.time-grid{gap:5px}.time-grid button{height:35px;font-size:12px}.details-form{gap:11px}.details-form input:not([type=checkbox]){height:48px;margin-top:5px;font-size:14px}.details-form .primary-button{height:49px}.form-note{font-size:9px}.success-card{padding:18px 4px}.success-burst{width:56px;height:56px;margin-bottom:15px}.success-lead{margin:12px auto 16px;font-size:13px}.ticket{gap:8px;padding:12px 16px}.ticket div{padding-bottom:7px}.success-card .primary-button{margin-top:18px}}@media (max-width:370px) and (max-height:699px){h1{font-size:40px}.booking-layout{padding-top:20px}.option-card{min-height:70px}.progress-row{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}