/* MONIFACT — quiet, evidence-first identity. White is the dominant surface.
   All solid hues are drawn exclusively from the approved six-color charter. */
:root {
  --moni-white: #FFFFFF;
  --moni-pink: #E71D73;
  --moni-green: #008D36;
  --moni-ink: #3C3C3B;
  --moni-blue: #3C63AD;
  --moni-gold: #F9BF30;
}

/* Uncomplicated wordmark: no tricolour ribbon and no coloured header rule. */
.site-header { background:var(--moni-white); border-bottom:0; box-shadow:none; }
.site-header .wordmark-prefix { color:var(--moni-ink); }
.site-header .wordmark-root { color:var(--moni-blue); }
.site-header .brand .wordmark:after { display:none; content:none; }
.site-header .brand small { color:var(--moni-ink); }

/* Preserve typography and interaction conventions; avoid themed card fills. */
.page-home {
  --ink:var(--moni-ink);
  --muted:var(--moni-ink);
  --blue:var(--moni-blue);
  --pink:var(--moni-pink);
  --green:var(--moni-green);
  --pale:var(--moni-white);
  --pale-blue:var(--moni-white);
  --pale-pink:var(--moni-white);
  --pale-green:var(--moni-white);
  --pale-yellow:var(--moni-white);
  color:var(--moni-ink);
  background:var(--moni-white);
}
.page-home .commercial-hero {
  background:var(--moni-white);
  border:0; border-radius:0; box-shadow:none;
  margin:0; padding:clamp(48px,5vw,76px) 0 clamp(58px,5vw,82px);
  gap:clamp(34px,4.5vw,70px);
}
.page-home .commercial-hero:before { display:none; content:none; }
.page-home .hero-copy h1 { color:var(--moni-ink); }
.page-home .hero-copy h1>span { color:var(--moni-blue); }
.page-home .hero-copy .brand-dash {
  background:var(--moni-pink); width:18px; height:2px;
}
.page-home .commercial-hero .hero-intro { color:var(--moni-ink); }
.page-home .commercial-hero .button:not(.outline) {
  background:var(--moni-blue); border-color:var(--moni-blue);
  color:var(--moni-white); box-shadow:none;
}
.page-home .commercial-hero .button:not(.outline):hover,
.page-home .commercial-hero .button:not(.outline):focus-visible {
  background:var(--moni-ink); border-color:var(--moni-ink);
}

/* Preview: a quiet document panel, not a bright advertising banner. */
.page-home .product-preview {
  position:relative; background:var(--moni-white);
  border:0; border-radius:14px; box-shadow:none;
}
.page-home .product-preview:before { display:none; content:none; }
.page-home .product-preview:after {
  content:""; position:absolute; inset:0;
  border:1px solid var(--moni-ink); border-radius:inherit;
  opacity:.20; pointer-events:none;
}
.page-home .product-preview .signal-card { border-top:2px solid var(--moni-blue); }
.page-home .product-preview .eyebrow { color:var(--moni-ink); }

/* Uniform white directory cards. Their hairline uses translucent charter grey. */
.page-home .market-section .section-title h2,
.page-home .specialized-market-section .section-title h2 {
  border-left:0; padding-left:0;
}
.page-home .vertical-grid .vertical-card,
.page-home .market-section .vertical-grid .vertical-card,
.page-home .specialized-market-section .vertical-grid .vertical-card,
.page-home .market-section .vertical-grid .vertical-card:nth-child(4n+1),
.page-home .market-section .vertical-grid .vertical-card:nth-child(4n+2),
.page-home .market-section .vertical-grid .vertical-card:nth-child(4n+3),
.page-home .market-section .vertical-grid .vertical-card:nth-child(4n+4),
.page-home .specialized-market-section .vertical-grid .vertical-card:nth-child(4n+1),
.page-home .specialized-market-section .vertical-grid .vertical-card:nth-child(4n+2),
.page-home .specialized-market-section .vertical-grid .vertical-card:nth-child(4n+3),
.page-home .specialized-market-section .vertical-grid .vertical-card:nth-child(4n+4) {
  background:var(--moni-white); border:0;
  border-radius:12px; color:var(--moni-ink);
  box-shadow:none; position:relative;
}
.page-home .vertical-grid .vertical-card:after {
  content:""; position:absolute; inset:0; border:1px solid var(--moni-ink);
  border-radius:inherit; opacity:.18; pointer-events:none;
}
.page-home .vertical-card h3,
.page-home .vertical-card h3 a,
.page-home .vertical-card p,
.page-home .vertical-card span { color:var(--moni-ink); }
.page-home .vertical-card .vertical-card-footer {
  border-top:0; padding-top:18px;
}
.page-home .vertical-card .text-cta { color:var(--moni-blue); }

/* Proof and change tiles use the same quiet language; small coloured glyphs only. */
.page-home .why-section .value-card,
.page-home .signals-section .signal-card {
  background:var(--moni-white); border:0; border-radius:12px;
  color:var(--moni-ink); box-shadow:none; position:relative;
}
.page-home .why-section .value-card:after,
.page-home .signals-section .signal-card:after {
  content:""; position:absolute; inset:0; border:1px solid var(--moni-ink);
  border-radius:inherit; opacity:.16; pointer-events:none;
}
.page-home .why-section .value-card:before { display:none; content:none; }
.page-home .why-section .value-card .card-symbol {
  color:var(--moni-blue); background:var(--moni-white);
  border:0; border-bottom:2px solid var(--moni-blue);
  border-radius:0;
}
.page-home .why-section .value-card.accent-pink .card-symbol {
  color:var(--moni-ink); border-bottom-color:var(--moni-pink);
}
.page-home .why-section .value-card.accent-green .card-symbol {
  color:var(--moni-ink); border-bottom-color:var(--moni-green);
}
.page-home .signals-section .signal-card { border-top:2px solid var(--moni-blue); }

/* All four process cards are white. Blue is reserved for actionable text. */
.page-home .capabilities .four-grid .capability,
.page-home .capabilities .four-grid .capability.blue-panel,
.page-home .capabilities .four-grid .capability.pale-pink,
.page-home .capabilities .four-grid .capability.pale-green,
.page-home .capabilities .four-grid .capability.pale-yellow {
  position:relative; background:var(--moni-white) !important;
  border:0; border-radius:12px; box-shadow:none;
  color:var(--moni-ink) !important;
}
.page-home .capabilities .four-grid .capability:after {
  content:""; position:absolute; inset:0; border:1px solid var(--moni-ink);
  border-radius:inherit; opacity:.18; pointer-events:none;
}
.page-home .capabilities .four-grid .capability:hover,
.page-home .capabilities .four-grid .capability:focus-visible {
  background:var(--moni-white); box-shadow:none;
}
.page-home .capabilities .four-grid .capability h3,
.page-home .capabilities .four-grid .capability p,
.page-home .capabilities .four-grid .capability .step-number {
  color:var(--moni-ink); opacity:1;
}
.page-home .capabilities .four-grid .capability>span:last-child { color:var(--moni-blue); }

/* Replace the large saturated-blue footer callout with calm white space. */
.page-home .closing-cta {
  background:var(--moni-white); color:var(--moni-ink);
  margin-top:28px; border-top:1px solid var(--moni-ink);
}
.page-home .closing-cta h2,
.page-home .closing-cta p { color:var(--moni-ink); opacity:1; }
.page-home .closing-cta .eyebrow { color:var(--moni-blue); opacity:1; }
.page-home .closing-cta .cta-stack .button.light {
  background:var(--moni-blue); border:1px solid var(--moni-blue);
  color:var(--moni-white); box-shadow:none;
}
.page-home .closing-cta .cta-stack .button.light:hover,
.page-home .closing-cta .cta-stack .button.light:focus-visible {
  background:var(--moni-ink); border-color:var(--moni-ink);
}
.page-home .closing-cta .inverse-link { color:var(--moni-blue); }

/* Functional navigation keeps its blue controls, without coloured framing. */
.seo-pagination {
  border-top:1px solid var(--moni-ink); border-bottom:0;
  background:var(--moni-white);
}
.seo-pagination a { background:var(--moni-blue); color:var(--moni-white); }
.seo-pagination a:hover,.seo-pagination a:focus-visible {
  background:var(--moni-ink); color:var(--moni-white);
}
.seo-pagination span { color:var(--moni-ink); }
@media(max-width:940px){
  .page-home .commercial-hero { padding:45px 0 55px; gap:30px; }
}
@media(max-width:640px){
  .page-home .commercial-hero { padding:32px 0 45px; margin:0; box-shadow:none; }
  .page-home .product-preview { box-shadow:none; }
}
@media(prefers-reduced-motion:reduce){
  .page-home .commercial-hero * { animation:none!important; }
}

/* MONIFACT phase 4b — micro-accents only: all surfaces remain white.
   A micro-accent is a 2–3px rule or a 7px marker, never a coloured panel.
   This section deliberately affects only the public home page. */

/* 1. Five discreet section markers, each identifying a reading context. */
.page-home .market-section .section-title .eyebrow::before,
.page-home .specialized-market-section .section-title .eyebrow::before,
.page-home .why-section .section-title .eyebrow::before,
.page-home .signals-section .section-title .eyebrow::before,
.page-home .capabilities .section-title .eyebrow::before {
  content:"";
  display:inline-block;
  flex:0 0 16px;
  width:16px;
  height:2px;
  margin-right:3px;
  background-color:var(--moni-blue);
  border-radius:2px;
  vertical-align:middle;
}
.page-home .specialized-market-section .section-title .eyebrow::before { background-color:var(--moni-gold); }
.page-home .why-section .section-title .eyebrow::before { background-color:var(--moni-pink); }
.page-home .signals-section .section-title .eyebrow::before { background-color:var(--moni-green); }

/* 2. Tiny top-left strokes distinguish markets without colouring the cards. */
.page-home .vertical-grid .vertical-card::before {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:28px;
  width:48px;
  height:3px;
  border-radius:0 0 2px 2px;
  background-color:var(--moni-blue);
  pointer-events:none;
  z-index:1;
}
.page-home .market-section .vertical-card:nth-child(2)::before { background-color:var(--moni-pink); }
.page-home .market-section .vertical-card:nth-child(3)::before { background-color:var(--moni-green); }
.page-home .market-section .vertical-card:nth-child(4)::before { background-color:var(--moni-gold); }
.page-home .specialized-market-section .vertical-card:nth-child(2)::before { background-color:var(--moni-green); }
.page-home .specialized-market-section .vertical-card:nth-child(3)::before { background-color:var(--moni-blue); }
.page-home .specialized-market-section .vertical-card:nth-child(4)::before { background-color:var(--moni-gold); }

/* 3. A restrained cue on the evidence preview; its full frame stays neutral. */
.page-home .product-preview::before {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:26px;
  width:52px;
  height:2px;
  border-radius:2px;
  background-color:var(--moni-blue);
  pointer-events:none;
  z-index:1;
}

/* 4. Seven-pixel process markers: no solid coloured step cards. */
.page-home .capabilities .four-grid .capability .step-number {
  display:inline-flex;
  align-items:center;
  gap:9px;
}
.page-home .capabilities .four-grid .capability .step-number::before {
  content:"";
  flex:0 0 7px;
  width:7px;
  height:7px;
  border-radius:50%;
  background-color:var(--moni-blue);
}
.page-home .capabilities .four-grid .capability:nth-child(2) .step-number::before { background-color:var(--moni-pink); }
.page-home .capabilities .four-grid .capability:nth-child(3) .step-number::before { background-color:var(--moni-green); }
.page-home .capabilities .four-grid .capability:nth-child(4) .step-number::before { background-color:var(--moni-gold); }

/* 5. The proof icons retain the existing blue/pink/green understated marks.
   The closing call-to-action stays white, with a small gold leading rule. */
.page-home .closing-cta .eyebrow::before {
  content:"";
  display:inline-block;
  width:16px;
  height:2px;
  margin-right:8px;
  background-color:var(--moni-gold);
  border-radius:2px;
  vertical-align:middle;
}