[data-ui-foundation="withawai-2.0.0"] {
  --product-accent: #193c30;
  --product-accent-hover: #285141;
  --product-canvas: #f7f4ec;
  --product-surface: #ffffff;
  --product-font: var(--ui-font-sans);
  --navy: var(--product-accent);
  --navy-2: var(--product-accent-hover);
  --blue: var(--product-accent);
  --blue-soft: #e8f0eb;
  --ink: var(--ui-text);
  --muted: var(--ui-muted);
  font-family: var(--ui-font-sans);
  font-size: 16px;
}
.ui-google-button { flex: none; text-decoration: none; }
.hero-actions .ui-google-button,.final-cta .ui-google-button { min-height: 50px; }
.ui-signature { padding: 36px max(24px,calc((100vw - 1180px)/2)); background: var(--ui-bg); }
.ui-signature p { margin: 8px 0; }
.ui-signature .ui-wordmark { color: var(--ui-gold); }
.site-header nav a { display: inline-flex; align-items: center; min-height: 44px; }
.problem-grid p,.role-card p:last-child,.feature-grid p,.account-flow span { font-size: 16px; }
.legal-page { max-width: 820px; margin: 0 auto; padding: 32px 24px; line-height: 1.9; }
.legal-page h1 { margin-block: 28px; font-size: clamp(26px,4vw,38px); }
.legal-page h2 { margin-top: 36px; font-size: 22px; }
.legal-page .ui-signature { padding: 24px 0; margin-top: 32px; }
@media(max-width:620px) {
  .site-header { gap: 12px; padding-inline: 16px; }
  .site-header .brand-copy strong { font-size: 18px; }
  .site-header .brand-copy small { display: none; }
  .site-header .brand-mark { display: none; }
  .site-header .ui-google-button { padding-inline: 10px; gap: 8px; }
  .hero-actions { flex-wrap: wrap; }
}
.product-footer small { color: #d3e0f3; }
@media(max-width:620px){.hero h1{font-size:clamp(28px,8.3vw,40px);line-height:1.55}.hero h1 span{display:block;white-space:nowrap}.hero h1 br{display:none}}

/* Preserve the approved transparent logo on the existing public header. */
.site-header .brand { min-width: 0; background: #fff; border-radius: 8px; padding: 4px 8px; }
.approved-product-logo { display: block; width: 224px; max-width: 100%; height: auto; object-fit: contain; }
@media (max-width: 760px) { .site-header .brand { flex: 0 1 160px; padding: 2px 4px; } }