#mobile-menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;color:var(--brand-navy);background:var(--background);cursor:pointer;flex-shrink:0}
#mobile-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(82%,360px);max-width:none;max-height:none;height:100dvh;padding:28px 24px;border:0;border-left:1px solid var(--border);background:var(--background);color:var(--brand-navy);overflow-y:auto;box-shadow:var(--shadow-card)}
#mobile-menu::backdrop{background:color-mix(in oklab,var(--brand-navy) 65%,transparent)}
#mobile-menu[open]{animation:drawer-in .22s ease-out}
#mobile-menu>img{width:145px;height:auto;margin:20px 0 28px}
#mobile-menu-close{position:absolute;right:16px;top:16px;width:32px;height:32px;cursor:pointer}
#mobile-menu nav{display:grid;gap:4px}
#mobile-menu nav a{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;border-radius:6px;font-weight:500;font-size:14px}
#mobile-menu nav a:hover{background:var(--muted)}
#mobile-menu .mobile-account-actions{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}
#mobile-menu .header-account-actions{display:grid;gap:12px}
#mobile-menu .header-account-actions button{margin:0;justify-content:center}
#home,#plans,#domain,#services,#about,#contact{scroll-margin-top:90px}
@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:1023px){#mobile-menu-toggle{display:flex}.mobile-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px}.mobile-header-row>div:first-child{min-width:0}.mobile-header-row>div:first-child img{max-width:100%;object-fit:contain}}
@media(max-width:639px){.mobile-header-row{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding-left:12px;padding-right:12px}.mobile-header-row>.header-account-actions{display:flex;gap:6px}.mobile-header-row>.header-account-actions button{font-size:11px;padding:8px;margin:0;white-space:nowrap}.mobile-header-row>.header-account-actions button svg{display:none}.mobile-header-row>div:first-child img{height:auto}}
@media(max-width:767px){
.mobile-hero{padding-bottom:240px}
.mobile-hero>img{inset:auto 0 0 auto;height:240px;width:100%;object-fit:cover;object-position:right}
.mobile-hero>div.pointer-events-none{inset:auto 0 0 auto;height:240px;width:100%}
.mobile-hero>div.absolute{display:none}
.mobile-hero>div.relative{padding-top:32px;padding-bottom:32px}
.mobile-hero>div.relative>div.absolute{top:auto;bottom:-220px;padding:8px 16px}
.mobile-hero h1{font-size:30px;line-height:1.15}
.mobile-hero>div.relative>span{display:inline-block;font-size:10px;letter-spacing:0}
#domain input{min-width:0}
#domain input+span{flex-shrink:0}
}
@media(min-width:640px) and (max-width:767px){.mobile-hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){#mobile-menu[open]{animation:none}}
@media(max-width:767px){#domain>div{grid-template-columns:minmax(0,1fr)}#domain>div>div{min-width:0}}
.mobile-login-label{display:none}
@media(max-width:639px){.mobile-login-label{display:inline}.desktop-login-label{display:none}}