.haro-routine-roadmap{--roadmap-navy: #253976;--roadmap-green: #2faf91;--roadmap-ink: #304651;--roadmap-line: rgba(37, 57, 118, .15);padding:clamp(52px,6vw,82px) 20px;background:radial-gradient(circle at 9% 12%,rgba(189,245,231,.34),transparent 26%),linear-gradient(135deg,#f5fbf9,#f7f9fc)}.haro-routine-roadmap__inner{width:min(100%,1240px);margin-inline:auto}.haro-routine-roadmap__header{width:min(100%,780px);margin:0 auto clamp(34px,5vw,54px);text-align:center}.haro-routine-roadmap__eyebrow{margin:0 0 9px;color:#228e76;font-size:12px;font-weight:800;letter-spacing:.16em;line-height:1.3;text-transform:uppercase}.haro-routine-roadmap__title{margin:0 0 14px;color:var(--roadmap-navy);font-size:clamp(32px,4vw,48px);letter-spacing:-.03em;line-height:1.08}.haro-routine-roadmap__intro{color:var(--roadmap-ink);font-size:clamp(16px,1.6vw,19px);line-height:1.6}.haro-routine-roadmap__intro p,.haro-routine-roadmap__copy p{margin:0}.haro-routine-roadmap__track{display:grid;position:relative;margin:0;padding:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.2vw,30px);list-style:none}.haro-routine-roadmap__track:before{position:absolute;top:28px;right:11%;left:11%;height:2px;background:linear-gradient(90deg,var(--roadmap-green),#73d3bd 52%,var(--roadmap-navy));content:""}.haro-routine-roadmap__milestone{position:relative;min-width:0;text-align:center}.haro-routine-roadmap__marker{--icons: #c9f5e9;display:grid;position:relative;z-index:1;width:58px;height:58px;margin:0 auto 20px;border:6px solid #f5faf9;border-radius:50%;background:var(--roadmap-navy);color:#c9f5e9;place-items:center;box-shadow:0 8px 20px #25397629}.haro-routine-roadmap__marker svg{width:25px;height:25px}.haro-routine-roadmap__marker svg.icon-refill-pouch{width:30px;height:30px}.haro-routine-roadmap__marker .icon-refill-pouch>g{stroke-width:20.46}.haro-routine-roadmap__marker .icon-refill-pouch>g>path+path{stroke-width:11.16}.haro-routine-roadmap__marker .icon-refill-pouch image{filter:brightness(0) saturate(100%) invert(39.69%) sepia(29.85%) saturate(164.88%) hue-rotate(112.97deg) brightness(216.85%) contrast(101.13%)!important}.haro-routine-roadmap__copy{padding-inline:6px}.haro-routine-roadmap__label{margin-bottom:7px!important;color:#228e76;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.haro-routine-roadmap__copy h3{margin:0 0 8px;color:var(--roadmap-navy);font-family:inherit;font-size:clamp(18px,1.65vw,22px);font-weight:750;line-height:1.25}.haro-routine-roadmap__copy .rte{color:#526773;font-size:15px;line-height:1.55}.haro-routine-roadmap__action{margin-top:clamp(34px,4vw,48px);text-align:center}.haro-routine-roadmap__action .btn{min-width:210px}@media(max-width:749px){.haro-routine-roadmap{padding:46px 18px 54px}.haro-routine-roadmap__header{margin-bottom:31px}.haro-routine-roadmap__track{grid-template-columns:minmax(0,1fr);gap:0}.haro-routine-roadmap__track:before{top:25px;bottom:25px;left:24px;width:2px;height:auto;background:linear-gradient(180deg,var(--roadmap-green),#73d3bd 52%,var(--roadmap-navy))}.haro-routine-roadmap__milestone{display:grid;padding-bottom:28px;grid-template-columns:50px minmax(0,1fr);gap:17px;text-align:left}.haro-routine-roadmap__milestone:last-child{padding-bottom:0}.haro-routine-roadmap__marker{width:50px;height:50px;margin:0;border-width:5px}.haro-routine-roadmap__marker svg{width:22px;height:22px}.haro-routine-roadmap__marker svg.icon-refill-pouch{width:26px;height:26px}.haro-routine-roadmap__copy{padding:2px 0 0}.haro-routine-roadmap__copy h3{font-size:19px}.haro-routine-roadmap__copy .rte{font-size:14px}.haro-routine-roadmap__action{margin-top:34px}}@media(prefers-reduced-motion:reduce){.haro-routine-roadmap *,.haro-routine-roadmap *:before,.haro-routine-roadmap *:after{scroll-behavior:auto!important}}.haro-routine-roadmap__note{max-width:900px;margin:28px auto 0;color:#526773;font-size:13px;line-height:1.6;text-align:center}.haro-routine-roadmap__note p{margin:0}@media(max-width:749px){.haro-routine-roadmap__note{text-align:left}}@media(min-width:750px)and (max-width:1100px){.haro-routine-roadmap__copy h3{min-height:2.5em}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/haro-routine-roadmap.css.map */