/* Website context uses the legal header's identity, marker and motion primitives. */
:is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .public-header-inner {grid-template-columns:minmax(160px,1fr) auto minmax(250px,1fr);}
:is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .public-primary-nav {grid-column:2;grid-row:1;}
:is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .public-header-utilities {grid-column:3;grid-row:1;}
:is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .legal-context-toggle {display:inline-flex;align-items:center;gap:7px;background:transparent;color:#d7e2ec;border:0;padding:0 10px;min-height:44px;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap;}
:is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .legal-header-links a {display:inline-flex;align-items:center;min-height:44px;color:#b8c5d0;font-size:12px;white-space:nowrap;text-decoration:none;transition:color 180ms;}
:is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .legal-header-links a:is(:hover,:focus-visible,[aria-current=page]) {color:#fff;}
:is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context):is([data-website-mode=websites],[data-solution-mode=solutions],[data-studio-mode=studio],[data-domains-mode=domains],[data-hosting-mode=hosting],[data-support-mode=support]) .public-header-inner > .public-primary-nav,
:is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context):is([data-website-mode=home],[data-solution-mode=home],[data-studio-mode=home],[data-domains-mode=home],[data-hosting-mode=home],[data-support-mode=home]) .public-header-inner > .legal-header-links {display:none!important;}
:is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .legal-nav-light {position:fixed;top:calc(var(--public-header-edge) + var(--public-header-height) + 1px);z-index:calc(var(--public-z-header) + 1);transition:opacity 240ms ease;}
:is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .public-nav-active-indicator {transition:opacity 240ms ease;}
:is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .public-site-header[data-utility-view] .legal-context-toggle {opacity:0;pointer-events:none;}
:is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .legal-context-toggle {transition:opacity 180ms,color 180ms;}
/* Start the context handoff at first paint, never after account/module loading. */
@keyframes website-header-context-arrive {from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}
@keyframes website-header-links-arrive {from{opacity:.72;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 html[data-website-identity-entering] :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) :is(.legal-identity-divider,.legal-context-toggle){animation:website-header-context-arrive 360ms cubic-bezier(.22,1,.36,1) both;}
 html[data-website-identity-entering] :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .legal-header-links {animation:website-header-links-arrive 360ms cubic-bezier(.22,1,.36,1) both;}
}
@media(min-width:1181px) and (max-width:1440px){
 :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .legal-header-links {gap:12px;}
 :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .legal-header-links a {font-size:11px;}
}
@media(max-width:1180px){
 :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .public-header-inner {grid-template-columns:minmax(0,1fr) auto;}
 :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .public-header-utilities {grid-column:2;}
 :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .legal-header-identity {gap:6px;}
 :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .legal-context-toggle {padding-inline:8px;font-size:13px;}
 :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context):is([data-website-mode=websites],[data-solution-mode=solutions],[data-studio-mode=studio],[data-domains-mode=domains],[data-hosting-mode=hosting],[data-support-mode=support]) .public-mobile-menu-main-view .public-mobile-menu-primary:not(.legal-mobile-links),
 :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context):is([data-website-mode=websites],[data-solution-mode=solutions],[data-studio-mode=studio],[data-domains-mode=domains],[data-hosting-mode=hosting],[data-support-mode=support]) .public-mobile-menu-main-view .public-mobile-menu-secondary,
 :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context):is([data-website-mode=home],[data-solution-mode=home],[data-studio-mode=home],[data-domains-mode=home],[data-hosting-mode=home],[data-support-mode=home]) .legal-mobile-links {display:none;}
 :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context):is([data-website-mode=websites],[data-solution-mode=solutions],[data-studio-mode=studio],[data-domains-mode=domains],[data-hosting-mode=hosting],[data-support-mode=support]) .legal-mobile-links {display:grid;}
}
@media(prefers-reduced-motion:reduce){:is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) :is(.legal-nav-light,.public-nav-active-indicator,.legal-context-toggle){transition:none;}}
/* Match Home and Legal on landscape iPads without changing mobile overlays. */
@media(min-width:1181px) and (max-width:1440px) and (pointer:coarse){
 :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) {--public-header-height:60px;}
 :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .public-search-row {top:calc((var(--public-header-height) - 44px)/2);}
}

/* Keep the shared CTA metrics consistent with Home during the handoff. */
:is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .public-site-header .public-start-project {font-weight:600;}
@media(min-width:1181px){
 :is(.website-header-context,.solutions-header-context,.studio-header-context,.domains-header-context,.hosting-header-context,.support-header-context) .public-site-header:not(.is-public-focus-mode) .public-start-project {margin-right:calc((var(--public-header-height) - 40px) / 2 - clamp(12px,1.35vw,22px));}
}

.hosting-header-context main section[id] {scroll-margin-top:calc(var(--public-header-height) + var(--public-header-edge) + 24px);}

.support-header-context main section[id] {scroll-margin-top:calc(var(--public-header-height) + var(--public-header-edge) + 24px);}