/* Layer+ readability: stronger text at every UI size. */
body{font-weight:600;text-rendering:optimizeLegibility}
p,small,li,label,figcaption,td,summary,caption,dt,dd{font-weight:600!important}
a,button,input,select,textarea,th{font-weight:700!important}
small input,small button{font-weight:700!important}
h1{font-weight:900!important}h2,h3,h4,strong,b{font-weight:800!important}
h1 span,h2 span,h3 span,h4 span{font-weight:inherit}
.hero-copy>p,.page-sub,.auth-description,.check-line,.step p{font-weight:600!important}
.eyebrow,.pill,.temp,.status,.card-badge,.card-period,.discount-label,.hero-services,.hero-services span,.auth-step-top,.auth-step-top span,.stat-foot,.preview-bar span,.preview-bar b,.footer-bottom span,.connection-row span,.bar-label span,.plan-lines{font-weight:650!important}
.helper,.catalog-note,.auth-demo-note,.auth-code-hint p,.plan-lines,.chart-note,.stat-foot{font-size:12px;line-height:1.8;font-weight:600!important}
.preview-bar{font-size:11px;line-height:1.6}.preview-bar a{font-size:11px}.preview-bar b{font-size:10px}
.hero-kicker{font-size:10px;font-weight:750!important}.hero-services{font-size:11px}.eyebrow{font-size:10px;letter-spacing:.08em}
.product-price,.big-price{font-weight:900!important}.product-price small,.big-price small{font-weight:650!important}.product-body h3{font-weight:850!important}.product-body h3>span{font-weight:750!important}.card-period{font-size:11px}.card-period>span{font-size:11px}.discount-label{font-size:12px}.card-badge{font-size:11px}.price-row .temp{font-size:10px}
.footer-info,.business-info,.business-info p{font-size:12px;line-height:1.9;font-weight:600!important}.footer-tagline{font-size:12px;font-weight:650!important}.footer-bottom{font-size:11px;line-height:1.8}.footer-bottom .brand-notice{font-size:10px;font-weight:600!important}.footer-links{font-size:11px;line-height:1.8;flex-wrap:wrap;gap:11px}.footer-business-status{font-size:11px;line-height:1.8}
#footer .business-info,#footer .business-info p,#footer .business-info a{color:#707681}
.auth-demo-fill,.auth-switch,.auth-switch button,.auth-help{font-size:13px}.auth-step-top{font-size:12px}.auth-field,.auth-field.field{font-size:13px}.agreement-items label{font-size:14px}.auth-code-hint .temp{font-size:11px}
.notification-toggle small,.notification-panel .helper,.connection-row,.push-steps{font-size:13px}.notification-panel .eyebrow{font-size:10px}.notification-mock>strong{font-size:12px}.notification-mock p{font-size:13px}.admin-sidebar a{font-weight:700!important}.admin-top>small{font-size:11px;line-height:1.7}.admin-top p{font-size:14px}.admin-panel .table-btn,table small{font-size:12px}.admin-sidebar>small{font-weight:700!important}
.logo .submate-wordmark{width:184px;height:55px}.footer-top .logo .submate-wordmark{width:154px;height:47px}.auth-aside .logo .submate-wordmark{width:172px;height:53px}
@media(max-width:760px){
 .logo .submate-wordmark,.auth-page .logo .submate-wordmark{width:160px;height:48px}.footer-top .logo .submate-wordmark{width:142px;height:43px}
 .preview-bar{font-size:10px;gap:9px;align-items:center}.preview-bar a{font-size:9px;max-width:48%;text-align:right}.preview-bar b{font-size:9px;white-space:nowrap}
 .hero-kicker{font-size:9px}.hero-services{font-size:10px;gap:14px}.eyebrow{font-size:9px}
 .helper,.catalog-note,.auth-demo-note,.plan-lines,.chart-note,.stat-foot{font-size:11px;line-height:1.85}
 .product-body h3{font-weight:850!important}.product-body h3>span{font-weight:750!important}.card-badge{font-size:9px}.price-row .temp{font-size:9px}.card-period,.card-period>span{font-size:10px;line-height:1.7}.discount-label{font-size:11px}.product-price small{font-size:10px}
 .footer-info,.business-info,.business-info p{font-size:12px}.footer-tagline{font-size:12px}.footer-links{font-size:11px;gap:9px;max-width:195px}.footer-bottom{font-size:10px}.footer-bottom .brand-notice{font-size:10px}.footer-business-status{font-size:11px}
 .auth-description{font-size:14px}.auth-step-top{font-size:11px}.auth-demo-fill,.auth-switch,.auth-switch button,.auth-help{font-size:13px}.auth-code-hint .temp{font-size:10px}.auth-code-hint p{font-size:12px}
 #mobile-nav a{font-size:11px;font-weight:750!important}
 .admin-sidebar a{font-size:12px;padding:11px 13px}.admin-top>small{font-size:10px}.admin-top p{font-size:13px}.admin-panel h2{font-size:18px}.stat small{font-size:10px}.notification-toggle small,.notification-panel .helper,.connection-row,.push-steps{font-size:12px}
 .auth-page .auth-layout{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){.logo .submate-wordmark,.auth-page .logo .submate-wordmark{width:148px;height:46px}.header-inner{gap:15px}.hero-services{gap:12px}}