/* ==========================================================================
   workflow-support.css — premium page layer for /workflow-support
   Loads AFTER shared/premium.css. Every rule scoped to body.page-workflow.

   Decision flow this page drives:
   1. Orient — what workflow support is + who it serves (offer hero)
   2. Qualify — fit grid: is this me? (offer-orientation)
   3. Understand — the path, deliverables, support model
   4. Believe — visual proof strip + artifact proof + dark proof section
   5. De-risk — trust section + FAQ
   6. Act — book band
   ========================================================================== */

body.page-workflow {
  background:
    radial-gradient(circle at 88% -6%, rgba(220, 230, 228, 0.85), transparent 42%),
    linear-gradient(180deg, var(--white), var(--paper));
}

body.page-workflow a:focus-visible,
body.page-workflow button:focus-visible {
  outline-color: var(--dark);
}

body.page-workflow .eyebrow {
  color: var(--sage);
  letter-spacing: 0.18em;
}

body.page-workflow .header-cta,
body.page-workflow .button.primary {
  background: var(--dark);
  color: var(--white);
}

/* Hero: eucalyptus wash */
body.page-workflow .offer-hero {
  background:
    linear-gradient(90deg, rgba(220, 230, 228, 0.55), rgba(241, 243, 241, 0.35) 48%, rgba(255, 253, 250, 0)),
    var(--paper);
}

body.page-workflow .offer-hero img {
  border-radius: 14px;
  box-shadow: 0 22px 60px rgba(23, 56, 46, 0.12);
}

/* Sage status kickers on light surfaces */
body.page-workflow .status {
  color: var(--sage);
}

/* Guards: dark sections keep light eyebrows/kickers */
body.page-workflow .proof .eyebrow,
body.page-workflow .workflow-path .eyebrow {
  color: var(--sage-light);
}

body.page-workflow .proof .status {
  color: var(--sage-light);
}

/* Cards: uniform radii + quiet forest hover */
body.page-workflow .visual-proof-grid article,
body.page-workflow .fit-grid article,
body.page-workflow .deliverable-grid article,
body.page-workflow .artifact-grid article,
body.page-workflow .trust-grid article,
body.page-workflow .faq-grid article {
  border-radius: 14px;
}

body.page-workflow .visual-proof-grid article img,
body.page-workflow .proof-image img {
  border-radius: 10px;
}

body.page-workflow .fit-grid article:hover,
body.page-workflow .deliverable-grid article:hover {
  border-color: var(--sage);
  box-shadow: 0 18px 44px rgba(23, 56, 46, 0.1);
}

/* Premium retune: links in forest/sage (shared default is steel blue --blue) */
body.page-workflow a {
  color: #17382e;
}
body.page-workflow a:hover {
  color: #5b7166;
}
body.page-workflow .text-link,
body.page-workflow .quiet-link,
body.page-workflow .button.text-link {
  color: #17382e;
  text-decoration-color: #bccdc2;
}
body.page-workflow .text-link:hover,
body.page-workflow .quiet-link:hover {
  color: #5b7166;
}
/* Guards: dark surfaces + buttons keep their own colors */
body.page-workflow .button.primary,
body.page-workflow .header-cta {
  color: #fffefa;
}
body.page-workflow .proof a,
body.page-workflow .workflow-path a,
body.page-workflow .support-model a {
  color: inherit;
}
body.page-workflow footer a {
  color: inherit;
}