/* RevZen Monk · Identity-led digital redesign · November 2026 */
:root {
  --ink: #152235;
  --night: #0b2b56;
  --navy: #143c77;
  --gold: #1468ee;
  --gold-light: #91bdff;
  --cream: #f3f7fc;
  --paper: #ffffff;
  --pale: #f8fbff;
  --line: #dce5f0;
  --slate: #617083;
  --muted: #6b7a8c;
  --white: #fff;
  --serif: 'Manrope', Arial, sans-serif;
  --sans: 'DM Sans', Arial, sans-serif;
  --display: 'Manrope', Arial, sans-serif;
}

body {background:#fff;color:var(--ink)}
h1,h2,h3 {letter-spacing:-.045em;font-weight:700}
em {font-style:normal;font-weight:inherit}
.eyebrow,.chapter,.service-label,.plan-index,.journal-category,.article-byline,
.service-scope span,.salary-stamp,.recommended,.form-title>span,.contact-detail span,
.result-overline,.target-label,.plan-index,.foot-col h4 {
  color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.105em;
}
.micro {color:#7c8998}
.shell {width:min(1240px,calc(100% - 84px))}
.section-pad {padding:104px 0}
.cream {background:var(--cream)}
.text-link {border-color:var(--gold);font-size:12px;letter-spacing:0}
.text-link:hover {color:var(--gold)}

/* The identity now leads the page, without another visual language competing. */
.announcement {display:none}
.masthead {background:#fff;border-color:#e1e7ef;box-shadow:0 3px 16px rgba(19,38,61,.035)}
.mast-inner {height:91px}
.brand .official-logo {width:211px}
.main-nav {gap:23px}
.main-nav>a:not(.nav-cta),.nav-dropdown summary {font:700 11px/1.4 var(--display);color:#26364b}
.main-nav>a:hover,.main-nav a[aria-current=page],.nav-dropdown summary:hover {color:var(--gold)}
.nav-dropdown summary:after {color:var(--gold)}
.nav-cta {background:var(--gold);color:#fff;padding:12px 16px;border:1px solid var(--gold);font-weight:800;border-radius:3px}
.nav-cta:hover {color:#fff;background:#0755d1}
.dropdown-menu {border-color:#e0e8f1;box-shadow:0 18px 36px rgba(11,40,75,.1);border-radius:4px}
.dropdown-menu a:hover {background:#eef5ff;color:var(--gold)}
.menu-button {color:var(--ink)}
.btn {background:transparent;border-radius:3px;font-size:12px;gap:35px;min-height:54px;box-shadow:none}
.btn.gold {background:var(--gold);border-color:var(--gold);color:#fff}
.btn.gold:hover {background:#0755ce;border-color:#0755ce}
.btn.outline {border-color:#aabed8;background:#fff;color:var(--ink)}
.btn.outline:hover {background:#edf5ff}
.btn.light {background:#fff;color:#163968}
.btn.light:hover {background:#e8f1ff}

/* Hero: precision, generous editorial rhythm and one clear colour accent. */
.home-hero {background:#f6f9fd}
.home-hero-grid {grid-template-columns:1.06fr .94fr;gap:54px;min-height:660px}
.hero-copy {padding:74px 0 69px}
.hero-copy h1 {font:800 clamp(51px,5.05vw,77px)/1.07 var(--display);letter-spacing:-.067em;margin:28px 0 27px}
.hero-copy h1 em {color:var(--gold);font-style:normal;white-space:normal}
.hero-lede {font-size:18px;line-height:1.62;font-weight:500}
.hero-detail {font-size:13px;color:var(--slate)}
.hero-buttons {margin-top:32px}
.hero-tagline {margin-top:45px;letter-spacing:.035em;color:#63758a}
.hairline {background:var(--gold);height:2px}
.hero-picture {margin:30px 0;min-height:600px;border-radius:3px}
.hero-picture img {object-position:52% center}
.image-label {background:rgba(255,255,255,.94);color:var(--ink);left:24px;bottom:24px;border-left:3px solid var(--gold);padding:18px 22px;width:min(80%,330px);backdrop-filter:blur(8px)}
.image-label span {color:var(--gold);letter-spacing:.13em}
.image-label strong {font:700 19px/1.3 var(--display);letter-spacing:-.035em;margin-top:7px}

.story-intro {background:#fff}
.story-grid {gap:80px}
.story-grid h2 {font:750 clamp(45px,4.4vw,63px)/1.14 var(--display);letter-spacing:-.055em}
.story-grid h2 em,.cost-grid h2 em,.feature-split h2 em {font-style:normal;color:var(--gold)}
.story-body p {line-height:1.85}
.story-body .strong-copy {font:700 22px/1.5 var(--display);letter-spacing:-.035em}
.dark-interlude {background:#102e5d;padding:88px 0}
.dark-interlude h2 {font:700 clamp(42px,4.3vw,62px)/1.17 var(--display);letter-spacing:-.05em}
.dark-interlude h2 em {font-style:normal;color:#9cc5ff}
.time-story {border-color:#4d6793}
.time-number {font:800 80px/1 var(--display);letter-spacing:-.07em}
.time-number span {color:#98c2fc}
.chapter {color:#98c2fc}

/* Make the worked revenue example resemble a designed editorial report. */
.night-economics {background:#fff}
.night-heading {gap:72px}
.night-heading h2 {font:750 clamp(47px,4.85vw,69px)/1.13 var(--display);letter-spacing:-.055em}
.night-heading h2 em {font-style:normal;color:var(--gold)}
.night-heading .night-strong {font:700 19px/1.57 var(--display);letter-spacing:-.028em}
.economics-case {background:#f5f9ff;border-color:#d6e4f5;border-radius:4px;overflow:hidden}
.case-caption {border-color:#d6e4f5}
.case-caption span {color:var(--gold)}
.case-caption strong {font:700 15px/1.5 var(--display);letter-spacing:-.02em}
.case-scenario.better {background:#e9f2ff;border-color:#d6e4f5}
.case-scenario>span {color:#6b7f9b}
.case-scenario>strong {font:800 75px/1 var(--display);letter-spacing:-.08em}
.case-scenario>strong small {font-weight:700;color:#465f7f}
.case-scenario>div {border-color:#c9d8eb;font:800 33px/1.25 var(--display);letter-spacing:-.045em}
.case-scenario.better>div {color:var(--gold)}
.case-conclusion {background:#102e5d;gap:45px}
.case-conclusion strong {font:700 22px/1.45 var(--display);letter-spacing:-.035em}
.case-conclusion p {color:#d0e2fa}

.section-intro h2 {font:750 clamp(43px,4.4vw,61px)/1.14 var(--display);letter-spacing:-.054em}
.section-intro p {color:var(--slate)}
.service-rows {border-color:var(--line)}
.service-row {border-color:var(--line);padding:37px 11px}
.service-row:hover {background:#f3f8ff}
.service-n {font:800 43px var(--display);letter-spacing:-.05em;color:#c2d9f9}
.service-row h3 {font:750 clamp(24px,2.55vw,35px)/1.25 var(--display);letter-spacing:-.045em}
.service-arrow {font:700 27px var(--display);color:var(--gold)}

.platform-section {background:#f7faff;border-color:#e0e9f4;padding:73px 0}
.platform-inner h2 {font:750 42px/1.17 var(--display);letter-spacing:-.045em}
.platform-logo {background:#fff;border-color:#e0e8f2;border-radius:3px}
.platform-logo span {color:#4e6074;font-size:10px}
.platform-disclaimer {color:#7c8a9b!important}

.principle-grid {border-color:var(--line);background:var(--line)}
.principle-grid article {background:#fff;padding:30px 23px 32px}
.principle-grid article>span {color:var(--gold)}
.principle-grid h3 {font:750 23px/1.28 var(--display);letter-spacing:-.045em;margin:26px 0 14px}
.principle-grid p {line-height:1.8}

/* The fee cards are commercial choices, not luxury-product price tags. */
.plans-grid {gap:15px}
.price-card {background:#fff;border-color:#dae5f0;border-radius:4px;min-height:635px;padding:34px 30px}
.price-card.chosen {background:#103a7b;border-color:#103a7b}
.price-card h3 {font:750 30px/1.2 var(--display);letter-spacing:-.05em}
.price-card .plan-note {line-height:1.8}
.plan-price {font:800 36px/1.28 var(--display);letter-spacing:-.055em;margin-top:19px}
.plan-share {font-size:12px;border-color:var(--line);color:var(--gold)}
.chosen .plan-share {color:#bedaff;border-color:#5a7ead}
.recommended {background:#fff;color:#0d55c4;border:0;border-radius:2px;letter-spacing:.07em}
.tick-list li:before {color:var(--gold)}
.chosen .tick-list li:before {color:#9ecbff}
.price-card.chosen .btn {color:#fff;border-color:#a8c6ed;background:transparent}
.price-card.chosen .btn:hover {background:#174f9c}

.cost-grid {gap:72px}
.cost-grid h2 {font:750 clamp(42px,4.2vw,60px)/1.16 var(--display);letter-spacing:-.052em}
.editorial-comparison {background:#f1f6fd}
.salary-compare {box-shadow:0 14px 40px rgba(27,55,91,.065);border-color:#dbe5f1;border-radius:4px}
.salary-header h3 {font:750 26px/1.25 var(--display);letter-spacing:-.04em}
.salary-stamp {border-color:#bcd7ff;background:#edf5ff;color:var(--gold)}
.salary-total {background:#123f82;border-radius:3px}
.salary-total strong {font:800 23px var(--display);letter-spacing:-.045em}

.mini-roadmap {border-color:#c5d9ef}
.mini-roadmap>div {border-color:#c5d9ef}
.mini-roadmap span {font:800 36px var(--display);color:var(--gold);letter-spacing:-.05em}
.mini-roadmap strong {font:750 22px var(--display);letter-spacing:-.045em}

.founder-note {background:#eef4fb}
.founder-grid {gap:85px}
.founder-grid h2 {font:750 clamp(34px,3.5vw,49px)/1.22 var(--display);letter-spacing:-.045em}
.vertical-word {color:var(--gold)}
.signature {font:700 21px/1.3 var(--display)!important;letter-spacing:-.04em}
.signature span {letter-spacing:0}

.last-cta {background:#103a7b;padding:88px 0}
.last-grid h2 {font:750 clamp(42px,4.3vw,61px)/1.15 var(--display);letter-spacing:-.055em}
.last-grid p {color:#d0e0f6}
.cta-note {color:#c7daf5}

/* The footer is a natural extension of the logo: no pasted-on white sticker. */
.footer {background:#f2f7fd;color:var(--ink);padding:80px 0 25px;border-top:1px solid #dce8f5}
.footer-top {grid-template-columns:1.5fr .75fr .9fr 1.15fr;gap:45px}
.brand-foot {display:inline-flex;background:transparent;min-height:0;padding:0}
.brand-foot .official-logo {width:232px}
.footer-statement p {font:700 23px/1.47 var(--display);letter-spacing:-.045em;color:#27415d;max-width:365px;margin-top:38px}
.foot-col h4 {color:var(--gold);letter-spacing:.11em;margin-top:7px}
.foot-col a,.foot-col p {color:#61748a;font-size:12px;line-height:1.8}
.foot-col a:hover,.foot-col .foot-under:hover {color:var(--gold)}
.foot-col .foot-under {color:var(--ink);border-color:var(--gold);font-weight:800}
.footer-bottom {border-color:#d4e1f0;color:#8794a5;margin-top:65px}

/* Internal pages, tables, articles, forms, content components. */
.interior-hero,.interior-hero.story-hero {background:#f1f6fc;padding:76px 0 94px}
.interior-hero:after {content:none}
.interior-hero h1 {font:750 clamp(51px,5.7vw,81px)/1.13 var(--display);letter-spacing:-.06em;max-width:970px}
.interior-hero p {color:#586d82}
.breadcrumbs {color:#718398}
.day-card {border-color:#dfe8f2;border-radius:3px}
.day-card.new {background:#123c7b}
.day-card h3 {font:750 36px/1.2 var(--display);letter-spacing:-.05em}
.day-card.new p {color:#bbd8fb}
.day-card p {font:650 20px/1.5 var(--display);letter-spacing:-.03em}
.day-card li {border-color:#e0e8f2}
.day-card.new li {border-color:#496da1}
.beliefs {gap:60px 75px}
.beliefs article {border-color:#4d6b99}
.beliefs span {font:800 23px var(--display);color:#9dc8ff}
.beliefs h3 {font:750 27px/1.3 var(--display);letter-spacing:-.045em}
.beliefs p {color:#d0def2}
.three-notes article,.service-scope>div {border:1px solid #e0e9f4;border-radius:3px}
.three-notes h3 {font:750 26px/1.23 var(--display);letter-spacing:-.044em}
.service-scope {gap:14px}
.audience-links a {border-color:var(--line);border-radius:3px}
.audience-links span {font:750 27px var(--display);letter-spacing:-.045em}
.detail-columns article {border-color:var(--line);border-radius:3px}
.detail-columns article>span {font:800 29px var(--display)}
.detail-columns h3 {font:750 28px var(--display);letter-spacing:-.05em}
.outcome-grid article,.industry-grid article {border-color:var(--gold)}
.outcome-grid span,.industry-grid span {font:800 29px var(--display)}
.outcome-grid h3,.industry-grid h3 {font:750 25px/1.3 var(--display);letter-spacing:-.04em}
.suited h2 {font:750 42px/1.17 var(--display);letter-spacing:-.05em}
.feature-split h2 {font:750 44px/1.2 var(--display);letter-spacing:-.052em}

.plans-table th,.difference-table thead th {background:#e7f0fb;color:#19416e}
.plans-table td.yes {color:#1667e3}
.difference-table {border-color:var(--line)}
.difference-table thead th:last-child {background:#143c7b;color:#fff}
.difference-table tbody td:last-child {background:#eaf3ff}
.calculator {background:#edf4fc;border-color:#d7e3f1;border-radius:4px}
.calc-controls select {border-color:#c8d9ed;border-radius:3px}
.calc-result {background:#123c7b;border-radius:3px}
.calc-result>strong {font:800 59px var(--display);letter-spacing:-.06em}
.result-breakdown>div {border-color:#597da9}
.faq {border-color:var(--line)}
.faq summary span {font:700 24px var(--display)}
.roadmap-steps article {border-color:var(--line)}
.roadmap-steps h2 {font:750 39px/1.22 var(--display);letter-spacing:-.05em}
.target-number {font:800 clamp(86px,10vw,140px)/1 var(--display);letter-spacing:-.085em}
.target-panel h2 {font:750 42px/1.18 var(--display);letter-spacing:-.05em}
.about-logo {border-color:var(--line);border-radius:3px}
.about-grid h2 {font:750 45px/1.17 var(--display);letter-spacing:-.052em}
.contact-copy h2 {font:750 43px/1.2 var(--display);letter-spacing:-.055em}
.contact-detail {border-color:#cfdeee}
.contact-detail a {font:750 20px var(--display)}
.contact-form {border-color:#dce5f0;border-radius:3px}
.form-title h3 {font:750 32px var(--display);letter-spacing:-.05em}
.form-grid input,.form-grid select,.form-grid textarea {background:#f7faff;border-color:#d5e2ef}
.journal-card {border-color:#dce7f2;border-radius:3px}
.journal-card h2 {font:750 34px/1.2 var(--display);letter-spacing:-.05em}
.article-head h1 {font:750 clamp(52px,6vw,82px)/1.12 var(--display);letter-spacing:-.059em}
.article-head>p {color:#586e84}
.article-layout aside>span {color:var(--gold)}
.article-content h2 {font:750 35px/1.2 var(--display);letter-spacing:-.048em}
.article-end {background:#edf5ff;border-left:3px solid var(--gold);padding:40px 44px}
.article-end h3 {font:750 32px var(--display);letter-spacing:-.05em}

@media(max-width:1150px) {
  .main-nav {gap:14px}
  .brand .official-logo {width:185px}
  .nav-cta {padding:11px 13px}
  .home-hero-grid {gap:32px}
  .hero-copy h1 {font-size:62px}
  .price-card {padding:29px 24px}
}
@media(max-width:980px) {
  .shell {width:min(100% - 50px,1240px)}
  .brand .official-logo {width:210px}
  .main-nav {top:91px;background:#fff;border-color:var(--line)}
  .main-nav.open {gap:23px}
  .main-nav>a:not(.nav-cta),.nav-dropdown summary {font-size:13px}
  .nav-cta {align-self:stretch;text-align:center}
  .home-hero-grid {grid-template-columns:1fr 1fr;gap:25px}
  .hero-copy h1 {font-size:55px}
  .hero-picture {min-height:510px}
  .night-heading {gap:45px}
  .footer-top {gap:30px}
  .case-scenario>strong {font-size:65px}
}
@media(max-width:710px) {
  .shell {width:calc(100% - 36px)}
  .mast-inner {height:76px}
  .main-nav {top:76px}
  .brand .official-logo {width:197px}
  .home-hero-grid {grid-template-columns:1fr;gap:0}
  .hero-copy {padding:57px 0 26px}
  .hero-copy h1 {font-size:clamp(48px,11vw,68px)}
  .hero-lede {font-size:16px}
  .hero-picture {margin:15px 0 22px;min-height:370px}
  .image-label {left:14px;bottom:14px;padding:13px 17px}
  .image-label strong {font-size:17px}
  .section-pad {padding:72px 0}
  .story-grid,.night-heading {grid-template-columns:1fr;gap:32px}
  .story-grid h2,.section-intro h2 {font-size:clamp(38px,9vw,51px)}
  .dark-interlude h2 {font-size:clamp(37px,8vw,49px)}
  .night-heading h2 {font-size:clamp(42px,9vw,55px)}
  .night-heading .night-strong {font-size:17px}
  .case-scenarios {grid-template-columns:1fr}
  .case-scenario.better {border-left:0;border-top:1px solid var(--line)}
  .case-scenario>strong {font-size:65px}
  .case-conclusion {display:block}
  .case-conclusion p {margin-top:15px}
  .platform-inner h2 {font-size:37px}
  .price-card {min-height:auto}
  .plans-grid {grid-template-columns:1fr}
  .plans-grid .price-card:last-child {grid-column:auto}
  .founder-grid h2 {font-size:34px}
  .last-grid h2 {font-size:42px}
  .footer-top {grid-template-columns:1fr 1fr;gap:28px}
  .footer-statement {grid-column:1/-1}
  .footer-statement p {font-size:22px;max-width:500px}
  .brand-foot .official-logo {width:230px}
  .interior-hero,.interior-hero.story-hero {padding:52px 0 70px}
  .interior-hero h1 {font-size:clamp(43px,9vw,62px)}
  .target-panel h2,.about-grid h2,.contact-copy h2 {font-size:38px}
  .contact-form {padding:27px}
  .article-head h1 {font-size:clamp(42px,8.6vw,60px)}
  .article-content h2 {font-size:30px}
}
@media(max-width:420px) {
  .brand .official-logo {width:175px}
  .hero-copy h1 {font-size:46px}
  .story-grid h2,.section-intro h2 {font-size:39px}
  .price-card h3 {font-size:27px}
  .plan-price {font-size:33px}
  .case-scenario>div {font-size:27px}
  .principle-grid {grid-template-columns:1fr}
  .calc-result>strong {font-size:46px}
  .footer-top {grid-template-columns:1fr 1fr}
  .footer-statement {grid-column:1/-1}
  .brand-foot .official-logo {width:218px}
}