:root{--navy:#12262d;--deep:#0b1a1f;--teal:#2f7f86;--teal2:#4fb3b8;--cream:#f4f1ea;--white:#fff;--muted:#a9bcc0}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--navy);color:var(--cream);line-height:1.6}
h1,h2,h3{font-family:"Oswald",Impact,sans-serif;letter-spacing:.04em;text-transform:uppercase;line-height:1.15}
a{color:var(--teal2)}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
header.nav{position:sticky;top:0;z-index:10;background:rgba(11,26,31,.95);border-bottom:1px solid #1f3a42}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.brand img{width:42px;height:42px;border-radius:50%}
.nav ul{display:none;list-style:none;gap:22px}.nav ul a{color:var(--cream);text-decoration:none;font-size:.95rem}
.btn{display:inline-block;background:var(--teal);color:var(--white);padding:12px 26px;border-radius:999px;text-decoration:none;font-weight:700;letter-spacing:.03em;border:2px solid var(--teal);transition:.2s}
.btn:hover{background:var(--teal2);border-color:var(--teal2)}.btn.ghost{background:transparent}.btn.sm{padding:8px 18px;font-size:.9rem}
.hero{text-align:center;padding:56px 0 64px;background:radial-gradient(circle at 50% 30%,#1c3b44 0,var(--navy) 60%)}
.hero img{width:min(260px,70vw);border-radius:50%;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.hero h1{font-size:clamp(2.2rem,8vw,4rem);margin-top:22px;color:var(--white)}
.tag{color:var(--teal2);font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:1.1rem}
.hero p.lead{max-width:560px;margin:14px auto 26px;color:var(--muted)}.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
section{padding:64px 0}section.alt{background:var(--deep)}
h2{font-size:clamp(1.7rem,5vw,2.4rem);color:var(--white);margin-bottom:8px}.sub{color:var(--muted);margin-bottom:32px}
.grid{display:grid;gap:18px;grid-template-columns:1fr}
.card{background:#173039;border:1px solid #234650;border-radius:16px;padding:24px}
.card h3{font-size:1.2rem;color:var(--white);margin-bottom:6px}.card .ic{font-size:1.8rem;margin-bottom:8px}
.step{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--teal);color:#fff;align-items:center;justify-content:center;font-weight:700;margin-bottom:10px}
.price{color:var(--teal2);font-size:.9rem;font-weight:600;margin-top:8px}
.areas{display:flex;flex-wrap:wrap;gap:12px}.areas span{border:2px solid var(--teal);padding:10px 22px;border-radius:999px;font-weight:700;font-size:1.1rem}
.pay{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.pay span{background:var(--cream);color:var(--navy);padding:6px 14px;border-radius:8px;font-weight:700}
.about{display:grid;gap:28px;align-items:center}.about img{width:100%;max-width:320px;aspect-ratio:3/4;object-fit:cover;object-position:center top;border-radius:14px;border:3px solid var(--teal);box-shadow:0 10px 30px rgba(0,0,0,.35);justify-self:center}
#book .card{text-align:center;padding:36px 20px}#book .widget{margin-top:20px;min-height:60px}
footer{background:var(--deep);border-top:1px solid #1f3a42;padding:32px 0;text-align:center;color:var(--muted);font-size:.9rem}
@media(min-width:760px){.nav ul{display:flex}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c2{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:320px 1fr}.hero{padding:80px 0 90px}}

/* Match Barberly widget button to site Book Now buttons */
.barberly-button{background-color:#2f7f86!important;color:#fff!important;border:2px solid #2f7f86!important;transition:.2s}
.barberly-button:hover{background-color:#4fb3b8!important;border-color:#4fb3b8!important}
.about p+p{margin-top:12px}

.legal{padding:48px 0 64px}.legal .wrap{max-width:820px}.legal h1{font-family:Oswald,sans-serif;font-size:2.2rem;text-transform:uppercase}
.legal h2{font-size:1.15rem;margin:28px 0 8px;color:var(--teal2)}.legal p,.legal li{line-height:1.65}.legal ul{padding-left:22px}.legal li{margin:6px 0}
.legal-links{margin-top:8px}.legal-links a{color:var(--teal2);text-decoration:none}.legal-links a:hover{text-decoration:underline}
.policy{font-size:.9rem;color:var(--muted);margin-top:14px}.policy a{color:var(--teal2)}
.sms-card{max-width:720px;margin:0 auto;padding:32px 24px}.sms-form{display:grid;gap:14px;margin-top:18px;text-align:left}
.sms-form label{display:grid;gap:6px;font-weight:600}.sms-form input[type=text],.sms-form input[type=tel]{padding:12px;border-radius:8px;border:1px solid #2a4a53;background:var(--deep);color:#fff;font-size:1rem}
.sms-form .check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.9rem;line-height:1.5;color:var(--muted)}.sms-form .check input{margin-top:4px;width:18px;height:18px;flex:none}
.sms-form .btn{justify-self:start;border:0;cursor:pointer}
.app-promo{margin-top:26px;padding-top:22px;border-top:1px solid #2a4a53}.app-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px}.btn-alt{background:transparent!important;border:2px solid var(--teal)!important}