:root { --navy: var(--g2l-navy); --blue: var(--g2l-blue); --cyan: var(--g2l-cyan); --ink: var(--g2l-ink); --muted: var(--g2l-muted); --line: var(--g2l-line); --off: var(--g2l-surface); --radius: var(--g2l-radius); }
:root { --g2l-navy: #0b2d5b; --g2l-blue: #2563eb; --g2l-cyan: #06b6d4; }
body { font-family: var(--g2l-font); }
.hero-product-logo { display: block; width: min(360px, 100%); height: auto; margin-bottom: 20px; }
.brand img.product-wordmark { width: 156px; height: auto; object-fit: contain; }
.header-inner { height: 84px; }
.brand img { width: 130px; }
.button { border-radius: 10px; }
.button.primary, nav .account { background: var(--g2l-blue); color: white; border-color: var(--g2l-blue); }
.button.primary:hover, nav .account:hover { background: var(--g2l-blue-hover); color: white; }
.g2l-products .g2l-product-menu a { color: var(--g2l-ink); }
@media (max-width: 1000px) { nav { gap: 16px; } .brand { gap: 12px; } }
@media (max-width: 720px) {
  .brand img.product-wordmark, .brand-divider { display: none; }
  .header-inner { height: 76px; } .header nav { top: 76px; max-height: calc(100dvh - 76px); overflow-y: auto; }
  .header .g2l-product-menu { position: static; width: 100%; max-width: none; box-shadow: none; margin-top: 8px; }
  .brand img { width: 120px; }
}