/* REDCOWEB /business light refinement v3
 * Final paint layer for the enterprise page. No dark blocks; stronger mobile readability.
 */

#main .rwb{
  --rwb-light-ink:#10203a;
  --rwb-light-copy:#5b6b82;
  --rwb-light-line:#dfe7f1;
  --rwb-light-soft:#f7f9fd;
  --rwb-light-blue:#2864e8;
  --rwb-light-blue-soft:#edf3ff;
}

/* Remove the remaining dark visual language. */
#main .rwb-process{
  color:var(--rwb-light-ink)!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(40,100,232,.09),transparent 27%),
    radial-gradient(circle at 8% 92%,rgba(61,135,144,.08),transparent 24%),
    linear-gradient(180deg,#fbfcff 0%,#f6f9fd 100%)!important;
  border-block:1px solid #e7edf5!important;
}
#main .rwb-process .rwb-section-head{
  max-width:900px!important;
  margin-inline:auto!important;
  text-align:center!important;
}
#main .rwb-process .rwb-overline{color:var(--rwb-light-blue)!important}
#main .rwb-process .rwb-section-head h2{
  color:var(--rwb-light-ink)!important;
  font-size:clamp(34px,3.7vw,52px)!important;
  line-height:1.45!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  margin:14px 0 14px!important;
}
#main .rwb-process .rwb-section-head p{
  max-width:740px!important;
  margin-inline:auto!important;
  color:var(--rwb-light-copy)!important;
  font-size:15px!important;
  line-height:2.1!important;
}

#main .rwb-process-line{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:38px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
}
#main .rwb-process-line article{
  min-height:270px!important;
  padding:26px!important;
  position:relative!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--rwb-light-line)!important;
  border-radius:24px!important;
  color:var(--rwb-light-ink)!important;
  box-shadow:0 16px 44px rgba(25,43,78,.065)!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
#main .rwb-process-line article:before{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  inset-inline-end:-72px;
  top:-78px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(40,100,232,.10),rgba(40,100,232,0) 70%);
  pointer-events:none;
}
#main .rwb-process-line article:hover{
  transform:translateY(-5px)!important;
  border-color:#c8d7ec!important;
  box-shadow:0 24px 58px rgba(25,43,78,.10)!important;
}
#main .rwb-process-line article>span{
  display:inline-grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  border-radius:13px!important;
  background:var(--rwb-light-blue-soft)!important;
  border:1px solid #d9e5ff!important;
  color:var(--rwb-light-blue)!important;
  font:900 11px/1 Arial,sans-serif!important;
  letter-spacing:.08em!important;
}
#main .rwb-process-line h3{
  color:#142542!important;
  font-size:23px!important;
  line-height:1.5!important;
  font-weight:900!important;
  margin:44px 0 13px!important;
  direction:ltr!important;
  text-align:right!important;
}
#main .rwb-process-line p{
  color:#617087!important;
  font-size:13.5px!important;
  line-height:2.05!important;
  margin:0!important;
}

/* CaseFlow and any formerly dark case study become soft light cards. */
#main .rwb-case-ink{
  background:
    radial-gradient(circle at 90% 10%,rgba(40,100,232,.10),transparent 28%),
    linear-gradient(135deg,#f4f8ff,#fbfcff)!important;
  border:1px solid #dfe8f4!important;
  box-shadow:0 20px 60px rgba(25,43,78,.06)!important;
}
#main .rwb-case-copy.light-copy h3{color:#13233f!important}
#main .rwb-case-copy.light-copy p{color:#5b6b82!important}
#main .rwb-case-copy.light-copy .rwb-overline{color:var(--rwb-light-blue)!important}
#main .rwb-tags.dark span{
  color:#52647e!important;
  background:rgba(255,255,255,.82)!important;
  border-color:#d9e3ef!important;
}
#main .rwb-caseflow-diagram{
  background:#fff!important;
  border-color:#dde6f1!important;
  box-shadow:0 24px 65px rgba(24,42,75,.08)!important;
}

/* Core, labels and primary actions stay branded without navy/black surfaces. */
#main .rwb-core{
  color:#17305b!important;
  background:linear-gradient(145deg,#ffffff,#edf4ff)!important;
  border:1px solid #d7e3f4!important;
  box-shadow:0 24px 65px rgba(32,66,124,.12)!important;
}
#main .rwb-core:before{border-color:rgba(40,100,232,.18)!important}
#main .rwb-core strong{color:#17305b!important}
#main .rwb-core small{color:#72839d!important}
#main .rwb-core.is-charged{
  box-shadow:0 0 0 10px rgba(40,100,232,.06),0 24px 70px rgba(32,66,124,.15)!important;
}
#main .rwb-screen-label{
  color:#24415f!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid #dae4ef!important;
  box-shadow:0 8px 24px rgba(25,43,78,.07)!important;
}
#main .rwb-screen-label span{color:#71829a!important}
#main .rwb-screen-label b{color:#315578!important}
#main .rwb-btn-primary,
#main .rwb-submit{
  color:#fff!important;
  background:linear-gradient(135deg,#3472ef,#2457ce)!important;
  box-shadow:0 14px 34px rgba(40,100,232,.22)!important;
}
#main .rwb-btn-primary:hover,
#main .rwb-submit:hover{
  background:linear-gradient(135deg,#2c67df,#1f50c4)!important;
}

/* Improve information density in the stack cards visible above the process section. */
#main .rwb-stack-layer{
  background:linear-gradient(180deg,#fff,#fbfcff)!important;
  border-color:#dfe7f1!important;
  box-shadow:0 12px 34px rgba(25,43,78,.055)!important;
}
#main .rwb-stack-layer span{
  color:#3769ce!important;
  font-size:10px!important;
  letter-spacing:.11em!important;
}
#main .rwb-stack-layer b{
  color:#33465f!important;
  font-size:12px!important;
  line-height:1.8!important;
}

@media(max-width:1000px){
  #main .rwb-process-line{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:760px){
  #main .rwb-process{padding:68px 0!important}
  #main .rwb-process .rwb-section-head{text-align:right!important}
  #main .rwb-process .rwb-section-head h2{
    font-size:clamp(28px,8vw,35px)!important;
    line-height:1.55!important;
  }
  #main .rwb-process .rwb-section-head p{
    font-size:13.5px!important;
    line-height:2!important;
  }
  #main .rwb-process-line{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:28px!important;
  }
  #main .rwb-process-line article{
    min-height:0!important;
    padding:21px!important;
    border-radius:19px!important;
  }
  #main .rwb-process-line article>span{
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
  }
  #main .rwb-process-line h3{
    font-size:20px!important;
    margin:26px 0 10px!important;
  }
  #main .rwb-process-line p{
    font-size:13px!important;
    line-height:2!important;
  }
  #main .rwb-case-ink{border-radius:22px!important}
  #main .rwb-stack-layer span{font-size:9px!important}
  #main .rwb-stack-layer b{font-size:11.5px!important}
}
