/* STRAT C5N — DILIGENCE / INTAKE COHESION V1
   Scope: five canonical decision-support surfaces only.
   Preserves each page's bespoke product behavior and approved copy. */

body.sc-cohesion-v1{
  --scn-ink:#17283b;
  --scn-copy:#536069;
  --scn-paper:#f5f3ee;
  --scn-field:#e9ebe8;
  --scn-navy:#13273b;
  --scn-navy-2:#20384d;
  --scn-gold:#a87d39;
  --scn-line:rgba(23,40,59,.15);
  --scn-soft-line:rgba(23,40,59,.10);
  --scn-max:1120px;
  background:var(--scn-paper);
  color:var(--scn-copy);
}

body.sc-cohesion-v1 main{
  overflow:clip;
}

/* ============================================================
   SHARED HERO GEOMETRY
   Preserve bespoke FAQ/Resources backgrounds; normalize scale/rhythm.
   ============================================================ */
body.sc-cohesion-v1 .page-hero{
  position:relative;
  overflow:hidden;
  padding-block:clamp(4.4rem,8vw,7.15rem);
  border-bottom:1px solid rgba(168,125,57,.25);
}

body.sc-cohesion-v1 .page-hero__inner{
  position:relative;
  z-index:1;
  max-width:1040px;
}

body.sc-cohesion-v1 .page-hero :is(.eyebrow,[class*="eyebrow"]){
  color:#b78a43;
  letter-spacing:.115em;
}

body.sc-cohesion-v1 .page-hero h1{
  max-width:900px;
  margin-top:.25rem;
  font-size:clamp(2.55rem,5vw,4.55rem);
  line-height:1.02;
  letter-spacing:-.034em;
  text-wrap:balance;
}

body.sc-cohesion-v1 .page-hero p{
  max-width:780px;
  font-size:clamp(1.02rem,1.45vw,1.17rem);
  line-height:1.7;
}

/* FAQ + Resources already have accepted bespoke visual identities.
   Do not replace their background treatment. */
body.sc-cohesion-faq .sc-faq-v1-hero,
body.sc-cohesion-resources .sc-rh-hero{
  isolation:isolate;
}

/* Experience / Start / Contact become members of the same dark editorial family. */
body.sc-cohesion-experience .page-hero,
body.sc-cohesion-start .page-hero,
body.sc-cohesion-contact .page-hero{
  background:
    radial-gradient(720px 300px at 88% 8%,rgba(180,139,70,.14),transparent 72%),
    radial-gradient(620px 260px at 8% 100%,rgba(79,112,137,.15),transparent 72%),
    linear-gradient(135deg,var(--scn-navy) 0%,#172d42 55%,var(--scn-navy-2) 100%);
}

body.sc-cohesion-experience .page-hero h1,
body.sc-cohesion-start .page-hero h1,
body.sc-cohesion-contact .page-hero h1{
  color:#f7f4ec;
}

body.sc-cohesion-experience .page-hero p,
body.sc-cohesion-start .page-hero p,
body.sc-cohesion-contact .page-hero p{
  color:rgba(244,246,246,.82);
}

/* ============================================================
   SHARED EDITORIAL RHYTHM
   ============================================================ */
body.sc-cohesion-v1 main > .section:not(.page-hero):not(.sc-reviews-v1){
  border-top:1px solid var(--scn-soft-line);
}

body.sc-cohesion-v1 main > .section:not(.page-hero):not(.sc-reviews-v1) > .container{
  max-width:var(--scn-max);
}

body.sc-cohesion-v1 main > .section:not(.page-hero):not(.sc-reviews-v1) h2{
  color:var(--scn-ink);
  letter-spacing:-.024em;
  text-wrap:balance;
}

body.sc-cohesion-v1:not(.sc-cohesion-faq) main > .section:not(.page-hero):not(.sc-reviews-v1) h3{
  color:#21374a;
}

body.sc-cohesion-v1 main > .section:not(.page-hero):not(.sc-reviews-v1) p,
body.sc-cohesion-v1 main > .section:not(.page-hero):not(.sc-reviews-v1) li{
  line-height:1.72;
}

/* ============================================================
   CTA / CONTROL LANGUAGE
   Quiet, square-shouldered private-client controls.
   ============================================================ */
body.sc-cohesion-v1 :is(.btn,.button,[class*="btn-"],[class*="button-"]){
  border-radius:4px;
}

body.sc-cohesion-v1 a{
  text-underline-offset:4px;
}

/* Conversation membrane should feel like one system across research/intake. */
body.sc-cohesion-v1 [data-quick-conversation]{
  border-radius:6px;
}

/* ============================================================
   CONTACT
   Preserve form markup and receiver contract; improve visual discipline only.
   ============================================================ */
body.sc-cohesion-contact form{
  max-width:860px;
}

body.sc-cohesion-contact form :is(input,select,textarea){
  border-radius:3px;
  border-color:rgba(23,40,59,.22);
  background:rgba(255,255,255,.78);
  box-shadow:none;
}

body.sc-cohesion-contact form :is(input,select,textarea):focus{
  border-color:#456984;
  outline:2px solid rgba(69,105,132,.18);
  outline-offset:1px;
}

body.sc-cohesion-contact form label{
  color:var(--scn-ink);
  font-weight:650;
}

/* ============================================================
   START
   Preserve pathway logic; reduce generic app-card feel.
   ============================================================ */
body.sc-cohesion-start main :is(.card,[class*="card"],[class*="option"],[class*="choice"]){
  box-shadow:none;
}

body.sc-cohesion-start main :is(.card,[class*="card"],[class*="option"],[class*="choice"]){
  border-radius:6px;
}

/* ============================================================
   FAQ / RESOURCES
   Existing page-specific CSS remains authoritative for inner product components.
   This shared layer only aligns outer rhythm and typography.
   ============================================================ */
body.sc-cohesion-faq .sc-faq-v1-hero h1,
body.sc-cohesion-resources .sc-rh-hero h1{
  max-width:880px;
}

/* ============================================================
   MOBILE — 390px first
   ============================================================ */
@media(max-width:700px){
  body.sc-cohesion-v1 .page-hero{
    padding-block:3.55rem 3.8rem;
  }

  body.sc-cohesion-v1 .page-hero h1{
    font-size:clamp(2.15rem,10.4vw,3rem);
    line-height:1.035;
  }

  body.sc-cohesion-v1 .page-hero p{
    font-size:1rem;
    line-height:1.66;
  }

  body.sc-cohesion-contact form{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  body.sc-cohesion-v1 *,
  body.sc-cohesion-v1 *::before,
  body.sc-cohesion-v1 *::after{
    scroll-behavior:auto!important;
  }
}
