/* STRAT C5M — CANONICAL SERVICE DETAIL TEMPLATE V1
   Scope: body.sc-service-detail-v1 only.
   Goal: private-client editorial normalization without rewriting service content. */

body.sc-service-detail-v1{
  background:#f1efe9;
  color:#2e3942;
}

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

/* Hero: one quiet, high-confidence field across canonical service details. */
body.sc-service-detail-v1 .page-hero{
  position:relative;
  overflow:hidden;
  padding-block:clamp(4.35rem,8vw,7.25rem);
  background:
    radial-gradient(680px 300px at 88% 12%,rgba(180,139,70,.16),transparent 72%),
    radial-gradient(640px 260px at 8% 100%,rgba(77,111,137,.15),transparent 72%),
    linear-gradient(135deg,#102235 0%,#162b40 54%,#20384d 100%);
  border-bottom:1px solid rgba(190,151,84,.32);
}

body.sc-service-detail-v1 .page-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(205,172,112,.55),transparent);
}

body.sc-service-detail-v1 .page-hero__inner{
  position:relative;
  z-index:1;
  max-width:1080px;
}

body.sc-service-detail-v1 .page-hero :is(.eyebrow,[class*="eyebrow"]){
  color:#d5b477;
  letter-spacing:.12em;
}

body.sc-service-detail-v1 .page-hero h1{
  max-width:880px;
  margin-top:.35rem;
  color:#f7f4ec;
  font-size:clamp(2.55rem,5.3vw,4.85rem);
  line-height:1.01;
  letter-spacing:-.036em;
  text-wrap:balance;
}

body.sc-service-detail-v1 .page-hero p{
  max-width:780px;
  color:rgba(244,246,246,.82);
  font-size:clamp(1.03rem,1.5vw,1.18rem);
  line-height:1.72;
}

body.sc-service-detail-v1 .page-hero a{
  text-underline-offset:4px;
}

/* Main editorial rhythm. Excludes reviews and the C5K Direct Indexing companion fields. */
body.sc-service-detail-v1 main > .section:not(.page-hero):not(.sc-reviews-v1):not(.sc-investment-depth){
  position:relative;
  padding-block:clamp(3.6rem,6.4vw,6.1rem);
  background:#f5f3ee;
  border-top:1px solid rgba(24,39,56,.12);
}

body.sc-service-detail-v1 main > .section:not(.page-hero):not(.sc-reviews-v1):not(.sc-investment-depth):nth-of-type(odd){
  background:#ebece9;
}

body.sc-service-detail-v1 main > .section:not(.page-hero):not(.sc-reviews-v1):not(.sc-investment-depth) .container{
  max-width:1120px;
}

body.sc-service-detail-v1 main > .section:not(.page-hero):not(.sc-reviews-v1):not(.sc-investment-depth) h2{
  max-width:860px;
  margin-top:0;
  color:#17283b;
  font-size:clamp(1.85rem,3.25vw,3rem);
  line-height:1.08;
  letter-spacing:-.025em;
  text-wrap:balance;
}

body.sc-service-detail-v1 main > .section:not(.page-hero):not(.sc-reviews-v1):not(.sc-investment-depth) h3{
  color:#1e3447;
  line-height:1.28;
}

body.sc-service-detail-v1 main > .section:not(.page-hero):not(.sc-reviews-v1):not(.sc-investment-depth) p,
body.sc-service-detail-v1 main > .section:not(.page-hero):not(.sc-reviews-v1):not(.sc-investment-depth) li{
  color:#515d65;
  line-height:1.76;
}

body.sc-service-detail-v1 main > .section:not(.page-hero):not(.sc-reviews-v1):not(.sc-investment-depth) p{
  max-width:78ch;
}

/* Reduce generic SaaS-card feel when old component classes surface inside service copy. */
body.sc-service-detail-v1 main > .section:not(.sc-reviews-v1):not(.sc-investment-depth)
  :is(.card,.feature-card,.service-card,[class*="card"]){
  border-radius:5px;
  box-shadow:none;
}

/* Preserve C5K as a deliberate related-strategy field while harmonizing its edges. */
body.sc-service-detail-v1 .sc-investment-depth{
  border-color:rgba(24,39,56,.14);
}

body.sc-service-detail-v1 .sc-investment-depth__head h2{
  letter-spacing:-.027em;
}

/* Review system remains its own canonical component. Give it breathing room, not a new design. */
body.sc-service-detail-v1 .sc-reviews-v1{
  border-top:1px solid rgba(24,39,56,.13);
}

/* Narrow-screen V1: prioritize reading order and remove excess hero scale. */
@media(max-width:700px){
  body.sc-service-detail-v1 .page-hero{
    padding-block:3.65rem 3.9rem;
  }

  body.sc-service-detail-v1 .page-hero h1{
    font-size:clamp(2.25rem,11vw,3.15rem);
    line-height:1.03;
  }

  body.sc-service-detail-v1 .page-hero p{
    font-size:1rem;
    line-height:1.68;
  }

  body.sc-service-detail-v1 main > .section:not(.page-hero):not(.sc-reviews-v1):not(.sc-investment-depth){
    padding-block:3.25rem;
  }

  body.sc-service-detail-v1 main > .section:not(.page-hero):not(.sc-reviews-v1):not(.sc-investment-depth) h2{
    font-size:clamp(1.75rem,8.2vw,2.35rem);
  }
}

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