/* Shared customer header: homepage navigation, one logo position. */
.customer-site-header { display:flex; align-items:center; gap:24px; width:100%; padding:0 8px; box-sizing:border-box; margin:0 auto 18px }
.support-page > .customer-site-header { width:var(--access-page-width); margin-top:8px }
.customer-site-brand { display:inline-flex; flex:0 0 auto; align-items:center; line-height:0; margin-right:auto }
.customer-site-brand img { display:block; width:clamp(300px,20vw,370px); max-width:100%; height:auto }
.customer-site-nav { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; min-width:0 }
.customer-site-header form { margin:0; flex:0 0 auto }
.customer-site-header :is(.customer-site-nav a,button) { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 14px; box-sizing:border-box; border:1px solid transparent; border-radius:9px; background:transparent; color:rgba(255,255,255,.82); font-family:inherit; font-size:15px; font-weight:700; line-height:1; text-decoration:none; white-space:nowrap; cursor:pointer }
.customer-site-header :is(.customer-site-nav a,button):hover { color:#fff; background:rgba(183,76,255,.07) }
.customer-site-nav a.is-current { color:#fff; background:rgba(183,76,255,.07); border-color:transparent }
.customer-site-header :is(a,button):focus-visible { outline:2px solid #A44DFF; outline-offset:3px }
@media(max-width:1100px) { .customer-site-header { flex-wrap:wrap; gap:16px } .customer-site-brand { flex-basis:100% } .customer-site-nav { justify-content:flex-start; flex:1 1 auto } }
@media(max-width:480px) { .customer-site-header { padding:0 } .customer-site-brand img { width:280px } .customer-site-header :is(.customer-site-nav a,button) { padding:0 10px; font-size:14px } }

@media(max-width:700px) {
    body:not(.home-page) .customer-site-nav .customer-guest-trial { display:none }
    .home-page .customer-site-header {
        display:grid;
        grid-template-columns:minmax(0,1fr);
        justify-items:center;
        gap:16px;
    }
    .home-page .customer-site-brand {
        flex-basis:auto;
        justify-self:center;
        margin:0;
    }
    .home-page .customer-site-nav {
        display:flex;
        width:90%;
        flex:initial;
        justify-self:center;
        justify-content:space-between;
        gap:0;
    }
    .home-page .customer-site-nav .customer-guest-login { order:1; }
    .home-page .customer-site-nav .customer-guest-trial { order:2; }
    .home-page .customer-site-nav .customer-guest-register { order:3; }
    .home-page .customer-site-nav :is(a,button) {
        border:0;
        background:transparent;
    }
}

@media(min-width:1351px) and (max-height:900px) { .customer-site-brand img { width:300px } }