/* Cardless mobile masthead. Desktop composition stays unchanged. */
.ap-site .ap-menu-toggle {
    --ap-press: #cfddf3;
    border: 0; border-radius: 999px; padding: 12px 18px;
    min-width: 108px; min-height: 48px; line-height: 24px;
    font-size: 14px; font-weight: 700;
}
.ap-site .ap-menu-mark {
    display: inline-block; position: relative; vertical-align: middle;
    width: 18px; height: 14px; margin-right: 10px;
}
.ap-site .ap-menu-mark::before, .ap-site .ap-menu-mark::after {
    content: ''; position: absolute; left: 0; top: 3px;
    width: 18px; height: 2px; border-radius: 1px; background: currentColor;
}
.ap-site .ap-menu-mark::after { top: 9px; }
.ap-site [aria-expanded=true] .ap-menu-mark::before { transform: translateY(3px) rotate(45deg); }
.ap-site [aria-expanded=true] .ap-menu-mark::after { transform: translateY(-3px) rotate(-45deg); }

@media screen and (max-width: 1000px) {
    .ap-home .ap-home-header,
    .ap-home .ap-home-header.ap-is-scrolled {
        top: 0; left: 0; transform: none; width: 100%; max-width: none;
        border: 0; border-radius: 0; box-shadow: none;
        padding: calc(12px + env(safe-area-inset-top, 0px)) var(--ap-page-inset) 16px;
        gap: 12px; min-height: 0;
    }
    .ap-home .ap-home-header {
        background: linear-gradient(180deg, rgba(9,17,26,.96), rgba(9,17,26,.8) 68%, rgba(9,17,26,0));
    }
    .ap-home .ap-home-header.ap-is-scrolled,
    .ap-home .ap-home-header:has(.ap-menu-toggle[aria-expanded=true]) { background: #101a26; }
    .ap-home .ap-home-header .ap-menu-toggle,
    .ap-home .ap-home-header .ap-menu-toggle[aria-expanded=true] {
        border: 0; background: #e7edf8; color: #182534; padding-inline: 18px;
    }
    .ap-home .ap-home-header .ap-menu-toggle[aria-expanded=true] { background: #cfddf3; }
    .ap-home .ap-navigation.ap-open {
        top: 100%; left: 0; right: 0; border: 0; border-radius: 0 0 20px 20px;
        padding: 8px var(--ap-page-inset) 20px; gap: 8px;
        max-height: calc(100svh - var(--ap-home-header-height, 124px) - 24px);
    }
    .ap-home .ap-navigation a { border-radius: 10px; }
}
@media screen and (max-width: 700px) {
    .ap-inner .ap-inner-masthead { border: 0; }
    .ap-inner .ap-inner-masthead .ap-header { padding-block: 12px; }
    .ap-inner .ap-inner-masthead .ap-menu-toggle,
    .ap-inner .ap-inner-masthead .ap-menu-toggle[aria-expanded=true] {
        border: 0; background: #e7edf8; color: #182534;
    }
    .ap-inner .ap-inner-masthead .ap-menu-toggle[aria-expanded=true] { background: #cfddf3; }
    .ap-inner .ap-inner-masthead .ap-navigation.ap-open {
        border: 0; border-radius: 0 0 20px 20px; padding-bottom: 20px; gap: 8px;
    }
    .ap-inner .ap-navigation a { border-radius: 10px; }
}
@media screen and (max-width: 600px) {
    .ap-home .ap-home-header,
    .ap-home .ap-home-header.ap-is-scrolled {
        grid-template-columns: minmax(0,1fr) auto;
        grid-template-areas: 'brand toggle' 'phone toggle'; gap: 0 12px;
    }
    .ap-home .ap-home-header .ap-brand,
    .ap-home .ap-home-header.ap-is-scrolled .ap-brand { width: 160px; min-height: 48px; }
    .ap-home .ap-home-header .ap-brand img,
    .ap-home .ap-home-header.ap-is-scrolled .ap-brand img { width: 160px; }
    .ap-home .ap-home-header .ap-phone,
    .ap-home .ap-home-header.ap-is-scrolled .ap-phone { min-height: 44px; font-size: 13px; width: max-content; }
}
@media screen and (max-width: 360px) {
    .ap-home .ap-home-header .ap-brand,
    .ap-home .ap-home-header.ap-is-scrolled .ap-brand,
    .ap-home .ap-home-header .ap-brand img,
    .ap-home .ap-home-header.ap-is-scrolled .ap-brand img { width: 136px; }
    .ap-site .ap-menu-toggle { min-width: 100px; }
}
@media (prefers-reduced-motion: no-preference) {
    .ap-site .ap-menu-mark::before, .ap-site .ap-menu-mark::after { transition: transform 180ms ease; }
}