/* SmallCalculator branding - full logo mark, compact and responsive */
.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;text-decoration:none!important}
.brandLogo{width:46px;height:46px;object-fit:contain;object-position:center;display:block;flex:0 0 auto}
.brandTitle{font-size:21px;font-weight:900;letter-spacing:-.45px;line-height:1;white-space:nowrap;color:#1264d8}
.brandTitle::after{content:"";display:block;height:3px;width:34px;margin-top:6px;border-radius:99px;background:linear-gradient(90deg,#1264d8,#16b8a7)}
footer .brandTitle{color:#4aa1ff}
footer .brandTitle::after{background:linear-gradient(90deg,#4aa1ff,#19c9c0)}
.footerBrand .brandLogo{width:58px;height:58px}
@media(max-width:700px){
  .navin{height:66px}
  .brand{gap:8px}
  .brandLogo{width:42px;height:42px}
  .brandTitle{font-size:19px;letter-spacing:-.3px}
  .footerBrand .brandLogo{width:52px;height:52px}
}
@media(max-width:420px){
  .brandLogo{width:40px;height:40px}
  .brandTitle{font-size:18px;letter-spacing:-.2px}
  .brandTitle::after{height:2px;width:28px;margin-top:5px}
  .navin{gap:10px}
}
.brandLogo{overflow:visible}