/* Premium header (v9) — shared. Source: index-premium-hero-v9.html #hx1-header + #hx8-float */

/* ===== Header v1 (premium) — scoped to .ap-header.hx1 ===== */
:root{--hx-h:72px;--hx-ink:#1D1D1F;--hx-blue:#0071E3;--hx-lime:#BDFB33;--hx-line:rgba(29,29,31,.08)}
body.rc-hdr .ap-header.hx1{position:sticky!important;top:0;z-index:1000;height:var(--hx-h);background:transparent!important;border:0!important;box-shadow:none!important;transition:background-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;font-family:Inter,system-ui,-apple-system,sans-serif}
body.rc-hdr .ap-header.hx1::before,body.rc-hdr .ap-header.hx1::after,body.rc-hdr .ap-header.hx1 .nav-inner::before,body.rc-hdr .ap-header.hx1 .navbar::before{display:none!important;content:none!important}
body.rc-hdr.hdr-scrolled .ap-header.hx1{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 1px 0 var(--hx-line),0 8px 24px -18px rgba(0,0,0,.25)!important}
body.rc-hdr .ap-header.hx1 .navbar{position:static!important;height:100%;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important}
body.rc-hdr .ap-header.hx1 .nav-inner{max-width:1240px!important;height:100%!important;margin:0 auto!important;padding:0 28px!important;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
/* logo */
body.rc-hdr .ap-header.hx1 .logo{display:inline-flex!important;align-items:center;gap:10px;text-decoration:none;justify-self:start}
body.rc-hdr .ap-header.hx1 .hx-mark{width:32px;height:32px;border-radius:9px;flex:none;display:block;filter:none!important;box-shadow:none!important}
body.rc-hdr .ap-header.hx1 .hx-word{font-size:17px;font-weight:650;letter-spacing:-.02em;color:var(--hx-ink)!important;text-shadow:none!important;white-space:nowrap}
/* center nav as a quiet pill */
body.rc-hdr .ap-header.hx1 .nav-center{display:flex;justify-content:center;position:static!important;transform:none!important}
body.rc-hdr .ap-header.hx1 .nav-links{display:flex!important;align-items:center;gap:2px!important;padding:4px!important;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid var(--hx-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:14px!important;letter-spacing:-.01em!important;position:static!important;box-shadow:none!important}
body.rc-hdr.hdr-scrolled .ap-header.hx1 .nav-links{background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
body.rc-hdr .ap-header.hx1 .nav-links>a,body.rc-hdr .ap-header.hx1 .nav-dropdown-btn{display:inline-flex!important;align-items:center;gap:6px;height:36px;padding:0 14px!important;border-radius:999px!important;font:500 14px/1 Inter,system-ui,sans-serif!important;color:#3a3a3d!important;text-shadow:none!important;background:transparent!important;border:0;cursor:pointer;transition:background-color .2s,color .2s;white-space:nowrap}
body.rc-hdr .ap-header.hx1 .nav-dropdown-btn::after{content:""!important;display:block!important;position:static!important;width:10px!important;height:10px!important;border:0!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.55;transform:none!important;transition:transform .2s}
body.rc-hdr .ap-header.hx1 .nav-dropdown-btn svg{display:none!important}
body.rc-hdr .ap-header.hx1 .nav-links>a:hover,body.rc-hdr .ap-header.hx1 .nav-dropdown:hover .nav-dropdown-btn,body.rc-hdr .ap-header.hx1 .nav-dropdown.active .nav-dropdown-btn{background:rgba(29,29,31,.06)!important;color:var(--hx-ink)!important}
body.rc-hdr .ap-header.hx1 .nav-dropdown.active .nav-dropdown-btn::after{transform:rotate(180deg)!important}
body.rc-hdr .ap-header.hx1 .nav-links>a.is-current,body.rc-hdr .ap-header.hx1 .nav-dropdown.is-current>.nav-dropdown-btn{background:var(--hx-ink)!important;color:#fff!important}
body.rc-hdr .ap-header.hx1 .nav-links>a::after,body.rc-hdr .ap-header.hx1 .nav-dropdown-btn::before{display:none!important}
body.rc-hdr .ap-header.hx1 .nav-close,body.rc-hdr .ap-header.hx1 .nav-menu-cta{display:none!important}
/* right side */
body.rc-hdr .ap-header.hx1 .nav-right{display:flex!important;align-items:center;justify-content:flex-end;gap:6px;justify-self:end}
body.rc-hdr .ap-header.hx1 .language-selector-btn{display:inline-flex!important;align-items:center;gap:6px;height:36px;padding:0 10px!important;border-radius:999px!important;border:1px solid transparent!important;background:transparent!important;color:#3a3a3d!important;font:500 13px/1 Inter,sans-serif!important;text-shadow:none!important;box-shadow:none!important}
body.rc-hdr .ap-header.hx1 .language-selector-btn:hover,body.rc-hdr .ap-header.hx1 .language-selector.active .language-selector-btn{background:rgba(29,29,31,.06)!important}
body.rc-hdr .ap-header.hx1 .language-selector-btn .current-flag{display:none!important}
body.rc-hdr .ap-header.hx1 .language-selector-btn .current-language{color:inherit!important;text-shadow:none!important;letter-spacing:.02em}
body.rc-hdr .ap-header.hx1 .language-selector-btn .dropdown-arrow{width:12px;height:12px;opacity:.55}
body.rc-hdr .ap-header.hx1 .language-dropdown{border-radius:14px!important;border:1px solid var(--hx-line)!important;box-shadow:0 18px 40px -16px rgba(0,0,0,.25)!important;padding:6px!important;min-width:180px;background:#fff!important}
body.rc-hdr .ap-header.hx1 .language-option{border-radius:9px!important;padding:9px 10px!important;font:500 14px Inter,sans-serif;color:var(--hx-ink)!important}
body.rc-hdr .ap-header.hx1 .language-option.active{background:var(--hx-ink)!important;color:#fff!important}
body.rc-hdr .ap-header.hx1 .language-option.active .language-name{color:#fff!important}
body.rc-hdr .ap-header.hx1 .nav-cta{display:flex!important;align-items:center;gap:6px}
body.rc-hdr .ap-header.hx1 .nav-cta .nav-login{display:inline-flex!important;align-items:center;height:36px;padding:0 14px!important;border-radius:999px;font:500 14px/1 Inter,sans-serif!important;color:var(--hx-ink)!important;text-shadow:none!important;background:transparent!important;text-decoration:none}
body.rc-hdr .ap-header.hx1 .nav-cta .nav-login:hover{background:rgba(29,29,31,.06)!important}
html body.rc-hdr.rc-hdr.rc-hdr.page-apple .ap-header.hx1.hx1 .navbar .nav-signup{display:inline-flex!important;align-items:center;gap:8px;height:40px;padding:0 18px!important;border-radius:999px!important;background:var(--hx-ink)!important;background-image:none!important;color:#fff!important;font:600 14px/1 Inter,sans-serif!important;letter-spacing:-.01em;text-decoration:none;border:0!important;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 6px 16px -8px rgba(0,0,0,.45)!important;transition:background-color .2s,transform .2s}
html body.rc-hdr.rc-hdr.rc-hdr.page-apple .ap-header.hx1.hx1 .navbar .nav-signup::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--hx-lime);flex:none}
html body.rc-hdr.rc-hdr.rc-hdr.page-apple .ap-header.hx1.hx1 .navbar .nav-signup:hover{background:#000!important;background-image:none!important;transform:translateY(-1px)}
body.rc-hdr .ap-header.hx1 .nav-burger{display:none!important}
/* hero offset so content does not hide under the fixed bar */
body.rc-hdr.hx1-on{--px-header-offset:var(--hx-h)}
/* mid widths */
@media (max-width:1180px){body.rc-hdr .ap-header.hx1 .nav-inner{grid-template-columns:auto 1fr auto}body.rc-hdr .ap-header.hx1 .nav-cta .nav-login{display:none!important}}
/* mobile */
@media (max-width:900px){
 :root{--hx-h:64px}
 body.rc-hdr .ap-header.hx1 .nav-inner{grid-template-columns:1fr auto;padding:0 16px!important;gap:8px}
 body.rc-hdr .ap-header.hx1 .nav-cta{display:none!important}
 body.rc-hdr .ap-header.hx1 .nav-burger{display:inline-flex!important;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border-radius:999px;background:var(--hx-ink)!important;border:0;padding:0}
 body.rc-hdr .ap-header.hx1 .nav-burger span{display:block;width:16px;height:1.5px;border-radius:2px;background:#fff!important;margin:0!important;transition:transform .25s,opacity .2s}
 body.rc-hdr .ap-header.hx1 .nav-burger.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
 body.rc-hdr .ap-header.hx1 .nav-burger.is-open span:nth-child(2){opacity:0}
 body.rc-hdr .ap-header.hx1 .nav-burger.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
 body.rc-hdr .ap-header.hx1 .nav-center{position:static!important;display:contents!important}
 body.rc-hdr .ap-header.hx1 .nav-right{grid-column:2;grid-row:1}
 body.rc-hdr .ap-header.hx1 .nav-links{display:none!important}
 body.rc-hdr .ap-header.hx1 .navbar.nav-open .nav-links{display:flex!important;flex-direction:column;align-items:stretch;gap:0!important;position:fixed!important;inset:var(--hx-h) 0 0 0!important;padding:8px 16px calc(24px + env(safe-area-inset-bottom))!important;border-radius:0;border:0;border-top:1px solid var(--hx-line);background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none;overflow-y:auto;transform:none!important;opacity:1!important;visibility:visible!important;width:auto!important;height:auto!important}
 body.rc-hdr .ap-header.hx1 .navbar.nav-open .nav-links>a,body.rc-hdr .ap-header.hx1 .navbar.nav-open .nav-dropdown-btn{width:100%;height:56px;padding:0 4px!important;border-radius:0!important;justify-content:space-between;font-size:18px!important;font-weight:600!important;color:var(--hx-ink)!important;border-bottom:1px solid var(--hx-line)!important;background:transparent!important}
 body.rc-hdr .ap-header.hx1 .navbar.nav-open .nav-dropdown{width:100%}
 body.rc-hdr .ap-header.hx1 .navbar.nav-open .nav-dropdown-menu{position:static!important;transform:none!important;box-shadow:none!important;border:0!important;background:transparent!important;padding:4px 0 10px!important;width:auto!important;min-width:0!important;left:auto!important}
 body.rc-hdr .ap-header.hx1 .navbar.nav-open .nav-menu-cta{display:flex!important;flex-direction:column;gap:10px;margin-top:auto;padding-top:20px}
 body.rc-hdr .ap-header.hx1 .navbar.nav-open .nav-menu-cta a{display:flex!important;justify-content:center;align-items:center;height:52px;border-radius:14px!important;font:600 16px Inter,sans-serif!important;text-decoration:none}
 body.rc-hdr .ap-header.hx1 .navbar.nav-open .nav-menu-cta .nav-login{border:1px solid rgba(29,29,31,.14);color:var(--hx-ink)!important;background:#fff!important}
 html body.rc-hdr.rc-hdr.rc-hdr.page-apple .ap-header.hx1.hx1 .navbar.nav-open .nav-menu-cta .nav-signup{height:52px!important;border-radius:14px!important}
 body.rc-hdr.nav-menu-open .ap-header.hx1{background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none}
 body.rc-hdr .ap-header.hx1 .language-selector-btn svg.hdr3-globe{display:block}
}
@media (prefers-reduced-motion:reduce){body.rc-hdr .ap-header.hx1 *{transition:none!important}}

/* floating pill */

/* v8: scrolled header becomes a floating rounded container */
body.rc-hdr .ap-header.hx1 .nav-inner{transition:max-width .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1),margin .45s cubic-bezier(.2,.8,.2,1),padding .45s cubic-bezier(.2,.8,.2,1),background-color .35s ease,box-shadow .35s ease,border-color .35s ease,border-radius .45s ease!important;border:1px solid transparent!important}
body.rc-hdr.hdr-scrolled .ap-header.hx1{background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.rc-hdr.hdr-scrolled .ap-header.hx1 .nav-inner{max-width:1100px!important;height:60px!important;margin:12px auto 0!important;padding:0 10px 0 18px!important;border-radius:999px!important;background:rgba(255,255,255,.78)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-color:rgba(29,29,31,.09)!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 14px 34px -16px rgba(16,24,40,.22)!important}
@media (max-width:900px){
 body.rc-hdr.hdr-scrolled .ap-header.hx1 .nav-inner{max-width:none!important;height:56px!important;margin:8px 12px 0!important;padding:0 6px 0 14px!important;border-radius:20px!important}
}
@media (prefers-reduced-motion:reduce){body.rc-hdr .ap-header.hx1 .nav-inner{transition:none!important}}

/* active page */
.ap-header.hx1 a[aria-current="page"]{color:#1D1D1F!important;font-weight:600}

/* ph-float-always: full-bleed video/image hero pages — pill from the start, over the media */
body.rc-hdr.ph-float-always .ap-header.hx1{position:fixed!important;top:0;left:0;right:0;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.rc-hdr.ph-float-always .ap-header.hx1 .nav-inner{max-width:1100px!important;height:60px!important;margin:12px auto 0!important;padding:0 10px 0 18px!important;border-radius:999px!important;background:rgba(255,255,255,.80)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-color:rgba(29,29,31,.10)!important;box-shadow:0 1px 2px rgba(16,24,40,.06),0 14px 34px -16px rgba(16,24,40,.30)!important}
body.rc-hdr.ph-float-always{padding-top:0!important}
body.rc-hdr.ph-float-always .ap-film{margin-top:0!important}
@media (max-width:900px){
 body.rc-hdr.ph-float-always .ap-header.hx1 .nav-inner{max-width:none!important;height:56px!important;margin:8px 12px 0!important;padding:0 6px 0 14px!important;border-radius:20px!important}
}
body.rc-hdr.ph-float-always .ap-header.hx1 .nav-links{background:transparent!important;border-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}

/* hx-ddfix 20261026: nav-links backdrop-filter made the capsule the containing block of the fixed mega menu, clipping it to ~555px */
@media (min-width:901px){body.rc-hdr .ap-header.hx1 .nav-links{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(255,255,255,.88)}body.rc-hdr.hdr-scrolled .ap-header.hx1 .nav-links{background:transparent}body.rc-hdr .ap-header.hx1 .nav-dropdown-menu.h4-mega{max-width:calc(100vw - 40px)!important}}
