.hdt-how-works--inter,.hdt-how-works--inter h1,.hdt-how-works--inter h2,.hdt-how-works--inter h3,.hdt-how-works--inter h4,.hdt-how-works--inter p,.hdt-how-works--inter span,.hdt-how-works--inter div,.hdt-how-works--inter button{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.hdt-how-works--theme-font{font-family:var(--font-body-family)}.hdt-how-works{position:relative;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hdt-how-works *::selection{background:#10b9814d;color:#fff}.hdt-how-works__inner{position:relative;z-index:10;width:100%;max-width:1400px;margin:20px auto 0;padding:40px 16px;display:flex;flex-direction:column;gap:24px;border-top:1px solid rgba(64,64,64,.5)}@media(min-width:640px){.hdt-how-works__inner{padding:80px 32px;gap:48px;margin-top:40px}}@media(min-width:1024px){.hdt-how-works__inner{padding-top:96px;padding-bottom:96px;gap:64px}}.hdt-how-works__bg-glow{position:absolute;top:20%;left:-10%;width:30vw;height:30vw;background:#10b9810d;border-radius:9999px;filter:blur(100px);pointer-events:none}.hdt-how-works__top{display:grid;grid-template-columns:1fr;gap:24px;align-items:center}@media(min-width:1024px){.hdt-how-works__top{grid-template-columns:repeat(2,1fr);gap:64px}}.hdt-how-works__left{display:flex;flex-direction:column;gap:16px;position:relative;z-index:10}.hdt-how-works__badge{display:inline-flex;align-items:center;gap:8px;color:#34d399;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;background:#10b9811a;padding:6px 12px;border-radius:9999px;border:1px solid rgba(16,185,129,.2);width:fit-content}.hdt-how-works__badge-icon{width:14px;height:14px;object-fit:contain;flex-shrink:0}.hdt-how-works__heading{font-size:36px;letter-spacing:-.04em;font-weight:500;color:#fff;line-height:1.05;margin:0}@media(min-width:640px){.hdt-how-works__heading{font-size:48px}}@media(min-width:1024px){.hdt-how-works__heading{font-size:60px}}.hdt-how-works__heading-br{display:none}@media(min-width:640px){.hdt-how-works__heading-br{display:block}}.hdt-how-works__heading-muted{color:#71717a}.hdt-how-works__desc{font-size:16px;color:#a1a1aa;font-weight:400;line-height:1.625;margin:0;max-width:512px}@media(min-width:640px){.hdt-how-works__desc{font-size:18px}}.hdt-how-works__routine{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border-radius:1rem;background:#26262680;border:1px solid rgba(64,64,64,.5);width:fit-content;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hdt-how-works__routine-icon-box{width:40px;height:40px;border-radius:9999px;background:#10b98133;color:#34d399;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hdt-how-works__routine-icon-img{width:20px;height:20px;object-fit:contain}.hdt-how-works__routine-text{display:flex;flex-direction:column}.hdt-how-works__routine-label{font-size:12px;color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.hdt-how-works__routine-value{font-size:14px;font-weight:600;color:#6ee7b7}.hdt-how-works__video-card{position:relative;width:100%;aspect-ratio:3/4;max-width:380px;margin:0 auto;border-radius:1.5rem;overflow:hidden;background:#171717;border:1px solid rgba(64,64,64,.5);box-shadow:0 25px 50px -12px #00000080;cursor:pointer;z-index:10}.hdt-how-works__video-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5;transition:transform .7s,opacity .7s}.hdt-how-works__video-card:hover .hdt-how-works__video-img{transform:scale(1.05);opacity:.7}.hdt-how-works__video-grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#09090b,transparent);pointer-events:none}.hdt-how-works__play-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.hdt-how-works__play-outer{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.hdt-how-works__play-ping{position:absolute;top:0;right:0;bottom:0;left:0;background:#10b98133;border-radius:9999px;animation:hdt-play-ping 2s cubic-bezier(0,0,.2,1) infinite}@keyframes hdt-play-ping{75%,to{transform:scale(2);opacity:0}}.hdt-how-works__play-btn{position:relative;width:64px;height:64px;border-radius:9999px;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 20px 25px -5px #0000004d;transition:all .3s}.hdt-how-works__video-card:hover .hdt-how-works__play-btn{background:#10b981;border-color:#34d399}.hdt-how-works__play-icon{width:24px;height:24px;object-fit:contain;margin-left:4px}.hdt-how-works__video-bottom{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.hdt-how-works__video-title{color:#fff;font-weight:500;font-size:18px;letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hdt-how-works__video-duration{color:#fffc;font-size:14px;font-weight:500;background:#0006;padding:4px 8px;border-radius:6px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hdt-how-works__timeline{position:relative;margin-top:20px}@media(min-width:640px){.hdt-how-works__timeline{margin-top:48px}}@media(min-width:1024px){.hdt-how-works__timeline{margin-top:80px}}.hdt-how-works__line-desktop{display:none;position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,rgba(16,185,129,.3),rgba(64,64,64,.3) 80%,transparent);transform:translate(-50%)}@media(min-width:1024px){.hdt-how-works__line-desktop{display:block}}.hdt-how-works__line-mobile{position:absolute;left:32px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,rgba(16,185,129,.3),rgba(64,64,64,.3) 80%,transparent)}@media(min-width:1024px){.hdt-how-works__line-mobile{display:none}}.hdt-how-works__steps{display:flex;flex-direction:column;gap:20px;position:relative;z-index:10}@media(min-width:1024px){.hdt-how-works__steps{gap:48px}}.hdt-how-works__step{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:24px;position:relative}@media(min-width:1024px){.hdt-how-works__step{flex-direction:row;align-items:center;gap:0}}.hdt-how-works__dot-mobile{position:absolute;left:32px;top:24px;width:12px;height:12px;border-radius:9999px;background:#34d399;transform:translate(-5.5px);box-shadow:0 0 15px #34d39980}@media(min-width:1024px){.hdt-how-works__dot-mobile{display:none}}.hdt-how-works__step-col{width:100%;padding-left:64px}@media(min-width:1024px){.hdt-how-works__step-col{width:50%;padding-left:0}.hdt-how-works__step-col--left{display:flex;justify-content:flex-end;padding-right:64px}.hdt-how-works__step-col--right{display:flex;justify-content:flex-start;padding-left:64px}}.hdt-how-works__box{position:relative;overflow:hidden;width:100%;max-width:512px;padding:16px;border-radius:20px;background:#17171799;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(64,64,64,.5);box-shadow:0 20px 25px -5px #0000001a;transition:all .3s}@media(min-width:640px){.hdt-how-works__box{padding:32px;border-radius:32px}}.hdt-how-works__step:hover .hdt-how-works__box{border-color:#10b9814d;background:#26262699}.hdt-how-works__num-bg{position:absolute;top:-24px;right:-8px;font-size:96px;font-weight:900;line-height:1;color:#ffffff0d;pointer-events:none;transition:color .3s}.hdt-how-works__step:hover .hdt-how-works__num-bg{color:#ffffff1a}.hdt-how-works__box-title{font-size:20px;font-weight:500;color:#fff;margin:0 0 12px;position:relative;z-index:10}@media(min-width:640px){.hdt-how-works__box-title{font-size:24px}}.hdt-how-works__box-desc{font-size:14px;color:#a1a1aa;line-height:1.625;margin:0;position:relative;z-index:10}@media(min-width:640px){.hdt-how-works__box-desc{font-size:16px}}.hdt-how-works__node-desktop{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:9999px;background:#000;border:1px solid #404040;align-items:center;justify-content:center;color:#34d399;z-index:20;transition:all .3s;box-shadow:inset 0 0 30px #34d39900}@media(min-width:1024px){.hdt-how-works__node-desktop{display:flex}}.hdt-how-works__step:hover .hdt-how-works__node-desktop{border-color:#10b98180;background:#10b9811a;box-shadow:inset 0 0 30px #34d39926}.hdt-how-works__node-icon{width:24px;height:24px;object-fit:contain}.hdt-how-works__step-empty{display:none;width:50%}@media(min-width:1024px){.hdt-how-works__step-empty{display:block}}.hdt-how-works__bottom{display:flex;justify-content:center;margin-top:28px;position:relative;z-index:10}@media(min-width:1024px){.hdt-how-works__bottom{margin-top:64px}}.hdt-how-works__btn{position:relative;overflow:hidden;background:#059669;color:#fff;font-size:15px;font-weight:500;padding:12px 24px;border-radius:12px;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 10px 15px -3px #05966933;transition:all .2s;text-decoration:none}@media(min-width:640px){.hdt-how-works__btn{font-size:16px;padding:16px 32px}}.hdt-how-works__btn:hover{background:#10b981}.hdt-how-works__btn-arrow{width:20px;height:20px;object-fit:contain;transition:transform .2s}.hdt-how-works__btn:hover .hdt-how-works__btn-arrow{transform:translate(4px)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hdt-how-it-works.css.map */