.tmrw-how-it-works-section{background-color:var(--section-bg-color, #f7f8f8)}.how-it-works-container{padding:1.875rem 1.25rem}.how-it-works-header{margin-bottom:60px;max-width:800px}.hiw-label{font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#6b7280;margin-bottom:16px}.hiw-heading{font-size:clamp(28px,5vw,36px);line-height:1.2;font-weight:700;color:#111827;margin-bottom:20px}.hiw-subheading{font-size:18px;line-height:1.5;color:#4b5563}.hiw-content{display:grid;grid-template-columns:1fr;gap:40px}@media screen and (min-width: 768px){.tmrw-how-it-works-section{padding:2.5rem 4rem}.hiw-content{grid-template-columns:1fr 1fr;gap:64px;align-items:flex-start}.tmrw-how-it-works-section[data-layout=steps_right] .hiw-content{grid-template-areas:"visual steps"}.tmrw-how-it-works-section[data-layout=steps_left] .hiw-content{grid-template-areas:"steps visual"}.hiw-steps-list{grid-area:steps}.hiw-visual{grid-area:visual;position:sticky}}.hiw-steps-list{position:relative;padding-left:32px}.hiw-steps-timeline{position:absolute;left:0;top:24px;width:2px;background-color:#01162433;transform:translate(-50%)}.hiw-step{position:relative;margin-bottom:30px}.hiw-step:last-child{margin-bottom:0}.hiw-step-number{position:absolute;left:-32px;top:0;width:48px;height:48px;border-radius:50%;background-color:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#4b5563;transition:all .3s ease;cursor:pointer;z-index:2;transform:translate(-50%)}.hiw-step-number span{position:relative;z-index:1}.hiw-step.active .hiw-step-number{background-color:var(--accent-color, #0070f3);color:#fff;border-color:var(--accent-color, #0070f3);box-shadow:0 4px 12px #0070f340;animation:pulse-animation 2s infinite}.hiw-step-content{padding-left:16px}.hiw-step-title{font-size:20px;font-weight:600;color:#111827;margin-bottom:0;transition:margin-bottom .3s ease}.hiw-step-description{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,margin .3s ease;margin-top:0}.hiw-step.active .hiw-step-title{margin-bottom:12px}.hiw-step.active .hiw-step-description{max-height:200px;opacity:1;margin-top:8px}.hiw-step-description p{font-size:16px;line-height:1.6;color:#4b5563;margin:0}.hiw-visual{max-width:600px;margin:0 auto;border-radius:8px;overflow:hidden}.hiw-visual-item{display:none;opacity:0;transition:opacity .5s ease;border-radius:8px;overflow:hidden}.hiw-visual-item.active{display:block;opacity:1}.hiw-step-image{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 8px 24px #00000014}.hiw-image-placeholder{width:100%;aspect-ratio:4/3;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;border-radius:8px}.hiw-step-number:hover{background-color:#e5e7eb;transform:translate(-50%) scale(1.05)}.hiw-step.active .hiw-step-number:hover{background-color:var(--accent-color, #0070f3);opacity:.9}.hiw-step-number:focus{outline:none;box-shadow:0 0 0 3px #0070f34d}@media screen and (max-width: 767px){.hiw-steps-list{padding-left:48px}.hiw-steps-timeline{left:24px}.hiw-step-number{width:40px;height:40px;font-size:16px;left:-24px}.hiw-step-title{font-size:18px}.hiw-step-description p{font-size:15px}.hiw-step{margin-bottom:24px}.hiw-step.active .hiw-step-description{max-height:300px}}@keyframes pulse-animation{0%{box-shadow:0 0 rgba(var(--accent-color-rgb, 0, 112, 243),.7)}70%{box-shadow:0 0 0 15px rgba(var(--accent-color-rgb, 0, 112, 243),0)}to{box-shadow:0 0 rgba(var(--accent-color-rgb, 0, 112, 243),0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hiw-visual-item.active{animation:fadeIn .4s ease forwards}@media (prefers-reduced-motion: reduce){.hiw-visual-item,.hiw-step-number,.hiw-visual-item.active,.hiw-step-description,.hiw-step-title{transition:none;animation:none}.hiw-step.active .hiw-step-description{max-height:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/tmrw-how-it-works.css.map */