/* One AfterLeads logo everywhere, matching the pricing page header:
   42px mark, "fter" + blue "Leads" in Inter semibold 20px, -0.7px tracking.
   Loaded last on pages whose own header styles drew it differently. */
@font-face{font-family:Inter;src:url('/assets/fonts/Inter_600SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
html body :is(.guide-brand,.oauth-brand,.care-brand,.admin-shell .topbar .brand){display:inline-flex;align-items:center;gap:0;text-decoration:none;font:600 20px/1 Inter,Arial,sans-serif;letter-spacing:-.7px;color:#10203f}
html body :is(.guide-brand,.oauth-brand,.care-brand)>img,html body .admin-shell .topbar .brand :is(.brand-mark-frame,.brand-logo-light){display:block;width:42px !important;height:42px !important;flex:0 0 42px;margin:0;border-radius:0;object-fit:contain;transform:none}
html body .admin-shell .topbar .brand .brand-logo-dark{display:none}
html body :is(.guide-brand>span,.oauth-brand>.wordmark,.care-brand>.care-wordmark,.admin-shell .topbar .brand .brand-wordmark){display:inline-flex;align-items:baseline;margin-left:-1px;font:inherit;letter-spacing:inherit;color:#10203f}
html body :is(.guide-brand>span>span,.oauth-brand>.wordmark>span:last-child,.care-brand>.care-wordmark>span:last-child,.admin-shell .topbar .brand .brand-wordmark>span:last-child){color:#334bd6}
html body .oauth-brand>.wordmark>span:first-child,html body .care-brand>.care-wordmark>span:first-child{color:#10203f}
@media(max-width:620px){html body :is(.guide-brand,.oauth-brand,.care-brand,.admin-shell .topbar .brand){font-size:18px}html body :is(.guide-brand,.oauth-brand,.care-brand)>img,html body .admin-shell .topbar .brand :is(.brand-mark-frame,.brand-logo-light){width:38px !important;height:38px !important;flex-basis:38px}}
@media(max-width:390px){html body :is(.guide-brand,.oauth-brand,.care-brand,.admin-shell .topbar .brand){font-size:17px}html body :is(.guide-brand,.oauth-brand,.care-brand)>img,html body .admin-shell .topbar .brand :is(.brand-mark-frame,.brand-logo-light){width:35px !important;height:35px !important;flex-basis:35px}}
@media(prefers-color-scheme:dark){html body .care-brand,html body .care-brand>.care-wordmark,html body .care-brand>.care-wordmark>span:first-child{color:#edf2ff}html body .care-brand>.care-wordmark>span:last-child{color:#aab4ff}}
html body.dark-mode :is(.oauth-brand,.oauth-brand>.wordmark,.oauth-brand>.wordmark>span:first-child,.admin-shell .topbar .brand,.admin-shell .topbar .brand .brand-wordmark,.admin-shell .topbar .brand .brand-wordmark>span:first-child){color:#edf2ff}
html body.dark-mode :is(.oauth-brand>.wordmark>span:last-child,.admin-shell .topbar .brand .brand-wordmark>span:last-child){color:#aab4ff}
html body .admin-shell .topbar .brand .brand-wordmark{display:inline-flex !important}html body .admin-shell .topbar .brand .brand-wordmark>span{display:inline !important}
@media(max-width:359px){html body .admin-shell .topbar .brand .brand-wordmark{display:none !important}}
.care-label{display:block;font-size:12px;font-weight:450;color:#63718a;margin-top:6px}
/* The site and app header logo (homepage, public pages, app topbar) is drawn from these same rules. */
html body .brand.brand-link{font:600 20px/1 Inter,Arial,sans-serif;letter-spacing:-.7px;color:#10203f}
html body .brand.brand-link .brand-wordmark{font:inherit;letter-spacing:inherit;align-items:baseline;margin-left:-1px}
html body .brand.brand-link .brand-wordmark span:first-child{color:#10203f}
html body .brand.brand-link .brand-wordmark span:last-child{color:#334bd6}
html body .brand.brand-link .brand-mark-frame{width:42px;height:42px;flex:0 0 42px}
html body .brand.brand-link .brand-mark-frame .brand-logo{width:42px;height:42px;object-fit:contain}
html body.dark-mode .brand.brand-link,html body.dark-mode .brand.brand-link .brand-wordmark span:first-child{color:#edf2ff}
html body.dark-mode .brand.brand-link .brand-wordmark span:last-child{color:#aab4ff}
@media(max-width:620px){html body .brand.brand-link{font-size:18px}html body .brand.brand-link .brand-mark-frame,html body .brand.brand-link .brand-mark-frame .brand-logo{width:38px;height:38px;flex-basis:38px}}
@media(max-width:390px){html body .brand.brand-link{font-size:17px}html body .brand.brand-link .brand-mark-frame,html body .brand.brand-link .brand-mark-frame .brand-logo{width:35px;height:35px;flex-basis:35px}}