/* Area page template: same language as the home page */
html:not(.embedded) .site-header.a-head{position:absolute;top:0;left:0;right:0;background:none;box-shadow:none}
.a-head .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px}
.a-hero{height:auto;min-height:680px;align-items:flex-end}
.a-hero .hero-inner{padding-top:140px;padding-bottom:96px}
.a-hero .eyebrow a{text-decoration:none}
.a-hero .eyebrow .bar-mark{transform:none}
.a-hero h1{font-size:clamp(46px,7vw,112px);letter-spacing:-.04em;line-height:.94;max-width:12ch;animation:fade 1s var(--ease) .1s both}
.a-hero .mark{animation:hl 1.1s var(--ease) 1s both}
.a-hero .lede{max-width:44ch;font-weight:500}
.a-hero .cta-row{margin-top:0}
/* before/after */
.a-proof{background:var(--ice)}
.a-proof .big{max-width:16ch;margin-bottom:48px}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ba figure{position:relative;overflow:hidden;border-radius:var(--r);box-shadow:var(--sh)}
.ba img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .8s var(--ease)}
.ba figure:hover img{transform:scale(1.04)}
.ba figcaption{position:absolute;left:16px;bottom:16px;padding:6px 14px;border-radius:var(--r);background:var(--ink);color:var(--white);font-family:var(--head);font-weight:800;font-size:14px;letter-spacing:.16em;text-transform:uppercase}
.ba figcaption.on{background:var(--coral);color:var(--ink)}
.proof-note{margin-top:32px;font-weight:600;font-size:clamp(18px,1.9vw,24px);max-width:36ch}
/* faq: light, coral highlighter swipe on the question (site motif) */
.a-faq{background:var(--ice);color:var(--ink)}
.a-faq .faq{margin-top:40px}
.a-faq .faq summary .q{background:linear-gradient(var(--coral),var(--coral)) 0 88%/0% .42em no-repeat;transition:background-size .55s var(--ease);padding:0 .06em;margin-left:-.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.a-faq .faq details[open] summary .q{background-size:100% .42em}
@media (hover:hover) and (pointer:fine){.a-faq .faq summary:hover .q{background-size:100% .42em}}
.a-faq .faq summary:focus-visible .q{background-size:100% .42em}
/* cta */
.a-cta .lead{margin-top:20px;max-width:40ch}
.a-cta .text-num{font-family:var(--head);font-weight:800;font-size:22px;text-decoration:none;border-bottom:3px solid var(--coral);transition:background .25s,color .25s,transform .25s var(--ease)}
.a-cta .text-num:hover{background:var(--coral);color:var(--ink);transform:translateY(-2px)}
.a-map{padding-top:clamp(56px,7vw,104px);padding-bottom:clamp(56px,7vw,104px)}.a-proof .compare{margin-top:0}.a-proof .big{margin-bottom:40px}
.site-footer a:hover{color:var(--coral)}
@media(max-width:820px){.a-hero{min-height:640px}.a-hero .hero-inner{padding-bottom:56px}.a-hero h1{max-width:none}.ba{grid-template-columns:1fr}.a-cta .cta-row .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.a-hero h1,.a-hero .mark{animation:none}.a-hero .mark{background-size:100% .42em}.ba img{transition:none}}
.m-card .tag{display:none}
.a-cta .cta-row{margin-top:32px}
.proof-note{font-weight:600}

.a-proof .compare{box-shadow:var(--sh)}
.a-cta .cta-row{align-items:center}.a-cta .text-num{align-self:center;display:inline-block;line-height:1.15;padding-bottom:3px}
@media(min-width:1200px){.proof-note{max-width:none;white-space:nowrap;font-size:22px}}