/* <span style="color:#16A34A;">Weal</span><span style="color:#DC2626;">Sure</span> V35 — Clean card system inspired by the supplied reference */
:root{
  --ws-card-bg:#ffffff;
  --ws-card-border:rgba(37,38,39,.10);
  --ws-card-border-soft:rgba(37,38,39,.065);
  --ws-card-shadow:0 10px 26px rgba(37,38,39,.055);
  --ws-card-shadow-hover:0 18px 44px rgba(37,38,39,.10);
  --ws-card-radius:20px;
  --ws-accent:#b60a18;
}

/* Remove visual noise from structural card grids */
.process-v18,
.feature-list,
.trust-grid,
.portfolio-metrics{
  gap:16px !important;
  border:0 !important;
}

/* Reference-style clean white cards */
.process-v18 article,
.feature-list article,
.trust-item,
.metric{
  position:relative !important;
  background:var(--ws-card-bg) !important;
  border:1px solid var(--ws-card-border) !important;
  border-radius:var(--ws-card-radius) !important;
  box-shadow:var(--ws-card-shadow) !important;
  overflow:hidden !important;
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .25s ease !important;
}

.process-v18 article,
.feature-list article{
  min-height:214px !important;
  padding:28px 28px 26px !important;
}

.trust-item{
  min-height:150px !important;
  padding:24px !important;
}

.metric{
  min-height:120px !important;
  padding:22px !important;
}

/* A single restrained accent at the top, rather than stacked rules */
.process-v18 article::before,
.feature-list article::before,
.trust-item::before,
.metric::before{
  content:"";
  position:absolute;
  top:0;
  left:28px;
  width:60px;
  height:2px;
  background:linear-gradient(90deg,var(--ws-accent),rgba(182,10,24,.12));
  border-radius:0 0 4px 4px;
}

.process-v18 article:hover,
.feature-list article:hover,
.trust-item:hover,
.metric:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(182,10,24,.22) !important;
  box-shadow:var(--ws-card-shadow-hover) !important;
}

/* Compact editorial hierarchy like the reference */
.process-v18 .num,
.feature-list article > span,
.trust-item small,
.metric small{
  display:block !important;
  margin:4px 0 16px !important;
  color:#a40714 !important;
  font-family:"Manrope",sans-serif !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.process-v18 h3,
.feature-list h3,
.trust-item h3,
.metric strong{
  color:#252627 !important;
  font-family:"Manrope",sans-serif !important;
  font-weight:800 !important;
  letter-spacing:-.025em !important;
}

.process-v18 h3,
.feature-list h3{
  font-size:23px !important;
  line-height:1.12 !important;
  margin:0 0 8px !important;
}

.process-v18 p,
.feature-list p,
.trust-item p,
.metric small + strong + p{
  color:#8d7072 !important;
  font-size:15px !important;
  line-height:1.58 !important;
  margin:0 !important;
}

/* Image cards: keep them sophisticated, not over-bordered */
.solution-card,
.audience,
.insight,
.article,
.review-card,
.service-art{
  border:1px solid rgba(37,38,39,.08) !important;
  box-shadow:0 12px 32px rgba(37,38,39,.065) !important;
}

/* Remove decorative duplicate outlines/offset frames */
.process-v18 article::after,
.feature-list article::after,
.trust-item::after,
.metric::after,
.solution-card::after,
.audience::after,
.insight::after,
.article::after,
.review-card::after,
.service-art::after{
  display:none !important;
}

/* Cleaner section spacing */
.process-v18,
.feature-list{margin-top:8px !important}

/* Keep headings strong, but don't let 60px propagate into card titles */
.process-v18 h3,
.feature-list h3,
.trust-item h3{font-size:23px !important}

/* Buttons align to the same visual language */
.btn,
.hero-form-submit,
.hero-actions .btn{
  border-radius:12px !important;
}
.btn-dark,
.hero-form-submit{
  background:#252627 !important;
  color:#ffffff !important;
  border:1px solid #252627 !important;
  box-shadow:0 10px 24px rgba(37,38,39,.12) !important;
}
.btn-dark:hover,
.hero-form-submit:hover{
  background:#990a16 !important;
  border-color:#990a16 !important;
  transform:translateY(-2px) !important;
}
.btn-outline{
  border:1px solid rgba(37,38,39,.22) !important;
  color:#252627 !important;
  background:#ffffff !important;
}
.btn-outline:hover{
  border-color:#b60a18 !important;
  color:#890813 !important;
  transform:translateY(-2px) !important;
}

/* Dark sections remain calm and legible */
.feature-band .feature-list article,
.feature-band .feature-list article h3,
.feature-band .feature-list article p{
  color:#ffffff !important;
}
.feature-band .feature-list article p{color:rgba(255,255,255,.78) !important}
.feature-band .feature-list article > span{color:#e68c93 !important}

@media(max-width:1000px){
  .process-v18,
  .feature-list,
  .trust-grid{gap:14px !important}
}

@media(max-width:680px){
  .process-v18,
  .feature-list,
  .trust-grid,
  .portfolio-metrics{gap:12px !important}
  .process-v18 article,
  .feature-list article{min-height:185px !important;padding:24px 22px !important}
  .trust-item,.metric{min-height:132px !important;padding:20px !important}
  .process-v18 h3,.feature-list h3,.trust-item h3{font-size:21px !important}
}