/* Quillmerce v5 — presentation-only polish layered over approved v4.
   No changes to copy, section order, approved brand art or destination URLs. */
:root {
  --polish-ease: cubic-bezier(.22,.68,0,1);
}
html { scroll-padding-top: 106px; }
:target { scroll-margin-top: 106px; }
:focus-visible {
  outline: 3px solid #2b9d81;
  outline-offset: 3px;
}
.nav-shell, .site-footer, .footer-business-card { min-width: 0; }
.site-header .nav-shell {
  transition: box-shadow .26s ease, border-color .26s ease, background-color .26s ease;
}
.site-header.is-scrolled .nav-shell {
  border-color: rgba(36,73,54,.24);
  box-shadow: 0 12px 34px rgba(27,54,38,.11);
}
.main-nav a, .footer-col a, .footer-legal a, .funding-news a {
  text-underline-offset: 5px;
}
/* Make the familiar CTAs feel responsive without aggressive movement. */
.btn, .icon-button, .mobile-menu a, .funding-news a {
  -webkit-tap-highlight-color: transparent;
}
.btn:active, .icon-button:active { transform: translateY(0) scale(.985); }
.btn:focus-visible, .icon-button:focus-visible,
.main-nav a:focus-visible, .mobile-menu a:focus-visible,
.footer-col a:focus-visible, .footer-legal a:focus-visible,
.footer-business-detail:focus-visible, .funding-news a:focus-visible,
.social-link:focus-visible, .integration-chip:focus-visible {
  outline: 3px solid #2b9d81; outline-offset: 3px;
}
/* Staged reveal runs at the point of entry; without JS everything remains visible. */
.reveal { opacity:1; transform:none; animation:none; }
.has-motion .reveal {
  opacity:0;
  transform: translate3d(0,18px,0);
  transition: opacity .68s var(--polish-ease), transform .68s var(--polish-ease);
  animation:none;
}
.has-motion .reveal.visible { opacity:1; transform:translate3d(0,0,0); }
.has-motion .reveal-delay-1 { transition-delay:.065s; }
.has-motion .reveal-delay-2 { transition-delay:.12s; }
.has-motion .reveal-delay-3 { transition-delay:.18s; }
/* Interactive cards: delicate tactile cue, never a heavy floating effect. */
@media (hover:hover) and (pointer:fine) {
  .feature-card, .editorial-blog-card, .role-summary-grid>article,
  .principle-panel>div, .price-card, .update-article-list-item {
    transition: border-color .27s ease, box-shadow .3s ease, transform .32s var(--polish-ease);
  }
  .feature-card:hover, .editorial-blog-card:hover, .role-summary-grid>article:hover,
  .principle-panel>div:hover, .price-card:hover, .update-article-list-item:hover {
    transform:translateY(-3px);
    border-color:rgba(42,100,72,.29);
    box-shadow:0 18px 38px rgba(36,72,48,.075);
  }
  .funding-news a:hover { transform:translateX(2px); }
}
/* Funding strip: allow natural reflow rather than squeezing small screens. */
.funding-news-inner, .funding-news-copy, .funding-news-inner a { min-width:0; }
.funding-news-inner a { transition:color .2s ease,transform .2s ease; }
/* Accessible animated navigation. Disabled without JS so links remain reachable. */
@media(max-width:1180px) {
  .has-js .mobile-menu {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    visibility:hidden;
    pointer-events:none;
    opacity:0;
    max-height:0;
    overflow:hidden;
    margin-top:0;
    padding-block:0;
    border-width:0;
    transform:translateY(-7px);
    transition:opacity .22s ease, transform .28s var(--polish-ease), max-height .3s ease,
      margin-top .2s ease, padding .2s ease, visibility .2s ease;
  }
  .has-js .mobile-menu.open {
    visibility:visible;
    pointer-events:auto;
    opacity:1;
    max-height:min(610px,calc(100dvh - 120px));
    overflow-y:auto;
    margin-top:8px;
    padding:12px;
    border-width:1px;
    transform:translateY(0);
    overscroll-behavior:contain;
  }
  html:not(.has-js) .mobile-menu {
    display:grid; gap:4px;
  }
  html:not(.has-js) .mobile-menu-button {display:none;}
  .mobile-menu a { min-height:44px; display:flex; align-items:center; }
  .mobile-menu a.active, .mobile-menu a[aria-current="page"] {
    color:#19452e;
    background:#edf5eb;
    font-weight:800;
  }
  .mobile-menu .mobile-book-demo { color:#fff; background:#244936; justify-content:center; }
  .mobile-menu .mobile-book-demo:hover { color:#fff; background:#183a2a; }
}
@media(min-width:1181px) {
  .mobile-menu, .mobile-menu.open {display:none!important;}
}
@media(max-width:900px) {
  .funding-news-inner { align-items:center; }
  .funding-news a {min-height:40px;align-items:center;}
  .footer-business-card,.footer-business-intro,.footer-business-details{min-width:0;}
}
@media(max-width:680px) {
  html { scroll-padding-top:78px; }
  :target { scroll-margin-top:78px; }
  .page-hero {padding-top:48px;}
  .section {padding-block:clamp(50px,10vw,70px);}
  .section-sm {padding-block:clamp(40px,8vw,52px);}
  .hero {padding-bottom:42px;}
  .hero-editorial-panel { min-width:0; }
  .footer-col a, .footer-legal a {min-height:30px;display:inline-flex;align-items:center;}
  .footer-col a { display:flex; }
  .footer-bottom {gap:12px;}
  .demo-card {min-width:0;}
  .demo-form input,.demo-form select,.demo-form textarea {font-size:16px;} /* iOS focus: no zoom */
}
@media(max-width:460px) {
  .funding-news-inner {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px 10px;
    padding-block:12px 14px;
  }
  .funding-news-label {grid-column:1;grid-row:1;justify-self:start;}
  .funding-news a {grid-column:2;grid-row:1;justify-self:end;margin:0;min-height:30px;}
  .funding-news-copy {grid-column:1/-1;grid-row:2;display:block;font-size:.8rem;}
  .funding-news-copy small {display:block;margin-top:2px;line-height:1.5;}
  .hero h1 {font-size:clamp(2.65rem,11.4vw,3.9rem);}
  .hero-editorial-panel h2 {font-size:clamp(1.8rem,7.5vw,2rem);}
  .nav-shell {gap:7px;}
  .nav-actions {gap:6px;}
  .footer-business-card {padding:18px;}
}
@media(max-width:350px) {
  .nav-shell {padding-inline:7px;gap:4px;}
  .brand {gap:5px;}
  .brand img {width:31px;height:31px;}
  .brand-name {font-size:.87rem;}
  .nav-actions {gap:4px;}
  .nav-actions .btn-primary {font-size:.70rem;padding-inline:7px;min-height:38px;}
  .mobile-menu-button {width:36px;height:36px;}
  .hero h1 {font-size:2.6rem;}
}
/* Keep motion respectful for reduced-motion preferences and coarse pointers. */
@media(hover:none) {
  .feature-card:hover,.editorial-blog-card:hover,.price-card:hover,.btn:hover { transform:none; }
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto!important;}
  .has-motion .reveal,.has-motion .reveal.visible {opacity:1!important;transform:none!important;}
  .has-js .mobile-menu {transition:none!important;}
  .page-main {animation:none!important;}
}
/* Author-level card display must never override native hidden state. */
[data-category][hidden] { display:none!important; }

/* v6 targeted layout: move sample funding card into the original post-hero slot. */
.home-funding-slot .funding-news {
  margin-top:0; border:1px solid #d9e6d5; border-radius:17px;
  background:#eef5e9; box-shadow:0 9px 28px rgba(27,59,42,.045);
}
.home-funding-slot .funding-news-inner {padding:17px 22px; min-height:76px;}
.home-funding-slot .funding-news-copy {font-size:.91rem;}
@media(max-width:680px) {
  .home-funding-slot .funding-news-inner {padding:13px 14px;}
}


/* v7 information architecture + lighter editorial typography.
   Existing Quillmerce color system and section content remain intact. */
h1, h2, h3 {
  font-weight: 600 !important;
  letter-spacing: -.032em;
}
h1 {
  font-size: clamp(2.55rem, 4.45vw, 4.65rem);
  line-height: 1.02;
}
h2 {
  font-size: clamp(1.85rem, 3.15vw, 3rem);
  line-height: 1.10;
}
h3 {
  font-size: clamp(1.08rem, 1.5vw, 1.34rem);
  letter-spacing: -.022em;
}
.hero h1 {
  font-size: clamp(2.95rem, 4.45vw, 4.7rem);
  line-height: 1.015;
  font-weight: 600 !important;
}
.page-hero h1,
.demo-intro h1,
.funding-article-head h1,
.access-card h1 {
  font-size: clamp(2.55rem, 4vw, 4rem);
  line-height: 1.035;
  font-weight: 600 !important;
}
.hero-editorial-panel h2,
.update-article-list-item h2,
.funding-article-body h2,
.demo-card h2 {
  font-weight: 600 !important;
}
.main-nav a,
.btn,
.footer-col strong {
  font-weight: 600;
}
.home-demo-panel {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  padding:42px 46px;
  border:1px solid #d4e2d1;
  border-radius:22px;
  background:linear-gradient(140deg,#eef5e9,#fff 76%);
  box-shadow:0 14px 42px rgba(31,65,43,.055);
}
.home-demo-panel>div{max-width:760px}
.home-demo-panel h2{margin:8px 0 12px}
.platform-pricing-intro{padding-bottom:36px}
.platform-pricing-intro + .section-sm{padding-top:14px}
.social-link { background:#fff; }
.social-link svg { fill:currentColor; }
.social-linkedin { color:#0A66C2; border-color:rgba(10,102,194,.28); }
.social-facebook { color:#1877F2; border-color:rgba(24,119,242,.28); }
.social-x { color:#000; border-color:rgba(0,0,0,.22); }
.social-crunchbase { color:#146AFF; border-color:rgba(20,106,255,.28); }
.social-linkedin:hover { background:#eef6fc; border-color:#0A66C2; }
.social-facebook:hover { background:#eef5ff; border-color:#1877F2; }
.social-x:hover { background:#f2f2f2; border-color:#000; }
.social-crunchbase:hover { background:#eef3ff; border-color:#146AFF; }
@media(max-width:680px){
  h1{font-size:clamp(2.25rem,10.6vw,3.35rem)}
  h2{font-size:clamp(1.7rem,7.8vw,2.35rem)}
  .hero h1{font-size:clamp(2.45rem,10.8vw,3.45rem)}
  .page-hero h1,.demo-intro h1,.funding-article-head h1,.access-card h1{font-size:clamp(2.2rem,9.9vw,3.15rem)}
  .home-demo-panel{align-items:flex-start;flex-direction:column;padding:30px 26px;gap:22px}
}
/* Keep placeholder social destinations visually on-brand until real URLs are connected. */
.social-link.is-placeholder { opacity:1; }

/* v8 controlled section color variation.
   Content, layout, typography and navigation remain unchanged. */
:root {
  --tone-paper: #fbfaf4;
  --tone-sage: #eff6eb;
  --tone-mint: #edf7f4;
  --tone-mist: #f1f5f8;
  --tone-sand: #f8f2e8;
  --tone-lilac: #f5f2f8;
}

/* Keep the opening area calm and familiar. */
.hero,
.page-hero,
.demo-page,
.funding-article-head {
  background: var(--tone-paper);
}

/* Give the key platform ribbon a distinct, branded sage band. */
.capability-ribbon {
  background: var(--tone-sage) !important;
  border-color: #d7e6d2;
}

/* Rotate restrained tones through existing alternate sections. */
main > section.section-alt:nth-of-type(5n + 1) { background: var(--tone-sage); }
main > section.section-alt:nth-of-type(5n + 2) { background: var(--tone-mist); }
main > section.section-alt:nth-of-type(5n + 3) { background: var(--tone-sand); }
main > section.section-alt:nth-of-type(5n + 4) { background: var(--tone-mint); }
main > section.section-alt:nth-of-type(5n)     { background: var(--tone-lilac); }

/* A little contrast in selected plain sections without creating stripes everywhere. */
main > section.section:not(.section-alt):nth-of-type(4n + 1) { background: #ffffff; }
main > section.section:not(.section-alt):nth-of-type(4n + 3) { background: #fafbf9; }

/* Semantic sections get intentional tones. */
.home-demo-section {
  background: var(--tone-mint) !important;
}
.platform-pricing-intro {
  background: var(--tone-sand) !important;
}
.leadership-about {
  background: var(--tone-mist) !important;
}

/* Keep cards crisp against the new section surfaces. */
.section-alt .feature-card,
.section-alt .use-case-card,
.section-alt .principle-panel > div,
.section-alt .role-summary-grid > article,
.section-alt .price-card {
  background: rgba(255,255,255,.94);
  border-color: rgba(55,82,66,.14);
}

/* Funding remains a focused green signal rather than another full green band. */
.home-funding-slot {
  background: transparent !important;
}
.home-funding-slot .funding-news {
  background: #eef6e8;
  border-color: #d7e6d1;
}

/* Preserve dark CTA/footer contrast exactly as before. */
.cta,
.site-footer {
  isolation: isolate;
}

/* V9 FAQ typography + square card treatment */
.faq details {
  border-radius: 0 !important;
}
.faq summary {
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}

/* v10: stronger native social brand colors */
.footer-socials .social-link { background:#fff !important; opacity:1 !important; }
.footer-socials .social-link svg { fill:currentColor !important; opacity:1 !important; }
.footer-socials .social-linkedin { color:#0A66C2 !important; border-color:rgba(10,102,194,.40) !important; }
.footer-socials .social-facebook { color:#1877F2 !important; border-color:rgba(24,119,242,.40) !important; }
.footer-socials .social-x { color:#000000 !important; border-color:rgba(0,0,0,.30) !important; }
.footer-socials .social-crunchbase { color:#0288D1 !important; border-color:rgba(2,136,209,.38) !important; }

/* v12 aesthetic refinement — same Quillmerce palette, more editorial structure. */
:root{
  --container:1160px;
  --radius-sm:8px;
  --radius:11px;
  --radius-lg:14px;
  --radius-xl:18px;
  --shadow-sm:0 8px 24px rgba(31,65,43,.055);
  --shadow:0 18px 50px rgba(31,65,43,.085);
  --shadow-lg:0 26px 74px rgba(31,65,43,.12);
}
body{background:var(--tone-paper,#fbfaf4)}
.nav-shell{border-radius:12px;box-shadow:0 10px 34px rgba(31,65,43,.07)}
.kicker{border-radius:7px;box-shadow:none;background:#fff}
.btn{border-radius:7px}

/* Homepage: stronger contrast and clearer section rhythm. */
.home-page .hero{gap:64px;padding-top:76px;padding-bottom:70px}
.home-page .hero-copy{max-width:600px}
.home-page .hero h1{max-width:590px}
.home-page .hero-editorial-panel{
  background:#183b2b;
  border-color:#183b2b;
  border-radius:14px;
  box-shadow:0 22px 58px rgba(20,54,38,.16);
}
.home-page .hero-editorial-panel h2,
.home-page .hero-editorial-panel .editorial-panel-row strong{color:#fff}
.home-page .hero-editorial-panel>p,
.home-page .hero-editorial-panel .editorial-panel-row span{color:rgba(255,255,255,.70)}
.home-page .hero-editorial-panel .editorial-panel-top,
.home-page .hero-editorial-panel .editorial-panel-bottom{color:#8fd7bd}
.home-page .hero-editorial-panel .editorial-panel-row{border-color:rgba(255,255,255,.16)}
.home-page .hero-editorial-panel .editorial-panel-row>b{color:#65d5b3}
.home-page .hero-editorial-panel .panel-monogram{background:#f8f2e8;border-radius:6px;padding:4px}
.home-page .home-funding-slot .funding-news{border-radius:8px;box-shadow:none}
.home-page .capability-ribbon{background:#f0f5ed!important;border-block:1px solid #ccdccb}
.home-page .capability-rail{border-radius:8px;background:#cbdccb}
.home-page .capability-rail span{padding:20px 15px}

/* Home feature grid: editorial, flatter, less template-like. */
.home-page main>section:nth-of-type(4) .section-head{margin-inline:0;text-align:left;max-width:690px}
.home-page main>section:nth-of-type(4) .section-head .lead{margin-inline:0}
.home-page main>section:nth-of-type(4) .feature-card{
  min-height:220px;border-radius:8px;box-shadow:none;border-color:#cad9ca;background:#fff;
}
.home-page main>section:nth-of-type(4) .feature-card::after{display:none}
.home-page main>section:nth-of-type(4) .feature-icon{
  width:42px;height:42px;border-radius:6px;box-shadow:none;background:#dff2e9;color:#174c37;
}

/* Workflow becomes the dark editorial anchor. */
.home-page main>section:nth-of-type(2){background:#17392a!important;color:#fff}
.home-page main>section:nth-of-type(2) .eyebrow{color:#78d3b4}
.home-page main>section:nth-of-type(2) h2,
.home-page main>section:nth-of-type(2) h3{color:#fff}
.home-page main>section:nth-of-type(2) .lead,
.home-page main>section:nth-of-type(2) .step p{color:rgba(255,255,255,.72)}
.home-page main>section:nth-of-type(2) .step{
  background:transparent;border:0;border-top:1px solid rgba(255,255,255,.18);border-radius:0;padding:19px 0;
}
.home-page main>section:nth-of-type(2) .step:first-child{border-top-color:rgba(255,255,255,.18)}
.home-page main>section:nth-of-type(2) .step-num{background:#83d6b8;color:#143829;border-radius:5px}

/* Keep surfaces restrained: paper, white, sage, then dark CTA. */
.home-page main>section:nth-of-type(6),
.home-page main>section:nth-of-type(8),
.home-page main>section:nth-of-type(11),
.home-page main>section:nth-of-type(15){background:#fff!important}
.home-page main>section:nth-of-type(7),
.home-page main>section:nth-of-type(9),
.home-page main>section:nth-of-type(12){background:#f1f5ed!important}
.home-page main>section:nth-of-type(10){background:#f8f2e8!important}
.home-page .brand-panel,
.home-page .security-panel,
.home-page .home-demo-panel{border-radius:10px;box-shadow:none}
.home-page .principle-panel>div,
.home-page .role-summary-grid>article,
.home-page .use-case-card,
.home-page .output-item{border-radius:7px;box-shadow:none}
.home-page .home-demo-panel{background:#e8f4ee;border-color:#c8dece}
.home-page .integration-strip{border-radius:8px;box-shadow:none}
.home-page .integration-chip{border-radius:6px}
.home-page .cta{border-radius:10px;background:#17392a;box-shadow:none}
.home-page .cta::after{display:none}

/* Inner pages: same content, cleaner editorial composition. */
.page-hero{padding-top:62px;padding-bottom:46px;border-bottom:1px solid #d9e2d7}
.page-hero .breadcrumbs{font-size:.78rem;letter-spacing:.02em}
.page-hero h1{max-width:820px}
.product-page .module,
.use-cases-page .use-case-card,
.commerce-stack-page .integration-card,
.company-page .role-summary-grid>article,
.company-page .principle-panel>div{border-radius:7px;box-shadow:none}
.product-page .module{border-color:#cbd9ca;background:#fff}
.product-page .platform-tabs a{border-radius:6px}
.product-page .price-card{border-radius:8px;box-shadow:none}
.product-page .price-card.featured{background:#17392a;color:#fff;border-color:#17392a}
.product-page .price-card.featured p,
.product-page .price-card.featured .price-feature,
.product-page .price-card.featured .price span{color:rgba(255,255,255,.72)}
.product-page .price-card.featured .price-feature .icon{color:#75d5b5}
.product-page .price-card.featured .btn{background:#fff;color:#17392a;border-color:#fff}

.company-page .page-hero{background:#fbfaf4}
.company-page .leadership-about{background:#17392a!important;color:#fff}
.company-page .leadership-about h2,
.company-page .leadership-about h3{color:#fff}
.company-page .leadership-about p,
.company-page .leadership-about .lead{color:rgba(255,255,255,.70)}
.company-page .leadership-about .eyebrow{color:#7bd4b6}
.company-page .leadership-about article{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}

/* FAQ stays square and becomes lighter editorial UI. */
.faq{gap:0;border-top:1px solid #ccd8cc}
.faq details{border:0;border-bottom:1px solid #ccd8cc;border-radius:0!important;background:transparent;padding:20px 2px}
.faq summary{font-weight:550!important;font-size:1rem;letter-spacing:-.006em}
.faq details[open]{background:transparent}

/* Footer retains all content; only reduce visual bulk. */
.site-footer{border-top:1px solid #cad7cc}
.footer-business-card{border-radius:10px;box-shadow:none}
.footer-business-detail{border-radius:7px}
.footer-socials .social-link{border-radius:7px}

@media(max-width:900px){
  .home-page .hero{gap:36px}
  .home-page .hero-copy{max-width:760px}
  .home-page .hero h1{max-width:760px}
}
@media(max-width:680px){
  :root{--container:100%}
  .home-page .hero{padding-top:46px}
  .home-page .hero-editorial-panel{border-radius:10px}
  .home-page main>section:nth-of-type(4) .section-head{max-width:none}
  .home-page main>section:nth-of-type(2) .workflow{gap:24px}
  .home-page .home-demo-panel{border-radius:8px}
  .page-hero{padding-top:48px}
}


/* v13 contrast/readability correction — no content/layout rewrite. */
/* Brand voice section returns to a light commerce surface. */
.home-page main>section:nth-of-type(5){
  background:#fbfaf4 !important;
  color:var(--text);
}
.home-page main>section:nth-of-type(5) h2,
.home-page main>section:nth-of-type(5) h3,
.home-page main>section:nth-of-type(5) strong{color:#183b2b}
.home-page main>section:nth-of-type(5) .lead,
.home-page main>section:nth-of-type(5) p{color:#5d7163}
.home-page main>section:nth-of-type(5) .eyebrow,
.home-page main>section:nth-of-type(5) .vertical-eyebrow{color:#3b7657}
.home-page .brand-panel{background:#edf4e9;border-color:#cbdccc}
.home-page .brand-text-note{background:#fff;border-color:#c7d9ca}

/* Company dark section: every surface gets deliberate contrast. */
.company-page .leadership-about .leadership-intro-item{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.18);
  box-shadow:none;
  border-radius:7px;
}
.company-page .leadership-about .leadership-intro-item strong{color:#fff}
.company-page .leadership-about .leadership-intro-item span{color:rgba(255,255,255,.72)}
.company-page .leadership-about .role-summary-grid>article{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.17);
}
.company-page .leadership-about .role-summary-grid article>span{color:#88d8bc}
.company-page .leadership-about .role-summary-grid h3{color:#fff}
.company-page .leadership-about .role-summary-grid p{color:rgba(255,255,255,.72)}

/* Dark-forest footer: same content, stronger ending and readable business panel. */
.site-footer{
  background:#17392a !important;
  border-top-color:#17392a !important;
  color:#fff;
}
.site-footer .brand-name,
.site-footer .footer-col strong,
.site-footer .footer-business-intro>strong{color:#fff}
.site-footer .footer-brand p,
.site-footer .footer-col a,
.site-footer .footer-bottom,
.site-footer .footer-legal a{color:rgba(255,255,255,.72)}
.site-footer .footer-col a:hover,
.site-footer .footer-legal a:hover{color:#fff}
.site-footer .footer-bottom{border-top-color:rgba(255,255,255,.16)}
.site-footer .footer-business-card{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.16);
}
.site-footer .footer-business-intro{background:transparent}
.site-footer .footer-business-kicker{color:#86d8bb}
.site-footer .footer-business-intro p{color:rgba(255,255,255,.70)}
.site-footer .footer-business-detail{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.16);
  color:#fff;
}
.site-footer .footer-business-detail span{color:rgba(255,255,255,.66)}
.site-footer .footer-business-detail strong{color:#fff}
.site-footer .footer-business-detail .icon{color:#85d8ba}
.site-footer a.footer-business-detail:hover{
  background:rgba(255,255,255,.105);
  border-color:rgba(255,255,255,.28);
}
/* Keep social services recognizable on the dark footer. */
.site-footer .footer-socials .social-link{background:#fff !important}
.site-footer .footer-socials .social-linkedin{color:#0A66C2 !important}
.site-footer .footer-socials .social-facebook{color:#1877F2 !important}
.site-footer .footer-socials .social-x{color:#000 !important}
.site-footer .footer-socials .social-crunchbase{color:#0288D1 !important}

/* v14 color rebalance — soften selected dark sections while preserving the dark footer. */
:root{
  --qm-sage-strong:#d9e7dc;
  --qm-sage-mid:#e4eee6;
  --qm-sage-card:#f7faf7;
  --qm-sage-border:#b9cdbf;
  --qm-sage-text:#17392a;
  --qm-sage-muted:#53695c;
}

/* Homepage workflow: lighter editorial anchor, same structure and copy. */
.home-page main>section:nth-of-type(2){
  background:var(--qm-sage-strong)!important;
  color:var(--qm-sage-text);
  border-block:1px solid var(--qm-sage-border);
}
.home-page main>section:nth-of-type(2) .eyebrow{color:#2f7658}
.home-page main>section:nth-of-type(2) h2,
.home-page main>section:nth-of-type(2) h3{color:var(--qm-sage-text)}
.home-page main>section:nth-of-type(2) .lead,
.home-page main>section:nth-of-type(2) .step p{color:var(--qm-sage-muted)}
.home-page main>section:nth-of-type(2) .step{
  background:rgba(255,255,255,.42);
  border:0;
  border-top:1px solid rgba(23,57,42,.18);
  border-radius:0;
  padding:19px 0;
}
.home-page main>section:nth-of-type(2) .step-num{
  background:#79cfb0;
  color:#143829;
  border-radius:5px;
}

/* Company cross-functional section: medium sage, readable cards, less visual weight. */
.company-page .leadership-about{
  background:#d5e4d9!important;
  color:var(--qm-sage-text);
  border-block:1px solid #b7cbbd;
}
.company-page .leadership-about h2,
.company-page .leadership-about h3{color:var(--qm-sage-text)}
.company-page .leadership-about p,
.company-page .leadership-about .lead{color:var(--qm-sage-muted)}
.company-page .leadership-about .eyebrow{color:#347558}
.company-page .leadership-about .leadership-intro-item{
  background:rgba(255,255,255,.58);
  border-color:#b7cbbd;
}
.company-page .leadership-about .leadership-intro-item strong{color:var(--qm-sage-text)}
.company-page .leadership-about .leadership-intro-item span{color:var(--qm-sage-muted)}
.company-page .leadership-about .role-summary-grid>article{
  background:rgba(247,250,247,.72);
  border-color:#b7cbbd;
}
.company-page .leadership-about .role-summary-grid article>span{color:#4d8064}
.company-page .leadership-about .role-summary-grid h3{color:var(--qm-sage-text)}
.company-page .leadership-about .role-summary-grid p{color:var(--qm-sage-muted)}

/* Homepage final CTA: medium-light sage instead of another full dark slab. */
.home-page .cta{
  background:#d3e3d7;
  border:1px solid #b5c9bb;
  color:var(--qm-sage-text);
}
.home-page .cta h2{color:var(--qm-sage-text)}
.home-page .cta p{color:var(--qm-sage-muted)}
.home-page .cta .btn-secondary{
  background:#17392a;
  border-color:#17392a;
  color:#fff;
}
.home-page .cta .btn-secondary:hover{
  background:#214b39;
  border-color:#214b39;
  color:#fff;
}

/* Footer intentionally remains the darkest green anchor. */
.site-footer{background:#17392a!important;border-top-color:#17392a!important}


/* v15 targeted workflow alignment fix: keep step number badges fully inset. */
.home-page main>section:nth-of-type(2) .step{
  padding:19px 20px;
  column-gap:16px;
}
.home-page main>section:nth-of-type(2) .step-num{
  margin-left:0;
  flex-shrink:0;
}
@media (max-width:640px){
  .home-page main>section:nth-of-type(2) .step{padding:16px 14px;}
}