:root{--cream:#fff6e6;--ink:#242141;--pink:#ff526d;--yellow:#ffe340;--green:#b7d83f;--blue:#72d7dd}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Nunito Sans",sans-serif}button,input,select,textarea{font:inherit;color:inherit}.booking-header{color:var(--ink)}.booking-header .logo span{color:var(--pink);text-shadow:4px 3px 0 var(--blue)}.booking-header .signup{background:var(--pink);color:white;box-shadow:4px 4px 0 var(--blue)}.booking-shell{display:grid;grid-template-columns:.75fr 1.25fr;min-height:100vh;padding-top:105px}.booking-intro{position:relative;padding:85px 5vw;background:var(--pink);color:white;overflow:hidden}.booking-intro:after{content:"♫";position:absolute;right:-30px;bottom:-65px;color:var(--yellow);font:240px/1 "Archivo Black";transform:rotate(-12deg);opacity:.9}.eyebrow,.mini{font-size:10px;font-weight:900;letter-spacing:.17em}.booking-intro h1,.scheduler h2,.owner-view h2{font-family:"Archivo Black";letter-spacing:-.055em;line-height:.87}.booking-intro h1{margin:22px 0;font-size:clamp(70px,8vw,125px);text-shadow:4px 4px 0 var(--ink)}.booking-intro>p:last-of-type{max-width:510px;font-size:18px;line-height:1.6}.approval-note{position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:55px}.approval-note span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:900}.approval-note b{font-size:11px}.approval-note i{font-style:normal;color:var(--yellow)}.scheduler{padding:55px 5vw 90px;background:var(--cream)}.steps{list-style:none;padding:0 0 22px;margin:0 0 50px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:2px solid var(--ink)}.steps li{font-size:11px;font-weight:900;opacity:.32}.steps li span{display:block;margin-bottom:7px;color:var(--pink)}.steps li.active{opacity:1}.scheduler h2{margin:14px 0 38px;font-size:clamp(42px,5vw,72px)}.panel{display:none}.panel.active{display:block}.choices{display:grid;gap:13px}.choices button{width:100%;padding:25px;border:3px solid var(--ink);background:white;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;text-align:left;cursor:pointer;box-shadow:0 0 0 var(--ink);transition:.15s}.choices button:hover,.choices button:focus-visible{background:var(--yellow);box-shadow:7px 7px 0 var(--pink);transform:translate(-3px,-3px)}.choice-number{font:50px/.8 "Archivo Black";color:var(--pink)}.choices strong,.choices small{display:block}.choices small{margin-top:6px;line-height:1.4}.choices b{font-size:11px}.back-step{padding:0;border:0;background:none;font-size:11px;font-weight:900;cursor:pointer}.week-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.day{padding:15px 8px;border:2px solid var(--ink);background:white;cursor:pointer}.day small,.day strong,.day span{display:block}.day strong{font:35px "Archivo Black"}.day span{margin-top:5px;font-size:9px}.day.active{background:var(--blue);box-shadow:5px 5px 0 var(--ink)}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:28px}.time-grid button{padding:18px 8px;border:2px solid var(--ink);background:white;font-weight:900;cursor:pointer}.time-grid button:hover,.time-grid button:focus-visible,.time-grid button.selected{background:var(--yellow);box-shadow:4px 4px 0 var(--pink)}.privacy-note{font-size:11px;margin-top:25px}form{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:11px;font-weight:900}input,select,textarea{display:block;width:100%;margin-top:8px;padding:15px;border:2px solid var(--ink);background:white;border-radius:0}textarea{resize:vertical}.wide{grid-column:1/-1}.continue{grid-column:1/-1;width:max-content;max-width:100%;padding:17px 22px;border:0;background:var(--ink);color:white;font-weight:900;box-shadow:6px 6px 0 var(--pink);cursor:pointer}.summary{margin:25px 0;display:grid;grid-template-columns:130px 1fr;border-top:2px solid}.summary span,.summary b{padding:17px 5px;border-bottom:2px solid}.summary span{font-size:10px;letter-spacing:.12em}.confirmation .confetti{width:95px;height:95px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);font:50px "Archivo Black";transform:rotate(8deg);box-shadow:7px 7px 0 var(--pink)}.confirmation p:not(.mini){font-size:18px;line-height:1.6}.status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:22px;margin:30px 0;background:var(--blue);font-size:11px}.status b{background:var(--yellow);padding:9px}.confirmation>a{font-weight:900}.owner-view{padding:100px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:var(--blue)}.owner-view h2{margin:15px 0;font-size:clamp(50px,7vw,100px)}.owner-view>div>p:last-child{font-size:18px;line-height:1.6}.owner-view article{padding:35px;border:4px solid var(--ink);background:white;box-shadow:10px 10px 0 var(--pink)}.owner-view article>span{font-size:9px;letter-spacing:.16em;font-weight:900}.owner-view h3{font:36px "Archivo Black";margin-bottom:5px}.owner-view article div{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.owner-view article button{padding:12px;border:2px solid var(--ink);background:var(--yellow);font-size:10px;font-weight:900}.owner-view article button+button{background:white}@media(max-width:900px){.booking-shell{grid-template-columns:1fr;padding-top:88px}.booking-intro{padding:65px 6vw}.scheduler{padding:55px 6vw 80px}.owner-view{grid-template-columns:1fr}.booking-intro:after{font-size:170px}}@media(max-width:520px){.booking-intro h1{font-size:20vw}.steps li{font-size:9px}.week-strip{grid-template-columns:1fr 1fr}.time-grid{grid-template-columns:1fr 1fr}.choices button{grid-template-columns:55px 1fr}.choices button>b{grid-column:2}.choice-number{font-size:42px}form{grid-template-columns:1fr}.wide{grid-column:auto}.summary{grid-template-columns:100px 1fr}.owner-view{padding:75px 6vw}.owner-view article{padding:25px}}
