.nb-three-step{background:linear-gradient(180deg,#faf7f1 0% 100%);position:relative}.nb-three-step__pin-track{padding:48px 0}@media screen and (min-width:990px){.nb-three-step[data-nb-three-step-pinned=true] .nb-three-step__pin-track{padding:0;min-height:280vh;position:relative}.nb-three-step[data-nb-three-step-pinned=true] .nb-three-step__pin-stage{position:sticky;top:8vh;height:84vh;display:flex;align-items:center}.nb-three-step[data-nb-three-step-pinned=true] .page-width,.nb-three-step[data-nb-three-step-pinned=true] .nb-three-step__layout{width:100%;height:100%}.nb-three-step[data-nb-three-step-pinned=true] .nb-three-step__layout{align-items:stretch}.nb-three-step[data-nb-three-step-pinned=true] .nb-three-step__intro{align-self:center}}.nb-three-step__layout{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}@media screen and (min-width:750px){.nb-three-step__pin-track{padding:64px 0}.nb-three-step__layout{grid-template-columns:1fr 1fr;gap:56px}}.nb-three-step__heading{font-size:var(--fs-display-md);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);margin:0 0 12px}.nb-three-step__body{font-size:var(--fs-base);line-height:var(--lh-relaxed);opacity:.78;margin:0 0 24px}.nb-three-step__list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:14px}.nb-three-step__item{display:flex;gap:14px;align-items:flex-start;transition:opacity .28s ease,transform .32s cubic-bezier(.22,1,.36,1)}.nb-three-step[data-nb-three-step-pinned=true][data-active-step="1"] .nb-three-step__item:not([data-step-num="1"]),.nb-three-step[data-nb-three-step-pinned=true][data-active-step="2"] .nb-three-step__item:not([data-step-num="2"]),.nb-three-step[data-nb-three-step-pinned=true][data-active-step="3"] .nb-three-step__item:not([data-step-num="3"]){opacity:.34}.nb-three-step[data-nb-three-step-pinned=true][data-active-step="1"] .nb-three-step__item[data-step-num="1"],.nb-three-step[data-nb-three-step-pinned=true][data-active-step="2"] .nb-three-step__item[data-step-num="2"],.nb-three-step[data-nb-three-step-pinned=true][data-active-step="3"] .nb-three-step__item[data-step-num="3"]{transform:translate(4px)}.nb-three-step__num{flex:none;width:32px;height:32px;border-radius:50%;background:#1cc3bd;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-sm);transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease}.nb-three-step[data-nb-three-step-pinned=true][data-active-step="1"] .nb-three-step__item[data-step-num="1"] .nb-three-step__num,.nb-three-step[data-nb-three-step-pinned=true][data-active-step="2"] .nb-three-step__item[data-step-num="2"] .nb-three-step__num,.nb-three-step[data-nb-three-step-pinned=true][data-active-step="3"] .nb-three-step__item[data-step-num="3"] .nb-three-step__num{transform:scale(1.18);box-shadow:0 0 0 6px #1cc3bd2e}.nb-three-step__text{font-size:var(--fs-base);line-height:var(--lh-normal)}.nb-three-step__text strong{font-weight:var(--fw-semibold)}.nb-three-step__guarantee{font-size:var(--fs-sm);opacity:.7;margin:0}.nb-three-step__media{position:relative}.nb-three-step__media-frame{position:relative;overflow:hidden;border-radius:18px}.nb-three-step__media-img{width:100%;height:auto;display:block;transition:transform .72s cubic-bezier(.22,1,.36,1),object-position .72s cubic-bezier(.22,1,.36,1),filter .48s ease;transform-origin:center center}@media screen and (min-width:990px){.nb-three-step[data-nb-three-step-pinned=true] .nb-three-step__media{display:flex;align-items:center;justify-content:center}.nb-three-step[data-nb-three-step-pinned=true] .nb-three-step__media-frame{width:100%;aspect-ratio:1 / 1;max-height:76vh}.nb-three-step[data-nb-three-step-pinned=true] .nb-three-step__media-img{width:100%;height:100%;object-fit:cover;object-position:50% center;transform:none}.nb-three-step[data-nb-three-step-pinned=true][data-active-step="1"] .nb-three-step__media-img{object-position:0% center;transform:none}.nb-three-step[data-nb-three-step-pinned=true][data-active-step="2"] .nb-three-step__media-img{object-position:50% center;transform:none}.nb-three-step[data-nb-three-step-pinned=true][data-active-step="3"] .nb-three-step__media-img{object-position:100% center;transform:none}}.nb-three-step__media-pulse{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(28,195,189,.18),transparent 35%);opacity:0;transition:opacity .32s ease}@media screen and (min-width:990px){.nb-three-step[data-nb-three-step-pinned=true] .nb-three-step__media-pulse{opacity:1}}.nb-three-step__media-tag{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;pointer-events:none}.nb-three-step__media-tag-text{position:absolute;left:0;bottom:0;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:#0f1113c7;color:#fff;font-size:var(--fs-sm, 1.4rem);font-weight:var(--fw-semibold, 600);white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity .32s ease,transform .32s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nb-three-step__media-tag-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#1cc3bd;color:#fff;font-size:12px;font-weight:var(--fw-bold)}.nb-three-step[data-active-step="1"] .nb-three-step__media-tag-text[data-step-tag="1"],.nb-three-step[data-active-step="2"] .nb-three-step__media-tag-text[data-step-tag="2"],.nb-three-step[data-active-step="3"] .nb-three-step__media-tag-text[data-step-tag="3"]{opacity:1;transform:translateY(0)}@media(max-width:989px){.nb-three-step__media-tag{display:none}}@media(prefers-reduced-motion:reduce){.nb-three-step__media-img,.nb-three-step__num,.nb-three-step__item,.nb-three-step__media-tag-text{transition:none}.nb-three-step[data-nb-three-step-pinned=true] .nb-three-step__media-img{transform:none}@media screen and (min-width:990px){.nb-three-step[data-nb-three-step-pinned=true] .nb-three-step__pin-track{min-height:auto;padding:64px 0}.nb-three-step[data-nb-three-step-pinned=true] .nb-three-step__pin-stage{position:static;height:auto}}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-nb-three-step.css.map */