.tru2u-steps{padding:var(--tru2u-section-padding-mobile, 56px) 0;overflow:hidden}@media screen and (min-width: 750px){.tru2u-steps{padding:var(--tru2u-section-padding-desktop, 100px) 0}}.tru2u-steps--bg-dark{background-color:var(--tru2u-bg-dark, #111216)}.tru2u-steps--bg-light{background-color:var(--tru2u-bg-main, #F7F7F8)}.tru2u-steps--bg-white{background-color:var(--tru2u-surface, #FFFFFF)}.tru2u-steps__container{max-width:var(--tru2u-max-width, 1280px);margin:0 auto;padding:0 var(--tru2u-gutter-mobile, 20px)}@media screen and (min-width: 750px){.tru2u-steps__container{padding:0 var(--tru2u-gutter-desktop, 32px)}}.tru2u-steps__header{margin-bottom:40px}@media screen and (min-width: 990px){.tru2u-steps__header{margin-bottom:56px}}.tru2u-steps__overline{display:inline-block;font-family:var(--tru2u-font-body, "Inter", sans-serif);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--tru2u-accent, #37E08C);margin-bottom:12px}.tru2u-steps__heading{font-family:var(--tru2u-font-heading, "Space Grotesk", sans-serif);font-size:32px;font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0}.tru2u-steps--bg-dark .tru2u-steps__heading{color:var(--tru2u-surface, #FFFFFF)}.tru2u-steps--bg-light .tru2u-steps__heading,.tru2u-steps--bg-white .tru2u-steps__heading{color:var(--tru2u-text-main, #111216)}@media screen and (min-width: 750px){.tru2u-steps__heading{font-size:40px}}@media screen and (min-width: 990px){.tru2u-steps__heading{font-size:48px}}.tru2u-steps__grid{display:grid;gap:40px}@media screen and (min-width: 990px){.tru2u-steps__grid{grid-template-columns:1fr 1fr;gap:64px;align-items:start}}@media screen and (min-width: 1200px){.tru2u-steps__grid{gap:80px}}.tru2u-steps__list-wrapper{display:flex;flex-direction:column}.tru2u-steps__list{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}.tru2u-steps__item{position:relative;padding:20px 0;cursor:pointer;transition:all .3s ease}.tru2u-steps__item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.08)}.tru2u-steps--bg-light .tru2u-steps__item:not(:last-child),.tru2u-steps--bg-white .tru2u-steps__item:not(:last-child){border-bottom-color:#0000000f}.tru2u-steps__item-inner{display:flex;align-items:center;gap:16px}.tru2u-steps__number{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-family:var(--tru2u-font-heading, "Space Grotesk", sans-serif);font-size:18px;font-weight:700;border-radius:12px;transition:all .3s ease}.tru2u-steps--bg-dark .tru2u-steps__number{background:#ffffff0d;color:#fff6;border:1px solid rgba(255,255,255,.08)}.tru2u-steps--bg-light .tru2u-steps__number,.tru2u-steps--bg-white .tru2u-steps__number{background:#00000008;color:#0000004d;border:1px solid rgba(0,0,0,.06)}.tru2u-steps__item.is-active .tru2u-steps__number{background:var(--tru2u-accent, #37E08C);color:var(--tru2u-bg-dark, #111216);border-color:var(--tru2u-accent, #37E08C);box-shadow:0 4px 16px #37e08c4d}.tru2u-steps__item-content{flex:1}.tru2u-steps__item-title{font-family:var(--tru2u-font-heading, "Space Grotesk", sans-serif);font-size:18px;font-weight:600;line-height:1.3;margin:0;transition:color .3s ease}.tru2u-steps--bg-dark .tru2u-steps__item-title{color:#ffffff80}.tru2u-steps--bg-light .tru2u-steps__item-title,.tru2u-steps--bg-white .tru2u-steps__item-title{color:#0006}.tru2u-steps__item.is-active .tru2u-steps__item-title{color:var(--tru2u-surface, #FFFFFF)}.tru2u-steps--bg-light .tru2u-steps__item.is-active .tru2u-steps__item-title,.tru2u-steps--bg-white .tru2u-steps__item.is-active .tru2u-steps__item-title{color:var(--tru2u-text-main, #111216)}@media (hover: hover){.tru2u-steps__item:hover .tru2u-steps__item-title{color:var(--tru2u-surface, #FFFFFF)}.tru2u-steps--bg-light .tru2u-steps__item:hover .tru2u-steps__item-title,.tru2u-steps--bg-white .tru2u-steps__item:hover .tru2u-steps__item-title{color:var(--tru2u-text-main, #111216)}.tru2u-steps__item:hover .tru2u-steps__number{border-color:var(--tru2u-accent, #37E08C);color:var(--tru2u-accent, #37E08C)}}@media screen and (min-width: 750px){.tru2u-steps__item{padding:24px 0}.tru2u-steps__number{width:52px;height:52px;font-size:20px}.tru2u-steps__item-title{font-size:20px}}.tru2u-steps__active-content{margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08)}.tru2u-steps--bg-light .tru2u-steps__active-content,.tru2u-steps--bg-white .tru2u-steps__active-content{border-top-color:#0000000f}.tru2u-steps__active-text{font-family:var(--tru2u-font-body, "Inter", sans-serif);font-size:16px;line-height:1.6;margin:0 0 28px;min-height:72px;transition:opacity .3s ease}.tru2u-steps--bg-dark .tru2u-steps__active-text{color:#ffffffb3}.tru2u-steps--bg-light .tru2u-steps__active-text,.tru2u-steps--bg-white .tru2u-steps__active-text{color:var(--tru2u-text-muted, #6F7480)}@media screen and (min-width: 750px){.tru2u-steps__active-text{font-size:17px}}.tru2u-steps__active-text.is-transitioning{opacity:0}.tru2u-steps__cta{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-family:var(--tru2u-font-body, "Inter", sans-serif);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;border-radius:var(--tru2u-radius-button, 8px);transition:all .25s ease;background:var(--tru2u-accent, #37E08C);color:var(--tru2u-bg-dark, #111216);border:none;cursor:pointer}.tru2u-steps__cta:hover{background:var(--tru2u-accent-dark, #21B86C);transform:translateY(-2px);box-shadow:0 8px 24px #37e08c4d}.tru2u-steps__cta:active{transform:translateY(0)}.tru2u-steps__cta-arrow{width:16px;height:16px;transition:transform .25s ease}.tru2u-steps__cta:hover .tru2u-steps__cta-arrow{transform:translate(4px)}.tru2u-steps__visual{position:relative;width:100%;order:-1}@media screen and (min-width: 990px){.tru2u-steps__visual{order:0;position:sticky;top:100px}}.tru2u-steps__image-wrapper{position:relative;aspect-ratio:4 / 3;border-radius:var(--tru2u-radius-image, 20px);overflow:hidden}@media screen and (min-width: 990px){.tru2u-steps__image-wrapper{aspect-ratio:1 / 1}}.tru2u-steps__image-container{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease,transform .5s ease;transform:scale(1.02)}.tru2u-steps__image-container.is-active{opacity:1;transform:scale(1)}.tru2u-steps__image{width:100%;height:100%;object-fit:cover}.tru2u-steps__image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.tru2u-steps--bg-dark .tru2u-steps__image-placeholder{background:linear-gradient(135deg,#37e08c1a,#37e08c05);border:1px solid rgba(255,255,255,.05)}.tru2u-steps--bg-light .tru2u-steps__image-placeholder,.tru2u-steps--bg-white .tru2u-steps__image-placeholder{background:linear-gradient(135deg,#37e08c14,#37e08c05);border:1px solid rgba(0,0,0,.05)}.tru2u-steps__image-placeholder svg{width:56px;height:56px;opacity:.3}.tru2u-steps--bg-dark .tru2u-steps__image-placeholder svg{color:var(--tru2u-surface, #FFFFFF)}.tru2u-steps--bg-light .tru2u-steps__image-placeholder svg,.tru2u-steps--bg-white .tru2u-steps__image-placeholder svg{color:var(--tru2u-text-main, #111216)}.tru2u-steps__image-placeholder span{font-family:var(--tru2u-font-body, "Inter", sans-serif);font-size:14px;opacity:.4}.tru2u-steps--bg-dark .tru2u-steps__image-placeholder span{color:var(--tru2u-surface, #FFFFFF)}.tru2u-steps--bg-dark .tru2u-steps__image-wrapper:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse at center,rgba(55,224,140,.12) 0%,transparent 70%);z-index:-1;opacity:0;transition:opacity .5s ease}.tru2u-steps--bg-dark .tru2u-steps__visual:hover .tru2u-steps__image-wrapper:before{opacity:1}.tru2u-steps__indicators{display:flex;justify-content:center;gap:8px;margin-top:16px}@media screen and (min-width: 990px){.tru2u-steps__indicators{display:none}}.tru2u-steps__indicator{width:8px;height:8px;border-radius:50%;transition:all .3s ease;cursor:pointer}.tru2u-steps--bg-dark .tru2u-steps__indicator{background:#fff3}.tru2u-steps--bg-light .tru2u-steps__indicator,.tru2u-steps--bg-white .tru2u-steps__indicator{background:#00000026}.tru2u-steps__indicator.is-active{background:var(--tru2u-accent, #37E08C);width:24px;border-radius:4px}.tru2u-steps__item:focus-visible{outline:2px solid var(--tru2u-accent, #37E08C);outline-offset:4px;border-radius:8px}.tru2u-steps__cta:focus-visible{outline:2px solid var(--tru2u-accent, #37E08C);outline-offset:3px}.tru2u-steps,.tru2u-steps *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=/cdn/shop/t/4/assets/tru2u-steps.css.map */