.np-why{padding-top:var(--np-why-pt, 62px);padding-bottom:var(--np-why-pb, 62px);background:#0d1b2a;overflow:hidden}.np-why__head{text-align:center;margin-bottom:3.4rem}.np-why__eyebrow{margin:0 0 1rem;font-size:1.2rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9fe1cb}.np-why__title{margin:0 auto;max-width:620px;color:#fff;font-size:3rem;line-height:1.2}.np-why__stage{display:grid;grid-template-columns:1fr auto 1fr;gap:1.4rem;align-items:center;max-width:780px;margin:0 auto}.np-why__side{display:flex;flex-direction:column;gap:3rem}.np-why__side--left{align-items:flex-end}.np-why__side--right{align-items:flex-start}.np-why__callout{display:flex;align-items:center;gap:1rem;opacity:0;transform:translateY(8px)}.np-why__side--left .np-why__calltext{text-align:right}.np-why__calltext{display:flex;flex-direction:column;gap:.3rem}.np-why__callhead{color:#9fe1cb;font-size:1.4rem;font-weight:600;line-height:1.3}.np-why__callsub{color:#ffffff94;font-size:1.2rem;line-height:1.45}.np-why__connector{flex:0 0 34px}.np-why__connector line{stroke-dasharray:34;stroke-dashoffset:34}.np-why__labelwrap{position:relative;width:196px}.np-why__label{position:relative;background:#fff;border-radius:9px;padding:1.6rem 1.5rem;overflow:hidden;box-shadow:0 18px 44px #0006}.np-why__scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#9fe1cb,transparent);box-shadow:0 0 14px #9fe1cb;opacity:0}.np-why__labelhead{margin:0 0 .7rem;font-size:1.05rem;font-weight:700;color:#0d1b2a;letter-spacing:.02em;border-bottom:2px solid #0d1b2a;padding-bottom:.6rem}.np-why__row{display:flex;justify-content:space-between;gap:1rem;font-size:1.05rem;color:#0d1b2a;padding:.55rem .3rem;border-bottom:1px solid rgba(13,27,42,.11)}.np-why__row:last-child{border-bottom:0}.np-why__val{font-weight:700;color:#2d6a4f;white-space:nowrap}.np-why__stamp{position:absolute;bottom:-15px;right:-24px;display:flex;align-items:center;gap:.5rem;background:#2d6a4f;color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.04em;padding:.7rem 1.3rem;border-radius:99px;border:2px solid #0d1b2a;white-space:nowrap;opacity:0;transform:scale(.6) rotate(-14deg)}.np-why__note{margin:3.4rem 0 0;text-align:center;font-size:1.2rem;color:#ffffff73}.np-why__actions{display:flex;justify-content:center;gap:1.2rem;margin-top:2.4rem;flex-wrap:wrap}.np-why__btn{font-size:1.45rem;font-weight:600;padding:1.4rem 2.8rem;border-radius:99px;text-decoration:none;transition:transform .2s ease,background-color .2s ease,color .2s ease}.np-why__btn--solid{background:#9fe1cb;color:#0d1b2a}.np-why__btn--solid:hover{background:#fff;transform:translateY(-2px)}.np-why__btn--ghost{border:1px solid rgba(255,255,255,.28);color:#fff}.np-why__btn--ghost:hover{border-color:#9fe1cb;color:#9fe1cb;transform:translateY(-2px)}.np-why.is-in .np-why__scan{animation:npWhyScan 2.1s ease-in-out .2s forwards}@keyframes npWhyScan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.np-why.is-in .np-why__row{animation:npWhyRow .9s ease-out forwards}.np-why.is-in .np-why__row:nth-child(2){animation-delay:.35s}.np-why.is-in .np-why__row:nth-child(3){animation-delay:.65s}.np-why.is-in .np-why__row:nth-child(4){animation-delay:.95s}.np-why.is-in .np-why__row:nth-child(5){animation-delay:1.25s}.np-why.is-in .np-why__row:nth-child(6){animation-delay:1.55s}@keyframes npWhyRow{0%{background:transparent}35%{background:#2d6a4f24}to{background:transparent}}.np-why.is-in .np-why__callout{animation:npWhyCall .7s ease-out forwards}.np-why.is-in .np-why__side--left .np-why__callout:nth-child(1){animation-delay:.5s}.np-why.is-in .np-why__side--left .np-why__callout:nth-child(2){animation-delay:.9s}.np-why.is-in .np-why__side--right .np-why__callout:nth-child(1){animation-delay:.7s}.np-why.is-in .np-why__side--right .np-why__callout:nth-child(2){animation-delay:1.1s}@keyframes npWhyCall{to{opacity:1;transform:translateY(0)}}.np-why.is-in .np-why__connector line{animation:npWhyLine .6s ease-out .6s forwards}@keyframes npWhyLine{to{stroke-dashoffset:0}}.np-why.is-in .np-why__stamp{animation:npWhyStamp .7s cubic-bezier(.34,1.56,.64,1) 2.1s forwards}@keyframes npWhyStamp{0%{opacity:0;transform:scale(.6) rotate(-14deg)}60%{opacity:1;transform:scale(1.12) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}.np-why--static .np-why__callout,.np-why--static .np-why__stamp{opacity:1;transform:none}.np-why--static .np-why__stamp{transform:rotate(-8deg)}.np-why--static .np-why__connector line{stroke-dashoffset:0}.np-why--static .np-why__scan{display:none}@media screen and (max-width:820px){.np-why__stage{grid-template-columns:1fr;justify-items:center;gap:2.6rem}.np-why__side{flex-direction:row;gap:2rem;width:100%;justify-content:center}.np-why__side--left,.np-why__side--right{align-items:flex-start}.np-why__side--left .np-why__calltext{text-align:left}.np-why__connector{display:none}.np-why__callout{flex:1;max-width:200px}.np-why__side--left{order:2}.np-why__labelwrap{order:1}.np-why__side--right{order:3}}@media screen and (max-width:640px){.np-why{padding-top:44px;padding-bottom:44px}.np-why__title{font-size:2.5rem}.np-why__head{margin-bottom:2.6rem}.np-why__side{gap:1.4rem}.np-why__callhead{font-size:1.3rem}.np-why__callsub{font-size:1.15rem}.np-why__note{margin-top:2.6rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/np-why.css.map */