/* v11: original logo geometry, transparent branded favicon and direct login links. */
.site-header .brand img{width:100%;height:100%;left:0;top:0;object-fit:contain;filter:none}
body.beyond-office .site-header .brand img{filter:none}
body.beyond-office .site-header{background:rgba(6,22,33,.96);color:#fff;border-bottom-color:#ffffff20}
body.beyond-office .site-header .main-nav a{color:#fff}
body.beyond-office .site-header .header-contact{border-color:#ffffff50}
.site-header{gap:22px}
.site-header .main-nav{gap:24px;margin-right:4px}
.header-actions,.login-links{display:flex;align-items:center;gap:10px}
.header-actions{flex-shrink:0}
.login-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:11px 15px;border:1px solid #7bcfc75e;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap;transition:background .2s,border-color .2s}
.login-portal{background:#a5eee1;color:#08262f;border-color:#a5eee1}
.login-dealer{background:#08232db3;color:#ecfffa}
.login-link:hover{background:#c2fff1;border-color:#c2fff1;color:#08262f}
.login-link:focus-visible{outline:2px solid #fff;outline-offset:4px}
.header-actions .header-contact{min-height:44px;gap:14px}
@media(max-width:1200px){.site-header{gap:16px;padding-inline:4vw}.site-header .main-nav{gap:16px}.site-header .brand{width:180px}.login-link{padding-inline:12px;font-size:11px;gap:8px}.header-actions{gap:8px}.header-actions .header-contact{padding-inline:12px;gap:8px}}
@media(max-width:1000px) and (min-width:701px){.site-header{flex-wrap:wrap;row-gap:10px}.site-header .brand{width:190px}.site-header .main-nav{order:3;width:100%;justify-content:flex-end;margin:0}.header-actions{margin-left:auto}}
@media(max-width:700px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px 5vw;gap:8px 12px}.site-header .brand{width:151px;height:38px}.site-header .main-nav{justify-self:end;margin:0}.site-header .main-nav a{font-size:10px}.header-actions{grid-column:1/-1;display:flex;width:100%;margin:0;gap:8px}.login-links{flex:1;gap:8px;min-width:0}.login-link{flex:1;font-size:10px;padding:8px 9px;min-height:38px;gap:8px}.header-actions .header-contact{min-height:38px;font-size:10px;padding:8px 10px;gap:8px}.scene-copy{top:132px}html{scroll-padding-top:122px}}
@media(max-width:380px){.site-header .brand{width:135px}.login-link{font-size:9px;padding-inline:7px;gap:5px}.header-actions .header-contact{font-size:9px;padding-inline:8px;gap:5px}}
@media(prefers-reduced-motion:reduce){.login-link{transition:none}}
/* V16: equal button geometry; contact arrow no longer increases row height. */
.header-actions .login-link,.header-actions .header-contact{height:44px;min-height:44px;box-sizing:border-box;padding:10px 15px;line-height:1.25;align-items:center;justify-content:center;font-size:12px;font-weight:600;border-radius:4px;white-space:nowrap;gap:14px}
.header-actions .header-contact{background:#08232db3;color:#ecfffa;border:1px solid #7bcfc75e}
.header-actions .login-link>span,.header-actions .header-contact>span{display:inline-block;font-size:16px;line-height:1;flex:none}
.header-actions .header-contact:hover{background:#c2fff1;color:#08262f;border-color:#c2fff1}
body.beyond-office .header-actions .header-contact{border-color:#7bcfc75e}
@media(max-width:1200px){.header-actions .login-link,.header-actions .header-contact{font-size:11px;padding-inline:12px;gap:8px}}
@media(max-width:700px){.header-actions .login-link,.header-actions .header-contact{height:38px;min-height:38px;font-size:10px;padding:8px 9px;gap:8px}.header-actions .login-link>span,.header-actions .header-contact>span{font-size:14px}}
@media(max-width:380px){.header-actions .login-link,.header-actions .header-contact{font-size:9px;padding-inline:7px;gap:5px}}