/* Equal navigation cells keep short end labels away from the rounded edges. */
@media (min-width:801px){
 body .nav.reference-menu{display:grid;grid-template-columns:clamp(44px,4vw,72px) repeat(6,minmax(0,1fr));column-gap:clamp(6px,1vw,20px);padding-inline:clamp(24px,2.8vw,60px);overflow:visible}
 body .nav.reference-menu>a{width:100%;min-width:0;justify-content:center;min-height:44px}
 body .nav.reference-menu>.home{justify-self:center}
}
@media (min-width:801px) and (max-width:1100px){
 body .nav.reference-menu{font-size:clamp(13px,1.5vw,16px);column-gap:6px;padding-inline:22px}
}

/* Shared header geometry for every marketing page. */
body>.wrap:has(>header),body>.wrap.sticky-site-menu{width:100%;max-width:2400px;margin-inline:auto;padding-inline:32px;box-sizing:border-box}
body>.wrap>header{margin:0;padding:0}
@media(max-width:800px){body>.wrap:has(>header),body>.wrap.sticky-site-menu{padding-inline:12px}}

/* Keep the email action compact and centered above its address. */
body .header-email-group .header-email{width:240px;max-width:100%;align-self:center;box-sizing:border-box}

/* Align the top row with both outer edges of the navigation panel. */
@media(min-width:801px){
 body{--opening-nav:clamp(100px,6vw,124px)}
 body .reference-top .reference-brand{padding-left:0}
 body .reference-top .header-socials{justify-self:end;align-items:flex-end;width:max-content;max-width:100%}
 body .nav.reference-menu{min-height:var(--opening-nav);padding-block:24px;box-sizing:border-box;border-radius:32px}
}

/* Share the first-screen canvas with the header and navigation. */
@media(min-width:1101px){
 body{--site-page-start:6.7vw;--site-page-end:6.1vw}
 body>.wrap:has(>main>.hero),body>.wrap:has(>header),body>.wrap.sticky-site-menu{width:100%;max-width:none;padding-left:var(--site-page-start);padding-right:var(--site-page-end)}
 body .reference-top{grid-template-columns:max-content max-content minmax(190px,240px) max-content max-content;justify-content:space-between;column-gap:clamp(14px,1.5vw,28px)}
 body .reference-top .reference-brand,body .reference-top .header-rating{width:max-content}
}

/* Center the larger direct-call link beneath the WhatsApp action. */
@media(min-width:801px){
 body .reference-top .header-socials{align-items:center;gap:0}
 body .header-socials .contact-detail--phone{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:9px;min-height:40px;margin-top:8px;padding:4px 0;font-family:Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.3;letter-spacing:0;white-space:nowrap}
 body .header-socials .contact-detail--phone svg{width:25px;height:25px;flex:0 0 25px;stroke-width:1.8}
}
@media(min-width:801px) and (max-width:1100px){
 body .header-socials .contact-detail--phone{font-size:16px;gap:7px}
 body .header-socials .contact-detail--phone svg{width:23px;height:23px;flex-basis:23px}
}
/* Keep the larger phone action within the shared canvas on small laptops. */
@media(min-width:1101px) and (max-width:1280px){
 body .reference-top{column-gap:12px}
}