.site-header .product-switch { border-bottom:1px solid #edf0f5; background:#f8fafc; }
.site-header .product-switch > div { display:flex; gap:26px; }
.site-header .product-switch a { display:inline-flex; align-items:center; min-height:36px; border-bottom:2px solid transparent; color:#64748b; font-size:12px; font-weight:600; white-space:nowrap; }
.site-header .product-switch a[aria-current] { color:#2f64ff; border-bottom-color:#2f64ff; }
.site-header .product-switch a:hover { color:#2f64ff; }
.site-header .product-switch a:focus-visible { outline:2px solid #2f64ff; outline-offset:-2px; }
section[id],main[id] { scroll-margin-top:128px; }
.site-header .header-inner { display:grid; grid-template-columns:auto minmax(0,1fr) auto; column-gap:24px; }
.site-header .view-tabs { position:static; margin:0; transform:none; justify-self:center; }
.site-header .header-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; white-space:nowrap; }
.site-header .header-actions .button { min-height:40px; padding:9px 17px; font-size:13px; gap:0; }
.site-header .header-try { border-color:#dbe3ef; color:#425370; background:#fff; }
.site-header .header-try:hover { background:#f7f9fc; }
@media(max-width:900px) {
  .site-header .header-inner { grid-template-columns:minmax(0,1fr) auto; height:auto; min-height:104px; padding-top:12px; column-gap:12px; row-gap:4px; }
  .site-header .site-brand { grid-column:1; grid-row:1; justify-self:start; }
  .site-header .header-actions { grid-column:2; grid-row:1; }
  .site-header .view-tabs { grid-column:1/-1; grid-row:2; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; min-height:44px; gap:0; }
  .site-header .view-tab { min-height:44px; }
  .site-header .view-tab.active:after { bottom:0; left:14px; right:14px; }
  section[id],main[id] { scroll-margin-top:152px; }
}
@media(max-width:600px) {
  .site-header .product-switch > div { gap:20px; }
  .site-header .brand-mark { font-size:14px; gap:6px; }
  .site-header .brand-mark img { width:26px; height:26px; }
  .site-header .header-actions { gap:6px; }
  .site-header .header-actions .button { min-height:36px; padding:8px 10px; font-size:12px; }
}
@media(max-width:359px) {
  .site-header .product-switch > div { padding-left:16px; padding-right:16px; }
  .site-header .header-inner { padding-left:16px; padding-right:16px; column-gap:8px; }
  .site-header .header-actions .button { padding:8px; font-size:11px; }
}