/* R8: natural glass header, red submenu accents, compact FAQ and top-aligned search. */
:root{--pd2-header:60px}
.r6-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.r6-header{top:16px;border-radius:20px;background:linear-gradient(115deg,#ffffffe6 0%,#ffffffa8 46%,#e8eff9bb 100%);border:0;box-shadow:0 8px 28px #0b1c3a12;backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5)}
.r6-header.is-scrolled{top:0;left:0;right:0;border-radius:0;background:linear-gradient(110deg,#ffffffdf,#edf3fabd);border:0;box-shadow:0 5px 28px #0b1c3a13}
.r6-header .al-header-row{height:60px;gap:18px;padding-inline:22px}
.r6-header .al-logo{width:122px;flex-basis:122px}
.r6-header .al-logo img{width:112px;height:auto}
.r6-header .al-nav{gap:clamp(10px,1.1vw,18px)}
.r6-header .al-nav>.al-home,.r6-header .al-nav-trigger{padding-block:12px;min-height:44px;color:var(--brand-navy);font-size:13px;line-height:1.6}
.r6-nav-label{display:inline-flex;align-items:center;gap:12px}
.r6-nav-label>.r6-menu-icon{display:none}
.r6-header .r6-chevron{width:12px;height:12px;flex-shrink:0}
.r6-header .al-nav>.al-home:hover,.r6-header .al-nav-trigger:hover,.r6-header .al-nav-trigger[aria-expanded=true]{color:#365b84}
.r6-header .al-tools{gap:2px}
.r6-header-faq{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:5px 9px;min-height:32px;margin-inline-end:10px;color:#fff;font-size:12px;white-space:nowrap;background:var(--brand-navy);border:0}
.r6-header-faq:hover{background:#203b60;color:#fff}
.r6-header-faq svg{width:18px;height:18px}
.r6-header .al-language{margin-inline-end:2px}
.r6-header:has(.al-mega:not([hidden])){border-radius:20px 20px 0 0;background:linear-gradient(110deg,#fffffff0,#eef4fbd9)}
.r6-header.is-scrolled:has(.al-mega:not([hidden])){border-radius:0}
.r6-header .r6-mega,.r6-header.is-scrolled .r6-mega{left:auto;right:0;width:min(560px,calc(100vw - 64px));max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain;border-radius:0 0 24px 24px;background:#fbfcfffa;box-shadow:0 24px 50px #0b1c3a22;border-top:1px solid #dce4ef;scrollbar-width:thin}
html[lang=en] .r6-header .r6-mega{right:auto;left:0}
.r6-header .al-mega-inner.wrap{min-height:0;width:100%;max-width:none;padding:18px 22px;direction:inherit;margin:0}
.r6-header .al-mega-copy{width:100%;margin:0;direction:inherit;text-align:start}
.r6-menu-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;position:relative}
.r6-menu-tiles>a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:114px;padding:18px 14px;border-radius:14px;font-size:13px;line-height:1.8;text-align:center;color:var(--brand-navy);transition:background .2s,color .2s}
.r6-menu-tiles>a:nth-child(odd):not(:last-child):after{content:"";position:absolute;inset-inline-end:-1px;top:22px;bottom:22px;width:1px;background:linear-gradient(transparent,#c9d3df99,transparent)}
.r6-menu-tiles>a:hover,.r6-menu-tiles>a:focus-visible{background:#eaf0f7;color:var(--brand-accent)}
.r6-header .r6-menu-tiles>a>.r6-menu-icon{width:28px;height:28px;margin:0;transform:none!important;flex-shrink:0;color:var(--brand-accent)}
.r6-menu-tiles>a>span{max-width:100%}
.r6-menu-group{margin-top:8px;border-top:1px solid #e2e7ef}
.r6-menu-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 12px;font-size:13px;font-weight:650;color:var(--brand-navy);border-radius:12px}
.r6-menu-group>summary::-webkit-details-marker{display:none}
.r6-menu-group>summary>span{display:flex;align-items:center;gap:11px}
.r6-menu-group>summary>span>svg{width:21px;height:21px;transform:none!important;color:var(--brand-accent)}
.r6-menu-group>summary:hover,.r6-menu-group>summary:focus-visible{background:#eef3f8;color:var(--brand-accent)}
.r6-menu-group[open]>summary>.r6-chevron{rotate:180deg}
.r6-menu-group .r6-menu-tiles{padding-bottom:10px}
.r6-header .al-mega svg{transform:none!important}
.r6-header .al-nav-trigger[aria-expanded=true]>.r6-chevron{rotate:180deg}
.r6-header .r6-menu-icon{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.r6-header :is(a,button,summary):focus-visible,.r6-mobile-faq:focus-visible{outline:2px solid #365b84;outline-offset:3px}
.al-search-dialog{position:fixed;inset-block-start:clamp(14px,6vh,62px);inset-block-end:auto;margin:0 auto;width:min(680px,calc(100% - 28px));max-height:calc(100dvh - 90px);border-radius:24px;overflow-y:auto}
.al-search-dialog .al-search-body{padding:30px}
.al-search-dialog .al-search-body h2{font-size:25px;line-height:1.6;margin:0 0 18px;padding-inline-end:35px}
.al-search-dialog .al-search-body input{margin:0 0 16px;border-radius:14px;font-size:15px}
.al-search-dialog .al-search-body input:focus-visible{outline:2px solid #365b84;outline-offset:2px}
.r6-mobile-faq{display:none}
@media(min-width:900px) and (max-width:1199px){
 .r6-header{left:16px;right:16px}
 .r6-header .al-header-row{gap:9px;padding-inline:13px}
 .r6-header .al-logo{width:106px;flex-basis:106px}
 .r6-header .al-logo img{width:96px}
 .r6-header .al-nav{gap:8px}
 .r6-header .al-nav>.al-home,.r6-header .al-nav-trigger{font-size:12px;gap:3px}
 .r6-header-faq{padding-inline:7px;gap:4px}
 .r6-header-faq svg{display:none}
 .r6-header .al-tools{gap:0}
}
@media(max-width:899px){
 :root{--pd2-header:56px}
 .r6-header{top:10px;left:10px;right:10px;border-radius:18px}
 .r6-header .al-header-row,body[data-page] .r6-header .al-header-row{height:56px;padding-inline:16px;gap:10px}
 .r6-header .al-logo{width:100px;flex-basis:100px}
 .r6-header .al-logo img{width:96px}
 .r6-header-faq{display:none}
 .r6-header .al-nav{gap:0}
 .r6-header .al-nav,.r6-header:has(.al-nav.is-open) .al-nav{border-radius:24px 0 0 24px;background:linear-gradient(145deg,#fff,#f6f8fc)}
 html[lang=en] .r6-header .al-nav{border-radius:24px 0 0 24px}
 .r6-header:has(.al-nav.is-open){background:transparent;box-shadow:none;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
 .r6-header .al-nav>.al-home,.r6-header .al-nav-trigger{width:100%;min-height:54px;padding:15px 0;font-size:15px;text-align:start;justify-content:space-between}
 .r6-nav-label>.r6-menu-icon{display:block;width:22px;height:22px;flex-shrink:0}
 .r6-header .al-nav-trigger>.r6-chevron{width:15px;height:15px}
 .r6-header .d8-drawer-head .r6-drawer-close{width:20px;height:20px}
 .r6-header .r6-mega,.r6-header.is-scrolled .r6-mega{position:static;width:100%;max-height:none;overflow:visible;border-radius:18px;box-shadow:none;border-top:0;background:#eef2f866}
 .r6-header .al-mega-inner.wrap{padding:5px 3px 12px}
 .r7-mobile-menu .r6-menu-tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(118px,auto);align-items:stretch;gap:6px 1px}
 .r7-mobile-menu .r6-menu-tiles>a{min-width:0;min-height:118px;height:100%;display:grid;grid-template-rows:28px minmax(47px,auto);align-content:start;justify-content:stretch;justify-items:center;align-items:start;padding:16px 8px 14px;gap:10px;font-size:13px;line-height:1.8}
 .r7-mobile-menu .r6-menu-tiles>a>span{display:block;min-width:0;width:100%;min-height:47px;text-align:center;overflow-wrap:anywhere;white-space:normal}
 .r6-header .r6-menu-tiles>a>.r6-menu-icon{width:27px;height:27px}
 .r6-menu-group>summary{font-size:13px;padding:16px 9px}
 .r6-menu-group>summary>span{gap:8px}
 .r6-header .al-mega svg{transform:none!important}
 .al-back-top{display:none!important}
 .r6-mobile-faq{position:fixed;z-index:80;inset-inline-end:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));display:grid;place-items:center;width:50px;height:50px;padding:13px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#284264,var(--brand-navy));border:1px solid #ffffff94;box-shadow:inset 0 1px 1px #ffffff4d,0 5px 20px #0b1c3a33;transition:translate .2s,box-shadow .2s}
 .r6-mobile-faq svg{width:25px;height:25px}
 .r6-mobile-faq:hover{translate:0 -2px;box-shadow:0 8px 24px #0b1c3a44}
 body[data-page="product"] .r6-mobile-faq{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .al-search-dialog{inset-block-start:12px;max-height:calc(100dvh - 24px);border-radius:20px}
 .al-search-dialog .al-search-body{padding:24px 20px}
 .al-search-dialog .al-search-body h2{font-size:23px}
}
@media(max-width:520px){
 .r6-header .al-header-row,body[data-page] .r6-header .al-header-row{padding-inline:12px;gap:6px}
 .r6-header .al-logo{width:93px;flex-basis:93px}
 .r6-header .al-logo img{width:93px}
 .r6-header .al-tools{gap:1px}
}
@media(prefers-reduced-motion:reduce){.r6-header,.r6-menu-tiles>a,.r6-mobile-faq{transition:none}}

/* Desktop keeps the original grouped text-list navigation. The duplicate mobile
   presentation is display:none, leaving only one set in the focus/accessibility tree. */
.r7-desktop-menu{display:none}
@media(min-width:900px){
 .r7-mobile-menu{display:none}
 .r6-header .r6-mega,html[lang=en] .r6-header .r6-mega{left:0;right:0;width:auto;border-radius:0 0 20px 20px;background:#fffffff5}
 .r6-header.is-scrolled .r6-mega,html[lang=en] .r6-header.is-scrolled .r6-mega{border-radius:0}
 .r6-header .al-mega-inner.wrap{width:min(1120px,100%);padding:30px 34px 34px;margin-inline:auto}
 .r7-desktop-menu{display:grid;grid-template-columns:1.15fr 1fr 1fr;align-items:start;gap:40px}
 .r7-desktop-group{min-width:0}
 .r7-desktop-group>h3{font-family:inherit;font-size:14px;font-weight:700;line-height:1.8;margin:0 0 13px;color:var(--brand-navy)}
 .r7-desktop-links{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px}
 .r7-desktop-links>a{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-width:0;min-height:34px;padding:4px 0;font-size:13px;line-height:1.9;color:var(--brand-navy);border-radius:8px;text-align:start}
 .r6-header .r7-desktop-links>a>.r6-menu-icon{width:19px;height:19px;flex:0 0 19px;margin:0;transform:none!important;color:var(--brand-accent)}
 .r7-desktop-links>a>span{min-width:0;overflow-wrap:anywhere}
 .r7-desktop-links>a:hover,.r7-desktop-links>a:focus-visible{color:var(--brand-accent)}
 .r7-desktop-links>a:hover>.r6-menu-icon{color:inherit}
 .r7-support-menu{display:block;max-width:720px}
 .r7-support-menu .r7-desktop-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 34px}
}
@media(min-width:900px) and (max-width:1199px){
 .r6-header .al-mega-inner.wrap{padding-inline:26px}
 .r7-desktop-menu{gap:28px}
 .r6-header-faq svg{display:block;width:18px;height:18px}
}