/* Keep Watch and the account action visible independently of the browsing links. */
.site-header.site-navigation { position:sticky; top:0; z-index:30; background:rgba(5,12,20,.96); border-bottom:1px solid #23323e; backdrop-filter:blur(18px); }
.site-navigation .nav { display:grid; grid-template-columns:1fr auto 1fr; width:calc(100% - 64px); min-height:88px; gap:28px; padding:12px 0; }
.site-navigation .brand { justify-self:start; font-size:25px; gap:11px; letter-spacing:-.8px; }
.site-navigation .brand img { width:43px; height:43px; }
.site-navigation .brand span span { color:#4cdaea; }
.site-navigation .nav-links { display:flex; gap:24px; min-width:0; align-items:center; }
.site-navigation .nav-links a { display:inline-flex; align-items:center; min-height:44px; white-space:nowrap; font-size:14px; }
.site-navigation .nav-actions { justify-self:end; display:flex; align-items:center; gap:10px; }
.site-navigation .nav-watch,.site-navigation .nav-account { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:46px; padding:10px 17px; border:1px solid #47747e; border-radius:10px; color:#e3fcff; text-decoration:none; font-size:14px; font-weight:700; white-space:nowrap; transition:background .15s,border-color .15s,transform .15s; }
.site-navigation .nav-watch { border-color:#3abecb; background:linear-gradient(115deg,#0c4f5c,#173f69); box-shadow:0 8px 28px #0ac5d326; }
.site-navigation .nav-account { background:#112731; }
.site-navigation .nav-watch svg,.site-navigation .nav-account svg { width:18px; height:18px; flex:none; }
.site-navigation .nav-watch:hover { background:linear-gradient(115deg,#116776,#1c5082); border-color:#72e7ec; transform:translateY(-1px); }
.site-navigation .nav-account:hover { background:#1b3d48; border-color:#72d6e2; }
.site-navigation .nav-watch[aria-current="page"],.site-navigation .nav-account[aria-current="page"] { border-color:#72f1f0; box-shadow:0 0 0 1px #72f1f05c,0 8px 30px #0ac5d32e; }
.site-navigation a:focus-visible { outline:3px solid #4cdaea; outline-offset:4px; }
.marketing section[id] { scroll-margin-top:112px; }
.skip-link { position:absolute; top:-80px; left:20px; z-index:50; padding:12px 20px; background:white; color:#071722; }
.skip-link:focus { top:12px; }
.nav-menu-toggle { display:none; }
@media(max-width:1500px) {
  .site-navigation .nav { grid-template-columns:auto 1fr auto; gap:24px; }
  .site-navigation .nav-links { justify-content:center; gap:18px; }
}
@media(max-width:1250px) {
  .site-navigation .nav { grid-template-columns:1fr auto; gap:4px 16px; width:calc(100% - 40px); }
  .site-navigation .brand { grid-column:1; grid-row:1; }
  .site-navigation .nav-actions { grid-column:2; grid-row:1; }
  .site-navigation .nav-links { grid-column:1 / -1; grid-row:2; width:100%; justify-content:flex-start; overflow-x:auto; gap:24px; padding:0; scrollbar-width:none; }
  .site-navigation .nav-links::-webkit-scrollbar { display:none; }
  .site-navigation .nav-links a { flex:none; font-size:13px; }
  .site-navigation .nav-links .nav-cta { padding:0; border:0; color:#4cdaea; }
  .marketing section[id] { scroll-margin-top:148px; }
}
@media(max-width:600px) {
  .site-navigation .nav { grid-template-columns:1fr; width:calc(100% - 32px); gap:7px; padding-block:10px; }
  .site-navigation .brand { grid-column:1; grid-row:1; justify-self:center; font-size:21px; gap:8px; }
  .site-navigation .brand img { width:33px; height:33px; }
  .site-navigation .nav-actions { grid-column:1; grid-row:2; display:grid; grid-template-columns:.72fr 1.28fr; justify-self:stretch; width:100%; gap:7px; }
  .site-navigation .nav-links { grid-column:1; grid-row:3; }
  .site-navigation .nav-watch,.site-navigation .nav-account { font-size:11px; gap:6px; padding-inline:9px; min-height:42px; }
  .site-navigation .nav-watch svg,.site-navigation .nav-account svg { width:14px; height:14px; }
  .marketing section[id] { scroll-margin-top:190px; }
}
@media(max-width:380px) {
  .site-navigation .brand { font-size:19px; }
  .site-navigation .brand img { width:31px; height:31px; }
  .site-navigation .nav-watch,.site-navigation .nav-account { padding-inline:7px; }
  .site-navigation .nav-watch svg,.site-navigation .nav-account svg { display:none; }
}
@media(prefers-reduced-motion:reduce) { .site-navigation .nav-watch,.site-navigation .nav-account { transition:none; } }

/* Compact mobile header. Higher specificity keeps this layout authoritative when a page loads extra showcase CSS. */
@media(max-width:760px) {
  .site-header.site-navigation .nav { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; width:calc(100% - 28px); min-height:64px; gap:8px; padding:8px 0; }
  .site-header.site-navigation .nav .brand { grid-column:1; grid-row:1; justify-self:start; min-width:0; gap:7px; font-size:19px; letter-spacing:-.5px; }
  .site-header.site-navigation .nav .brand img { width:32px; height:32px; }
  .site-header.site-navigation .nav .nav-actions { grid-column:2; grid-row:1; justify-self:end; display:flex; width:auto; min-width:0; gap:6px; }
  .site-header.site-navigation .nav .nav-actions .nav-watch,
  .site-header.site-navigation .nav .nav-actions .nav-account { width:auto; max-width:none; min-width:0; min-height:38px; padding:7px 10px; gap:5px; overflow:visible; border-radius:999px; color:#e8fcff; font-size:11px; line-height:1; }
  .site-header.site-navigation .nav .nav-actions .nav-watch svg,
  .site-header.site-navigation .nav .nav-actions .nav-account svg { display:block; width:14px; height:14px; color:currentColor; }
  .site-header.site-navigation .nav .nav-actions .nav-account span { color:inherit; font-size:0; }
  .site-header.site-navigation .nav .nav-actions .nav-account span::after { content:"Manage"; color:inherit; font-size:12px; }
  .site-header.site-navigation .nav .nav-menu-toggle { grid-column:3; grid-row:1; place-items:center; width:40px; height:40px; padding:0; border:1px solid #3f6876; border-radius:12px; background:#0d202d; color:#dffcff; cursor:pointer; }
  .site-header.site-navigation.nav-enhanced .nav .nav-menu-toggle { display:grid; }
  .site-header.site-navigation .nav .nav-menu-toggle:hover { border-color:#68dce5; background:#153542; }
  .site-header.site-navigation .nav .nav-menu-toggle:focus-visible { outline:3px solid #4cdaea; outline-offset:3px; }
  .nav-menu-bars { display:grid; width:18px; gap:4px; }
  .nav-menu-bars i { display:block; width:18px; height:2px; border-radius:99px; background:currentColor; transition:transform .18s,opacity .18s; }
  .site-header.site-navigation.nav-menu-open .nav-menu-bars i:first-child { transform:translateY(6px) rotate(45deg); }
  .site-header.site-navigation.nav-menu-open .nav-menu-bars i:nth-child(2) { opacity:0; }
  .site-header.site-navigation.nav-menu-open .nav-menu-bars i:last-child { transform:translateY(-6px) rotate(-45deg); }
  .site-header.site-navigation .nav .nav-links { grid-column:1 / -1; grid-row:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; max-width:none; margin:2px 0 4px; padding:10px; gap:5px; overflow:visible; border:1px solid #294756; border-radius:16px; background:linear-gradient(145deg,#081521fa,#0b1f2df7); box-shadow:0 18px 38px #0008; }
  .site-header.site-navigation.nav-enhanced .nav .nav-links { display:none; }
  .site-header.site-navigation.nav-enhanced.nav-menu-open .nav .nav-links { display:grid; }
  .site-header.site-navigation .nav .nav-actions .nav-watch,
  .site-header.site-navigation .nav .nav-actions .nav-account { min-height:40px; font-size:12px; }
  .site-header.site-navigation .nav .nav-links a,
  .marketing .site-header.site-navigation .nav .nav-links a:not(.status) { display:flex; align-items:center; min-width:0; min-height:44px; padding:8px 11px; border-radius:10px; background:#102533b8; color:#d5e5ef; font-size:13px; font-weight:700; white-space:normal; }
  .site-header.site-navigation .nav .nav-links a:hover,
  .site-header.site-navigation .nav .nav-links a:focus-visible { background:#173746; color:#73edf0; }
  .marketing section[id] { scroll-margin-top:78px; }
}
@media(max-width:380px) {
  .site-header.site-navigation .nav { gap:6px; }
  .site-header.site-navigation .nav .brand { gap:6px; font-size:18px; }
  .site-header.site-navigation .nav .brand img { width:30px; height:30px; }
  .site-header.site-navigation .nav .nav-actions { gap:4px; }
  .site-header.site-navigation .nav .nav-actions .nav-watch,
  .site-header.site-navigation .nav .nav-actions .nav-account { min-height:40px; padding-inline:8px; }
  .site-header.site-navigation .nav .nav-menu-toggle { width:40px; height:40px; }
  .site-header.site-navigation .nav .nav-links a,
  .marketing .site-header.site-navigation .nav .nav-links a:not(.status) { min-height:44px; }
}
@media(max-width:350px) {
  .site-header.site-navigation .nav { width:calc(100% - 20px); gap:5px; }
  .site-header.site-navigation .nav .brand { gap:5px; font-size:17px; }
  .site-header.site-navigation .nav .brand img { width:29px; height:29px; }
  .site-header.site-navigation .nav .nav-actions { gap:4px; }
  .site-header.site-navigation .nav .nav-actions .nav-watch,
  .site-header.site-navigation .nav .nav-actions .nav-account { padding-inline:8px; }
  .site-header.site-navigation .nav .nav-actions .nav-watch svg,
  .site-header.site-navigation .nav .nav-actions .nav-account svg { display:none; }
  .site-header.site-navigation .nav .nav-menu-toggle { width:38px; height:38px; }
}
@media(prefers-reduced-motion:reduce) { .nav-menu-bars i { transition:none; } }