/* =====================================================================
   INVESTOR PORTAL PRO · Harbor theme (cyan & white, navy frame)
   Chosen 2026-11-05 from three reviewed directions. Brand cyan #50C9BE,
   deep cyan #1F7A72 for links and small text (5.1:1 on white), navy #0A2233.
   Loaded last in <head> on every page, so it overrides IPP77.css and the
   page-local <style> blocks. Colour rules use !important on purpose for the
   same reason. Generated from the approved preview: edit the tokens in the
   first two blocks to retune colours site-wide.
   ===================================================================== */
/* ---------- 1. Tokens ---------- */
html:root{--t-accent-deep:#1F7A72;   /* text/links on white: 5.1:1 */
  --t-accent-deeper:#155F59;
  --t-err:#B42318;}
/* B · Harbor — deep navy frame, crisp Inter, cyan buttons, soft shadows */
html:root{--t-accent:#50C9BE;
  --t-bg:#FFFFFF; --t-bg-alt:#F3F6F9; --t-surface:#FFFFFF; --t-input:#FFFFFF;
  --t-ink:#0A2233; --t-text:#3A4B58; --t-muted:#5F7180; --t-faint:#97A6B1;
  --t-rule:#E2E8EE; --t-rule-2:#C9D4DD;
  --t-soft:#EAF6F5; --t-on-accent:#0A2233;
  --t-btn-bg:var(--t-accent); --t-btn-fg:#0A2233; --t-btn-hover:#7FDAD2;
  --t-alt-bg:#0A2233; --t-alt-fg:#FFFFFF; --t-alt-border:transparent;
  --t-nav-bg:#0A2233; --t-nav-fg:#FFFFFF; --t-nav-muted:#B9C8D3; --t-nav-border:#173A50; --t-nav-hover:rgba(255,255,255,.07); --t-nav-drop:#0D2A3E; --t-nav-accent:var(--t-accent);
  --t-sub-bg:#0D2A3E; --t-sub-fg:#B9C8D3;
  --t-cta-bg:transparent; --t-cta-fg:#FFFFFF; --t-cta-border:rgba(255,255,255,.28);
  --t-signup-bg:var(--t-accent); --t-signup-fg:#0A2233;
  --t-dark:#0A2233; --t-on-dark:#FFFFFF; --t-on-dark-muted:#AFC0CC;
  --t-hero-bg:#0A2233; --t-hero-fg:#FFFFFF; --t-hero-text:#C3D1DB; --t-hero-line:rgba(255,255,255,.16); --t-hero-chip:rgba(255,255,255,.05);
  --t-hero-btn-bg:var(--t-accent); --t-hero-btn-fg:#0A2233; --t-hero-alt-bg:transparent; --t-hero-alt-fg:#FFFFFF; --t-hero-alt-border:rgba(255,255,255,.4); --t-hero-eyebrow:var(--t-accent);
  --t-panel-bg:#0A2233; --t-panel-fg:#FFFFFF; --t-panel-line:rgba(255,255,255,.22);
  --t-answer-bg:rgba(255,255,255,.06); --t-answer-fg:#D3DEE6; --t-answer-strong:#FFFFFF; --t-answer-label:var(--t-accent); --t-answer-line:rgba(255,255,255,.14);
  --t-tab-on-bg:var(--t-accent); --t-tab-on-fg:#0A2233;
  --t-band-bg:#0A2233; --t-band-fg:#FFFFFF; --t-star:var(--t-accent-deep);
  --t-bar-bg:rgba(10,34,51,.97); --t-bar-fg:#D3DEE6; --t-bar-line:#173A50; --t-bar-icon:var(--t-accent);
  --t-foot-bg:#071A28; --t-foot-fg:#93A6B4; --t-foot-head:var(--t-accent); --t-foot-link:#C9D6DF; --t-foot-line:#15324A;
  --t-head:"Inter","Helvetica Neue",Arial,sans-serif; --t-head-w:600; --t-head-track:-.022em;
  --t-body:"Inter","Helvetica Neue",Arial,sans-serif; --t-ui:"Inter","Helvetica Neue",Arial,sans-serif;
  --t-radius:8px; --t-radius-lg:12px; --t-shadow:0 1px 2px rgba(10,34,51,.05),0 10px 28px -10px rgba(10,34,51,.14);
  --t-shot-shadow:0 2px 6px rgba(10,34,51,.08),0 24px 48px -16px rgba(10,34,51,.35);}
/* ---------- 2. Shared chrome: nav, sub-nav, breadcrumb, search, footer ---------- */
html:root .skip-nav{background:var(--t-ink)!important;color:#fff!important}
html:root .ipp-nav{background:var(--t-nav-bg)!important;border-bottom:1px solid var(--t-nav-border)!important;font-family:var(--t-ui)!important;
  --nav-bg:var(--t-nav-bg);--nav-text:var(--t-nav-muted);--nav-hover:var(--t-nav-fg);--nav-accent:var(--t-nav-accent);--nav-drop-bg:var(--t-nav-drop);
  --nav-drop-border:var(--t-nav-border);--nav-link-hover-bg:var(--t-nav-hover);--focus-ring:0 0 0 3px rgba(31,122,114,.45)}
html:root .ipp-nav__brand,html:root .ipp-nav__brand span{color:var(--t-nav-fg)!important;letter-spacing:.04em}
html:root .ipp-menu>li>a,html:root .ipp-menu>li>span,html:root .ipp-menu>li>button{color:var(--t-nav-muted)!important}
html:root .ipp-menu>li:hover>a,html:root .ipp-menu>li:hover>span,html:root .ipp-menu>li>a:hover,html:root .ipp-menu>li>span:hover{color:var(--t-nav-fg)!important;background:var(--t-nav-hover)!important}
html:root .ipp-mega{background:var(--t-nav-drop)!important;border-color:var(--t-nav-border)!important;box-shadow:0 24px 60px -12px rgba(10,30,40,.28)!important}
html:root .ipp-mega__title{color:var(--t-nav-accent)!important;border-bottom-color:var(--t-nav-border)!important}
html:root .ipp-mega__list li a{color:var(--t-nav-muted)!important}
html:root .ipp-mega__list li a:hover{color:var(--t-nav-fg)!important;background:var(--t-nav-hover)!important}
html:root .ipp-mega__list li a small{color:var(--t-faint)!important}
html:root .ipp-nav__cta{background:var(--t-cta-bg)!important;border:1px solid var(--t-cta-border)!important;color:var(--t-cta-fg)!important;border-radius:var(--t-radius)!important}
html:root .ipp-nav__cta:hover{border-color:var(--t-nav-fg)!important;background:var(--t-nav-hover)!important}
html:root .ipp-nav__login{background:var(--t-signup-bg)!important;color:var(--t-signup-fg)!important;border-radius:var(--t-radius)!important}
html:root .ipp-nav__login:hover{filter:brightness(1.08)}
html:root .ipp-nav__toggle,html:root .ipp-nav__search{color:var(--t-nav-fg)!important}
html:root .ipp-header-search__button{background:var(--t-nav-bg)!important;color:var(--t-nav-fg)!important;border-color:var(--t-nav-border)!important;border-radius:var(--t-radius)!important}
html:root .ipp-header-search__input{background:var(--t-nav-drop)!important;color:var(--t-nav-fg)!important}
html:root .ipp-header-search__input::placeholder{color:var(--t-faint)!important}
html:root .ipp-nav-sub{background:var(--t-sub-bg)!important;border-bottom:1px solid var(--t-nav-border)!important;font-family:var(--t-ui)!important}
html:root .ipp-nav-sub a{color:var(--t-sub-fg)!important}
html:root .ipp-nav-sub a:hover,html:root .ipp-nav-sub a:focus{color:var(--t-nav-fg)!important;background:var(--t-nav-hover)!important}
html:root .ipp-breadcrumb-bar{background:var(--t-bg)!important;border-bottom:1px solid var(--t-rule)!important}
html:root .ipp-breadcrumb{color:var(--t-muted)!important;font-family:var(--t-ui)!important}
html:root .ipp-breadcrumb a{color:var(--t-accent-deep)!important}
html:root .ipp-breadcrumb .sep{color:var(--t-faint)!important}
@media (max-width:991px){
  html:root .ipp-menu{background:var(--t-nav-bg)!important;border-top-color:var(--t-nav-border)!important}
  html:root .ipp-mega{background:var(--t-nav-drop)!important}
}
html:root .ipp-footer{background:var(--t-foot-bg)!important;color:var(--t-foot-fg)!important;font-family:var(--t-ui)!important}
html:root .ipp-footer::before{background:var(--t-accent)!important;height:2px!important}
html:root .ipp-footer h5{color:var(--t-foot-head)!important;border-bottom-color:var(--t-foot-line)!important;font-family:var(--t-ui)!important}
html:root .ipp-footer a{color:var(--t-foot-link)!important}
html:root .ipp-footer a:hover{color:var(--t-accent-deep)!important}
html:root .ipp-footer a:hover{color:var(--t-accent)!important}
html:root .ipp-footer p,html:root .ipp-footer__bottom{color:var(--t-foot-fg)!important}
html:root .ipp-footer__copyright{border-top-color:var(--t-foot-line)!important;color:var(--t-foot-fg)!important}
html:root .ipp-footer .fa-building,html:root .ipp-footer .fa-envelope,html:root .ipp-footer .fa-globe,html:root .ipp-footer i{color:var(--t-foot-head)!important}
html:root .ipp-footer__bottom{background:var(--t-foot-bg)!important;border-top:1px solid var(--t-foot-line)!important}
html:root .ipp-footer__bottom a{color:var(--t-foot-head)!important}
/* IPP77 paints every <em> as a red label; the new looks drop that */
html:root em{background:none!important;color:inherit;padding:0!important}
/* Legacy Bootstrap buttons that IPP77 forced to orange */
html:root .btn-info,html:root .btn-embossed.btn-inverse,html:root a.btn.btn-embossed.btn-inverse{background-color:var(--t-accent-deep)!important;border-color:var(--t-accent-deeper)!important;color:#fff!important}
html:root .mybutton_standard,html:root .mybutton_standard2{border-color:var(--t-accent)!important;background:transparent!important}
html:root [style*="color:#ff8100"],html:root [style*="color: #ff8100"]{color:var(--t-accent-deep)!important}
/* ---------- 3. Page bodies we convert ---------- */
html:root body:has(.cir-section),html:root body:has(.hp){background:var(--t-bg)!important;color:var(--t-text)!important}
html:root body:has(.cir-section) #main-content,html:root body:has(.cir-section) main{font-family:var(--t-body)}
/* ---------- 4. cir- design system (solutions, compare, guides: 160 pages) ---------- */
html:root .cir-section{border-top:1px solid var(--t-rule)!important}
html:root .cir-tone-a{background:var(--t-bg)!important}
html:root .cir-tone-b{background:var(--t-bg-alt)!important}
html:root .cir-h1,html:root .cir-h2{font-family:var(--t-head)!important;font-weight:var(--t-head-w)!important;letter-spacing:var(--t-head-track)!important;color:var(--t-ink)!important}
html:root .cir-h1{line-height:1.08!important}
html:root .cir-h3{font-family:var(--t-ui)!important;color:var(--t-ink)!important;font-weight:600!important}
html:root .cir-lead,html:root .cir-hero__def{color:var(--t-text)!important;font-family:var(--t-body)!important}
html:root .cir-hero__def strong,html:root .cir-section strong{color:var(--t-ink)!important}
html:root .cir-small{color:var(--t-muted)!important}
html:root .cir-eyebrow,html:root .cir-eyebrow--blue{color:var(--t-accent-deep)!important;font-family:var(--t-ui)!important;letter-spacing:.14em!important}
html:root .cir-section a:not(.cir-btn):not(.cir-card-btn):not(.cir-rel__card):not(.cir-link):not(.cir-jump a){color:var(--t-accent-deep)!important;text-decoration-color:rgba(31,122,114,.35)}
html:root .cir-section a:not(.cir-btn):not(.cir-card-btn):not(.cir-rel__card):not(.cir-link):not(.cir-jump a):hover{color:var(--t-accent-deeper)!important;text-decoration:underline}
/* Buttons */
html:root .cir-btn{border-radius:var(--t-radius)!important;font-family:var(--t-ui)!important;letter-spacing:.01em}
html:root .cir-btn--primary,html:root .cir-contact__submit{background:var(--t-btn-bg)!important;color:var(--t-btn-fg)!important;border-color:var(--t-btn-bg)!important}
html:root .cir-btn--primary:hover,html:root .cir-contact__submit:hover{background:var(--t-btn-hover)!important;border-color:var(--t-btn-hover)!important}
html:root .cir-btn--demo{background:var(--t-alt-bg)!important;color:var(--t-alt-fg)!important;border:1px solid var(--t-alt-border)!important}
html:root .cir-btn--demo:hover{filter:brightness(1.06)}
html:root .cir-btn--ghost{background:transparent!important;border-color:var(--t-rule-2)!important;color:var(--t-ink)!important}
html:root .cir-btn--ghost:hover{border-color:var(--t-ink)!important}
html:root .cir-link{color:var(--t-ink)!important;font-family:var(--t-ui)!important}
html:root .cir-link:hover{color:var(--t-accent-deep)!important}
/* Hero */
html:root .cir-hero{background:var(--t-hero-bg)!important;background-image:none!important;border-top:0!important}
html:root .cir-hero{background-image:radial-gradient(ellipse 900px 520px at 88% 0%,rgba(80,201,190,.20),transparent 62%),radial-gradient(ellipse 700px 420px at 0% 100%,rgba(80,201,190,.08),transparent 60%)!important}
html:root .cir-hero .cir-h1{color:var(--t-hero-fg)!important}
html:root .cir-hero .cir-hero__def,html:root .cir-hero .cir-lead{color:var(--t-hero-text)!important}
html:root .cir-hero .cir-hero__def strong{color:var(--t-hero-fg)!important}
html:root .cir-hero .cir-eyebrow{color:var(--t-hero-eyebrow)!important}
html:root .cir-hero__kicker{border:1px solid var(--t-hero-line)!important;background:var(--t-hero-chip)!important;color:var(--t-hero-fg)!important;border-radius:999px!important;font-family:var(--t-ui)!important}
html:root .cir-hero__kicker i{color:var(--t-hero-eyebrow)!important}
html:root .cir-hero .cir-btn--primary{background:var(--t-hero-btn-bg)!important;color:var(--t-hero-btn-fg)!important;border-color:var(--t-hero-btn-bg)!important}
html:root .cir-hero .cir-btn--demo{background:var(--t-hero-alt-bg)!important;color:var(--t-hero-alt-fg)!important;border-color:var(--t-hero-alt-border)!important}
html:root .cir-hero .cir-btn--ghost,html:root .cir-hero .cir-link{border-color:var(--t-hero-line)!important;color:var(--t-hero-fg)!important}
html:root .cir-hero .cir-jump a{background:var(--t-hero-chip)!important;border-color:var(--t-hero-line)!important;color:var(--t-hero-fg)!important}
html:root .cir-hero .cir-jump a:hover{border-color:var(--t-hero-fg)!important}
html:root .cir-hero a:not(.cir-btn):not(.cir-link):not(.cir-jump a){color:var(--t-hero-fg)!important;text-decoration:underline}
/* Product screenshots: crisp frame instead of the glow-and-fade mask */
html:root .cir-shot{-webkit-mask-image:none!important;mask-image:none!important;filter:none!important;border-radius:var(--t-radius-lg)!important;box-shadow:var(--t-shot-shadow)!important}
html:root .cir-tour__item img{border-radius:var(--t-radius-lg);box-shadow:var(--t-shot-shadow)}
html:root .cir-tour__item figcaption strong{color:var(--t-ink)!important;font-family:var(--t-ui)!important}
html:root .cir-tour__item figcaption span{color:var(--t-muted)!important}
/* Chips */
html:root .cir-jump a{text-decoration:none!important;background:var(--t-surface)!important;border:1px solid var(--t-rule-2)!important;color:var(--t-text)!important;font-family:var(--t-ui)!important}
html:root .cir-jump a:hover{border-color:var(--t-ink)!important;color:var(--t-ink)!important}
/* Cards */
html:root .cir-card{background:var(--t-surface)!important;border:1px solid var(--t-rule)!important;border-radius:var(--t-radius-lg)!important;box-shadow:var(--t-shadow)}
html:root .cir-card:hover{border-color:var(--t-rule-2)!important}
html:root .cir-card i.cir-card__icon,html:root .cir-card--blue i.cir-card__icon{color:var(--t-accent-deep)!important}
html:root .cir-card p{color:var(--t-muted)!important}
html:root .cir-card--raised{border-top:3px solid var(--t-accent)!important}
/* Dark band (full-bleed highlight) — kept dark on purpose as the one contrast moment */
html:root .cir-bleed{background-color:var(--t-dark)!important;border-top:0!important}
html:root .cir-bleed__scrim{background:linear-gradient(90deg,var(--t-dark) 0%,var(--t-dark) 34%,rgba(14,27,31,.82) 55%,rgba(14,27,31,.4) 75%,rgba(14,27,31,.08) 100%)!important}
html:root .cir-bleed__scrim{background:linear-gradient(90deg,#0A2233 0%,#0A2233 34%,rgba(10,34,51,.82) 55%,rgba(10,34,51,.4) 75%,rgba(10,34,51,.08) 100%)!important}
html:root .cir-bleed .cir-h2,html:root .cir-bleed .cir-h3{color:var(--t-on-dark)!important}
html:root .cir-bleed .cir-lead,html:root .cir-bleed p{color:var(--t-on-dark-muted)!important}
html:root .cir-bleed .cir-eyebrow{color:var(--t-accent)!important}
html:root .cir-bleed .cir-btn--primary,html:root .cir-bleed .cir-btn--demo{background:var(--t-accent)!important;color:var(--t-on-accent)!important;border-color:var(--t-accent)!important}
html:root .cir-bleed .cir-link,html:root .cir-bleed .cir-btn--ghost{color:var(--t-on-dark)!important;border-color:rgba(255,255,255,.3)!important}
@media (max-width:767px){
  html:root .cir-bleed__scrim{background:rgba(10,34,51,.92)!important}
}
/* Feature list */
html:root .cir-feat li{border-bottom-color:var(--t-rule)!important}
html:root .cir-feat__t{color:var(--t-ink)!important;font-family:var(--t-ui)!important}
html:root .cir-feat__t i{color:var(--t-accent-deep)!important}
html:root .cir-feat p{color:var(--t-muted)!important}
/* FAQ */
html:root .cir-faq__list,html:root .cir-faq__item{border-color:var(--t-rule)!important}
html:root .cir-faq__item summary{color:var(--t-ink)!important;font-family:var(--t-ui)!important}
html:root .cir-faq__item summary::after{color:var(--t-accent-deep)!important}
html:root .cir-faq__item summary:hover{color:var(--t-accent-deep)!important}
html:root .cir-faq__a{color:var(--t-text)!important}
/* Footnotes */
html:root .cir-fn li{color:var(--t-muted)!important}
html:root .cir-fn li:target{color:var(--t-ink)!important}
html:root sup.cir-sup a{color:var(--t-accent-deep)!important}
/* Contact card */
html:root .cir-contact__card{background:var(--t-surface)!important;border:1px solid var(--t-rule)!important;border-radius:var(--t-radius-lg)!important;box-shadow:var(--t-shadow)}
html:root .cir-contact__card-title{color:var(--t-ink)!important;font-family:var(--t-ui)!important}
html:root .cir-contact__field label{color:var(--t-muted)!important;font-family:var(--t-ui)!important}
html:root .cir-contact__field input,html:root .cir-contact__field select,html:root .cir-contact__field textarea{background:var(--t-input)!important;border:1px solid var(--t-rule-2)!important;color:var(--t-ink)!important;border-radius:var(--t-radius)!important}
html:root .cir-contact__field input::placeholder{color:var(--t-faint)!important}
html:root .cir-contact__field input:focus{border-color:var(--t-accent-deep)!important;box-shadow:0 0 0 3px rgba(80,201,190,.28)!important}
html:root .cir-contact__secure{color:var(--t-muted)!important}
html:root .cir-contact__submit{border-radius:var(--t-radius)!important}
html:root .cir-contact__thanks i{color:var(--t-accent-deep)!important}
html:root .cir-contact__thanks h4{color:var(--t-ink)!important}
html:root .cir-contact__thanks p{color:var(--t-text)!important}
/* Related solutions */
html:root a.cir-rel__card{background:var(--t-surface)!important;border:1px solid var(--t-rule)!important;border-left:3px solid var(--t-accent)!important;border-radius:var(--t-radius-lg)!important;box-shadow:var(--t-shadow)}
html:root a.cir-rel__card:hover{background:var(--t-soft)!important;border-color:var(--t-rule-2)!important;border-left-color:var(--t-accent-deep)!important}
html:root .cir-rel__card strong{color:var(--t-ink)!important;font-family:var(--t-ui)!important}
html:root .cir-rel__card span{color:var(--t-muted)!important}
html:root .cir-rel__card em{color:var(--t-accent-deep)!important;background:none!important;padding:0!important;font-family:var(--t-ui)}
/* Ratings + reviews */
html:root .cir-stars,html:root .ipp-rv{background:var(--t-bg-alt)!important;border-top:1px solid var(--t-rule)!important}
html:root .cir-stars__row,html:root .ipp-rv__row,html:root .ipp-rv__stars{color:var(--t-star)!important}
html:root .cir-stars__t,html:root .ipp-rv__t{color:var(--t-ink)!important;font-family:var(--t-head)!important;font-weight:var(--t-head-w)!important;letter-spacing:var(--t-head-track)}
html:root .cir-stars p,html:root .ipp-rv p,html:root .ipp-rv__card figcaption{color:var(--t-muted)!important}
html:root .ipp-rv a{color:var(--t-accent-deep)!important}
html:root .ipp-rv__card{background:var(--t-surface)!important;border:1px solid var(--t-rule)!important;border-radius:var(--t-radius-lg)!important;box-shadow:var(--t-shadow)}
html:root .ipp-rv__card blockquote{color:var(--t-text)!important}
/* Fixed bottom contact bar */
html:root .cir-fixedbar{background:var(--t-bar-bg)!important;border-top:1px solid var(--t-bar-line)!important;font-family:var(--t-ui)!important}
html:root .cir-fixedbar a,html:root .cir-fixedbar span.cir-fixedbar__item{color:var(--t-bar-fg)!important}
html:root .cir-fixedbar a:hover{color:var(--t-bar-icon)!important}
html:root .cir-fixedbar i{color:var(--t-bar-icon)!important}
html:root .cir-fixedbar__sep{color:var(--t-bar-line)!important;opacity:.9}
html:root .cir-fixedbar__cta{border:1px solid var(--t-bar-icon)!important;color:var(--t-bar-icon)!important;border-radius:999px!important}
html:root .cir-fixedbar__cta:hover{background:var(--t-accent)!important;border-color:var(--t-accent)!important;color:var(--t-on-accent)!important}
/* Comparison pages */
html:root .cmp-answer{border-left:4px solid var(--t-accent)!important;background:var(--t-soft)!important;color:var(--t-ink)!important;border-radius:var(--t-radius)!important}
html:root .cmp-table{color:var(--t-text)}
html:root .cmp-table th,html:root .cmp-table td{border-bottom-color:var(--t-rule)!important}
html:root .cmp-table thead th{border-bottom:2px solid var(--t-ink)!important;color:var(--t-ink)!important;font-family:var(--t-ui)}
html:root .cmp-table tbody th{color:var(--t-ink)!important}
html:root .cmp-table tbody tr:hover td,html:root .cmp-table tbody tr:hover th{background:var(--t-soft)}
html:root .cmp-list,html:root .cmp-sources{color:var(--t-text)}
/* ---------- 5. Homepage (hp-) ---------- */
html:root .hp{--orange:var(--t-accent-deep);--ink:var(--t-ink);--ink2:var(--t-bg);--ink3:var(--t-bg-alt);--rule:var(--t-rule);--text:var(--t-text);--muted:var(--t-muted);--blue:var(--t-accent-deep);
  background:var(--t-bg)!important;color:var(--t-text)!important;font-family:var(--t-body)!important}
html:root .hp h1,html:root .hp h2,html:root .hp h3{font-family:var(--t-head)!important;font-weight:var(--t-head-w)!important;letter-spacing:var(--t-head-track)!important}
html:root .hp h2,html:root .hp h3{color:var(--t-ink)}
html:root .hp :focus-visible{outline-color:var(--t-accent-deep)!important}
/* pinned panel */
html:root .hp-pin{background:var(--t-panel-bg)!important;color:var(--t-panel-fg)!important}
html:root .hp-pin{background-image:radial-gradient(ellipse 80% 60% at 100% 0%,rgba(80,201,190,.20),transparent 60%),radial-gradient(ellipse 70% 50% at 0% 100%,rgba(80,201,190,.08),transparent 60%)!important}
html:root .hp-pin .hp-h1{color:var(--t-panel-fg)!important}
html:root .hp-pin .hp-h1{font-weight:700!important;letter-spacing:-.035em!important}
html:root .hp-tab{border-color:var(--t-panel-fg)!important;color:var(--t-panel-fg)!important;font-family:var(--t-ui)!important}
html:root .hp-tab{border-width:1px!important}
html:root .hp-tab{border-color:rgba(255,255,255,.35)!important}
html:root .hp-tab:hover{background:rgba(127,127,127,.12)!important}
html:root .hp-tab[aria-selected="true"]{background:var(--t-tab-on-bg)!important;color:var(--t-tab-on-fg)!important;border-color:var(--t-tab-on-bg)!important}
html:root .hp-pick__label,html:root .hp-kicker{color:var(--t-panel-fg)!important}
html:root .hp-answer{background:var(--t-answer-bg)!important;color:var(--t-answer-fg)!important}
html:root .hp-answer{border:1px solid rgba(255,255,255,.12);border-radius:10px}
html:root .hp-answer .hp-lede,html:root .hp-answer p{color:var(--t-answer-fg)!important}
html:root .hp-answer strong{color:var(--t-answer-strong)!important}
html:root .hp-answer__label{color:var(--t-answer-label)!important;font-family:var(--t-ui)!important}
html:root .hp-answer__label span{color:var(--t-answer-strong)!important}
html:root .hp-mini,html:root .hp-mini li{border-color:var(--t-answer-line)!important}
html:root .hp-answer a.hp-ansgo{color:var(--t-answer-label)!important}
html:root .hp-pin .hp-btn{border-radius:var(--t-radius)!important;font-family:var(--t-ui)!important}
html:root .hp-btn--ink{background:var(--t-hero-btn-bg)!important;color:var(--t-hero-btn-fg)!important}
html:root .hp-btn--ink{background:var(--t-accent)!important;color:#0A2233!important}
html:root .hp-btn--ink:hover{filter:brightness(1.12)}
html:root .hp-btn--blue{background:var(--t-hero-alt-bg)!important;color:var(--t-hero-alt-fg)!important;border:1px solid var(--t-hero-alt-border)!important}
html:root .hp-btn--blue{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.45)!important}
html:root .hp-btn--price{border-color:var(--t-panel-fg)!important;color:var(--t-panel-fg)!important}
html:root .hp-btn--price{border-width:1px!important}
html:root .hp-btn--price{border-color:rgba(255,255,255,.45)!important}
html:root .hp-btn--price:hover{background:var(--t-panel-fg)!important;color:var(--t-panel-bg)!important}
html:root .hp-btn--price:hover{color:#0A2233!important}
html:root .hp-links a{color:var(--t-panel-fg)!important}
html:root .hp-facts,html:root .hp-qf,html:root .hp-now{border-top-color:var(--t-panel-line)!important}
html:root .hp-facts,html:root .hp-qf,html:root .hp-now{border-top-width:1px!important}
html:root .hp-now__bar{background:rgba(127,127,127,.25)!important}
html:root .hp-now__bar i{background:var(--t-panel-fg)!important}
html:root .hp-now__bar i{background:var(--t-accent)!important}
/* right-hand flow + sections */
html:root .hp-flow{background:var(--t-bg)}
html:root .hp-shot{border:0!important;background:transparent!important;border-radius:var(--t-radius-lg);overflow:hidden;box-shadow:var(--t-shot-shadow)}
html:root .hp-cap{color:var(--t-muted)!important}
html:root .hp-cap a{color:var(--t-ink)!important}
html:root .hp-cap a:hover,html:root .hp-news a:hover,html:root .hp-reach a:hover,html:root .hp-seg__row h3 a:hover,html:root .hp-faq h3 a:hover,html:root .hp-out a:hover{color:var(--t-accent-deep)!important}
html:root .hp-ch h3{color:var(--t-ink)!important}
html:root .hp-sec{border-top-color:var(--t-rule)!important}
html:root .hp-sec--alt{background:var(--t-bg-alt)!important}
html:root .hp-grid>article{background:transparent}
html:root .hp-grid li::before{background:var(--t-accent)!important}
html:root .hp-grid .hp-more,html:root .hp-faq__more a,html:root .hp-seg__row .hp-go,html:root .hp-news .hp-ico{color:var(--t-accent-deep)!important}
html:root .hp-grid>article.is-picked{outline-color:var(--t-accent)!important}
html:root .hp-out a{border-bottom-color:var(--t-accent)!important;color:var(--t-ink)!important}
html:root .hp-table th{color:var(--t-ink)!important}
html:root .hp-table tr:first-child th,html:root .hp-table tr:first-child td{border-top-color:var(--t-accent)!important}
html:root .hp-certs h3{border-top-color:var(--t-accent)!important}
html:root .hp-note a{color:var(--t-ink)!important}
html:root .hp-rev{background:var(--t-band-bg)!important;color:var(--t-band-fg)!important;border-top:1px solid var(--t-rule)}
html:root .hp-rev h2{color:var(--t-band-fg)!important}
html:root .hp-rev__stars{color:var(--t-star)!important}
html:root .hp-rev__stars{color:var(--t-accent)!important}
html:root .hp-rev .hp-btn--ink{background:var(--t-btn-bg)!important;color:var(--t-btn-fg)!important}
html:root .hp-rev .hp-btn--ink{background:var(--t-accent)!important;color:#0A2233!important}
html:root .hp-reach a{color:var(--t-ink)!important}
html:root .hp-form{background:var(--t-surface)!important;border:1px solid var(--t-rule)!important;border-radius:var(--t-radius-lg);box-shadow:var(--t-shadow)}
html:root .hp-form h3{color:var(--t-ink)!important}
html:root .hp-field label{color:var(--t-ink)!important;font-family:var(--t-ui)!important}
html:root .hp-field input{background:var(--t-input)!important;color:var(--t-ink)!important;border:1px solid var(--t-rule-2)!important;border-radius:var(--t-radius)!important}
html:root .hp-field input:focus{border-color:var(--t-accent-deep)!important;box-shadow:0 0 0 3px rgba(80,201,190,.3)!important}
html:root .hp-err{color:var(--t-err)!important}
html:root .hp-form button{background:var(--t-btn-bg)!important;color:var(--t-btn-fg)!important;border-radius:var(--t-radius)!important;font-family:var(--t-ui)!important}
html:root .hp-form button:hover{background:var(--t-btn-hover)!important}
/* ---------- 6. Help centre (136 pages, its own light layout) ---------- */
html:root body:has(main > nav.crumb){background:var(--t-bg-alt)!important;color:var(--t-text)!important;font-family:var(--t-body)!important}
html:root body:has(main > nav.crumb) > header{background:var(--t-nav-bg)!important;color:var(--t-nav-fg)!important;border-bottom:1px solid var(--t-nav-border)}
html:root body:has(main > nav.crumb) > header a{color:var(--t-nav-fg)!important}
html:root body:has(main > nav.crumb) .brand{font-family:var(--t-head)!important;font-weight:var(--t-head-w)!important;letter-spacing:var(--t-head-track)}
html:root body:has(main > nav.crumb) .brand span{color:var(--t-accent-deep)!important}
html:root body:has(main > nav.crumb) .brand span{color:var(--t-accent)!important}
html:root body:has(main > nav.crumb) main a{color:var(--t-accent-deep)!important}
html:root body:has(main > nav.crumb) main a:hover{color:var(--t-accent-deeper)!important}
html:root body:has(main > nav.crumb) nav.crumb,html:root body:has(main > nav.crumb) nav.crumb a{color:var(--t-muted)!important}
html:root body:has(main > nav.crumb) h1,html:root body:has(main > nav.crumb) h2{font-family:var(--t-head)!important;font-weight:var(--t-head-w)!important;letter-spacing:var(--t-head-track);color:var(--t-ink)!important}
html:root body:has(main > nav.crumb) .answer{background:var(--t-surface)!important;border:1px solid var(--t-rule)!important;border-left:4px solid var(--t-accent)!important;border-radius:var(--t-radius)!important;color:var(--t-ink)}
html:root body:has(main > nav.crumb) .card{background:var(--t-surface)!important;border:1px solid var(--t-rule)!important;border-radius:var(--t-radius-lg)!important;box-shadow:var(--t-shadow)}
html:root body:has(main > nav.crumb) a.cta{background:var(--t-btn-bg)!important;color:var(--t-btn-fg)!important;border-radius:var(--t-radius)!important}
html:root body:has(main > nav.crumb) a.cta.alt{background:transparent!important;color:var(--t-ink)!important;border:1px solid var(--t-ink)!important}
html:root body:has(main > nav.crumb) .sec,html:root body:has(main > nav.crumb) .meta{color:var(--t-muted)!important}
html:root body:has(main > nav.crumb) > footer{border-top-color:var(--t-rule)!important;color:var(--t-muted)!important}
html:root body:has(main > nav.crumb) > footer a{color:var(--t-accent-deep)!important}
html:root body:has(main > nav.crumb) input[type=search]{border-color:var(--t-rule-2)!important;border-radius:var(--t-radius)!important}
/* ---------- 6b. One-off pages recoloured at build time (pricing, about, contact, reviews ...) ---------- */
html:root.ipp-xform :is(h1,h2){font-family:var(--t-head)!important;letter-spacing:var(--t-head-track)!important}
html:root.ipp-xform :is(h1,h2){font-weight:700!important}
html:root.ipp-xform em{font-style:normal}
/* ---------- 7. Docent chat orb ---------- */
html:root .dct-orb,html:root .dct-head-orb,html:root .dct-avatar{background:radial-gradient(circle at 32% 28%,#C9F2EC 0%,var(--t-accent) 48%,#1F7A72 100%)!important}
html:root .dct-tldr{background:rgba(80,201,190,.14)!important;color:var(--t-accent)!important}
html:root .dct-bot .dct-bubble strong{color:var(--t-accent)!important}

/* ---------- 8. Older template pages (css/style.css + general.css), html.ipp-legacy ---------- */
html.ipp-legacy body,html.ipp-legacy h1,html.ipp-legacy h2,html.ipp-legacy h3,html.ipp-legacy h4,html.ipp-legacy h5,html.ipp-legacy h6{font-family:var(--t-body)}
html.ipp-legacy h1,html.ipp-legacy h2{letter-spacing:var(--t-head-track)}

/* Photo heroes: keep the texture, tint it navy (luminosity blend drops the old orange/gold) */
html.ipp-legacy .banner{background-color:#0A2233!important;background-blend-mode:luminosity!important;box-shadow:inset 0 0 0 100vmax rgba(10,34,51,.78)!important}
html.ipp-legacy .intro-header,html.ipp-legacy [class*="intro-header-"]{background-color:#0A2233!important;background-blend-mode:luminosity!important;box-shadow:inset 0 0 0 100vmax rgba(10,34,51,.42)!important}
html.ipp-legacy .h3_home_orange,html.ipp-legacy .h3_home_orange .wrap{color:var(--t-accent)!important}
html.ipp-legacy .calendar-icon:hover{border-color:var(--t-accent)!important;background-color:#0A2233!important}

/* Dark bands: charcoal -> navy */
html.ipp-legacy .content-section-c{background-color:#0A2233!important}
html.ipp-legacy .footer-banner{background-color:#071A28!important}
html.ipp-legacy .content-section-c a:not(.btn):not([class*="mybutton"]){color:var(--t-accent)!important}

/* Contact form (morphing button + card) */
html.ipp-legacy .morph-button>button{background-color:var(--t-accent)!important;color:#0A2233!important}
html.ipp-legacy .morph-button-overlay .morph-content,html.ipp-legacy .morph-button-sidebar .morph-content,html.ipp-legacy .no-js .morph-button-sidebar{background:#0A2233!important}
html.ipp-legacy .morph-clone{background-color:#12324A!important;color:#FFFFFF!important}
html.ipp-legacy .content-style-form button{background:var(--t-accent)!important;color:#0A2233!important}
html.ipp-legacy .content-style-form button:hover{background:#7FDAD2!important}
html.ipp-legacy .content-style-form-4 form button{background:#0A2233!important}
html.ipp-legacy .content-style-form input[type="text"]:focus,html.ipp-legacy .content-style-form input[type="password"]:focus,
html.ipp-legacy .content-style-form input:focus,html.ipp-legacy .content-style-form textarea:focus{border-color:var(--t-accent-deep)!important;color:#0A2233!important}
html.ipp-legacy .content-style-form .icon-close:hover,html.ipp-legacy .content-style-social a:hover,html.ipp-legacy .morph-button-inflow-2>button{color:var(--t-accent-deep)!important}
html.ipp-legacy .morph-button-inflow-2>button svg path,html.ipp-legacy .content-style-social a:hover svg path{fill:var(--t-accent-deep)!important}

/* Old Flat-UI blues */
html.ipp-legacy .text-info{color:var(--t-accent-deep)!important}
html.ipp-legacy .mybutton_cyano{background-color:var(--t-accent-deep)!important;border-color:var(--t-accent-deep)!important;color:#FFFFFF!important}
html.ipp-legacy .mybutton_cyano:hover{background-color:transparent!important;color:var(--t-accent-deep)!important}

/* Old blue footer -> Harbor navy footer */
html.ipp-legacy footer:not(.ipp-footer){background-color:var(--t-foot-bg)!important;color:var(--t-foot-fg)!important;border-top:2px solid var(--t-accent)!important;font-family:var(--t-ui)}
html.ipp-legacy footer:not(.ipp-footer) h5,html.ipp-legacy footer:not(.ipp-footer) h4{color:var(--t-foot-head)!important;letter-spacing:.08em}
html.ipp-legacy footer:not(.ipp-footer) p{color:var(--t-foot-fg)!important}
html.ipp-legacy footer:not(.ipp-footer) a{color:var(--t-foot-link)!important}
html.ipp-legacy footer:not(.ipp-footer) a:hover{color:var(--t-accent)!important}
html.ipp-legacy footer:not(.ipp-footer) h1,html.ipp-legacy footer:not(.ipp-footer) h2,html.ipp-legacy footer:not(.ipp-footer) h3{color:var(--t-foot-head)!important}

/* ---------- 9. One-off page fixes ---------- */
/* Pricing (second layout): the contact form sits on a navy card */
html.ipp-xform .pr-contact__form{background:#0A2233!important;color:#D3DEE6!important}
html.ipp-xform .pr-contact__form .pr-h3,html.ipp-xform .pr-contact__form label{color:#FFFFFF!important}
/* Services desk: contact icons */
html.ipp-xform .cway__ic{color:var(--t-accent-deep)!important}
/* K-1 tax: numbered steps on bright cyan */
html.ipp-xform .snum.n2,html.ipp-xform .snum.n3,html.ipp-xform .snum.n4,html.ipp-xform .snum.n5{color:#0A2233!important}
/* Investment operations: "illustrative" tag on the dark sample panel */
html.ipp-xform .sample-tag{color:#7FDAD2!important}
/* Sitemap: grey caption on the bright cyan "Schedule a Meeting" card */
html.ipp-xform .wf-action.primary .wf-action-sub{color:rgba(10,34,51,.78)!important}
/* Portfolio management (light): red "down" delta needs a deeper red on white */
html.ipp-xform .kpi .delta.down{color:#C2362F!important}
/* Reviews: small cyan labels on the navy panels */
html.ipp-xform .agg-meta .label-tag,html.ipp-xform .submit-section .section-label{color:#7FDAD2!important}