/* Native logo artwork from the supplied brand kit. Switch by the surface colour. */
.brand .brand-logo{display:block;width:153px;height:40px;max-width:100%;object-fit:contain}
.brand .brand-logo-dark{display:none}
:root[data-theme=dark] .brand .brand-logo-light,.brand.brand-on-dark .brand-logo-light{display:none}
:root[data-theme=dark] .brand .brand-logo-dark,.brand.brand-on-dark .brand-logo-dark{display:block}
.app-sidebar .brand .brand-logo,.navigation-drawer .brand .brand-logo{width:148px;height:39px}
.landing-page .hero-mini-brand{display:flex;align-items:center;padding:0 10px;margin:0 0 22px;line-height:1}
.landing-page .hero-mini-brand .brand-logo{width:92px;height:25px}
.lp-footer .brand .brand-logo{width:137px;height:36px}
@media(min-width:761px) and (max-width:950px){
  .landing-page .hero-product-body{grid-template-columns:125px minmax(0,1fr)}
  .landing-page .hero-sidebar{display:flex}
  .landing-page .hero-mini-brand{padding-inline:7px}
  .landing-page .hero-mini-brand .brand-logo{width:82px;height:22px}
  .landing-page .hero-fit{font-size:6px;padding-inline:3px}
  .landing-page .hero-stats strong{font-size:19px}
  .landing-page .hero-stats strong>span{font-size:6px}
}
@media(max-width:760px){
  .lp-header .brand .brand-logo{width:134px;height:35px}
}
@media(max-width:360px){
  .lp-header .brand .brand-logo{width:121px;height:32px}
}

.landing-page .hero-stats strong{flex-wrap:wrap;gap:0 4px}.landing-page .hero-stats strong>span{white-space:nowrap}@media(min-width:951px) and (max-width:1190px){.landing-page .hero-product-body{grid-template-columns:125px minmax(0,1fr)}}@media(max-width:440px){.landing-page h1{font-size:clamp(32px,9.3vw,42px)}}

.landing-page .hero-sidebar>span:not(.brand):not(.hero-side-caption){padding-inline:8px;gap:7px}