/* DOMINA 32069: shared identity, September 2026. */
:root {
  --brand-navy: #062665;
  --brand-blue: #0b78fa;
  --brand-green: #00c892;
  --blue: #0866d9;
}
.logo, .brand, .site-head .brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--brand-navy);
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.1;
  font-size: 21px;
  font-weight: 850;
  letter-spacing: -.5px;
}
.logo .brand-symbol, .brand .brand-symbol {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  object-fit: contain;
  border-radius: 50%;
}
.logo .brand-name, .logo .brand-name b, .brand .brand-name, .brand .brand-name b {
  color: var(--brand-navy);
  font-weight: inherit;
}
.logo.promo-brand, .logo.promo-brand .brand-name, .logo.promo-brand .brand-name b {
  color: #fff;
  font-size: 17px;
}
.promo-brand .brand-symbol { width: 32px; height: 32px; flex-basis: 32px; }
html .primary { background: #0866d9; border-color: #0866d9; }
html .primary:hover { background: #062665; border-color: #062665; }
html .blue { color: #0866d9; }
html .p1 { background: #0b78fa; }
html .p2 { background: #008d68; }
html .p3 { background: #062665; }
html .hero:before { background: radial-gradient(circle at 20% 20%,#0b78fa16,transparent 35%),radial-gradient(circle at 80% 70%,#00c89212,transparent 38%); }
html .plans-section, html .pay-simple, html .demo-callout { background: linear-gradient(135deg,#f3f8ff,#effaf7); }
html .promo-cover { background: radial-gradient(ellipse at 105% 24%,#0b78fa55,transparent 72%),linear-gradient(155deg,#062665,#071b40); }
html .promo-poster-title em { color: #00e5ad; }
.site-head + main .hero { background: radial-gradient(circle at 15% 15%,#eaf2ff,transparent 34%),radial-gradient(circle at 85% 25%,#e6faf4,transparent 32%),#fff; }
@media (max-width: 760px) { header .account-status { display: none; } html .hero-video { max-width: 280px; } html .promo-poster-title { font-size: 2rem; } }
@media (max-width: 520px) {
  .logo, .brand, .site-head .brand { font-size: 17px; gap: 6px; }
  .logo .brand-symbol, .brand .brand-symbol { width: 32px; height: 32px; flex-basis: 32px; }
  .head { gap: 8px; }
}