.tmrw-how-it-works-dark-section{background-color:var(--section-bg-color, #1F2937);position:relative}.how-it-works-dark-container{padding:1.875rem 1.25rem;display:flex;flex-direction:column;gap:clamp(2rem,64px,6rem)}.how-it-works-dark-header{display:flex;flex-direction:column;gap:clamp(16px,2rem,36px)}.hiw-dark-label{font-size:14px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#ee5624;margin:0}.hiw-dark-heading{font-size:clamp(28px,3rem,60px);line-height:1.2;font-weight:700;color:#f9fafb;margin:0}.hiw-dark-subheading{font-size:clamp(16px,1.5rem,24px);line-height:1.5;margin:0;color:#90a1b9;max-width:650px}.hiw-dark-content{display:grid;grid-template-columns:1fr;grid-template-areas:"steps" "visual";gap:40px}.hiw-dark-steps-list{grid-area:steps}.hiw-dark-visual{grid-area:visual}@media screen and (min-width:768px){.tmrw-how-it-works-dark-section{padding:2.5rem 4rem}.hiw-dark-content{grid-template-columns:1fr 1fr;gap:64px;align-items:center}.tmrw-how-it-works-dark-section[data-layout=steps_right] .hiw-dark-content{grid-template-areas:"visual steps"}.tmrw-how-it-works-dark-section[data-layout=steps_left] .hiw-dark-content{grid-template-areas:"steps visual"}.hiw-dark-visual{position:sticky;top:100px}}.hiw-dark-steps-list{position:relative;display:flex;flex-direction:column;gap:clamp(24px,1.75rem,32px)}.hiw-dark-steps-timeline{position:absolute;left:24px;top:24px;width:2px;background-color:#fff3;z-index:1}.hiw-dark-step{position:relative;display:flex;flex-direction:row;gap:1rem;align-items:flex-start;width:fit-content}.hiw-dark-step.active{width:100%}.hiw-dark-step:last-child{margin-bottom:0}.hiw-dark-step-wrapper{display:flex;align-items:baseline;gap:16px;position:relative}.hiw-dark-step-number{flex-shrink:0;width:32px;height:32px;border-radius:10px;background-color:#ee56241a;border:1px solid #EE562433;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#ee5624;transition:all .3s ease;cursor:pointer;z-index:2}.hiw-dark-step-number span{position:relative;z-index:1}.hiw-dark-step.active .hiw-dark-step-number{background-color:var(--accent-color, #EE5624);color:#fff;border-color:var(--accent-color, #EE562433);box-shadow:0 4px 12px #ee562440;animation:pulse-animation-dark 2s infinite}.hiw-dark-step-content{cursor:pointer;padding:0;width:fit-content}.hiw-dark-step.active .hiw-dark-step-content{width:auto}.hiw-dark-step-title{font-size:clamp(18px,1.5rem,24px);font-weight:500;width:fit-content;line-height:1.3;margin:0;color:#cad5e2;transition:margin-bottom .3s ease}.hiw-dark-step-description{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,margin .3s ease;margin-top:0}.hiw-dark-step.active .hiw-dark-step-title{margin-bottom:12px}.hiw-dark-step.active .hiw-dark-step-description{max-height:200px;opacity:1;margin-top:8px}.hiw-dark-step-description p{font-size:16px;line-height:1.6;color:#d1d5db;margin:0}.hiw-dark-visual{margin:0 auto;border-radius:8px;overflow:visible;display:flex;align-items:center;justify-content:center;min-height:400px}.hiw-dark-visual-item{display:block;opacity:1;border-radius:8px;overflow:visible}.hiw-dark-step-image{width:100%;height:auto;display:block}.hiw-dark-image-placeholder{width:100%;aspect-ratio:4/3;background-color:#374151;display:flex;align-items:center;justify-content:center;border-radius:8px;border:2px dashed #4B5563}.hiw-dark-step:hover .hiw-dark-step-number{background-color:var(--accent-color, #EE5624);color:#fff;border-color:var(--accent-color, #EE562433);box-shadow:0 4px 12px #ee562433;animation:pulse-animation-dark 2s infinite}.hiw-dark-step.active .hiw-dark-step-number:hover{background-color:var(--accent-color, #EE5624);opacity:.9}.hiw-dark-step-number:focus{outline:none;box-shadow:0 0 0 3px #ee562433}@media screen and (max-width:767px){.hiw-dark-steps-timeline{left:20px}.hiw-dark-step-number{width:24px;height:24px}.hiw-dark-step-wrapper{gap:12px}.hiw-dark-step-title{font-size:18px}.hiw-dark-step-description p{font-size:15px}.hiw-dark-step.active .hiw-dark-step-description{max-height:300px}}@keyframes pulse-animation-dark{0%{box-shadow:0 0 #ee562459}70%{box-shadow:0 0 0 15px #ee562400}to{box-shadow:0 0 #ee562400}}@media(prefers-reduced-motion:reduce){.hiw-dark-visual-item,.hiw-dark-step-number,.hiw-dark-visual-item.active,.hiw-dark-step-description,.hiw-dark-step-title,.hiw-dark-step-image{transition:none;animation:none!important}.hiw-dark-step.active .hiw-dark-step-description{max-height:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/tmrw-how-it-works-dark.css.map */