/* Shared navigation: readable labels, one primary action, no micro-copy. */
.masthead,.seo-masthead{height:80px;padding-inline:var(--gutter);gap:32px}
.masthead .brand{display:flex;align-items:center;flex-shrink:0;min-height:44px}
.masthead .brand img{width:132px;height:auto}
.masthead .header-right{gap:30px;font-size:15px}
.masthead .header-right>a:not(.open-app){display:flex;align-items:center;min-height:44px;font-size:15px;line-height:1.3;text-decoration:none;border:0;position:relative}
.masthead .header-right>a:not(.open-app):after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.masthead .header-right>a:hover:after,.masthead .header-right>a[aria-current]:after{transform:scaleX(1)}
.masthead .menu-toggle{font-size:15px;min-height:44px;padding:0;gap:10px}
.masthead .menu-toggle i{width:20px}
.masthead .open-app{min-height:48px;padding:12px 20px;gap:24px;font-size:15px;line-height:1.3;white-space:nowrap;flex-shrink:0}
.masthead .open-app>span{font-size:23px;line-height:1}
.masthead .open-app:hover{filter:brightness(.93)}
#site-menu{top:80px}
.seo-document #site-menu{inset:80px 0 0}
.seo-document main{padding-top:80px}
@media(max-width:900px){.masthead .header-right{gap:22px}.masthead .open-app{gap:16px}.masthead .brand img{width:120px}}
@media(max-width:760px){
 .masthead,.seo-masthead{height:72px;padding-inline:20px;gap:16px}
 .masthead .brand img{width:104px}
 .masthead .header-right{gap:16px}
 .masthead .header-right>a.header-blog{display:none}
 .masthead .header-right>.header-pricing{display:flex;font-size:14px}
 .masthead .menu-toggle{font-size:14px;gap:8px}
 .masthead .open-app{min-height:44px;padding:10px 13px;font-size:14px;gap:10px}
 .masthead .open-app>span{display:none}
 #site-menu{top:72px}.seo-document #site-menu{inset:72px 0 0}.seo-document main{padding-top:72px}
}
@media(max-width:420px){.masthead .menu-toggle>span{display:none}.masthead .menu-toggle{width:28px;justify-content:center}}
@media(max-width:380px){.masthead,.seo-masthead{padding-inline:16px;gap:8px}.masthead .brand img{width:84px}.masthead .header-right{gap:10px}.masthead .menu-toggle{width:24px}.masthead .open-app{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.masthead .header-right>a:after{transition:none}}