/* The official wordmark stays upright and above its 120px minimum. */
header .logo img{min-width:120px}
.why-brand-title>img{transform:none;margin-top:0}
.menu-icon{display:block;width:20px;height:20px;flex-shrink:0}
/* Pink is the requested display signature; coral is reserved for price and recommendation. */
.depth-hero .hero-endline{display:block;background:none;color:var(--pink);padding:0;margin-left:0;line-height:1.05}
.hero-service-copy{display:block}
/* The service and comparison sections speak more quietly than the display hero. */
.solution-intro h2,.booking-heading h2,.formula-heading h2,.why-brand-title,.area h2,.newsletter h2,.faq h2{font-weight:700;letter-spacing:-.025em}
.solution-intro h2{line-height:1}
.plans h3,.why-reasons h3{font-weight:600;letter-spacing:0}
.plans .price>.amount,#estimate{font-family:'Barlow',Arial,sans-serif;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
@media(max-width:800px){header .logo img{width:120px}.depth-hero .hero-endline{margin-bottom:25px}}
@media(max-width:560px){
 header .logo img{width:120px;min-width:120px}
 .plans .price>.amount{font-size:37px}
 .menu-icon{width:19px;height:19px}
}
@media(max-width:360px){
 header{padding-inline:5%;gap:6px}
 header .header-socials{gap:0}
 header .social-button{width:28px;padding:4px}
 header .menu-toggle{width:44px;min-width:44px;height:44px;justify-content:center;margin-left:0}
 header .menu-word{display:none}
}

/* A coral recommendation tab draws attention without turning a booking action red. */
.pricing .plans .featured .plan-tag{background:var(--brand-red);color:var(--cream-light);border:1px solid var(--brand-red);font:700 20px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.5px;height:28px;top:-29px;padding:2px 8px;display:flex;align-items:center;justify-content:center}