/* ENTIA audience surfaces — shared brand alignment.
   Visual-only layer: no copy, SEO metadata, forms or behavior. */
:root{
  --entia-brand-bg:#03030A;
  --entia-brand-surface:#08081A;
  --entia-brand-surface-2:#0B0D18;
  --entia-brand-blue:#3B82F6;
  --entia-brand-blue-2:#60A5FA;
  --entia-brand-fg:#F0F0F8;
  --entia-brand-body:#A0A0C0;
  --entia-brand-muted:#5A5A72;
  --entia-brand-border:rgba(255,255,255,.09);
  --entia-brand-border-blue:rgba(59,130,246,.28);
}
body[data-entia-audience]{
  background:
    radial-gradient(ellipse 80% 42% at 50% -8%,rgba(59,130,246,.10),transparent 68%),
    var(--entia-brand-bg)!important;
  color:var(--entia-brand-body)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  padding-top:68px!important;
}
body[data-entia-audience]::before{
  content:"";position:fixed;inset:68px 0 auto;height:1px;z-index:80;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(59,130,246,.55),transparent);
  box-shadow:0 0 22px rgba(59,130,246,.22);
}
body[data-entia-audience] [style*="DM Serif Display"],
body[data-entia-audience] h1,
body[data-entia-audience] h2,
body[data-entia-audience] h3,
body[data-entia-audience] .hero h1,
body[data-entia-audience] .sh,
body[data-entia-audience] .s-title,
body[data-entia-audience] .ch-title,
body[data-entia-audience] .bridge-left h2,
body[data-entia-audience] .aware-left h2,
body[data-entia-audience] .prod h3,
body[data-entia-audience] .tool-title,
body[data-entia-audience] .cta-left h2,
body[data-entia-audience] .cta-form-title,
body[data-entia-audience] .cf-title,
body[data-entia-audience] .cta-h2{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-style:normal!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
body[data-entia-audience] .hero h1,
body[data-entia-audience] #heroH1{
  color:var(--entia-brand-fg)!important;
  text-wrap:balance;
}
body[data-entia-audience] .hero h1 .accent,
body[data-entia-audience] .hero h1 em,
body[data-entia-audience] #heroH1 em,
body[data-entia-audience] .sh em,
body[data-entia-audience] .s-title em,
body[data-entia-audience] .cta-h2 em,
body[data-entia-audience] .cta-left h2 em{
  color:var(--entia-brand-blue-2)!important;
  font-style:normal!important;
}
body[data-entia-audience] .hero-kicker,
body[data-entia-audience] .s-label,
body[data-entia-audience] .eye,
body[data-entia-audience] .cta-eye,
body[data-entia-audience] .sb-title,
body[data-entia-audience] .sidebar-label,
body[data-entia-audience] .bridge-eyebrow,
body[data-entia-audience] .aware-badge,
body[data-entia-audience] .tool-tag,
body[data-entia-audience] .prod-tag,
body[data-entia-audience] .n-tag,
body[data-entia-audience] .i-label,
body[data-entia-audience] .mo-tag,
body[data-entia-audience] .modal-tag{
  color:var(--entia-brand-blue-2)!important;
}
body[data-entia-audience] .hero-kicker::before,
body[data-entia-audience] .s-label::before,
body[data-entia-audience] .eye::before,
body[data-entia-audience] .ticker span::before{
  background:var(--entia-brand-blue)!important;
}
body[data-entia-audience] .intel-bar,
body[data-entia-audience] .switcher{
  background:rgba(59,130,246,.045)!important;
  border-color:var(--entia-brand-border-blue)!important;
}
body[data-entia-audience] .btn-r,
body[data-entia-audience] .btn-p,
body[data-entia-audience] .cta-btn,
body[data-entia-audience] .form-submit,
body[data-entia-audience] .fs,
body[data-entia-audience] .n-cta{
  background:var(--entia-brand-blue)!important;
  color:#fff!important;
  border:1px solid rgba(96,165,250,.24)!important;
  box-shadow:0 0 0 1px rgba(59,130,246,.12),0 8px 28px rgba(59,130,246,.16)!important;
}
body[data-entia-audience] .btn-r:hover,
body[data-entia-audience] .btn-p:hover,
body[data-entia-audience] .cta-btn:hover,
body[data-entia-audience] .form-submit:hover,
body[data-entia-audience] .fs:hover,
body[data-entia-audience] .n-cta:hover{
  background:#2563EB!important;
  box-shadow:0 0 0 1px rgba(59,130,246,.3),0 12px 36px rgba(59,130,246,.26)!important;
}
body[data-entia-audience] .form-input,
body[data-entia-audience] .fi,
body[data-entia-audience] input,
body[data-entia-audience] select,
body[data-entia-audience] textarea{
  background:rgba(255,255,255,.025)!important;
  border-color:var(--entia-brand-border)!important;
}
body[data-entia-audience] .form-input:focus,
body[data-entia-audience] .fi:focus,
body[data-entia-audience] input:focus,
body[data-entia-audience] select:focus,
body[data-entia-audience] textarea:focus{
  border-color:var(--entia-brand-border-blue)!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.07)!important;
}
body[data-entia-audience] .stat-card,
body[data-entia-audience] .rc,
body[data-entia-audience] .mc,
body[data-entia-audience] .kc,
body[data-entia-audience] .tool,
body[data-entia-audience] .prod,
body[data-entia-audience] .aware-card,
body[data-entia-audience] .cta-form,
body[data-entia-audience] .bridge-right{
  border-color:var(--entia-brand-border)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012))!important;
}
body[data-entia-audience="advertisers"] .n-tag,
body[data-entia-audience="advertisers"] .i-label,
body[data-entia-audience="advertisers"] .sb-title,
body[data-entia-audience="advertisers"] .sc-s,
body[data-entia-audience="advertisers"] .mo-tag{
  color:var(--entia-brand-blue-2)!important;
  border-color:var(--entia-brand-border-blue)!important;
  background:rgba(59,130,246,.06)!important;
}
/* Red remains only where it communicates an actual negative/risk state. */
body[data-entia-audience] .bad,
body[data-entia-audience] .hi,
body[data-entia-audience] .cr-side.left,
body[data-entia-audience] .rc.own{
  --brand-semantic-negative:#EF4444;
}
@media(max-width:760px){
  body[data-entia-audience]{padding-top:64px!important}
  body[data-entia-audience]::before{top:64px}
}