.ftwiw{background:var(--ftwiw-bg);color:var(--ftwiw-fg);padding:16px 0 22px}.ftwiw__eyebrow{margin:0 0 10px;text-align:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ftwiw-accent)}.ftwiw__title{margin:0 auto;text-align:center;max-width:26ch;font-size:clamp(26px,3.4vw,40px);line-height:1.08;letter-spacing:-.02em}.ftwiw__sub{margin:12px auto 0;text-align:center;max-width:68ch;opacity:.78;font-size:16px;line-height:1.6}.ftwiw__grid{margin-top:38px;display:grid;grid-template-columns:.78fr 1.22fr;gap:44px;align-items:start}.ftwiw__media{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#10201f0d}.ftwiw__frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.02);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.ftwiw__frame.is-active{opacity:1;transform:scale(1);pointer-events:auto}.ftwiw__img{width:100%;height:100%;object-fit:cover;display:block}.ftwiw__ph{width:100%;height:100%;display:grid;place-items:center;font-size:60px;opacity:.12}.ftwiw__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.ftwiw__step{border-top:1px solid rgba(16,32,31,.12)}.ftwiw__step:last-child{border-bottom:1px solid rgba(16,32,31,.12)}.ftwiw__btn{width:100%;display:flex;align-items:center;gap:14px;padding:18px 4px;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:opacity .2s}.ftwiw__btn:hover{opacity:.8}.ftwiw__num{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;border:1px solid rgba(16,32,31,.22);transition:.25s}.ftwiw__step.is-active .ftwiw__num{background:var(--ftwiw-accent);border-color:var(--ftwiw-accent);color:#fff;font-weight:600}.ftwiw__label{font-size:17.5px;letter-spacing:-.01em;font-weight:600}.ftwiw__body{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .3s ease;font-size:15.2px;line-height:1.7}.ftwiw__step.is-active .ftwiw__body{max-height:560px;opacity:.82;padding:0 4px 22px 40px}.ftwiw__body p{margin:0 0 10px}.ftwiw__body strong{font-weight:600;opacity:1}.ftwiw__body ul{margin:12px 0 14px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:2px 20px}.ftwiw__body li{margin:0;padding:6px 0 6px 20px;position:relative;line-height:1.5}.ftwiw__body li:before{content:"";position:absolute;left:2px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--ftwiw-accent)}.ftwiw__body li strong{display:inline}@media(max-width:900px){.ftwiw{padding:10px 0 20px}.ftwiw__grid{grid-template-columns:1fr;gap:22px}.ftwiw__media{aspect-ratio:4/3;max-height:300px}}@media(max-width:640px){.ftwiw{padding:8px 0 16px}.ftwiw__eyebrow{margin-bottom:8px;font-size:10.5px}.ftwiw__title{font-size:26px;line-height:1.14}.ftwiw__sub{display:none}.ftwiw__grid{margin-top:20px}.ftwiw__grid{margin-top:24px;gap:18px}.ftwiw__media{aspect-ratio:3/2;max-height:230px;border-radius:10px}.ftwiw__ph{font-size:38px}.ftwiw__btn{gap:11px;padding:15px 2px}.ftwiw__num{width:23px;height:23px;font-size:11px}.ftwiw__label{font-size:16px;line-height:1.3}.ftwiw__step.is-active .ftwiw__body{padding:0 2px 18px 34px;max-height:900px}.ftwiw__body{font-size:14.6px;line-height:1.62}.ftwiw__body ul{grid-template-columns:1fr;gap:0;margin:10px 0 12px}.ftwiw__body li{padding:5px 0 5px 18px}.ftwiw__body li:before{top:.68em;width:5px;height:5px}}@media(prefers-reduced-motion:reduce){.ftwiw__frame,.ftwiw__body{transition:none}}.ftwiw__grid.is-solo{grid-template-columns:1fr;max-width:760px;margin-left:auto;margin-right:auto}.ftwiw__eyebrow{display:block;width:max-content;margin:0 auto 12px;background:#eefafc;color:#079db2;font-weight:700;padding:6px 14px;border-radius:999px;letter-spacing:.14em}.ftwiw__eyebrow{font-size:12px;padding:7px 16px}.ftwiw__title{font-size:clamp(23px,2.8vw,32px)}.ftwiw:before{content:"";display:block;width:min(340px,72%);height:1px;background:#14201f24;margin:0 auto 26px}.ftwiw__eyebrow{font-size:13.5px;padding:9px 20px}@media(min-width:901px){.ftwiw__media{aspect-ratio:auto;max-height:none}.ftwiw__frame:first-child{position:relative;inset:auto}.ftwiw__frame:first-child .ftwiw__img{height:auto;object-fit:contain}}@media(min-width:901px){.ftwiw__grid{align-items:stretch}.ftwiw__media{aspect-ratio:auto;height:100%;min-height:0;align-self:stretch}.ftwiw__frame:first-child{position:absolute;top:0;right:0;bottom:0;left:0}.ftwiw__frame:first-child .ftwiw__img{height:100%;object-fit:cover}}.ftwiw__btn{gap:14px}.ftwiw__label{flex:1}.ftwiw__chev{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eefafc;color:#079db2;border:1px solid #bfe9ef;transition:transform .28s ease,background .2s ease,color .2s ease}.ftwiw__btn:hover .ftwiw__chev{background:#07bcd4;color:#fff;border-color:#07bcd4}.ftwiw__step.is-active .ftwiw__chev{transform:rotate(180deg);background:#07bcd4;color:#fff;border-color:#07bcd4}.ftwiw__btn:active .ftwiw__chev{transform:scale(.92)}.ftwiw__step.is-active .ftwiw__btn:active .ftwiw__chev{transform:rotate(180deg) scale(.92)}.ftwiw__btn:hover .ftwiw__label{color:#079db2}.ftwiw__step:hover{background:#07bcd409}.ftwiw__btn:focus-visible{outline:2px solid #07bcd4;outline-offset:-2px;border-radius:6px}@media(max-width:640px){.ftwiw__chev{width:26px;height:26px}.ftwiw__btn{gap:11px}}@media(prefers-reduced-motion:reduce){.ftwiw__chev{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/ft-why-it-works.css.map */