/* Revenue Harmony Management · visual system · updated 12 October 2026
   One shared design system. V14 content, IA, routes and interactions remain intact.
   The blue is an identity cue; hierarchy, rhythm and whitespace do the work. */
:root{
  --paper:#FFFFFF;
  --paper-soft:#F6F8F7;
  --paper-warm:#E7F0EE;
  --ink:#14252D;
  --muted:#4B636A;
  --subtle:#556D73;
  --orange:#0B5963;
  --orange-light:#B7DED8;
  --dark:#14252D;
  --light:#FFFFFF;
  --rh-line:#DCE5E3;
  --rh-width:1152px;
  --brand:#0B5963;
  --brand-deep:#08454E;
  --brand-light:#B7DED8;
  --canvas:#FFFFFF;
  --canvas-secondary:#F6F8F7;
  --highlight:#E7F0EE;
  --border:#DCE5E3;
  --text:#14252D;
  --text-secondary:#4B636A;
}
html{scroll-padding-top:90px}
body{background:var(--canvas);color:var(--text);font-size:16px;line-height:1.68}
h1,h2,h3,h4{letter-spacing:-.052em;font-weight:620}
p{overflow-wrap:break-word}
::selection{background:#D0E8E4;color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,
select:focus-visible,summary:focus-visible,[role='button']:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
a,button{ -webkit-tap-highlight-color:transparent }
/* Navigation: a product frame, not a marketing masthead. */
.site-header{background:rgba(255,255,255,.965);border-bottom:1px solid var(--rh-line);box-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.site-header .nav-shell{min-height:80px;gap:23px}
.brand{color:var(--ink)}
.brand:hover,.nav-links a:hover,.nav-links a[aria-current='page']{color:var(--brand)}
.brand-wordmark{font-weight:730;letter-spacing:-.055em}
.brand-wordmark span{letter-spacing:.095em}
.site-header .nav-links{gap:clamp(15px,1.35vw,22px)}
.site-header .nav-links a{font-size:13px;font-weight:580;letter-spacing:-.01em}
.site-header .nav-links .rh14-nav-cta{background:var(--brand);border-radius:7px;color:white;font-weight:650;padding:11px 17px;margin-left:5px}
.site-header .nav-links .rh14-nav-cta:hover,
.site-header .nav-links .rh14-nav-cta[aria-current='page']{background:var(--ink);color:#FFF}
/* Editorial hierarchy on every page. */
.kicker,.rh-eyebrow,.participate-eyebrow{letter-spacing:.135em;font-weight:720;color:var(--brand)}
.rh-container h2,.section-title{font-weight:610;letter-spacing:-.058em}
.prose,.rh-subtle,.rh-section-deck{color:var(--text-secondary)}
.rh-lead{color:var(--ink);line-height:1.56}
.rh-section{padding-block:clamp(86px,8.5vw,134px)}
.section{padding-block:clamp(87px,8.8vw,140px)}
.rh-plain-link,.text-link{color:var(--brand);font-weight:640;text-decoration:none}
.rh-plain-link:hover,.text-link:hover{color:var(--ink)}
.rh-plain-link:hover,.text-link:hover,.rh-text-button:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.rh-cta,.cta-btn{background:var(--brand);border:1px solid var(--brand);color:#FFFFFF;border-radius:8px;box-shadow:none;min-height:50px;font-weight:650;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.rh-cta:hover,.cta-btn:hover{background:var(--brand-deep);border-color:var(--brand-deep);color:#FFFFFF;transform:none}
.rh-cta-light{background:#FFFFFF;border-color:#FFFFFF;color:var(--brand)}
.rh-cta-light:hover{background:var(--highlight);border-color:var(--highlight);color:var(--brand-deep)}
/* Homepage opening: white, precise and authoritative; teal is typographic. */
.rh-home-hero.rh14-hero{padding:clamp(88px,8.4vw,135px) 0 clamp(83px,7.8vw,124px);background:#FFFFFF;color:var(--ink)}
.rh-home-hero.rh14-hero::before{display:none}
.rh14-hero .rh-container{max-width:1110px}
.rh14-hero .rh-eyebrow{color:var(--brand)}
.rh14-hero h1{font-size:clamp(49px,5.6vw,80px);line-height:1.095;font-weight:605;letter-spacing:-.068em;max-width:1020px}
.rh14-hero h1 em{color:var(--brand)}
.rh14-hero-promise{margin-top:clamp(42px,5vw,74px);gap:clamp(42px,9vw,136px);grid-template-columns:1.06fr .94fr}
.rh14-hero-primary{color:var(--ink);font-size:clamp(20px,2vw,27px);line-height:1.48;font-weight:475;max-width:550px}
.rh14-hero-secondary{color:var(--text-secondary);font-size:clamp(16px,1.3vw,19px);line-height:1.64;max-width:440px}
.rh14-hero-links{margin-top:clamp(30px,3.6vw,52px)}
.rh14-hero-links .rh-cta-light{background:var(--brand);border-color:var(--brand);color:white}
.rh14-hero-links .rh-cta-light:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.rh14-hero-links .rh-plain-light{color:var(--brand)}
.rh14-hero-links .rh-plain-light:hover{color:var(--ink)}
/* The decision entry is the only raised surface in the initial journey. */
.rh14-starter{background:var(--canvas-secondary);padding-top:clamp(85px,8.2vw,123px);padding-bottom:44px}
.rh14-starter-layout{grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);gap:clamp(49px,8vw,120px)}
.rh14-starter-header h2{font-weight:610;max-width:490px}
.rh14-starter-header>p{color:var(--text-secondary);max-width:445px}
.rh14-starter-note{color:var(--text-secondary);margin-top:36px}
.rh14-starter-note span:first-child{color:var(--brand);transform:none}
.rh14-entry{background:#FFFFFF;border:1px solid var(--border);border-radius:14px;box-shadow:none;padding:clamp(25px,3.4vw,47px)}
.rh14-entry label,.rh14-wizard-top label,.rh14-field>span{color:var(--ink);font-weight:650}
.rh14-entry select,.rh14-wizard-top select,
.rh14-entry textarea,.rh14-field textarea{background:#FFFFFF;border:1px solid #BCCECB;border-radius:8px;color:var(--ink)}
.rh14-entry select:focus-visible,.rh14-wizard-top select:focus-visible,
.rh14-entry textarea:focus-visible,.rh14-field textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-color:var(--brand)}
.rh14-entry textarea::placeholder,.rh14-field textarea::placeholder{color:#596D73}
.rh14-action-primary{background:var(--brand);border-color:var(--brand);border-radius:7px}
.rh14-example,.rh14-inline{color:var(--brand)}
.rh14-example:hover,.rh14-inline:hover{color:var(--ink)}
.rh14-entry-fine,.rh14-starter-tail{color:var(--text-secondary)}
.rh14-form-error,.rh14-wizard-error{color:#B42318}
/* Product demonstration: the economic fact receives weight, the question opens it. */
.rh-discovery-section{background:#FFFFFF}
.rh-discover-heading p,.rh-revelation p,.rh-reveal-final p{color:var(--text-secondary)}
.rh-decision-app{border:1px solid var(--border);background:var(--highlight);border-radius:3px}
.rh-visible-dark,.rh-branch-visual{background:var(--ink);color:#FFFFFF}
.rh-visible-dark .rh-eyebrow,.rh-branch-origin{color:var(--brand-light)}
.rh-result-bottom,.rh-branch-targets{color:#E7F0EE}
.rh-visible-light{background:var(--highlight)}
.rh-short-observation{color:var(--ink)}
.rh-action-btn,.rh-action-btn span{color:var(--brand)}
.rh-action-btn:hover{color:var(--ink)}
.rh-branch-targets span{color:#E7F0EE}
.rh-branch-lines span{background:linear-gradient(90deg,#9FD6D0,transparent)}
.rh-revelation em{color:var(--brand)}
.rh-investigate-controls button,.rh-verdict-answers button{color:var(--ink)}
.rh-investigate-controls button[aria-pressed='true'],.rh-investigate-controls button:hover{color:var(--brand)}
.rh-verdict-answers button{border-color:#91B5B0;border-radius:7px}
.rh-verdict-answers button[aria-pressed='true'],.rh-verdict-answers button:hover{background:var(--brand);border-color:var(--brand);color:#fff}
/* Open, legible editorial compositions, not grids of promotional cards. */
.rh-value-section{background:var(--highlight)}
.rh-stories-section{background:#FFFFFF}
.rh-story-link{min-height:290px;border-top:1px solid var(--border);padding-top:22px;transition:border-color .2s ease}
.rh-story-link:hover{border-top-color:var(--brand)}
.rh-story-index,.rh-story-arrow{color:var(--brand)}
.rh-story-link p{color:var(--text-secondary)}
.rh-learning-section{background:var(--canvas-secondary)}
.rh-book-belt{background:var(--brand);color:#FFFFFF}
.rh-book-belt .rh-eyebrow{color:#D6EFEB}
.rh-book-belt p,.rh-book-belt .rh-belt-flex p{color:#E7F0EE}
.rh-book-belt .rh-plain-light{color:#FFFFFF}
.rh-book-belt .rh-plain-light:hover{color:#D6EFEB}
.rh-book-belt .rh-cta-light{color:var(--brand);background:#FFF}
/* Long-form pages: restrained introductions and honest hierarchy. */
.rh-pagehero,.rh-pagehero-dark,.rh14-apply-hero{background:var(--canvas-secondary);color:var(--ink);padding-block:clamp(86px,8.5vw,130px)}
.rh-pagehero h1,.rh14-apply-hero h1{font-weight:605;letter-spacing:-.068em}
.rh-pagehero p,.rh-pagehero-dark p,.rh14-apply-hero p{color:var(--text-secondary)}
.rh-pagehero .rh-eyebrow,.rh-pagehero-dark .rh-eyebrow{color:var(--brand)}
.rh-pagehero em,.rh-pagehero-dark em{color:var(--brand)}
.rh-pagehero-dark .rh-plain-light{color:var(--brand)}
.rh-editorial-light,.rh-rm-intro,.rh-rm-conclusion,.rh-concept-section,
.rh-method-steps,.rh-system-section,.rh-technology-parts{background:#FFFFFF}
.rh-method-lab-section,.rh-rm-lab-section,.rh-quiet-section,
.rh-availability,.rh-apply-section{background:var(--canvas-secondary)}
.rh-world-section{background:var(--ink);color:#FFFFFF}
.rh-world-section .rh-eyebrow,.rh-world-section .rh-plain-link:hover{color:var(--brand-light)}
.rh-world-section .rh-plain-link{color:#FFFFFF}
/* Structured labs use actual selection states and functional dividers. */
.rh-rm-lab{background:var(--highlight)}
.rh-rm-selector{background:var(--ink)}
.rh-rm-selector .rh-eyebrow{color:var(--brand-light)}
.rh-rm-choice,.rh-rm-choice span:first-child{color:#E7F0EE}
.rh-rm-choice:hover,.rh-rm-choice[aria-pressed='true']{color:#FFF}
.rh-rm-choice[aria-pressed='true'] span:first-child{color:var(--brand-light)}
.rh-rm-content{background:#FFFFFF}
.rh-rm-content>.rh-eyebrow,.rh-rm-result{background:var(--brand);color:#FFFFFF}
.rh-rm-result{font-weight:590}
.rh-evidence-choices button{border-color:#B2C9C5;color:var(--ink);border-radius:7px}
.rh-evidence-choices button[aria-pressed='true'],.rh-evidence-choices button:hover{background:var(--brand);border-color:var(--brand);color:#FFF}
.rh-evidence-feedback{color:var(--brand)}
.rh-method-app,.rh-method-visual,.rh-system-app{color:var(--ink)}
.rh-sector-switch button,.rh-ai-controls button,.rh-city-controls button{border-radius:7px}
.rh-sector-switch button[aria-pressed='true'],.rh-ai-controls button[aria-pressed='true']{background:var(--brand);border-color:var(--brand);color:#FFF}
/* The guided note remains an educational note, not a prediction panel. */
.rh14-wizard-section{background:#FFFFFF}
.rh14-wizard{border:1px solid var(--border);background:#FFFFFF;border-radius:14px;box-shadow:none}
.rh14-wizard-heading>p,.rh14-stage-sub,.rh14-wizard-top p{color:var(--text-secondary)}
.rh14-scenario,.rh14-guidance,.rh14-method-context{background:var(--highlight);border-radius:9px}
.rh14-scenario p,.rh14-guidance p,.rh14-method-context p{color:var(--ink)}
.rh14-scenario button,.rh14-guidance-source,.rh14-stage-count{color:var(--brand)}
.rh14-progress span,.rh14-wizard-exit>span{color:var(--text-secondary)}
.rh14-progress span.is-active,.rh14-progress span.is-complete{color:var(--brand)}
.rh14-focus-group legend,.rh14-note-row dt{color:var(--ink)}
.rh14-focus-choice span{background:#FFFFFF;border-color:#ADC6C2;color:var(--ink);border-radius:7px}
.rh14-focus-choice input:checked+span{background:var(--brand);border-color:var(--brand);color:#FFFFFF}
.rh14-focus-choice input:focus-visible+span{outline-color:var(--brand)}
.rh14-focus-choice:hover span{border-color:var(--brand)}
.rh14-note-row{border-bottom-color:var(--border)}
.rh14-note-row:first-child{border-top-color:var(--border)}
.rh14-note-row dd{color:var(--ink)}
.rh14-result-actions .rh-cta{border-radius:7px}
.rh14-apply-continuation{background:var(--highlight)}
.rh14-transfer .rh-plain-link{color:var(--brand)}
/* Book cover remains a real visual object, not an invented data graphic. */
.moment-book-feature{background:var(--canvas-secondary)}
.moment-book-feature .book-title-block.book-artwork{background:var(--ink);color:#FFFFFF;box-shadow:13px 22px 38px rgba(20,37,45,.13),0 4px 10px rgba(20,37,45,.07)}
.book-artwork .book-kicker,.book-artwork .book-name span{color:var(--brand-light)!important}
.moment-book-parts,.moment-library,.moment-system-lab{background:#FFFFFF}
/* Original educational experiences, including glossary and industry examples. */
.page-literary-hero,.moment-ai-light,.moment-glossary-index,.moment-reprieve,.moment-world,.moment-warm-details{background:var(--canvas-secondary)}
.page-hero.dark,.moment-ai-lab,.moment-choice-lab,.moment-engines,.end-section,.moment-closing.end-section{background:var(--ink);color:#FFFFFF}
.page-hero.dark .kicker,.moment-ai-lab .kicker,.moment-choice-lab .kicker,.moment-engines .kicker,.end-section .kicker{color:var(--brand-light)}
.page-hero.dark .page-intro{color:#E7F0EE}
.moment-contrast-orange,.feature-experiment{background:var(--brand);color:#FFFFFF}
.feature-experiment::before,.rh-home-hero::before{display:none}
.moment-contrast-orange .kicker,.feature-kicker{color:#E7F0EE}
.feature-option[aria-pressed='true'],.moment-choice-lab .tab-btn[aria-pressed='true'],
.moment-ai-lab .participate-choices button[aria-pressed='true']{background:#FFFFFF;border-color:#FFFFFF;color:var(--brand)}
.moment-choice-lab .cta-btn{background:#FFFFFF;border-color:#FFFFFF;color:var(--brand);border-radius:8px}
.moment-choice-lab .cta-btn:hover{background:var(--highlight);color:var(--ink);border-color:var(--highlight)}
.participate-home .participate-choices button[aria-pressed='true'],
.decision-reasoning .reason-choice[aria-pressed='true']{background:#FFFFFF;border-color:#FFFFFF;color:var(--brand)}
.glossary-hero-count{color:rgba(173,212,208,.13)}
.moment-glossary-index .search-wrap{box-shadow:none;border:1px solid var(--border)}
/* Footer is a quiet, permanent anchor distinct from the petroleum call to read. */
.site-footer,.rh-v13-footer{background:var(--ink);color:#FFFFFF}
.site-footer .kicker,.site-footer .footer-statement{color:#FFFFFF}
.site-footer a{color:#E7F0EE}
.site-footer a:hover{color:var(--brand-light)}
.footer-bottom{color:#C4D4D1}
/* Contrast of active controls must be legible at every viewport. */
.rh-ai-controls button[aria-pressed='true'],.rh-city-controls button[aria-pressed='true'],
.rh-method-app button[aria-pressed='true']{background:var(--brand);color:#FFFFFF;border-color:var(--brand)}
@media(max-width:1080px){
  .site-header .nav-links{background:#FFFFFF}
  .site-header .nav-links a{color:var(--ink)}
  .site-header .nav-links a[aria-current='page']{color:var(--brand)}
  .site-header .nav-links .rh14-nav-cta{background:var(--brand);color:#FFFFFF;align-self:flex-start}
  .site-header .nav-links .rh14-nav-cta:hover{background:var(--ink);color:#FFF}
}
@media(max-width:840px){
  .rh14-starter-layout{grid-template-columns:1fr;gap:35px}
  .rh14-hero-promise{grid-template-columns:1fr;gap:19px}
  .rh14-hero-secondary{max-width:630px}
}
@media(max-width:620px){
  .container,.rh-container{width:calc(100% - 40px)}
  .site-header .nav-shell{min-height:72px}
  .rh-home-hero.rh14-hero{padding:75px 0 83px}
  .rh14-hero h1{font-size:clamp(42px,10vw,59px);letter-spacing:-.063em}
  .rh14-hero-promise{margin-top:34px;gap:15px}
  .rh14-hero-primary{font-size:20px}
  .rh14-hero-secondary{font-size:16px}
  .rh14-hero-links{gap:15px;margin-top:30px}
  .rh14-hero-links .rh-cta{width:100%;max-width:360px}
  .rh14-starter{padding:75px 0 35px}
  .rh14-entry{padding:25px 21px;border-radius:12px}
  .rh14-entry-actions .rh-cta{width:100%}
  .rh-discover-heading{gap:18px}
  .rh-story-link{min-height:0;padding-bottom:12px}
  .rh-pagehero,.rh-pagehero-dark,.rh14-apply-hero{padding:75px 0 82px}
  .rh14-wizard{border-radius:12px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
}
/* Final accessibility refinements: active labels, not decorative fills. */
.rh-method-side button[aria-pressed='true']{background:transparent;border:0;color:var(--brand)}
.rh-method-side button[aria-pressed='true'] span:first-child,
.rh-method-side button[aria-pressed='true'] span:last-child{color:var(--brand)}
.rh-ai-controls button{color:#D6E8E5}
.rh-ai-controls button span{color:#B7DED8}
.rh-ai-controls button[aria-pressed='true']{background:transparent;border:0;color:#FFFFFF}
.rh-ai-controls button[aria-pressed='true'] span{color:#B7DED8}
.rh-city-nav button span{color:var(--brand)}
.rh-city-screen{background:var(--ink)}
.rh-city-screen .rh-eyebrow{color:var(--brand-light)}

/* The large glossary count remains readable against the dark hero. */
.glossary-hero-count{color:#adc4c8!important}

/* Dedicated Opportunities navigation tab; preserve the approved masthead and mobile menu. */
@media(min-width:1081px){
  .site-header .nav-shell{gap:clamp(12px,1.3vw,22px)}
  .site-header .nav-links{gap:clamp(8px,.9vw,14px)}
  .site-header .nav-links a{font-size:clamp(11.5px,.9vw,13px)}
  .site-header .nav-links .rh14-nav-cta{padding-inline:clamp(10px,1vw,16px);margin-left:2px}
}