/* v1.1: match the reference's navy hero, gold highlights and light content sections. */
body.tpn-unified #hcp-top .hero,
body.tpn-unified.pccp-landing .hero {
  box-sizing:border-box;width:100%;max-width:none;margin:0;
  padding-left:max(22px,calc((100% - 1160px)/2));
  padding-right:max(22px,calc((100% - 1160px)/2));
  padding-top:80px;padding-bottom:72px;
  background:radial-gradient(circle at 78% 25%,rgba(201,154,50,.12),transparent 27%),linear-gradient(120deg,#07101f 0%,#0b1426 56%,#111c31 100%);
  color:#fff;
}
body.tpn-unified #hcp-top .hero h1,
body.tpn-unified.pccp-landing .hero h1 {
  color:#fff;font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-1.4px;
}
body.tpn-unified #hcp-top .hero em,
body.tpn-unified.pccp-landing .hero h1 span {color:#d5a944!important;font-style:normal}
body.tpn-unified #hcp-top .hero :is(.eyebrow,.showbottom b),
body.tpn-unified.pccp-landing .hero .eyebrow{color:#d5a944!important}
body.tpn-unified #hcp-top .hero :is(.lead,.subnote,.showtop,.demo),
body.tpn-unified.pccp-landing .hero :is(.intro,.device-line,.demo-note){color:#c8d0dc}
body.tpn-unified #hcp-top .hero .textlink,
body.tpn-unified.pccp-landing .hero .textlink{color:#fff}
body.tpn-unified #hcp-top .showcase{background:#172742;border-color:#c99a3259;color:#fff}
body.tpn-unified #hcp-top .showcase .circle{color:#d5a944;border-color:#c99a32}
/* Dark full-width bands, as on the reference page. */
body.tpn-unified #hcp-top .crmsection,
body.tpn-unified.pccp-landing .estimate-section {
  background:linear-gradient(120deg,#07101f,#0b1426 56%,#111c31)!important;
  color:#fff;border-color:#263550!important;
}
body.tpn-unified #hcp-top .crmsection :is(h2,h3),
body.tpn-unified.pccp-landing .estimate-section :is(h2,h3,li,.textlink){color:#fff}
body.tpn-unified #hcp-top .crmsection :is(em,.eyebrow,.features article>span),
body.tpn-unified.pccp-landing .estimate-section :is(h2 span,.eyebrow){color:#d5a944!important}
body.tpn-unified #hcp-top .crmsection :is(.lead,.features p),
body.tpn-unified.pccp-landing .estimate-section .split>div>p{color:#c8d0dc}
body.tpn-unified #hcp-top .crmsection .features article{border-color:#ffffff26}
body.tpn-unified #hcp-top .strip,
body.tpn-unified.pccp-landing .benefit-strip{background:#172742;color:#fff;border-color:#263550}
body.tpn-unified #hcp-top .strip>span{color:#c8d0dc}
body.tpn-unified #hcp-top .strip i,
body.tpn-unified.pccp-landing .benefit-strip>span{color:#d5a944}
/* Keep the existing light form and demonstration documents legible. */
body.tpn-unified #hcp-top .contact{background:#eef1f6;border-color:#dde2eb}
body.tpn-unified #hcp-top .footer,
body.tpn-unified.pccp-landing footer.wrap {
  box-sizing:border-box;width:100%;max-width:none;background:#0b1426;color:#fff;
  padding-left:max(22px,calc((100% - 1160px)/2));padding-right:max(22px,calc((100% - 1160px)/2));
  border-color:#263550;
}
body.tpn-unified #hcp-top .footer :is(p,a),
body.tpn-unified.pccp-landing footer :is(p,a,.brand){color:#c8d0dc}
body.tpn-unified.pccp-landing footer .designer-credit a{color:#d5a944!important}
/* Readable copy on the CRM navy band and light explanation card. */
body.tpn-unified.pccp-landing .benefit-strip,
body.tpn-unified.pccp-landing .benefit-strip :is(div,p,span){color:#f1f5f9!important}
body.tpn-unified.pccp-landing .crm-explainer-inner{border-left-color:#c99a32!important}
body.tpn-unified.pccp-landing .crm-explainer p{color:#475467!important}
body.tpn-unified.pccp-landing .crm-explainer .crm-simple strong{color:#0b1426!important;font-weight:600}
body.tpn-unified.pccp-landing .hero :is(.intro,.device-line,.demo-note){color:#c8d0dc!important}
@media(max-width:760px){
 body.tpn-unified #hcp-top .hero,body.tpn-unified.pccp-landing .hero{padding-top:48px;padding-bottom:48px}
}