section.u5m-step-cards{margin:var(--section-margin-none);padding:var(--section-padding-medium);.section-inner{max-width:1160px;width:100%;.intro-content{margin-bottom:50px;&.left-aligned.two-column{@media (min-width:992px){.intro-content-upper{flex:0 1 90%}}}}.step-list{--step-number-size:150px;--step-gap:50px;display:flex;flex-direction:column;gap:var(--step-gap);margin:0 auto;position:relative;@media (max-width:767px){--step-number-size:100px;--step-gap:20px}}.step-item{align-items:stretch;display:flex;gap:30px;position:relative;&:not(:last-child):before{background:var(--gray1);content:"";height:calc(100% + var(--step-gap));left:calc(var(--step-number-size)/2);pointer-events:none;position:absolute;top:calc(var(--step-number-size)/2);width:1px;@media (max-width:767px){height:20px;top:100px}}&:last-child:before{@media (max-width:767px){background:var(--gray1);content:"";height:20px;left:50px;pointer-events:none;position:absolute;top:100px;width:1px}}@media (max-width:767px){flex-direction:column;gap:20px}}.step-number{align-items:flex-end;background:color-mix(in srgb,var(--purple) calc(var(--step-opacity, 1)*100%),var(--white));border-radius:var(--border3);color:var(--white);display:flex;flex:0 0 var(--step-number-size);height:var(--step-number-size);justify-content:flex-end;overflow:hidden;padding:20px 20px 25px;position:relative;width:var(--step-number-size);z-index:1;@media (max-width:767px){flex-basis:var(--step-number-size)}.step-number-cloud{height:100%;inset:0;object-fit:fill;pointer-events:none;position:absolute;width:100%;z-index:1}span{font-family:var(--font1);font-size:32px;font-weight:700;line-height:1;position:relative;z-index:2}}.step-card{background:var(--white);border:1px solid var(--gray1);border-radius:var(--border3);display:flex;flex:1 1 auto;flex-direction:column;gap:12px;padding:40px;@media(max-width:580px){margin-bottom:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:30px;&:last-of-type{margin-bottom:0}}&.has-link{transition:transform var(--animation2),box-shadow var(--animation2);&:focus-within,&:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-10px)}}.title{color:var(--action2);font-weight:600;margin:0}.description{color:var(--black);margin:0;p:last-of-type{margin-bottom:0}}}.callout-chips{display:flex;flex-wrap:wrap;gap:20px;margin-top:12px}.callout-chip{background:var(--logo-purple-turned-gray,#f8f8fc);border:1px solid var(--gray1);border-radius:var(--border2);box-shadow:var(--shadow-card);display:flex;flex:1 1 200px;flex-direction:column;gap:4px;padding:16px 20px;.chip-label{color:var(--action1);font-size:13px;font-weight:500;letter-spacing:.28px}.chip-text{color:var(--black);font-size:15px;opacity:.8}}}&.dark-mode{.step-item:not(:last-child):before{background:var(--white-20)}.step-card{background:hsla(0,0%,100%,.08);border-color:var(--white-20);.description,.title{color:var(--white)}}.callout-chip{background:hsla(0,0%,100%,.1);border-color:var(--white-20);box-shadow:var(--shadow-card);.chip-label{color:var(--accent-light)}.chip-text{color:var(--white)}}}}