body.template-how-to-use,body.template-how-to-use .site-main,body.template-how-to-use .site-header,body.template-how-to-use .site-header__inner,body.template-how-to-use .site-nav--mobile,body.template-how-to-use .site-footer,body.template-how-to-use .site-footer__frame{background:#fff}.zova-howto{--zova-cream: #f7f1e7;--zova-cream-deep: #efe4d4;--zova-white: #fff;--zova-blue: #1a5b75;--zova-blue-strong: #0f5870;--zova-blue-dark: #0d4053;--zova-green: #6f7f6b;--zova-green-strong: #566c56;--zova-text: #123f4f;--zova-muted: #6f7a72;--zova-shadow: 0 16px 36px rgba(18, 63, 79, .14);--zova-soft-shadow: 0 10px 24px rgba(18, 63, 79, .08);background:linear-gradient(180deg,#f7f1e78a,#fff 40%,#f7f1e7c7);color:var(--zova-text)}.zova-howto__inner{width:min(calc(100% - (var(--gutter) * 2)),1200px);margin:0 auto}.zova-howto__hero{position:relative;isolation:isolate;padding:clamp(28px,4vw,54px) 0 clamp(34px,4.8vw,62px);overflow:hidden}.zova-howto__hero:before{content:"";position:absolute;z-index:-1;right:max(-9vw,-120px);top:14%;width:clamp(220px,28vw,390px);aspect-ratio:1 / 1;border-radius:58% 42% 48% 52%;background:#1a5b751f}.zova-howto__hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,.76fr);align-items:center;gap:clamp(26px,4.5vw,58px)}.zova-howto__hero-content{max-width:520px}.zova-howto__eyebrow,.zova-howto__safety-label{margin:0 0 10px;color:var(--zova-green-strong);font-size:clamp(.7rem,.9vw,.84rem);font-weight:700;letter-spacing:.15em;text-transform:uppercase}.zova-howto__title,.zova-howto__section-title,.zova-howto__ritual-title,.zova-howto__final-title{margin:0;font-family:var(--font-heading);color:var(--zova-blue-strong);font-weight:400;letter-spacing:0}.zova-howto__title{max-width:10ch;font-size:clamp(3rem,5.6vw,5.35rem);line-height:.9}.zova-howto__subtitle{margin:16px 0 0;max-width:490px;color:var(--zova-blue-dark);font-size:clamp(1rem,1.25vw,1.24rem);line-height:1.42}.zova-howto__hero-copy,.zova-howto__section-copy,.zova-howto__ritual-copy,.zova-howto__safety-copy,.zova-howto__final-copy{color:var(--zova-muted);font-size:clamp(.92rem,1.05vw,1rem);line-height:1.54}.zova-howto__hero-copy{margin:12px 0 0;max-width:480px}.zova-howto__hero-copy p,.zova-howto__safety-copy p,.zova-howto__final-copy p{margin:0}.zova-howto__actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}.zova-howto .zova-howto__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 21px;border-radius:999px;border:1px solid rgba(26,91,117,.28);background:var(--zova-white);color:var(--zova-blue-strong);font-size:.8rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;transition:transform .24s ease,background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease}.zova-howto .zova-howto__button:hover,.zova-howto .zova-howto__button:focus-visible{transform:translateY(-2px);box-shadow:0 10px 22px #123f4f1f}.zova-howto .zova-howto__button--primary{border-color:var(--zova-blue-strong);background:var(--zova-blue-strong);color:#fffaf2}.zova-howto .zova-howto__button--primary:hover,.zova-howto .zova-howto__button--primary:focus-visible{border-color:var(--zova-blue-dark);background:var(--zova-blue-dark);color:#fff}.zova-howto .zova-howto__button--secondary{background:#ffffffdb}.zova-howto .zova-howto__button--secondary:hover,.zova-howto .zova-howto__button--secondary:focus-visible{border-color:var(--zova-blue-strong);background:var(--zova-cream)}.zova-howto__hero-media,.zova-howto__ritual-media{position:relative;overflow:hidden;border-radius:clamp(18px,2vw,26px);background:var(--zova-cream-deep);box-shadow:var(--zova-shadow);transition:transform .28s ease,box-shadow .28s ease}.zova-howto__hero-media{justify-self:end;width:min(100%,440px);max-height:540px;aspect-ratio:4 / 5}.zova-howto__hero-media img,.zova-howto__ritual-media img{width:100%;height:100%;object-fit:cover;transition:transform .32s ease}.zova-howto__hero-media:hover,.zova-howto__ritual:hover .zova-howto__ritual-media{transform:translateY(-4px);box-shadow:0 22px 48px #123f4f2e}.zova-howto__hero-media:hover img,.zova-howto__ritual:hover .zova-howto__ritual-media img{transform:scale(1.03)}.zova-howto__intro{padding:clamp(18px,3vw,36px) 0}.zova-howto__intro-panel{position:relative;max-width:900px;margin:0 auto;padding:clamp(16px,2.6vw,24px) clamp(22px,4vw,48px);border-left:2px solid rgba(15,88,112,.3)}.zova-howto__intro-accent{position:absolute;right:0;top:50%;width:min(34vw,220px);opacity:.2;pointer-events:none;transform:translate(18%,-50%)}.zova-howto__intro-accent img{width:100%;height:auto}.zova-howto__intro-copy{position:relative;z-index:1;margin:0;color:var(--zova-blue-dark);font-size:clamp(1.02rem,1.65vw,1.45rem);line-height:1.5}.zova-howto__intro-copy p{margin:0}.zova-howto__rituals{padding:clamp(28px,4.6vw,58px) 0}.zova-howto__section-head{max-width:620px;margin:0 auto clamp(24px,3.6vw,42px);text-align:center}.zova-howto__section-title{font-size:clamp(2.25rem,4.25vw,4.1rem);line-height:.96}.zova-howto__section-copy{margin:12px auto 0;max-width:540px}.zova-howto__ritual-list{display:grid;gap:clamp(28px,4.6vw,56px)}.zova-howto__ritual{display:grid;grid-template-columns:minmax(0,.68fr) minmax(300px,.72fr);align-items:center;gap:clamp(24px,4.5vw,56px);cursor:default}.zova-howto__ritual:nth-child(2n){grid-template-columns:minmax(300px,.72fr) minmax(0,.68fr)}.zova-howto__ritual:nth-child(2n) .zova-howto__ritual-media{order:-1}.zova-howto__ritual-content{max-width:420px}.zova-howto__ritual-kicker{position:relative;display:inline-flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--zova-green-strong);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:color .24s ease}.zova-howto__ritual-kicker:before{content:"";width:30px;height:1px;background:currentColor;transform-origin:left center;transition:transform .24s ease}.zova-howto__ritual:hover .zova-howto__ritual-kicker{color:var(--zova-blue-strong)}.zova-howto__ritual:hover .zova-howto__ritual-kicker:before{transform:scaleX(1.35)}.zova-howto__ritual-title{font-size:clamp(2rem,3.6vw,3.55rem);line-height:.96}.zova-howto__ritual-copy{margin:12px 0 0}.zova-howto__ritual-best{margin:15px 0 0;color:var(--zova-blue-dark);font-size:.84rem;line-height:1.42}.zova-howto__ritual-best span{display:block;margin-bottom:3px;color:var(--zova-green-strong);font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.zova-howto__ritual-media{width:min(100%,410px);max-height:515px;aspect-ratio:4 / 5}.zova-howto__ritual:nth-child(odd) .zova-howto__ritual-media{justify-self:end}.zova-howto__safety{padding:clamp(28px,4.2vw,54px) 0}.zova-howto__safety-panel{display:grid;grid-template-columns:minmax(0,.58fr) minmax(430px,1fr);gap:clamp(22px,3.8vw,46px);align-items:center;padding:clamp(24px,3.5vw,38px);border-radius:clamp(20px,2.6vw,30px);background:linear-gradient(135deg,#fffffff0,#f7f1e7e6);box-shadow:var(--zova-soft-shadow)}.zova-howto__safety-content{position:relative;min-height:240px}.zova-howto__safety .zova-howto__section-title{max-width:360px;font-size:clamp(2rem,3.6vw,3.5rem)}.zova-howto__safety-copy{max-width:350px;margin:12px 0 0}.zova-howto__safety-visual{width:min(72%,260px);margin:16px 0 0;opacity:.96}.zova-howto__safety-visual img{width:100%;height:auto}.zova-howto__safety-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.zova-howto__safety-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;min-height:66px;padding:10px 12px;border:1px solid rgba(15,88,112,.1);border-radius:16px;background:#ffffffd1;color:var(--zova-text);font-size:.86rem;line-height:1.34;box-shadow:0 6px 16px #123f4f0d;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background-color .24s ease}.zova-howto__safety-card--wide{grid-column:1 / -1}.zova-howto__safety-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f7f1e7e6;overflow:hidden;transition:transform .24s ease,background-color .24s ease}.zova-howto__safety-icon img{width:86%;height:86%;object-fit:contain}.zova-howto__safety-icon--simple{color:var(--zova-blue-strong);font-weight:800;font-size:1.08rem}.zova-howto__safety-card:hover{transform:translateY(-3px);border-color:#0f587047;background:#fff;box-shadow:0 14px 28px #123f4f1a}.zova-howto__safety-card:hover .zova-howto__safety-icon{transform:scale(1.05);background:#efe4d4f2}.zova-howto__trust{padding:clamp(22px,3.6vw,40px) 0}.zova-howto__trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch;padding:12px;border-radius:24px;background:#ffffffdb;box-shadow:var(--zova-soft-shadow)}.zova-howto__trust-item{display:grid;justify-items:center;align-content:center;gap:9px;min-height:116px;padding:14px 10px;border-radius:18px;text-align:center;color:var(--zova-blue-strong);transition:transform .24s ease,background-color .24s ease,box-shadow .24s ease}.zova-howto__trust-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#f7f1e7e6;transition:transform .24s ease,filter .24s ease}.zova-howto__trust-icon img{width:86%;height:86%;object-fit:contain}.zova-howto__trust-label{max-width:170px;color:var(--zova-text);font-size:.78rem;font-weight:800;line-height:1.28;letter-spacing:.08em;text-transform:uppercase;transition:color .24s ease}.zova-howto__trust-item:hover{transform:translateY(-3px);background:#f7f1e7b8;box-shadow:0 12px 24px #123f4f14}.zova-howto__trust-item:hover .zova-howto__trust-icon{transform:scale(1.04);filter:saturate(1.18) contrast(1.05)}.zova-howto__trust-item:hover .zova-howto__trust-label{color:var(--zova-blue-dark)}.zova-howto__final-cta{padding:clamp(28px,4.4vw,52px) 0 clamp(40px,5vw,62px)}.zova-howto__final-panel{position:relative;overflow:hidden;padding:clamp(26px,4vw,44px);border-radius:clamp(20px,2.6vw,30px);background:linear-gradient(135deg,var(--zova-blue-dark),var(--zova-blue-strong));color:var(--zova-cream);text-align:center;box-shadow:var(--zova-shadow)}.zova-howto__final-title{color:var(--zova-cream);font-size:clamp(2.25rem,4.1vw,4.25rem);line-height:.95}.zova-howto__final-copy{max-width:500px;margin:12px auto 0;color:#f7f1e7e6}.zova-howto__final-panel .zova-howto__actions{justify-content:center;margin-top:20px}.zova-howto .zova-howto__final-panel .zova-howto__button{border-color:var(--zova-cream);background:var(--zova-cream);color:var(--zova-blue-dark)}.zova-howto .zova-howto__final-panel .zova-howto__button:hover{background:var(--zova-white);color:var(--zova-blue-dark)}@media(prefers-reduced-motion:reduce){.zova-howto *,.zova-howto *:before,.zova-howto *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:990px){.zova-howto__hero-grid,.zova-howto__ritual,.zova-howto__ritual:nth-child(2n),.zova-howto__safety-panel{grid-template-columns:1fr}.zova-howto__hero-content{max-width:720px}.zova-howto__title{max-width:12ch}.zova-howto__hero-media,.zova-howto__ritual-media,.zova-howto__ritual:nth-child(odd) .zova-howto__ritual-media{justify-self:center}.zova-howto__ritual:nth-child(2n) .zova-howto__ritual-media{order:0}.zova-howto__ritual-content{max-width:680px}.zova-howto__safety-content{min-height:0}.zova-howto__safety-visual{width:min(48vw,230px)}.zova-howto__trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.zova-howto__inner{width:100%;max-width:100%;padding-inline:20px;box-sizing:border-box}.zova-howto,.zova-howto *,.zova-howto *:before,.zova-howto *:after{box-sizing:border-box}.zova-howto__hero{padding:22px 0 26px}.zova-howto__hero-grid{gap:0}.zova-howto__hero-content{display:contents}.zova-howto__eyebrow{order:1;margin-bottom:7px;font-size:.68rem;letter-spacing:.12em}.zova-howto__title{order:2;max-width:11ch;font-size:clamp(2.125rem,10.2vw,2.5rem);line-height:1}.zova-howto__subtitle{order:3;margin-top:10px;max-width:100%;font-size:.91rem;line-height:1.38}.zova-howto__hero-copy{order:6;margin-top:9px;max-width:100%;font-size:.72rem;line-height:1.3}.zova-howto__ritual-copy,.zova-howto__safety-copy,.zova-howto__final-copy{font-size:.9rem;line-height:1.42}.zova-howto__actions{order:7;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin-top:14px}.zova-howto .zova-howto__button{width:100%;min-height:45px;padding:10px 12px;font-size:.7rem;line-height:1.18;text-align:center;letter-spacing:.05em}.zova-howto__hero-media,.zova-howto__ritual-media{width:100%;border-radius:20px}.zova-howto__hero-media{order:4;height:clamp(285px,84vw,360px);margin-top:16px;aspect-ratio:auto;max-height:none}.zova-howto__hero-media img{object-fit:cover;object-position:center 36%}.zova-howto__intro{padding:8px 0 18px}.zova-howto__intro-panel{width:100%;margin:0;padding:11px 14px 11px 16px;border:1px solid rgba(15,88,112,.1);border-left:3px solid rgba(86,108,86,.36);border-radius:18px 18px 18px 6px;background:#fffc;box-shadow:0 8px 20px #123f4f0f;overflow:hidden}.zova-howto__intro-accent{width:96px;opacity:.1;transform:translate(22%,-50%)}.zova-howto__intro-copy{font-size:.7rem;line-height:1.3}.zova-howto__rituals{padding:24px 0 30px}.zova-howto__section-head{margin-bottom:18px;text-align:left}.zova-howto__section-title,.zova-howto__safety .zova-howto__section-title{font-size:clamp(1.875rem,8.7vw,2.125rem);line-height:1.05}.zova-howto__section-copy{margin-top:9px;max-width:100%;font-size:.9rem;line-height:1.4}.zova-howto__ritual-list{gap:20px}.zova-howto__ritual{gap:15px;padding:20px;border-radius:24px;background:#ffffffd1;box-shadow:var(--zova-soft-shadow)}.zova-howto__ritual-content{display:contents}.zova-howto__ritual-media{order:4;height:auto;aspect-ratio:1122 / 1402;max-height:none;box-shadow:none}.zova-howto__ritual:nth-child(2n) .zova-howto__ritual-media{order:4}.zova-howto__ritual-media img{object-fit:cover;object-position:center}.zova-howto__ritual-kicker{order:1;margin-bottom:7px;font-size:.64rem;letter-spacing:.12em}.zova-howto__ritual-title{order:2;font-size:clamp(1.5rem,7.2vw,1.75rem);line-height:1.08}.zova-howto__ritual-copy{order:3;margin-top:9px}.zova-howto__ritual-best{order:5;margin-top:10px;font-size:.78rem;line-height:1.34}.zova-howto__ritual-best span{margin-bottom:2px;font-size:.62rem;letter-spacing:.12em}.zova-howto__safety{padding:28px 0 32px}.zova-howto__safety-panel,.zova-howto__final-panel{width:100%;padding:20px;border-radius:24px}.zova-howto__safety-list{grid-template-columns:none;grid-template-rows:repeat(2,minmax(96px,auto));grid-auto-flow:column;grid-auto-columns:minmax(178px,62%);gap:11px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:2px 2px 8px;margin-inline:-2px;-webkit-overflow-scrolling:touch}.zova-howto__safety-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,88px);column-gap:14px;align-items:start}.zova-howto__safety-label{grid-column:1;margin-bottom:7px;font-size:.68rem;letter-spacing:.12em}.zova-howto__safety .zova-howto__section-title{grid-column:1;max-width:100%}.zova-howto__safety-copy{grid-column:1;max-width:100%;margin-top:8px}.zova-howto__safety-card{grid-template-columns:1fr;align-content:start;gap:6px;min-height:96px;padding:11px 12px;border-radius:19px;font-size:.78rem;line-height:1.3;scroll-snap-align:start}.zova-howto__safety-card--wide{grid-column:auto}.zova-howto__safety-visual{grid-column:2;grid-row:1 / span 3;width:100%;max-width:88px;margin:30px 0 0 auto;align-self:start}.zova-howto__safety-icon{width:42px;height:42px}.zova-howto__safety-icon--simple{font-size:.98rem}.zova-howto__trust{padding:22px 0 28px}.zova-howto__trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:9px;border-radius:22px}.zova-howto__trust-item{min-height:104px;padding:12px 8px;border-radius:17px}.zova-howto__trust-icon{width:52px;height:52px}.zova-howto__trust-label{font-size:.66rem;letter-spacing:.06em}.zova-howto__final-cta{padding:26px 0 38px}.zova-howto__final-title{font-size:clamp(1.9rem,8.8vw,2.2rem);line-height:1.03}.zova-howto__final-copy{margin-top:10px}.zova-howto__final-panel .zova-howto__actions{grid-template-columns:1fr;max-width:260px;margin:16px auto 0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/zova-how-to-use.css.map */