.nuvipet-how-it-works{--nuvipet-how-it-works-ink: #18382f;--nuvipet-how-it-works-muted: #68776f;--nuvipet-how-it-works-surface: #f7f5ef;--nuvipet-how-it-works-accent: #dce9df;--nuvipet-how-it-works-line: rgba(24, 56, 47, .16);color:var(--nuvipet-how-it-works-ink);background:var(--nuvipet-how-it-works-surface)}.nuvipet-how-it-works__inner{width:min(100% - 4rem,var(--page-width, 120rem));margin-inline:auto;padding-block:clamp(7.2rem,10vw,14rem)}.nuvipet-how-it-works__header{width:min(100%,76rem);margin:0 auto clamp(4.8rem,7vw,8rem);text-align:center}.nuvipet-how-it-works__eyebrow{margin:0 0 1.6rem;color:#587065;font-size:1.2rem;font-weight:700;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}.nuvipet-how-it-works__heading{margin:0;color:var(--nuvipet-how-it-works-ink);font-family:var(--font-heading-family);font-size:clamp(4rem,5.5vw,7.2rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.045em;line-height:1}.nuvipet-how-it-works__description{width:min(100%,60rem);margin:2.4rem auto 0;color:var(--nuvipet-how-it-works-muted);font-size:clamp(1.6rem,1.5vw,1.9rem);line-height:1.65}.nuvipet-how-it-works__description p,.nuvipet-how-it-works__step-description p{margin:0}.nuvipet-how-it-works__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,3vw,3.6rem);margin:0;padding:0;list-style:none;counter-reset:nuvipet-how-it-works-step}.nuvipet-how-it-works__step{position:relative;min-width:0;counter-increment:nuvipet-how-it-works-step}.nuvipet-how-it-works--connector .nuvipet-how-it-works__step:not(:last-child):after{content:"";position:absolute;top:28%;left:calc(100% + .2rem);z-index:2;width:clamp(2rem,3vw,3.6rem);border-top:.2rem dashed rgba(24,56,47,.22);pointer-events:none}.nuvipet-how-it-works__card{height:100%;overflow:hidden;border:.1rem solid rgba(24,56,47,.1);border-radius:clamp(2.4rem,3vw,3.6rem);background:#fff;box-shadow:0 2.4rem 6rem #1c342c14}.nuvipet-how-it-works--minimal .nuvipet-how-it-works__card{overflow:visible;border-color:transparent;background:transparent;box-shadow:none}.nuvipet-how-it-works__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:clamp(2.2rem,2.8vw,3.4rem) clamp(2.2rem,2.8vw,3.4rem) 0 0;background:#e8e8df}.nuvipet-how-it-works--minimal .nuvipet-how-it-works__media{border-radius:clamp(2.4rem,3vw,3.6rem);box-shadow:0 2rem 5rem #1c342c14}.nuvipet-how-it-works__image,.nuvipet-how-it-works__placeholder{display:block;width:100%;height:100%;object-fit:cover}.nuvipet-how-it-works__placeholder{fill:#18382f1f}.nuvipet-how-it-works__number{position:absolute;top:2rem;left:2rem;display:inline-flex;align-items:center;justify-content:center;min-width:5.2rem;height:5.2rem;padding-inline:1.2rem;border:.1rem solid rgba(255,255,255,.48);border-radius:999rem;color:#fff;background:#18382fd1;box-shadow:0 1rem 3rem #18382f33;font-size:1.3rem;font-weight:700;letter-spacing:.08em;line-height:1;backdrop-filter:blur(.8rem);-webkit-backdrop-filter:blur(.8rem)}.nuvipet-how-it-works__card-content{position:relative;padding:clamp(2.8rem,3vw,4rem)}.nuvipet-how-it-works--minimal .nuvipet-how-it-works__card-content{padding-inline:0;padding-bottom:0}.nuvipet-how-it-works__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;margin-bottom:2rem;border-radius:1.6rem;background:var(--nuvipet-how-it-works-accent)}.nuvipet-how-it-works__icon{display:block;width:3rem;height:3rem;object-fit:contain}.nuvipet-how-it-works__step-title{margin:0;color:var(--nuvipet-how-it-works-ink);font-family:var(--font-heading-family);font-size:clamp(2.3rem,2.2vw,3.2rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.025em;line-height:1.15}.nuvipet-how-it-works__step-description{margin-top:1.6rem;color:var(--nuvipet-how-it-works-muted);font-size:1.5rem;line-height:1.65}.nuvipet-how-it-works__cta-wrap{display:flex;justify-content:center;margin-top:clamp(4rem,6vw,6.4rem)}.nuvipet-how-it-works__cta{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;min-height:5.6rem;padding:1.5rem 2.8rem;border:.1rem solid var(--nuvipet-how-it-works-ink);border-radius:999rem;color:#fff;background:var(--nuvipet-how-it-works-ink);box-shadow:0 1.2rem 3rem #18382f29;font-size:1.5rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.nuvipet-how-it-works__cta:hover{transform:translateY(-.2rem);box-shadow:0 1.6rem 3.6rem #18382f38}.nuvipet-how-it-works__cta:focus-visible{outline:.2rem solid var(--nuvipet-how-it-works-ink);outline-offset:.4rem}.nuvipet-how-it-works__cta[aria-disabled=true]{cursor:not-allowed;opacity:.5}.nuvipet-how-it-works__cta-icon{display:inline-flex;width:1.8rem}.nuvipet-how-it-works__cta-icon svg{width:100%}@media screen and (max-width:989px){.nuvipet-how-it-works__steps{grid-template-columns:1fr;gap:3.2rem}.nuvipet-how-it-works--connector .nuvipet-how-it-works__step:not(:last-child):after{top:100%;left:50%;width:0;height:3.2rem;border-top:0;border-left:.2rem dashed rgba(24,56,47,.22)}.nuvipet-how-it-works__media{aspect-ratio:16 / 10}}@media screen and (max-width:749px){.nuvipet-how-it-works__inner{width:min(100% - 3.2rem,var(--page-width, 120rem));padding-block:7.2rem}.nuvipet-how-it-works__header{margin-bottom:4rem;text-align:left}.nuvipet-how-it-works__heading{font-size:clamp(3.6rem,11vw,5.2rem)}.nuvipet-how-it-works__card{border-radius:2.4rem}.nuvipet-how-it-works__media,.nuvipet-how-it-works--minimal .nuvipet-how-it-works__media{aspect-ratio:4 / 3;border-radius:2.3rem 2.3rem 0 0}.nuvipet-how-it-works--minimal .nuvipet-how-it-works__media{border-radius:2.4rem}.nuvipet-how-it-works__card-content{padding:2.8rem 2.2rem}.nuvipet-how-it-works--minimal .nuvipet-how-it-works__card-content{padding-inline:0}.nuvipet-how-it-works__cta{width:100%}}@media(prefers-reduced-motion:reduce){.nuvipet-how-it-works__cta{transition:none}.nuvipet-how-it-works__cta:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-nuvipet-how-it-works.css.map */