:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f2eee6;background:#0b0b0b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 80% 0%,#252015,#0b0b0b 43%)}button,input{font:inherit}.page-shell{max-width:1100px;margin:0 auto;padding:0 34px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29251d}.brand{display:flex;align-items:center;gap:12px;color:#f7f3eb;text-decoration:none;font-size:15px;font-weight:800;letter-spacing:2px}.brand-mark{width:36px;height:36px;border:1px solid #a98a4d;border-radius:10px;display:grid;place-items:center;color:#c9a65b}.gold{color:#c9a65b}.top-pill{font-size:10px;letter-spacing:1.5px;color:#bcb5a7;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#c7a358;box-shadow:0 0 12px #c7a358}.hero{display:grid;grid-template-columns:1fr .8fr;min-height:350px;align-items:center;padding:35px 7% 25px}.eyebrow,.section-kicker{color:#c9a65b;font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:8px}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,7vw,76px);line-height:.98;letter-spacing:-2px;margin:20px 0}.hero h1 span{color:#c9a65b;font-style:italic}.hero-copy>p{max-width:390px;color:#a9a397;font-size:14px;line-height:1.8}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:#c6c0b5;font-size:11px}.hero-meta span{display:flex;align-items:center;gap:7px}.hero-meta svg{color:#c9a65b}.hero-art{height:260px;position:relative;display:grid;place-items:center;color:#c9a65b}.art-ring{position:absolute;border:1px solid #8e713b;border-radius:50%;transform:rotate(-25deg)}.ring-one{width:220px;height:220px;opacity:.55}.ring-two{width:270px;height:170px;opacity:.3;transform:rotate(38deg)}.hero-art>svg{filter:drop-shadow(0 8px 30px #9a753344);transform:rotate(-18deg)}.art-caption{position:absolute;bottom:5px;font-size:9px;letter-spacing:3px;color:#74694f}.booking-card{max-width:790px;margin:5px auto 70px;padding:34px 40px 38px;background:linear-gradient(145deg,#171614,#11100e);border:1px solid #393124;border-radius:17px;box-shadow:0 25px 80px #0008}.card-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.card-heading h2{font-family:Georgia,serif;font-size:34px;font-weight:400;margin:7px 0 0}.step-count{color:#857b68;font-size:10px;letter-spacing:1.5px}.form-section{padding:22px 0;border-top:1px solid #302b22}.field-label{display:flex;align-items:center;gap:12px;margin-bottom:15px;font-size:13px;font-weight:650}.number{color:#c9a65b;font-size:10px;letter-spacing:1px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service-option,.barber-option,.slot{cursor:pointer;text-align:left;background:#1d1b17;border:1px solid #393329;color:#eee8dc;border-radius:9px;transition:.2s}.service-option{padding:15px;display:flex;flex-direction:column;gap:8px}.service-option.selected,.barber-option.selected,.slot.selected{border-color:#c9a65b;background:#292317;box-shadow:inset 0 0 0 1px #c9a65b33}.service-name{font-size:12px;font-weight:650}.service-detail{font-size:10px;color:#a69b88}.barber-grid{display:flex;gap:10px;flex-wrap:wrap}.barber-option{display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:11px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#332b1d;color:#c9a65b}.date-field{display:flex;align-items:center;gap:10px;background:#1d1b17;border:1px solid #393329;border-radius:8px;padding:0 13px;width:max-content;color:#c9a65b}.date-field input{background:transparent;border:0;color:#eee8dc;padding:11px 0;outline:0;color-scheme:dark}.slot-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.slot{display:flex;align-items:center;gap:6px;padding:9px 12px;font-size:11px}.slot svg{color:#c9a65b}.hint,.demo-note{color:#837b6e;font-size:10px;line-height:1.6}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-grid input{width:100%;background:#1d1b17;border:1px solid #393329;border-radius:8px;padding:13px;color:#eee8dc;outline:0}.customer-grid input:focus{border-color:#c9a65b}.customer-grid input::placeholder{color:#777064}.summary{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-top:1px solid #393329}.summary div:first-child{display:flex;flex-direction:column;gap:7px}.summary span{font-size:9px;letter-spacing:1.6px;color:#928875}.summary strong{font-size:12px}.summary-price{color:#d2b16d;font-family:Georgia,serif;font-size:23px}.notice{padding:12px 14px;border:1px solid #8b713c;background:#292317;border-radius:8px;color:#ead9b5;font-size:12px;line-height:1.5}.submit-button{width:100%;border:0;border-radius:8px;background:#c5a15a;color:#17130c;padding:15px 18px;font-size:12px;font-weight:800;letter-spacing:.4px;display:flex;justify-content:center;align-items:center;gap:12px;cursor:pointer;transition:.2s}.submit-button:hover{background:#dfbd78;transform:translateY(-1px)}.submit-button:disabled{opacity:.65;cursor:wait}footer{height:70px;border-top:1px solid #29251d;display:flex;justify-content:space-between;align-items:center;color:#766f62;font-size:9px;letter-spacing:1.2px}@media(max-width:700px){.page-shell{padding:0 18px}.topbar{height:68px}.top-pill{font-size:8px}.hero{grid-template-columns:1fr;min-height:unset;padding:55px 4% 20px}.hero-art{height:155px;opacity:.7}.ring-one{width:140px;height:140px}.ring-two{width:180px;height:110px}.hero-art>svg{width:75px}.booking-card{padding:25px 19px;margin-top:15px}.card-heading h2{font-size:29px}.service-grid,.customer-grid{grid-template-columns:1fr}.hero-meta{font-size:10px}footer{font-size:8px;gap:15px}footer span:last-child{text-align:right}}