/* Shared site navigation. Page bodies retain their registered migration state.
   Keep this as the only navigation skin; do not add page-specific nav overrides. */
.nav.nav--refresh{position:sticky;top:0;z-index:70;isolation:isolate;background:var(--paper);border-bottom:1px solid var(--line);font-family:var(--rf-sans);color:var(--text);font-size:15px;line-height:1.45}
.nav--refresh .nav__in{position:relative;max-width:var(--wrap);height:72px;margin:0 auto;padding:0 var(--rf-gutter);display:flex;align-items:center;gap:16px}
.nav--refresh .logo{display:inline-flex;align-items:center;min-height:44px;flex:none}
.nav--refresh .logo img{height:21px!important;width:auto;max-width:164px;filter:none}
.nav--refresh .nav__links{display:flex;align-items:center;align-self:stretch;gap:0}
.nav--refresh .nav__dd{display:flex;align-items:center}
.nav--refresh .nav__links>.nav__dd{align-self:stretch}
.nav--refresh .nav__ddbtn,.nav--refresh .nav__links>a,.nav--refresh .nav__signin,.nav--refresh .nav__lang{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px;gap:7px;border:1px solid transparent;border-radius:var(--rf-radius-control);font-family:var(--rf-sans);font-size:14px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--text);white-space:nowrap;transition:color var(--rf-duration-feedback),background var(--rf-duration-feedback),border-color var(--rf-duration-feedback)}
.nav--refresh .nav__ddbtn:hover,.nav--refresh .nav__links>a:hover,.nav--refresh .nav__signin:hover,.nav--refresh .nav__lang:hover{background:var(--blue-wash);color:var(--blue-deep)}
.nav--refresh .nav__ddbtn[aria-expanded=true],.nav--refresh .nav__lang[aria-expanded=true]{background:var(--blue-wash);color:var(--blue-deep)}
.nav--refresh .caret{width:6px;height:6px;flex:none;color:var(--text-2);border-width:1.5px}
.nav--refresh [aria-expanded=true]>.caret{color:var(--blue-deep);transform:rotate(225deg) translateY(-1px)}
.nav--refresh .nav__cta{display:flex;align-items:center;align-self:stretch;gap:8px;margin-left:auto}
.nav--refresh .nav__lang{font-size:13px;padding-inline:10px;gap:7px}
.nav--refresh .nav__lang svg{width:16px;height:16px}
.nav--refresh .nav__signin{font-size:14px}
.nav.nav--refresh .btn.btn--primary{display:inline-flex;justify-content:center;align-items:center;min-height:44px;height:auto;padding:10px 16px;border:1px solid var(--blue-deep);border-radius:var(--rf-radius-control);clip-path:none;background:var(--blue-deep);color:#fff;font-family:var(--rf-action);font-size:12px;font-weight:500;font-stretch:normal;line-height:1.5;letter-spacing:0;text-transform:uppercase;white-space:nowrap;box-shadow:none;transform:none;transition:background var(--rf-duration-feedback),border-color var(--rf-duration-feedback),box-shadow var(--rf-duration-feedback)}
.nav.nav--refresh .btn.btn--primary:hover{background:var(--rf-blue-deep-2);border-color:var(--rf-blue-deep-2);box-shadow:var(--rf-shadow-field)}
/* Long native labels must fit the same content frame as the page below. */
.nav.nav--refresh .nav__cta>.btn.btn--primary{max-inline-size:204px;padding-block:6px;white-space:normal;text-wrap:balance;text-align:center;line-height:1.25}
.nav--refresh :is(a,button,summary):focus-visible{outline:2px solid var(--blue-deep);outline-offset:3px;border-radius:var(--rf-radius-control)}
.nav--refresh .trial{display:none}

/* Panels are opaque, never glass over the page. The scrim sits below the nav
   and above page content; its short fade is independent of panel entrance. */
.nav--refresh::after{content:"";position:absolute;z-index:-1;top:100%;left:0;right:0;height:100dvh;background:rgba(14,17,22,.07);opacity:0;pointer-events:none;transition:opacity .18s}
.nav--refresh:has(.nav__dd.open)::after,.nav--refresh:has(.nav__panel.open)::after{opacity:1}
.nav--refresh .ddpanel{position:absolute;z-index:1;top:calc(100% + 8px);width:320px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 108px);overflow-y:auto;overscroll-behavior:contain;padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--rf-shadow-card);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .18s,transform .18s cubic-bezier(.2,.7,.2,1),visibility 0s .18s}
.nav--refresh .nav__dd.open>.ddpanel{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.nav--refresh .nav__links>.nav__dd.open::after{content:"";position:absolute;left:32px;right:32px;top:100%;height:9px}
.nav--refresh .ddpanel a{display:block;min-height:44px;padding:12px;border-radius:var(--rf-radius-control);font-size:15px;font-weight:500;line-height:1.4;color:var(--text);white-space:normal;transition:background .16s,color .16s}
.nav--refresh .ddpanel a:hover{color:var(--blue-deep);background:var(--blue-wash)}
.nav--refresh .ddpanel a:focus-visible{color:var(--blue-deep);background:var(--blue-wash);outline-offset:-2px}
.nav--refresh .ddpanel a b{display:block;font-size:15px;font-weight:500;color:inherit;line-height:1.4;text-wrap:pretty}
.nav--refresh:lang(ja) .ddpanel a b{line-break:strict}
.nav--refresh .ddpanel a span{display:block;font-size:14px;font-weight:400;line-height:1.5;color:var(--text-2);margin-top:4px;text-wrap:pretty}
.nav.nav--refresh .ddpanel .ddlbl{display:block;margin:0 12px 4px;font-family:var(--rf-sans);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-2)}
/* Two offering highlights, then a quiet directory. No duplicate destinations,
   miniature product demos, selected-looking promo tiles or four narrow rails. */
.nav--refresh .ddpanel--product3{left:32px;right:32px;width:auto;max-width:none;padding:20px 24px 8px}
.nav--refresh .dd-features{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:-20px -24px 0;padding:16px 24px;background:var(--paper-2);border-bottom:1px solid var(--line);align-items:start}
.nav--refresh .ddpanel .dd-feature{min-width:0;padding:16px}
.nav--refresh .ddpanel .dd-feature:hover{background:var(--blue-wash)}
.nav--refresh .ddpanel .dd-feature b{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.015em;text-wrap:balance}
.nav--refresh .ddpanel .dd-feature span{margin-top:8px;max-width:38ch}
.nav--refresh .dd-feature b::after{display:inline-block;margin-left:10px;vertical-align:.12em;color:var(--blue-deep)}
.nav--refresh .dd-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:24px 0 16px}
.nav--refresh .dd-category{min-width:0;display:grid;gap:4px;align-content:start}
.nav--refresh .dd-category>a{padding-block:11px}
.nav--refresh .ddpanel--product3 .dd-span{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:20px 16px 16px;border-top:1px solid var(--line);border-radius:0;color:var(--blue-deep)}
.nav--refresh :is(.dd-feature b,.dd-span,.dd-lead,.pgrp__feature,.pgrp__compare,.pgrp__lead)::after{content:"";width:7px;height:7px;flex:none;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-right:4px}
.nav--refresh .ddpanel--list .dd-lead{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:6px;padding:12px 12px 18px;border-bottom:1px solid var(--line);border-radius:var(--rf-radius-control) 8px 0 0}
.nav--refresh .ddpanel--list .dd-lead b{font-size:20px;font-weight:600}
.nav--refresh .ddpanel--list{left:240px;display:grid;gap:4px}
.nav--refresh .ddpanel--services{left:auto;right:32px;width:736px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto repeat(3,auto);grid-auto-flow:column;gap:4px 32px;padding:24px}
.nav--refresh .ddpanel--resources{left:auto;right:32px;width:720px;display:grid;grid-template-columns:.85fr 1.15fr;column-gap:24px;padding:24px;align-items:start}
.nav--refresh .dd-links{display:grid;gap:4px;align-content:start}
.nav--refresh .dd-links>a{display:flex;align-items:center;min-height:48px}
.nav--refresh .dd-gate{align-self:stretch;display:grid;gap:4px;align-content:start;padding:0 0 0 24px;border-left:1px solid var(--line)}
.nav--refresh .dd-gate>a{padding-block:12px}
.nav--refresh .dd-gate__auth{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;padding:0 4px 12px}
.nav--refresh .dd-gate__auth:last-child{padding-bottom:0}
.nav--refresh .dd-gate__auth a{display:inline-flex;align-items:center;min-height:44px;padding:8px;font-family:var(--rf-sans);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--blue-deep)}
.nav--refresh .nav__dd--lang{position:relative;align-self:stretch}
/* Same rhythm as the Resources links: 48px rows, 4px apart */
.nav--refresh .ddpanel--lang{right:0;top:calc(100% + 8px);width:180px;min-width:0;padding:8px;display:grid;gap:4px}
.nav--refresh .ddpanel--lang a{display:flex;align-items:center;min-height:48px}
.nav--refresh .ddpanel a[aria-current=true]{background:var(--blue-wash);color:var(--blue-deep);font-weight:600}
.nav--refresh .ddpanel a .chrome-en-badge{display:inline-block;margin:0 0 0 5px;padding:1px 4px;font-size:10px;vertical-align:middle}

/* Touch navigation is a bounded sheet, not a second page-length header. */
.nav--refresh .nav__burger{display:none;flex-direction:column;align-items:stretch;justify-content:center;gap:5px;width:44px;height:44px;border:1px solid var(--line-2);border-radius:var(--rf-radius-control);padding:0 12px;background:#fff}
.nav--refresh .nav__burger span{display:block;height:1.5px;background:var(--text);transition:transform .18s,opacity .18s}
.nav--refresh .nav__burger[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav--refresh .nav__burger[aria-expanded=true] span:nth-child(2){opacity:0}
.nav--refresh .nav__burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.nav--refresh .nav__panel{display:none;position:absolute;left:0;right:0;top:100%;max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;padding:12px 24px 24px;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line-2);box-shadow:var(--rf-shadow-win);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .18s,transform .18s,visibility 0s .18s}
.nav--refresh .nav__panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.nav--refresh .nav__panel .pgrp{border-bottom:1px solid var(--line)}
.nav--refresh .pgrp summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 12px;min-height:60px;font-size:18px;font-weight:500;list-style:none;cursor:pointer}
.nav--refresh .pgrp summary::-webkit-details-marker{display:none}
.nav--refresh .pgrp[open] summary{color:var(--blue-deep);font-weight:600}
.nav--refresh .pgrp[open] summary .caret{transform:rotate(225deg) translateY(-1px)}
.nav--refresh .pgrp__list{display:grid;gap:4px;padding:0 0 14px}
.nav--refresh .pgrp__list>a,.nav--refresh .pgrp__family>a,.nav--refresh .pgrp__features>a{display:block;padding:12px;min-height:48px;border-radius:var(--rf-radius-control);color:var(--text);font-size:16px;font-weight:400;line-height:1.5;text-wrap:pretty}
.nav--refresh .pgrp__features{display:grid;gap:4px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.nav--refresh .pgrp__features>.pgrp__feature{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:18px;font-weight:600;line-height:1.4}
.nav--refresh .pgrp__family{display:grid;gap:4px;padding-top:24px}
.nav--refresh .pgrp__label{display:block;margin:0 12px;font-size:13px;font-weight:500;line-height:1.5;color:var(--text-2)}
.nav--refresh .pgrp__list>.pgrp__compare{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding-top:20px;border-top:1px solid var(--line);border-radius:0;color:var(--blue-deep);font-size:15px;font-weight:500}
.nav--refresh .pgrp__list a:is(:hover,:focus-visible){background:var(--blue-wash);color:var(--blue-deep)}
.nav--refresh .pgrp__list a[aria-current=true]{color:var(--blue-deep);font-weight:600;background:var(--blue-wash)}
.nav.nav--refresh .pgrp__list a[aria-current=page],.nav.nav--refresh .nav__dd .ddpanel a[aria-current=page]{color:var(--blue-deep);background:var(--blue-wash);font-weight:600;border-radius:var(--rf-radius-control)}
.nav--refresh .pgrp__list>.pgrp__lead{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:18px;font-weight:600;line-height:1.4}
.nav--refresh .pgrp__auth{display:flex;flex-wrap:wrap;gap:4px 16px;padding:0 4px 10px}
.nav--refresh .pgrp__auth a{display:flex;align-items:center;min-height:44px;padding:8px;border-radius:var(--rf-radius-control);font-size:14px;font-weight:500;color:var(--blue-deep)}
.nav--refresh :is(.dd-gate__auth,.pgrp__auth) a:hover{text-decoration:underline;text-underline-offset:3px}
.nav--refresh .pgrp summary:focus-visible{outline-offset:-2px}
.nav--refresh .pgrp__list a:focus-visible{outline-offset:-2px}
.nav--refresh .nav__panel>a{display:block;min-height:52px;padding:18px 12px;font-size:16px;font-weight:500}
.nav--refresh .nav__panel>a.nav__panel-signin{font:500 18px/1.45 var(--rf-sans)}
.nav--refresh .pgrp--lang .nav__plang{display:grid;gap:4px}
.nav--refresh .panel-cta{padding-top:8px;display:flex;flex-direction:column;gap:12px}
.nav.nav--refresh .panel-cta .btn{min-height:48px}
body.nav-open{overflow:hidden}
@media(min-width:1151px){.nav--refresh .nav__panel{display:none!important}}
@media(max-width:1150px){
 .nav--refresh .nav__in{padding-inline:var(--rf-gutter)}
 .nav--refresh .nav__links{display:none}
 .nav--refresh .nav__burger{display:flex}
 .nav--refresh .nav__panel{display:block;padding-inline:var(--rf-gutter)}
}
@media(min-width:861px){.nav--refresh .pgrp--lang{display:none}}
@media(max-width:860px){.nav--refresh .nav__signin,.nav--refresh .nav__dd--lang{display:none}}
@media(max-width:760px){.nav--refresh .nav__in,.nav--refresh .nav__panel{padding-inline:var(--rf-gutter)}}
@media(max-width:600px){
 .nav--refresh .nav__in{height:64px;padding-inline:var(--rf-gutter);gap:16px}
 .nav--refresh .logo img{height:23px!important;max-width:180px}
 .nav--refresh .nav__panel{max-height:calc(100dvh - 60px);padding-inline:24px}
}
@media(max-width:560px){.nav.nav--refresh .nav__cta>.btn.btn--primary{display:none}}
@media(max-width:380px){.nav--refresh .nav__in,.nav--refresh .nav__panel{padding-inline:var(--rf-gutter)}}
@media(forced-colors:active){
 .nav--refresh::after{display:none}
 .nav--refresh :is(.ddpanel,.nav__panel){border-color:CanvasText;box-shadow:none}
 .nav--refresh a[aria-current=page],.nav--refresh a[aria-current=true]{text-decoration:underline;text-underline-offset:4px}
}
@media(prefers-reduced-motion:reduce){.nav--refresh::after,.nav--refresh *{transition:none!important}}

/* v5 skin (FRAI-7521): 72px bar, rounded menu buttons, card-style mega menus
   with a paper-2 featured row, and a title case Contact Sales action. */
.nav--refresh .nav__links{gap:4px}
.nav--refresh .nav__ddbtn,.nav--refresh .nav__links>a{min-height:44px;padding:0 14px;border-radius:10px;font:500 15px/1 var(--rf-sans);color:var(--text)}
.nav--refresh .nav__ddbtn[aria-expanded=true]{background:var(--blue-wash);color:var(--blue)}
.nav--refresh .nav__links>a[aria-current=page]{color:var(--blue);font-weight:600}
.nav--refresh .nav__signin{font-size:15px;font-weight:500;color:var(--text)}
.nav--refresh .ddpanel{border-radius:var(--rf-radius-panel);box-shadow:0 30px 70px -24px rgb(0 30 80 / .35)}
.nav--refresh .ddpanel--product3{padding:28px 24px 8px}
.nav--refresh .dd-features{margin:-28px -24px 0;padding:28px 32px;gap:24px 48px}
.nav--refresh .ddpanel .dd-feature b{font-size:clamp(18px,calc(13px + .6vw),22px);font-weight:700}
.nav--refresh .ddpanel .dd-feature:hover b{color:var(--blue)}
.nav--refresh .ddpanel a{border-radius:10px}
.nav--refresh .ddpanel a:hover{color:var(--blue-deep)}
.nav.nav--refresh .btn.btn--primary{min-height:44px;padding:0 18px;border-radius:var(--rf-radius-control);border-color:var(--blue-deep);background:var(--blue-deep);box-shadow:none;font:600 14px/1.25 var(--rf-sans);letter-spacing:0;text-transform:none}
.nav.nav--refresh .btn.btn--primary:hover{background:var(--rf-blue-deep-2);border-color:var(--rf-blue-deep-2);box-shadow:none}
.nav--refresh .nav__burger{border-radius:10px;background:var(--card)}

/* v5 navigation sizing (FRAI-7521, owner-approved v5 values): 26px logo, translucent bar with blur. */
.nav.nav--refresh{background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.nav--refresh .logo img{height:26px!important;max-width:none}
.nav--refresh .nav__ddbtn,.nav--refresh .nav__links>a{height:44px}
@media(prefers-reduced-transparency:reduce){.nav.nav--refresh{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}}
.nav--refresh .nav__in{justify-content:space-between}
.nav--refresh .nav__cta{margin-left:0}
/* Divider rules sit apart from the lead and compare links, so hover and active fills never touch the line. */
.nav--refresh .ddpanel--list .dd-lead{position:relative;padding:14px 12px;margin-bottom:17px;border-bottom:0;border-radius:var(--rf-radius-control)}
.nav--refresh .ddpanel--list .dd-lead::before{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--line);pointer-events:none}
.nav--refresh .ddpanel--product3 .dd-span{position:relative;margin-top:17px;padding:14px 16px;border-top:0;border-radius:var(--rf-radius-control)}
.nav--refresh .ddpanel--product3 .dd-span::before{content:"";position:absolute;left:0;right:0;top:-9px;height:1px;background:var(--line);pointer-events:none}
.nav--refresh .ddpanel--product3{padding-bottom:16px}
/* Mega menus sit on the site grid: the panel edges align with the logo and the Contact Sales button. */
/* Product mega menu: the panel reaches 32px past the grid so it reads apart from the cards behind it,
   while every line of text inside starts exactly on the grid (under the logo). Padding plus each item's
   own inset add up to that same 32px; hover and active fills use the space in between. */
.nav--refresh .ddpanel--product3{--dd-out:32px;left:max(8px,calc(var(--rf-gutter) - var(--dd-out)));right:max(8px,calc(var(--rf-gutter) - var(--dd-out)));padding:28px calc(var(--dd-out) - 12px) 16px}
.nav--refresh .ddpanel--product3 .dd-features{margin:-28px calc(12px - var(--dd-out)) 0;padding:28px calc(var(--dd-out) - 16px)}
.nav--refresh .ddpanel--product3 .dd-span{padding:14px 12px}
.nav--refresh :is(.ddpanel--services,.ddpanel--resources){right:var(--rf-gutter)}
/* Justin review: active offerings match the blue-wash, blue-border catalog state. */
.nav.nav--refresh .nav__dd .ddpanel .dd-features a.dd-feature[aria-current=page]{background:var(--blue-wash);color:var(--blue-deep);box-shadow:inset 0 0 0 1px var(--blue)}
.nav--refresh .nav__panel>a:hover,.nav--refresh .pgrp summary:hover,.nav--refresh .nav__burger:hover{background:var(--blue-wash);color:var(--blue-deep)}