/* Same Montserrat files and supported weights as the approved site typography. */
.ue-steps,.ue-steps *,.ue-steps *::before,.ue-steps *::after{box-sizing:border-box}.ue-steps,.ue-steps *,.ue-steps *::before,.ue-steps *::after{font-family:'Montserrat',sans-serif;font-stretch:normal;font-variation-settings:normal;font-synthesis:none}.ue-steps a:focus-visible{outline:3px solid #bd0059;outline-offset:5px}
.ue-steps{--surface:#141414;--text:#fff;--muted:#c6c3c4;--line:#414041;--accent:#ff378f;background:var(--surface);color:var(--text);padding:64px max(48px,calc((100vw - 1720px)/2)) 68px;position:relative;isolation:isolate}
.ue-steps::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:#ff007e}
.ue-steps-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:54px}
.ue-steps .ue-steps-eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;line-height:1.4;margin:0 0 24px;color:var(--accent)}
.ue-steps .ue-steps-title{font-size:clamp(45px,4.25vw,78px);letter-spacing:-.065em;line-height:1.04;font-weight:700;margin:0}.ue-steps .ue-steps-title span{color:var(--accent)}
.ue-steps-action{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:340px;padding-bottom:3px}.ue-steps-action p{font-size:17px;line-height:1.5;margin:0;color:var(--muted)}
.ue-steps-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:17px 24px;border-radius:999px;background:#ff007e;color:#121212;min-height:54px;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap;transition:background .18s,transform .18s}.ue-steps-cta:hover{background:#ff399b;transform:translateY(-2px)}.ue-steps-cta span{font-size:25px;font-weight:400;line-height:16px}
.ue-steps-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;list-style:none;gap:0;border-top:1px solid var(--line)}.ue-step{padding:33px 40px 0;min-width:0;position:relative}.ue-step:first-child{padding-left:0}.ue-step:last-child{padding-right:0}.ue-step+.ue-step{border-left:1px solid var(--line)}
.ue-step-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;gap:15px}.ue-step-number{font-size:56px;font-weight:600;letter-spacing:-.075em;line-height:.95;color:var(--accent)}.ue-step-cue{font-size:26px;width:47px;height:47px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;color:var(--muted)}
.ue-step .ue-step-title{font-size:25px;line-height:1.25;letter-spacing:-.035em;max-width:450px;margin:0 0 14px;font-weight:700}.ue-step p{font-size:17px;line-height:1.7;max-width:450px;margin:0;color:var(--muted)}.ue-step p b{font-weight:600;color:var(--text)}
.ue-steps--light{--surface:#fff;--text:#151515;--muted:#6c6669;--line:#e7dfe3;--accent:#c70060}.ue-steps--light::before{display:none}.ue-steps--light .ue-steps-heading{margin-bottom:37px}.ue-steps--light .ue-steps-list{border:0;gap:20px}.ue-steps--light .ue-step{padding:30px 30px 34px;background:#f6f3f4;border:0;border-radius:14px}.ue-steps--light .ue-step:nth-child(2){background:#ffe8f2}.ue-steps--light .ue-step-number{color:#c70060}.ue-steps--light .ue-step-top{margin-bottom:20px}.ue-steps--light .ue-step-cue{background:#fff;border:0;color:#c70060}.ue-steps--light .ue-step .ue-step-title{max-width:440px}.ue-steps--light .ue-step p{max-width:440px}.ue-steps--light .ue-steps-cta{background:#151515;color:#fff}.ue-steps--light .ue-steps-cta:hover{background:#343034}.ue-steps--light .ue-steps-cta span{color:#ff378f}
@media(min-width:1650px){.ue-steps{padding-top:72px;padding-bottom:76px}.ue-step{padding-top:38px}.ue-step .ue-step-title{font-size:28px}.ue-step p{font-size:19px}.ue-step-number{font-size:64px}.ue-steps-action p{font-size:19px}.ue-steps-cta{font-size:16px;min-height:58px}}
@media(max-width:1150px){.ue-steps{padding:45px 32px 48px}.ue-steps-heading{gap:25px;margin-bottom:36px}.ue-steps .ue-steps-title{max-width:550px}.ue-steps .ue-steps-title span{display:block}.ue-steps-action{min-width:290px}.ue-steps-action p{font-size:15px}.ue-step{padding:28px 25px 0}.ue-step .ue-step-title{font-size:21px}.ue-step p{font-size:15px}.ue-step-number{font-size:48px}.ue-steps--light .ue-step{padding:26px 23px 29px}.ue-step-cue{width:39px;height:39px;font-size:23px}}
@media(max-width:760px){.ue-steps{padding:36px 24px 38px}.ue-steps-heading{display:block;margin-bottom:30px}.ue-steps .ue-steps-eyebrow{font-size:10px;margin-bottom:18px}.ue-steps .ue-steps-title{font-size:44px;letter-spacing:-.055em}.ue-steps .ue-steps-title span{display:block}.ue-steps-action{min-width:0;margin-top:20px;gap:20px}.ue-steps-action p{font-size:14px;line-height:1.65}.ue-steps-cta{font-size:12px;padding:15px 21px;min-height:50px}.ue-steps-list{grid-template-columns:1fr}.ue-step,.ue-step:first-child,.ue-step:last-child{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:26px 0}.ue-step:last-child{padding-bottom:0}.ue-step+.ue-step{border-left:0;border-top:1px solid var(--line)}.ue-step-top{margin:0;display:block}.ue-step-number{font-size:34px;letter-spacing:-.075em}.ue-step-cue{display:none}.ue-step .ue-step-title{font-size:18px;line-height:1.35;margin-bottom:9px}.ue-step p{font-size:13px;line-height:1.7}.ue-steps--light .ue-steps-heading{margin-bottom:28px}.ue-steps--light .ue-steps-list{gap:12px}.ue-steps--light .ue-step,.ue-steps--light .ue-step:first-child,.ue-steps--light .ue-step:last-child{padding:23px 20px;grid-template-columns:40px minmax(0,1fr);gap:16px;border:0;border-radius:10px}.ue-steps--light .ue-step-top{margin:0}.ue-steps--light .ue-step-number{font-size:34px}}
@media(prefers-reduced-motion:reduce){.ue-steps-cta{transition:none}.ue-steps-cta:hover{transform:none}}

/* The live page already provides its outer gutters and section spacing. */
.ue-steps--embedded{min-width:0;width:100%;grid-column:1/-1;padding:40px 0 0}
.ue-steps--embedded:not(.ue-steps--light){padding:48px 36px}
@media(max-width:1150px){.ue-steps--embedded{padding:28px 0 0}.ue-steps--embedded:not(.ue-steps--light){padding:40px 28px}}
@media(max-width:760px){.ue-steps--embedded{padding:18px 0 0}.ue-steps--embedded:not(.ue-steps--light){padding:36px 20px}.ue-steps--embedded .ue-steps-title{font-size:clamp(34px,10.2vw,44px)}}

/* Both themes use the approved A geometry; only their palette differs. */
.ue-steps:not(.ue-steps--light)::before{display:none}
.ue-steps:not(.ue-steps--light) .ue-steps-heading{margin-bottom:37px}
.ue-steps:not(.ue-steps--light) .ue-steps-list{border:0;gap:20px}
.ue-steps:not(.ue-steps--light) .ue-step{padding:30px 30px 34px;background:#242124;border:0;border-radius:14px}
.ue-steps:not(.ue-steps--light) .ue-step:nth-child(2){background:#3c1e2d}
.ue-steps:not(.ue-steps--light) .ue-step-cue{background:#342d32;border:0;color:var(--accent)}
.ue-steps:not(.ue-steps--light) .ue-step .ue-step-title,.ue-steps:not(.ue-steps--light) .ue-step p{max-width:440px}
.ue-steps--embedded:not(.ue-steps--light){padding:40px 0 0}
@media(max-width:1150px){.ue-steps:not(.ue-steps--light) .ue-step{padding:26px 23px 29px}.ue-steps--embedded:not(.ue-steps--light){padding:28px 0 0}}
@media(max-width:760px){
 .ue-steps:not(.ue-steps--light) .ue-steps-heading{margin-bottom:28px}
 .ue-steps:not(.ue-steps--light) .ue-steps-list{gap:12px}
 .ue-steps:not(.ue-steps--light) .ue-step{padding:23px 20px;grid-template-columns:40px minmax(0,1fr);gap:16px;border:0;border-radius:10px}
 .ue-steps:not(.ue-steps--light) .ue-step-top{margin:0}
 .ue-steps--embedded:not(.ue-steps--light){padding:18px 0 0}
}

/* Desktop heading uses the carousel heading's 30px type size. */
.ue-steps .ue-steps-title b{font:inherit;letter-spacing:inherit;}
.ue-steps .ue-steps-title .ue-steps-word-desktop{display:none;}
@media(min-width:761px){
 .ue-steps .ue-steps-title{font-size:30px;line-height:1.08;letter-spacing:-1.1px;}
 .ue-steps .ue-steps-title .ue-steps-word-desktop{display:inline;}
 .ue-steps .ue-steps-title .ue-steps-word-mobile{display:none;}
 .ue-steps .ue-steps-title span{display:inline;}
}

/* A quieter, unified heading with a consistent type scale. */
.ue-steps .ue-steps-heading{align-items:center;gap:28px}
.ue-steps .ue-steps-eyebrow{font-size:12px;line-height:1.4;letter-spacing:.12em;margin:0 0 12px}
.ue-steps .ue-steps-title,.ue-steps .ue-steps-title b,.ue-steps .ue-steps-title span{font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:-.035em}
.ue-steps .ue-steps-title{font-size:30px;line-height:1.15}
.ue-steps .ue-steps-subtitle{font-size:15px;line-height:1.5;color:var(--muted);margin:10px 0 0}
.ue-steps .ue-steps-action{min-width:0;padding:0}
.ue-steps .ue-steps-cta{font-size:14px;min-height:52px;padding:15px 22px}
@media(max-width:760px){
 .ue-steps .ue-steps-heading{display:block}
 .ue-steps .ue-steps-eyebrow{font-size:11px;margin-bottom:10px}
 .ue-steps .ue-steps-title,.ue-steps--embedded .ue-steps-title{font-size:clamp(28px,8vw,34px);line-height:1.15;letter-spacing:-.035em}
 .ue-steps .ue-steps-title span{display:inline}
 .ue-steps .ue-steps-subtitle{font-size:14px;margin-top:9px}
 .ue-steps .ue-steps-action{margin-top:20px}
}

/* Small, matching illustrations replace the former circular arrow badges. */
.ue-steps .ue-step-cue{width:28px;height:28px;display:flex;border:0;border-radius:0;background:transparent;color:var(--accent);flex:none}
.ue-steps .ue-step-cue svg{display:block;width:28px;height:28px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ue-steps .ue-step-cue circle{fill:var(--cue-bg);stroke-width:1.8}
.ue-steps--light .ue-step{--cue-bg:#f6f3f4}.ue-steps--light .ue-step:nth-child(2){--cue-bg:#ffe8f2}
.ue-steps:not(.ue-steps--light) .ue-step{--cue-bg:#242124}.ue-steps:not(.ue-steps--light) .ue-step:nth-child(2){--cue-bg:#3c1e2d}
@media(max-width:760px){.ue-steps .ue-step-cue{display:none}}
/* Match the reviewed desktop mockup, while allowing the title to scale down on narrower screens. */
@media(min-width:761px){.ue-steps .ue-steps-title{font-size:clamp(30px,2.5vw,36px)}}
/* Keep each illustration clear of the mobile title and leave body copy at full width. */
@media(max-width:760px){
 .ue-steps .ue-step-cue{display:flex;position:absolute;top:23px;right:20px;width:22px;height:22px}
 .ue-steps .ue-step-cue svg{width:22px;height:22px}
 .ue-steps .ue-step-title{padding-right:30px}
}
.ue-steps:not(.ue-steps--light) .ue-step-cue{background:transparent}
