
/* <span style="color:#16A34A;">Weal</span><span style="color:#DC2626;">Sure</span> V34 — quieter premium spacing + reduced rule/line density */
:root{--ws-line-soft:rgba(37,38,39,.065)}

/* Reduce visual noise from repeated section rules */
.section-kicker{
  margin-bottom:30px !important;
  padding-bottom:6px !important;
  border-bottom:0 !important;
}
.section-kicker .eyebrow{margin-bottom:12px !important}
.section-kicker .eyebrow:before{width:22px !important;margin-right:9px !important}

/* More compact editorial sections */
main > section.editorial{padding-block:68px !important}
main > section.editorial:first-of-type{padding-top:76px !important}
main > section.editorial:last-of-type{padding-bottom:76px !important}

/* Quiet card surfaces: rely on depth rather than outlines */
.process-v18 article,
.solution-card,
.audience,
.insight,
.article,
.review-card,
.service-art{
  border:1px solid var(--ws-line-soft) !important;
  box-shadow:0 10px 28px rgba(37,38,39,.045) !important;
}

.process-v18 article{
  min-height:220px !important;
  padding:24px 24px 22px !important;
  border-radius:18px !important;
}
.process-v18 article::before{display:none !important}
.process-v18 article:hover{
  border-color:rgba(182,10,24,.14) !important;
  box-shadow:0 18px 40px rgba(37,38,39,.09) !important;
  transform:translateY(-4px) !important;
}
.process-v18 .num{margin-bottom:18px !important}
.process-v18 h3{font-size:23px !important;line-height:1.12 !important;margin-bottom:8px !important}
.process-v18 p{font-size:14px !important;line-height:1.55 !important}

/* Who-we-serve and insight cards: keep premium curves without heavy outlines */
.audience-v18 .audience{height:350px !important;min-height:350px !important;border-radius:20px !important}
.audience-v18 .audience::after{display:none !important}
.insight{min-height:390px !important;padding:24px !important;border-radius:20px !important}
.insight:first-child{min-height:420px !important}
.insight::after{left:24px !important;bottom:20px !important}

/* Remove decorative divider rules that make the page feel over-lined */
.feature-band,
.portfolio-v18{border-top:0 !important;border-bottom:0 !important}

/* Keep dark CTA sophisticated, but slightly tighter */
.cta-v18{padding:62px 0 !important;border-radius:24px !important}
.cta-v18 h2{font-size:56px !important}

/* Footer separators should remain only where structurally useful */
footer{border-top:0 !important}
footer .footer-bottom,
footer .legal{border-top:1px solid rgba(255,255,255,.07) !important;padding-top:18px !important}

@media (max-width:1180px){
  .section-kicker{gap:16px !important}
  .audience-v18{grid-auto-rows:320px !important}
  .audience-v18 .audience{height:320px !important;min-height:320px !important}
}
@media (max-width:820px){
  main > section.editorial{padding-block:58px !important}
  .section-kicker .h2,.section-kicker h2,.cta-v18 h2{font-size:48px !important}
  .process-v18 article{min-height:200px !important}
  .insight:first-child{min-height:360px !important}
}
@media (max-width:620px){
  main > section.editorial{padding-block:48px !important}
  .section-kicker{margin-bottom:24px !important}
  .section-kicker .h2,.section-kicker h2,.cta-v18 h2{font-size:40px !important}
  .process-v18 article{min-height:190px !important;padding:22px 20px !important}
  .audience-v18 .audience{height:290px !important;min-height:290px !important}
}
