/* Home process sequence, matching the integration page without affecting other cards. */
#home-process .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #d9ccd6}
#home-process .steps>.step{min-width:0;padding:24px 22px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}
#home-process .steps>.step:not(:first-child){padding-left:22px}
#home-process .steps>.step:not(:last-child){border-right:1px solid #e9e2e8}
#home-process .steps>.step b{display:flex;align-items:baseline;gap:8px;color:#79506f;font-size:11px;font-weight:700;line-height:1.4}
#home-process .steps>.step .process-number{flex:0 0 auto;color:#9c007b;font-size:36px;font-weight:600;line-height:1;letter-spacing:-.04em}
#home-process .steps>.step h3{margin:20px 0 10px;color:#232128;font-size:20px;line-height:1.3}
#home-process .steps>.step p{min-height:0;margin:0;color:#625b65;font-size:15px;line-height:1.6}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #home-process .steps>.step{transition:transform .3s ease,background-color .3s ease}
  #home-process .steps>.step:hover{transform:scale(1.02);background-color:rgba(156,0,123,.035)}
}
@media(max-width:800px){
  #home-process .steps{grid-template-columns:minmax(0,1fr);margin-left:16px;border-top:0;border-left:1px solid #d9ccd6}
  #home-process .steps>.step,#home-process .steps>.step:not(:first-child),#home-process .steps>.step:not(:last-child){position:relative;padding:0 0 28px 24px;border:0}
  #home-process .steps>.step:last-child{padding-bottom:0}
  #home-process .steps>.step::before{content:"";position:absolute;top:14px;left:-4px;width:7px;height:7px;border-radius:50%;background:#9c007b}
  #home-process .steps>.step h3{margin:14px 0 8px}
  #home-process .steps>.step p{font-size:16px}
}