:root{--ink:#0a0b0b;--surface:#121314;--surface-2:#1b1c1e;--paper:#f4f1eb;--white:#fff;--muted:#a7a6a3;--gold:#c9a961;--gold-light:#e6d39d;--line:#ffffff1a;--shadow:0 24px 70px #00000038}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f7f5f1;background:var(--ink);font-family:var(--font-sans), sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}main{min-height:70vh}.shell{width:min(1180px,100% - 40px);margin:0 auto}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0b0bdb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:76px;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex}.brand>span:last-child>span{color:var(--gold)}.brand-mark{width:34px;height:34px;color:var(--ink);background:var(--gold);border-radius:50%;place-items:center;display:grid}.nav{color:#d8d6d1;align-items:center;gap:28px;font-size:14px;display:flex}.nav a:hover{color:var(--gold-light)}.nav-ghost{cursor:pointer;color:#d8d6d1;background:0 0;border:0}.menu-button{background:0 0;border:0;display:none}.button{border:1px solid var(--gold);background:var(--gold);cursor:pointer;border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:15px 23px;font-size:14px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex;color:#15130f!important}.button:hover{background:var(--gold-light);transform:translateY(-2px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-small{padding:11px 18px}.button-secondary{background:0 0;border-color:#ffffff47;color:#f4f2ec!important}.button-light{background:#111;border-color:#111;color:#fff!important}.button-danger{background:0 0;border-color:#f49b9b66;color:#f49b9b!important}.hero{background:radial-gradient(circle at 80% 25%,#252114 0,#111210 32%,#090a0a 65%);align-items:center;min-height:760px;display:flex;position:relative;overflow:hidden}.hero-glow{filter:blur(60px);background:#c9a96117;border-radius:50%;width:550px;height:550px;position:absolute;top:15%;right:3%}.hero-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:80px;padding:92px 0 96px;display:grid;position:relative}.eyebrow,.overline{color:var(--gold-light);letter-spacing:1.8px;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.hero h1{font:500 clamp(58px, 6.8vw, 93px)/.95 var(--font-display), serif;letter-spacing:-4px;margin:24px 0 28px}.hero h1 em,.barber-copy h2 em{color:var(--gold);font-weight:500}.hero-copy>p{color:#aaa9a5;max-width:610px;font-size:18px;line-height:1.8}.hero-actions{gap:12px;margin:36px 0;display:flex}.hero-proof{color:#898986;flex-wrap:wrap;gap:22px;font-size:12px;display:flex}.hero-proof span{align-items:center;gap:6px;display:flex}.hero-proof svg{width:14px;color:var(--gold)}.hero-visual{place-items:center;height:580px;display:grid;position:relative}.visual-ring{border:1px solid #c9a96133;border-radius:50%;position:absolute}.ring-one{width:470px;height:470px}.ring-two{opacity:.5;width:590px;height:590px}.phone-card{z-index:2;background:linear-gradient(145deg,#212225,#111214 70%);border:1px solid #ffffff24;border-radius:39px;width:326px;min-height:555px;padding:19px 18px 24px;transform:rotate(2deg);box-shadow:0 45px 90px #000}.phone-top{color:#c4c2be;justify-content:space-between;padding:4px 9px 22px;font-size:9px;display:flex}.phone-top span:nth-child(2){color:var(--gold);font-weight:800}.phone-greeting small,.appointment-card small,.phone-label{letter-spacing:1.3px;color:#7f7e7b;font-size:8px;font-weight:800}.phone-greeting h3{font:500 28px var(--font-display);margin:5px 0}.phone-greeting p{color:#8b8a87;margin:0;font-size:11px}.appointment-card{background:var(--gold);color:#17150f;border-radius:19px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:22px 0;padding:15px;display:grid}.appointment-card .avatar{width:40px;height:40px;color:var(--gold);background:#181713;border-radius:50%;place-items:center;display:grid}.appointment-card .avatar svg{width:18px}.appointment-card div:nth-child(2){flex-direction:column;gap:2px;display:flex}.appointment-card small{color:#62532e}.appointment-card strong{font-size:13px}.appointment-card span{opacity:.7;font-size:9px}.phone-label{margin:6px 4px 11px}.barber-row{border-top:1px solid #ffffff14;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 7px;display:grid}.portrait{width:37px;height:37px;color:var(--gold-light);background:#554b37;border-radius:50%;place-items:center;font-size:10px;display:grid}.portrait-alt{background:#30353d}.barber-row div:nth-child(2){flex-direction:column;display:flex}.barber-row strong{font-size:11px}.barber-row span{color:#878682;margin-top:2px;font-size:8px}.mini-pill{border:1px solid #c9a96166;border-radius:99px;padding:5px 7px;color:var(--gold)!important}.mini-pill.muted{border-color:#3a3a3b;color:#898986!important}.floating-card{z-index:3;box-shadow:var(--shadow);background:#1f201ff2;border:1px solid #ffffff1f;border-radius:13px;align-items:center;gap:10px;padding:13px 16px;display:flex;position:absolute}.floating-card svg{color:var(--gold);width:20px}.floating-card span{color:#8f8e8b;flex-direction:column;font-size:9px;display:flex}.floating-card strong{color:#f0ede7;font-size:10px}.floating-top{top:105px;right:-20px}.floating-bottom{bottom:90px;left:0}.section{padding:110px 0}.section.light{background:var(--paper);color:#161716}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:55px;display:flex}.section-heading>span{color:#967c42;letter-spacing:1.6px;font-size:11px;font-weight:800}.section-heading h2{font:500 clamp(42px, 4.8vw, 64px)/1.05 var(--font-display);letter-spacing:-2px;margin:0}.benefit-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.benefit-card{background:#f8f5ef;border:1px solid #d9d3c8;border-radius:20px;min-height:300px;padding:34px;position:relative;overflow:hidden}.benefit-card>svg{color:#9c8248;width:30px;height:30px;margin:52px 0 16px}.benefit-card h3{margin:0 0 10px;font-size:18px}.benefit-card p{color:#706e69;font-size:14px;line-height:1.7}.benefit-number{font:500 58px var(--font-display);color:#e7e1d7;position:absolute;top:17px;right:25px}.barber-section{background:#101112}.barber-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:95px;display:grid}.dashboard-preview{box-shadow:var(--shadow);background:#191a1c;border:1px solid #303033;border-radius:22px;padding:26px}.dash-top{border-bottom:1px solid #2b2c2e;justify-content:space-between;padding-bottom:24px;font-weight:800;display:flex}.live-dot{color:#7ecb8a;font-size:11px}.dash-metrics{grid-template-columns:1fr 1fr;gap:12px;margin:19px 0;display:grid}.dash-metrics div{border:1px solid #303134;border-radius:13px;flex-direction:column;padding:17px;display:flex}.dash-metrics small{color:#858482;letter-spacing:1px;font-size:8px}.dash-metrics strong{font:500 33px var(--font-display);margin:7px 0}.dash-metrics span{color:#8bba91;font-size:9px}.schedule{border-top:1px solid #2b2c2e;grid-template-columns:60px 1fr auto;align-items:center;gap:15px;padding:16px 3px;font-size:12px;display:grid}.schedule>span:first-child{color:var(--gold)}.schedule div{flex-direction:column;gap:4px;display:flex}.schedule small{color:#7f7f7d}.tag{border-radius:99px;padding:5px 8px;font-size:8px}.confirmed{color:#7fd191;background:#56ac691f}.waiting{color:#d3b56e;background:#c9a9611f}.barber-copy h2{font:500 clamp(45px, 5vw, 68px)/1 var(--font-display);letter-spacing:-2px;margin:19px 0 25px}.barber-copy>p{color:#969593;font-size:15px;line-height:1.8}.barber-copy ul{gap:14px;margin:28px 0;padding:0;list-style:none;display:grid}.barber-copy li{align-items:center;gap:12px;font-size:13px;display:flex}.barber-copy li svg{color:var(--gold);width:18px}.text-link{color:var(--gold-light);align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.text-link svg{width:16px}.cta-section{background:var(--paper);color:#131411;padding:90px 0}.cta-card{background:var(--gold);border-radius:25px;justify-content:space-between;align-items:center;padding:54px 60px;display:flex}.cta-card span{letter-spacing:1.5px;font-size:10px;font-weight:800}.cta-card h2{font:500 47px var(--font-display);margin:8px 0}.cta-card p{color:#5f512f;margin:0}.site-footer{border-top:1px solid var(--line);background:#090a0a;padding:64px 0 25px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:60px;display:grid}.footer-grid p{color:#777875;max-width:380px;font-size:13px;line-height:1.8}.footer-grid>div:not(:first-child){color:#858582;flex-direction:column;gap:12px;font-size:12px;display:flex}.footer-grid strong{color:#e8e6e1;margin-bottom:6px}.footer-bottom{border-top:1px solid var(--line);color:#61615f;margin-top:45px;padding-top:22px;font-size:11px}.page-hero{background:radial-gradient(circle at 70% 10%,#272215 0,#0b0c0c 50%);padding:80px 0 50px}.page-hero h1{font:500 clamp(48px,6vw,74px)/1 var(--font-display);letter-spacing:-2px;margin:14px 0}.page-hero p{color:#9d9d99;max-width:600px;line-height:1.7}.booking-layout{grid-template-columns:1fr 340px;align-items:start;gap:24px;padding:35px 0 100px;display:grid}.panel{background:#151618;border:1px solid #2a2b2d;border-radius:19px;padding:26px}.panel h2{margin:0 0 6px;font-size:20px}.panel-intro{color:#858581;margin:0 0 24px;font-size:13px}.option-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.option-card{text-align:left;cursor:pointer;background:#1b1c1e;border:1px solid #303134;border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex}.option-card:hover,.option-card.selected{border-color:var(--gold);background:#211e18}.option-card strong{font-size:14px;display:block}.option-card span{color:#8d8d89;margin-top:4px;font-size:11px;display:block}.option-card .option-price{color:var(--gold);white-space:nowrap;margin-left:auto;font-weight:800}.option-icon{width:38px;height:38px;color:var(--gold);background:#28282a;border-radius:50%;flex:0 0 38px;place-items:center;display:grid}.step-bar{align-items:center;gap:6px;margin-bottom:28px;display:flex}.step-dot{background:#2d2d2f;border-radius:99px;flex:1;height:4px}.step-dot.active{background:var(--gold)}.booking-actions{justify-content:space-between;gap:12px;margin-top:28px;display:flex}.summary-panel{position:sticky;top:100px}.summary-panel h3{margin-top:0}.summary-row{border-top:1px solid #2d2e30;justify-content:space-between;gap:15px;padding:13px 0;font-size:12px;display:flex}.summary-row span{color:#7f807d}.summary-row strong{text-align:right}.date-strip{grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0;display:grid}.date-button{cursor:pointer;background:#1b1c1e;border:1px solid #303134;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 5px;display:flex}.date-button span{color:#8b8b88;text-transform:uppercase;font-size:9px}.date-button strong{font-size:16px}.date-button.selected{border-color:var(--gold);background:#282217}.slots{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.slot{cursor:pointer;background:#1c1d1f;border:1px solid #343537;border-radius:10px;padding:11px 6px}.slot.selected{color:#15130f;background:var(--gold);border-color:var(--gold);font-weight:800}.salon-search{height:58px;color:var(--gold);background:#1b1c1e;border:1px solid #3a3b3d;border-radius:14px;align-items:center;gap:12px;padding:0 18px;transition:border-color .2s,box-shadow .2s;display:flex}.salon-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #c9a9611a}.salon-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.salon-search input::placeholder{color:#6f706d}.salon-search-meta{color:#737471;justify-content:space-between;align-items:center;gap:16px;min-height:39px;font-size:10px;display:flex}.salon-search-meta strong{color:var(--gold-light)}.salon-results{margin-top:2px}.salon-address{align-items:center;gap:4px;display:flex!important}.salon-address svg{color:#757673}.salon-result-note{color:#868783;text-align:center;margin:14px 0 0;font-size:11px}.salon-direct-note{background:#c9a96112;border:1px solid #c9a9613d;border-radius:12px;justify-content:space-between;gap:15px;margin-top:18px;padding:14px 16px;font-size:11px;display:flex}.salon-direct-note strong{color:var(--gold-light)}.salon-direct-note span{color:#8e8e8a}.notice{border-radius:11px;margin:15px 0;padding:13px 15px;font-size:12px;line-height:1.6}.notice-error{color:#f2a6a6;background:#d34d4d1f;border:1px solid #d34d4d52}.notice-success{color:#91daa6;background:#55b3701f;border:1px solid #55b37052}.empty{text-align:center;color:#8b8b88;border:1px dashed #38393b;border-radius:13px;padding:35px}.auth-shell{background:radial-gradient(circle at 50% 20%,#292315,#0a0b0b 55%);place-items:center;min-height:720px;padding:70px 20px;display:grid}.auth-card{width:min(460px,100%);box-shadow:var(--shadow);background:#151618;border:1px solid #303134;border-radius:21px;padding:35px}.auth-card h1{font:500 39px var(--font-display);margin:10px 0}.auth-card>p{color:#888986;font-size:13px;line-height:1.6}.form{gap:16px;margin-top:25px;display:grid}.field{gap:7px;display:grid}.field label{color:#aaa9a6;font-size:11px;font-weight:800}.field input,.field select{color:#fff;background:#1d1e20;border:1px solid #343537;border-radius:11px;outline:none;width:100%;padding:14px 15px}.field input:focus,.field select:focus{border-color:var(--gold)}.auth-switch{text-align:center;color:#858581;margin-top:20px;font-size:12px}.auth-switch a{color:var(--gold);font-weight:800}.account-page{background:#0d0e0f;padding:65px 0 110px}.account-head{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.account-head h1{font:500 47px var(--font-display);margin:0}.account-head p{color:#858582}.booking-list{gap:12px;display:grid}.booking-item{background:#161719;border:1px solid #2c2d2f;border-radius:15px;grid-template-columns:110px 1fr auto;align-items:center;gap:18px;padding:20px;display:grid}.booking-date{color:var(--gold);flex-direction:column;display:flex}.booking-date strong{font-size:24px}.booking-item h3{margin:0 0 5px;font-size:15px}.booking-item p{color:#858581;margin:0;font-size:11px}.status{color:#b9b8b4;white-space:nowrap;background:#282a2c;border-radius:99px;padding:7px 10px;font-size:10px}.status-confirmed,.status-completed{color:#8ed3a0;background:#4ea36421}.status-cancelled,.status-no_show{color:#e69a9a;background:#c8484821}.metrics{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:22px;display:grid}.metric{background:#161719;border:1px solid #2c2d2f;border-radius:15px;padding:21px}.metric small{color:#777875;letter-spacing:1px;font-size:9px}.metric strong{font:500 35px var(--font-display);margin-top:5px;display:block}.admin-table{overflow-x:auto}.admin-row{border-top:1px solid #2b2c2e;grid-template-columns:90px 1.3fr 1fr 1fr auto;align-items:center;gap:15px;min-width:700px;padding:16px 0;font-size:12px;display:grid}.admin-row.header{color:#737471;letter-spacing:.8px;font-size:9px}.admin-actions{gap:6px;display:flex}.icon-button{cursor:pointer;background:#202123;border:1px solid #3a3b3d;border-radius:8px;padding:7px 9px;font-size:10px}.icon-button.success{color:#8ed3a0}.icon-button.danger{color:#e69a9a}.account-head-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.demo-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 20%,#2b2415 0,#101111 40%,#090a0a 75%);padding:95px 0 75px}.demo-hero-grid{grid-template-columns:1fr 280px;align-items:end;gap:70px;display:grid}.demo-hero h1{max-width:860px;font:500 clamp(55px,6.2vw,83px)/.98 var(--font-display);letter-spacing:-3px;margin:18px 0 25px}.demo-hero h1 em{color:var(--gold);font-weight:500}.demo-hero p{color:#989894;max-width:670px;font-size:16px;line-height:1.75}.demo-promise{background:#c9a9610f;border:1px solid #c9a96140;border-radius:15px;align-items:center;gap:13px;padding:20px;display:flex}.demo-promise>svg{color:var(--gold)}.demo-promise span{color:#848581;flex-direction:column;gap:4px;font-size:11px;display:flex}.demo-promise strong{color:#f4f1eb;font-size:13px}.demo-section{background:#0d0e0f;padding:65px 0 110px}.demo-window{background:#131416;border:1px solid #303135;border-radius:23px;overflow:hidden;box-shadow:0 45px 100px #00000061}.demo-toolbar{background:#202124;border-bottom:1px solid #303135;align-items:center;gap:7px;height:48px;padding:0 18px;display:flex}.demo-toolbar>span{background:#5d5d5d;border-radius:50%;width:9px;height:9px}.demo-toolbar>span:first-child{background:#df6e67}.demo-toolbar>span:nth-child(2){background:#d8b55f}.demo-toolbar>span:nth-child(3){background:#67b77c}.demo-toolbar strong{color:#a9a9a5;margin-left:10px;font-size:10px;font-weight:600}.demo-toolbar small{color:var(--gold);letter-spacing:1.2px;margin-left:auto;font-weight:800}.demo-app{grid-template-columns:220px 1fr;min-height:670px;display:grid}.demo-sidebar{background:#111214;border-right:1px solid #2a2b2e;flex-direction:column;padding:27px 20px;display:flex}.demo-brand{align-items:center;gap:8px;margin-bottom:43px;font-weight:800;display:flex}.demo-brand svg,.demo-brand span{color:var(--gold)}.demo-sidebar nav{gap:8px;display:grid}.demo-sidebar nav span,.demo-sidebar nav strong{color:#777875;border-radius:10px;align-items:center;gap:10px;height:43px;padding:0 12px;font-size:11px;display:flex}.demo-sidebar nav strong{color:#eeeae2;background:#24211b}.demo-sidebar nav svg{width:15px}.demo-salon{border:1px solid #2b2c2f;border-radius:12px;flex-direction:column;gap:4px;margin-top:auto;padding:15px;display:flex}.demo-salon small{color:#666764;letter-spacing:1px;font-size:7px}.demo-salon strong{font-size:11px}.demo-salon span{color:#777875;font-size:9px}.demo-dashboard{background:#151618;min-width:0;padding:38px}.demo-dashboard-head{justify-content:space-between;align-items:center;gap:25px;display:flex}.demo-dashboard-head small,.demo-card-title small{color:var(--gold);letter-spacing:1.3px;font-size:8px}.demo-dashboard-head h2{font:500 35px var(--font-display);margin:7px 0 4px}.demo-dashboard-head p{color:#747572;margin:0;font-size:11px}.demo-dashboard-head button{color:#cac7c0;background:#1e1f21;border:1px solid #38393c;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:10px;display:flex}.demo-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 18px;display:grid}.demo-metrics article{background:#1b1c1e;border:1px solid #2f3033;border-radius:14px;flex-direction:column;padding:20px;display:flex;position:relative}.demo-metrics article>span{color:var(--gold);position:absolute;top:17px;right:17px}.demo-metrics article svg{width:18px}.demo-metrics small{color:#70716e;letter-spacing:1px;font-size:7px}.demo-metrics strong{font:500 31px var(--font-display);margin:9px 0 4px}.demo-metrics em{color:#75b786;font-size:8px;font-style:normal}.demo-metrics article:nth-child(2) em{color:#c9a961}.demo-content-grid{grid-template-columns:1fr 260px;gap:16px;display:grid}.demo-schedule-card{background:#1b1c1e;border:1px solid #2f3033;border-radius:15px;min-width:0;padding:22px}.demo-card-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.demo-card-title h3{margin:5px 0;font-size:16px}.demo-card-title>span{color:#76c088;letter-spacing:1px;font-size:7px;font-weight:800}.demo-appointment{border-top:1px solid #2d2e30;grid-template-columns:52px 1fr auto;align-items:center;gap:13px;padding:17px 0;font-size:11px;display:grid}.demo-appointment>strong{color:var(--gold)}.demo-appointment>span{flex-direction:column;gap:4px;display:flex}.demo-appointment small{color:#747572}.demo-appointment>em{border-radius:99px;padding:6px 8px;font-size:8px;font-style:normal}.demo-phone-wrap{background:#202124;border-radius:19px;padding:13px 13px 9px}.demo-phone{background:#111214;border:1px solid #343538;border-radius:15px;min-height:346px;padding:15px}.demo-phone-top{color:#969692;justify-content:space-between;margin-bottom:22px;font-size:7px;display:flex}.demo-phone-top b{color:var(--gold)}.demo-phone>small{color:#696a67;letter-spacing:1px;font-size:7px}.demo-phone h3{font:500 19px var(--font-display);margin:6px 0 15px}.demo-phone button{text-align:left;background:0 0;border:0;border-top:1px solid #292a2d;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;padding:11px 8px;display:grid}.demo-phone button>span{width:29px;height:29px;color:var(--gold);background:#222326;border-radius:50%;place-items:center;display:grid}.demo-phone button svg{width:13px}.demo-phone button b{flex-direction:column;gap:3px;font-size:9px;display:flex}.demo-phone button small{color:#71726f;font-size:7px;font-weight:400}.demo-phone button em{color:var(--gold);font-size:8px;font-style:normal}.demo-phone-cta{background:var(--gold);color:#16130d;border-radius:99px;justify-content:center;align-items:center;gap:5px;margin-top:14px;padding:10px;font-size:9px;font-weight:800;display:flex}.demo-phone-wrap>p{color:#7c7d79;justify-content:center;align-items:center;gap:6px;margin:9px 0 0;font-size:8px;display:flex}.demo-bottom-cta{background:#151618;border:1px solid #303135;border-radius:20px;justify-content:space-between;align-items:center;gap:45px;margin-top:55px;padding:42px 47px;display:flex}.demo-bottom-cta h2{font:500 34px var(--font-display);margin:9px 0}.demo-bottom-cta p{color:#858682;max-width:700px;margin:0;font-size:12px;line-height:1.7}.demo-role-strip{background:#111214;border-bottom:1px solid #292a2c}.demo-role-grid{grid-template-columns:1fr 1fr;display:grid}.demo-role-grid>div{border-left:1px solid #292a2c;align-items:center;gap:16px;min-height:112px;padding:23px 34px;display:flex}.demo-role-grid>div:last-child{border-right:1px solid #292a2c}.demo-role-grid svg{width:26px;color:var(--gold)}.demo-role-grid span{flex-direction:column;gap:4px;display:flex}.demo-role-grid small{color:#777875;letter-spacing:1.2px;font-size:8px}.demo-role-grid strong{font-size:14px}.demo-role-grid em{color:var(--gold-light);background:#c9a9611a;border-radius:99px;margin-left:auto;padding:7px 10px;font-size:9px;font-style:normal}.demo-customer-section{background:var(--paper);color:#171817;padding:105px 0 115px}.demo-section-heading{grid-template-columns:1.3fr .7fr;align-items:end;gap:70px;margin-bottom:65px;display:grid}.demo-section-heading .overline{color:#8f743b}.demo-section-heading h2{max-width:750px;font:500 clamp(43px,5vw,66px)/1.04 var(--font-display);letter-spacing:-2px;margin:12px 0 0}.demo-section-heading>p{color:#6e6d68;margin:0;font-size:14px;line-height:1.8}.demo-section-heading.inverse{color:#f5f2ec}.demo-section-heading.inverse>p{color:#8e8f8b}.demo-phone-gallery{grid-template-columns:repeat(3,1fr);align-items:center;gap:27px;max-width:1040px;margin:20px auto 80px;display:grid}.tour-phone{color:#f5f2ec;background:linear-gradient(145deg,#222326,#101113 72%);border:1px solid #353638;border-radius:38px;flex-direction:column;min-height:585px;padding:20px 19px 16px;display:flex;overflow:hidden;box-shadow:0 28px 65px #0000002e}.tour-phone-featured{border-color:#c9a9618c;min-height:635px;transform:translateY(-8px);box-shadow:0 36px 80px #00000045}.tour-phone-bar{color:#868783;justify-content:space-between;padding:1px 4px 22px;font-size:8px;display:flex}.tour-phone-bar b{color:var(--gold)}.tour-phone>small,.tour-parameters>small,.tour-note>small{color:#70716e;letter-spacing:1.2px;font-size:7px}.tour-phone>h3{font:500 25px var(--font-display);margin:5px 0 16px}.tour-next-visit{background:linear-gradient(145deg,#26231c,#191a1b);border:1px solid #c9a96147;border-radius:19px;padding:17px}.tour-next-visit>span{color:#7d7d79;letter-spacing:.7px;justify-content:space-between;font-size:7px;display:flex}.tour-next-visit em{color:var(--gold);font-style:normal}.tour-next-visit>strong{color:var(--gold);font:700 38px var(--font-sans);margin-top:13px;display:block}.tour-next-visit>p{color:#8e8e89;margin:1px 0 15px;font-size:9px}.tour-next-visit>div{border-top:1px solid #333437;justify-content:space-between;padding-top:11px;font-size:10px;display:flex}.tour-next-visit>div small{color:#737471}.tour-primary-action{background:var(--gold);color:#16130d;border-radius:99px;justify-content:center;align-items:center;gap:7px;min-height:43px;margin-top:14px;font-size:9px;font-weight:800;display:flex}.tour-primary-action svg{width:13px}.tour-mini-card,.tour-reminder{background:#1b1c1e;border:1px solid #303134;border-radius:13px;align-items:center;gap:11px;margin-top:13px;padding:14px;display:flex}.tour-mini-card>svg,.tour-reminder>svg{width:17px;color:var(--gold)}.tour-mini-card span,.tour-reminder span{flex-direction:column;gap:3px;display:flex}.tour-mini-card b,.tour-reminder b{font-size:9px}.tour-mini-card small,.tour-reminder small{color:#72736f;font-size:7px}.tour-phone footer{color:#676865;border-top:1px solid #292a2d;justify-content:space-between;margin-top:auto;padding-top:17px;font-size:6px;display:flex}.tour-phone footer b{color:var(--gold)}.tour-haircut-photo{height:188px;color:var(--gold-light);background:radial-gradient(circle at 50% 30%,#5c5444,#252321 50%,#111);border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.tour-haircut-photo:before{content:"";background:linear-gradient(#2f2a23,#111);border-radius:55px 55px 18px 18px;width:110px;height:150px;position:absolute;bottom:-48px;box-shadow:0 -35px 50px #6c604c}.tour-haircut-photo svg{z-index:1;width:31px}.tour-haircut-photo span{z-index:2;background:#0000008c;border-radius:99px;padding:5px 7px;font-size:7px;position:absolute;bottom:10px;left:11px}.tour-parameters{border:1px solid #2f3033;border-radius:14px;margin-top:13px;padding:14px}.tour-parameters>div{grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;display:grid}.tour-parameters span{color:#737471;background:#222326;border-radius:8px;flex-direction:column;gap:3px;padding:8px;font-size:6px;display:flex}.tour-parameters b{color:#dedbd5;font-size:8px}.tour-note{background:#191a1c;border-left:2px solid #c9a9618c;margin-top:10px;padding:12px 14px}.tour-note p{color:#9b9b97;margin:5px 0 0;font-size:8px}.tour-points{background:#1b1c1e;border:1px solid #c9a9614d;border-radius:17px;padding:18px}.tour-points>strong{color:var(--gold);font:700 44px var(--font-sans)}.tour-points>span{color:#858682;margin-left:6px;font-size:10px}.tour-points>div{background:#313235;border-radius:99px;height:5px;margin:14px 0 6px;overflow:hidden}.tour-points i{border-radius:inherit;background:var(--gold);height:100%;display:block}.tour-points small{color:#6e6f6c;font-size:7px}.tour-reward{background:#c9a9610f;border:1px solid #c9a96152;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:12px;padding:13px 10px;display:grid}.tour-reward>svg{width:16px;color:var(--gold)}.tour-reward>span{flex-direction:column;gap:3px;display:flex}.tour-reward b{font-size:9px}.tour-reward small{color:#777875;font-size:7px}.tour-reward em{background:var(--gold);color:#17140e;border-radius:99px;padding:6px 7px;font-size:7px;font-style:normal;font-weight:800}.tour-reward.muted{opacity:.55;border-color:#2d2e31}.tour-reward.muted em{color:#777875;background:#292a2d}.demo-feature-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.demo-feature-grid article{background:#f8f5ef;border:1px solid #d9d3c8;border-radius:15px;align-items:flex-start;gap:15px;min-height:135px;padding:23px;display:flex}.demo-feature-grid article>span{color:#92783f;background:#ece4d4;border-radius:50%;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.demo-feature-grid article svg{width:18px}.demo-feature-grid h3{margin:1px 0 7px;font-size:14px}.demo-feature-grid p{color:#74726d;margin:0;font-size:11px;line-height:1.65}.demo-barber-section{padding-top:105px}.demo-barber-section .demo-window{margin-bottom:22px}.demo-customer-profile{background:#1b1c1e;border:1px solid #2f3033;border-radius:15px;padding:18px}.demo-profile-head{align-items:center;gap:11px;margin-bottom:14px;display:flex}.demo-profile-head>span{width:40px;height:40px;color:var(--gold);background:#c9a96121;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.demo-profile-head>div{flex-direction:column;gap:2px;display:flex}.demo-profile-head small,.demo-customer-profile>small{color:#686966;letter-spacing:1px;font-size:7px}.demo-profile-head strong{font-size:11px}.demo-profile-head em{color:#737471;font-size:8px;font-style:normal}.demo-profile-alert{color:#82c590;background:#50a8671a;border-radius:8px;align-items:center;gap:6px;margin-bottom:15px;padding:8px;font-size:8px;display:flex}.demo-profile-alert svg{width:13px}.demo-profile-cut{background:#242528;border-radius:10px;align-items:center;gap:10px;margin:8px 0;padding:11px;display:flex}.demo-profile-cut>svg{width:18px;color:var(--gold)}.demo-profile-cut span{flex-direction:column;gap:3px;display:flex}.demo-profile-cut b{font-size:9px}.demo-profile-cut small{color:#70716e;font-size:7px}.demo-profile-facts{grid-template-columns:1fr 1fr;gap:6px;display:grid}.demo-profile-facts span{color:#696a67;border:1px solid #2e2f31;border-radius:8px;flex-direction:column;gap:2px;padding:8px;font-size:6px;display:flex}.demo-profile-facts b{color:#d6d4ce;font-size:8px}.demo-customer-profile button{width:100%;color:var(--gold-light);background:0 0;border:1px solid #343538;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:11px;padding:9px;font-size:8px;display:flex}.demo-customer-profile button svg{width:12px}.demo-secondary-grid{grid-template-columns:1fr 1fr;gap:15px;margin:15px 0 65px;display:grid}.demo-secondary-grid>article{background:#18191b;border:1px solid #303135;border-radius:17px;padding:28px}.demo-panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:23px;display:flex}.demo-panel-head small,.demo-analytics-panel>small{color:var(--gold);letter-spacing:1.2px;font-size:7px}.demo-panel-head h3{margin:5px 0 0;font-size:18px}.demo-panel-head>svg{color:var(--gold)}.demo-revenue{background:#202124;border-radius:13px;flex-direction:column;padding:19px;display:flex;position:relative}.demo-revenue span{color:#6f706d;letter-spacing:.8px;font-size:7px}.demo-revenue strong{color:var(--gold);font:500 31px var(--font-display);margin:8px 0 0}.demo-revenue em{color:#76c088;font-size:9px;font-style:normal;position:absolute;top:19px;right:19px}.demo-stat-row{grid-template-columns:repeat(3,1fr);gap:7px;margin:11px 0 20px;display:grid}.demo-stat-row span{color:#6f706d;border:1px solid #2d2e30;border-radius:9px;flex-direction:column;gap:3px;padding:10px;font-size:7px;display:flex}.demo-stat-row b{color:#ece9e3;font-size:13px}.demo-bars{gap:10px;margin-top:12px;display:grid}.demo-bars span{color:#aaa9a5;padding-bottom:8px;font-size:8px;position:relative}.demo-bars span:after{content:"";background:#2e2f31;border-radius:99px;height:3px;position:absolute;bottom:0;left:0;right:0}.demo-bars i{z-index:1;background:var(--gold);border-radius:99px;height:3px;position:absolute;bottom:0;left:0}.demo-management-list{display:grid}.demo-management-list span{border-top:1px solid #2d2e30;grid-template-columns:29px 1fr auto;align-items:center;min-height:48px;display:grid}.demo-management-list svg{width:15px;color:var(--gold)}.demo-management-list b{font-size:10px}.demo-management-list em{color:#777875;font-size:8px;font-style:normal}.demo-management-panel>p{color:#9b916f;background:#c9a96112;border-radius:9px;margin:16px 0 0;padding:11px 13px;font-size:8px;line-height:1.5}.barber-features article{background:#18191b;border-color:#303135}.barber-features article>span{color:var(--gold);background:#c9a9611a}.barber-features h3{color:#ece9e3}.barber-features p{color:#858682}@media (max-width:900px){.nav{background:#101112;border-bottom:1px solid #2c2d2f;flex-direction:column;align-items:stretch;padding:22px 20px;display:none;position:absolute;top:75px;left:0;right:0}.nav.open{display:flex}.menu-button{display:block}.hero-grid,.barber-grid,.booking-layout,.demo-hero-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{gap:25px;padding-top:65px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{margin:-20px 0;transform:scale(.9)}.section-heading{flex-direction:column;align-items:start;gap:20px}.benefit-grid{grid-template-columns:1fr}.barber-grid{gap:50px}.summary-panel{order:-1;position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.demo-hero-grid{gap:30px}.demo-promise{max-width:420px}.demo-app{grid-template-columns:160px 1fr}.demo-dashboard{padding:25px}.demo-content-grid{grid-template-columns:1fr}.demo-phone-wrap{display:none}.demo-section-heading{grid-template-columns:1fr;gap:20px}.demo-phone-gallery{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,290px);padding:25px 10px 35px;overflow-x:auto}.tour-phone{scroll-snap-align:center}.tour-phone-featured{transform:none}.demo-secondary-grid{grid-template-columns:1fr}}@media (max-width:600px){.shell{width:min(100% - 26px,1180px)}.hero-grid{padding:50px 0 70px}.hero h1{letter-spacing:-2.5px;font-size:53px}.hero-actions{flex-direction:column}.hero-visual{height:520px;margin:-45px -50px;transform:scale(.78)}.floating-top{right:-35px}.section{padding:75px 0}.section-heading h2{font-size:41px}.cta-card{flex-direction:column;align-items:start;gap:27px;padding:36px 27px}.cta-card h2{font-size:38px}.option-grid{grid-template-columns:1fr}.date-strip{grid-template-columns:repeat(5,minmax(58px,1fr));overflow-x:auto}.slots{grid-template-columns:repeat(3,1fr)}.booking-layout{padding-top:20px}.panel{padding:20px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.account-head{flex-direction:column;align-items:start;gap:15px}.account-head-actions{justify-content:stretch;width:100%}.account-head-actions .button{flex:1}.booking-item{grid-template-columns:80px 1fr}.booking-item .status{grid-column:1/-1;width:fit-content}.metrics{grid-template-columns:1fr}.salon-search-meta,.salon-direct-note{flex-direction:column;align-items:flex-start;gap:5px}.demo-hero{padding:65px 0 50px}.demo-hero h1{letter-spacing:-2px;font-size:48px}.demo-hero .hero-actions{align-items:stretch}.demo-role-grid{grid-template-columns:1fr}.demo-role-grid>div{border-bottom:1px solid #292a2c;border-right:1px solid #292a2c;min-height:93px;padding:18px}.demo-customer-section,.demo-barber-section{padding:72px 0 80px}.demo-section-heading{margin-bottom:35px}.demo-section-heading h2{font-size:40px}.demo-phone-gallery{margin:0 -13px 45px;padding-inline:13px}.demo-feature-grid{grid-template-columns:1fr}.demo-feature-grid article{min-height:0;padding:19px}.demo-app{min-height:auto;display:block}.demo-sidebar{display:none}.demo-dashboard{padding:19px}.demo-dashboard-head{flex-direction:column;align-items:flex-start}.demo-metrics{grid-template-columns:1fr}.demo-schedule-card{padding:16px}.demo-appointment{grid-template-columns:44px 1fr auto}.demo-customer-profile{margin-top:3px}.demo-secondary-grid{margin-bottom:45px}.demo-secondary-grid>article{padding:20px}.demo-stat-row{grid-template-columns:1fr}.demo-bottom-cta{flex-direction:column;align-items:flex-start;padding:30px 24px}.demo-bottom-cta h2{font-size:30px}}