.tgd-how-it-works{background:#fff;color:#111;padding:0 24px;min-height:220vh;position:relative;overflow:visible}.tgd-how-it-works__inner{width:100%;max-width:1320px;margin:0 auto;min-height:100vh;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;padding:90px 0}.tgd-how-it-works__header{max-width:780px;margin-bottom:80px}.tgd-how-it-works__label{display:inline-flex;margin:0 0 22px;padding:9px 14px;border-radius:999px;background:#2b00f9;color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1}.tgd-how-it-works__title{margin:0;font-size:clamp(44px,6vw,88px);line-height:.94;letter-spacing:-.065em;font-weight:800;color:#111}.tgd-how-it-works__text{max-width:620px;margin:28px 0 0;font-size:clamp(17px,1.4vw,22px);line-height:1.45;color:#111111ad;font-weight:500}.tgd-how-it-works__flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tgd-how-it-works__flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:70px}.tgd-how-it-works__line{position:absolute;top:9px;left:0;width:100%;height:4px;background:#1111111f;border-radius:999px;overflow:hidden;display:block;z-index:1}.tgd-how-it-works__card{position:relative;min-height:310px;padding:26px;border-radius:28px;background:#f7f7f4;border:1px solid rgba(17,17,17,.1);display:flex;flex-direction:column;justify-content:space-between;opacity:0;transform:translateY(46px);transition:opacity .55s ease,transform .55s ease,border-color .35s ease,box-shadow .35s ease}.tgd-how-it-works__card.tgd-step-active{opacity:1;transform:translateY(0)}.tgd-how-it-works__card:before{content:"";position:absolute;top:-70px;left:26px;width:18px;height:18px;border-radius:999px;background:#11111129;border:4px solid #ffffff;box-shadow:0 0 0 1px #2b00f933;z-index:3;transition:background .25s ease,box-shadow .25s ease,transform .25s ease}.tgd-how-it-works__card.tgd-step-active:before{background:#2b00f9;box-shadow:0 0 0 7px #2b00f91f;transform:scale(1.12)}.tgd-how-it-works__step{font-size:13px;font-weight:800;letter-spacing:.1em;color:#2b00f9}.tgd-how-it-works__card h3{margin:auto 0 18px;font-size:clamp(26px,2.4vw,38px);line-height:.98;letter-spacing:-.045em;font-weight:800;color:#111}.tgd-how-it-works__card p{margin:0;font-size:15px;line-height:1.45;color:#111111ad;font-weight:500}@media screen and (max-width:990px){.tgd-how-it-works{min-height:240vh;padding:0 18px}.tgd-how-it-works__inner{padding:72px 0}.tgd-how-it-works__header{margin-bottom:58px}.tgd-how-it-works__flow{grid-template-columns:1fr;gap:16px;padding-left:30px}.tgd-how-it-works__line{position:absolute;top:0;bottom:0;left:0;width:4px;height:100%;margin-bottom:0}.tgd-how-it-works__line-progress{width:100%;height:100%;background:#2b00f9;border-radius:999px;display:block;transform-origin:left center;transform:scaleX(var(--tgd-progress, 0));transition:transform .08s linear}.tgd-how-it-works__card{min-height:240px;border-radius:24px}.tgd-how-it-works__card:before{top:28px;left:-39px}.tgd-how-it-works__card{opacity:0;transform:translateY(34px);transition:opacity .55s ease,transform .55s ease,border-color .35s ease,box-shadow .35s ease}.tgd-how-it-works__card.tgd-step-active{opacity:1;transform:translateY(0)}.tgd-how-it-works__step{font-size:15px}.tgd-how-it-works__card h3{font-size:34px;line-height:.98}.tgd-how-it-works__card p{font-size:17px;line-height:1.5}}@media screen and (max-width:640px){.tgd-how-it-works{padding:0 16px}.tgd-how-it-works__title{font-size:clamp(42px,14vw,64px)}.tgd-how-it-works__text{font-size:16px}.tgd-how-it-works__card{padding:24px}.tgd-how-it-works__step{font-size:15px}.tgd-how-it-works__card h3{font-size:34px;line-height:.98}.tgd-how-it-works__card p{font-size:17px;line-height:1.5}}.tgd-how-it-works__cta{display:flex;justify-content:center;margin-top:56px;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .55s ease,transform .55s ease}.tgd-how-it-works__button{display:inline-flex;align-items:center;justify-content:center;padding:17px 30px;border-radius:999px;background:#2b00f9;color:#fff;text-decoration:none;font-size:14px;font-weight:800;line-height:1;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.tgd-how-it-works__button:hover{transform:scale(1.05);background:#111;box-shadow:0 18px 44px #1111112e}.tgd-how-it-works.tgd-how-it-works--complete .tgd-how-it-works__cta{opacity:1;transform:translateY(0);pointer-events:auto}@media screen and (max-width:640px){.tgd-how-it-works__cta{justify-content:flex-start;margin-top:34px}.tgd-how-it-works__button{padding:16px 26px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tgd-how-it-works.css.map */