body:is(.body-template-index,.body-template-page-about) #MainContent{--hc-bg: #16161a;--hc-raise: #202025;--hc-tile: #ecebe8;--hc-tile-ink: #141414;--hc-ink: #f5f5f3;--hc-muted: var(--zap-muted, #8f8f8b);--hc-line: rgba(255, 255, 255, .12);--hc-lime: #d3f66a;--hc-lime-hover: #e2fb96;--hc-display: var(--font-heading-family);--hc-font: var(--font-body-family);--hc-mono: var(--font-button-family);--hc-w-display: 500;--hc-w-head: 500;--hc-w-card: 500;--hc-track: -.03em;--hc-btn-radius: 0;--hc-ease: cubic-bezier(.16, 1, .3, 1);--hc-pad-y: clamp(5.6rem, 9vw, 12.8rem);--hc-gap: clamp(3.2rem, 4vw, 5.6rem);background-color:var(--hc-bg)}body:is(.body-template-index,.body-template-page-about) #MainContent .zh,body:is(.body-template-index,.body-template-page-about) #MainContent .hero,body:is(.body-template-index,.body-template-page-about) #MainContent .zap-comparison-section{--zh-bg: var(--hc-bg);--zh-surface: var(--hc-raise);--zh-line: var(--hc-line);--zh-ink: var(--hc-ink);--zh-muted: var(--hc-muted);--zh-pad-y: var(--hc-pad-y);font-family:var(--hc-font);background-color:var(--hc-bg)}body:is(.body-template-index,.body-template-page-about) #MainContent .zh .zh-title,body:is(.body-template-index,.body-template-page-about) #MainContent .zh h2,body:is(.body-template-index,.body-template-page-about) #MainContent .zh h3,body:is(.body-template-index,.body-template-page-about) #MainContent .zap-comparison-section h2,body:is(.body-template-index,.body-template-page-about) #MainContent .zap-comparison-section h3{font-family:var(--hc-display);font-weight:var(--hc-w-head);text-transform:uppercase;letter-spacing:var(--hc-track);text-wrap:balance}body:is(.body-template-index,.body-template-page-about) #MainContent .zh h3{font-weight:var(--hc-w-card);letter-spacing:-.01em}body:is(.body-template-index,.body-template-page-about) #MainContent .zh .zh-title{font-size:clamp(3.4rem,4.8vw,6.4rem);line-height:.95;max-width:16ch}body:is(.body-template-index,.body-template-page-about) #MainContent .zh .zh-intro{font-size:clamp(1.6rem,1.3vw,1.8rem);line-height:1.55;color:var(--hc-ink)}body:is(.body-template-index,.body-template-page-about) #MainContent .zh .zh-mono{font-family:var(--hc-mono);font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;color:var(--hc-muted)}body:is(.body-template-index,.body-template-page-about) #MainContent .zh .zh-link{font-family:var(--hc-mono);font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;color:var(--hc-ink);text-underline-offset:.4rem}body:is(.body-template-index,.body-template-page-about) #MainContent ::selection{background:var(--hc-lime);color:var(--hc-tile-ink)}body:is(.body-template-index,.body-template-page-about) #MainContent a:focus-visible,body:is(.body-template-index,.body-template-page-about) #MainContent button:focus-visible,body:is(.body-template-index,.body-template-page-about) #MainContent summary:focus-visible,body:is(.body-template-index,.body-template-page-about) #MainContent input:focus-visible{outline:2px solid var(--hc-lime);outline-offset:3px;box-shadow:none}body:is(.body-template-index,.body-template-page-about) #MainContent .button{font-family:var(--hc-mono);font-weight:400;font-size:1.6rem;letter-spacing:0;text-transform:uppercase;line-height:1;border-radius:var(--hc-btn-radius);min-height:5.2rem;padding:0 3.2rem}body:is(.body-template-index,.body-template-page-about) #MainContent .zh .button.zh-btn{border-radius:var(--hc-btn-radius);min-height:5.2rem;padding:0 3.2rem;font-size:1.6rem;letter-spacing:0}body:is(.body-template-index,.body-template-page-about) #MainContent .hero .hero_content-heading{font-family:var(--hc-display);font-weight:var(--hc-w-display);text-transform:uppercase;letter-spacing:var(--hc-track);line-height:.9;font-size:clamp(4.4rem,7.2vw,11.2rem);max-width:none;overflow-wrap:normal}body:is(.body-template-index,.body-template-page-about) #MainContent .hero .hero_content-description{font-family:var(--hc-font);font-size:clamp(1.6rem,1.4vw,2rem);line-height:1.45;color:#d6d6d2}@media screen and (min-width:990px){body:is(.body-template-index,.body-template-page-about) #MainContent .hero .hero_wrapper{justify-content:flex-end}body:is(.body-template-index,.body-template-page-about) #MainContent .hero .hero_content{max-width:68rem}body:is(.body-template-index,.body-template-page-about) #MainContent .hero .hero_content-box{padding-bottom:clamp(5.6rem,6vw,8.8rem)}}@media screen and (max-width:749px){body:is(.body-template-index,.body-template-page-about) #MainContent .hero:before{padding-bottom:162%!important}body:is(.body-template-index,.body-template-page-about) #MainContent .hero .hero_image img{object-position:50% 0%;transform:scale(1.08);transform-origin:50% 90%}}body:is(.body-template-index,.body-template-page-about) #MainContent .proof-strip{padding-block:2rem;border-bottom:1px solid var(--hc-line)}body:is(.body-template-index,.body-template-page-about) #MainContent .proof-strip .proof-strip__track{animation:none;transform:none;width:100%;justify-content:center}body:is(.body-template-index,.body-template-page-about) #MainContent .proof-strip .proof-strip__list[aria-hidden=true]{display:none}body:is(.body-template-index,.body-template-page-about) #MainContent .proof-strip .proof-strip__list{width:100%;justify-content:center;flex-wrap:wrap;gap:1.2rem 4rem;padding-inline:var(--main-padding, 2rem)}body:is(.body-template-index,.body-template-page-about) #MainContent .proof-strip .proof-strip__item{font-family:var(--hc-mono);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:var(--hc-ink);padding:0}body:is(.body-template-index,.body-template-page-about) #MainContent .proof-strip .proof-strip__item svg{width:1.4rem;height:1.4rem;color:var(--hc-lime)}body:is(.body-template-index,.body-template-page-about) #MainContent .proof-strip .proof-strip__item svg path,body:is(.body-template-index,.body-template-page-about) #MainContent .proof-strip .proof-strip__item svg circle{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}@media screen and (max-width:749px){body:is(.body-template-index,.body-template-page-about) #MainContent .proof-strip .proof-strip__list{gap:1rem 2rem}body:is(.body-template-index,.body-template-page-about) #MainContent .proof-strip .proof-strip__item{font-size:1.15rem;letter-spacing:.06em}}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .home-products__grid{gap:var(--hc-gap) clamp(1.6rem,2vw,2.4rem)}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card__media{height:clamp(30rem,30vw,46rem);padding:clamp(2.4rem,3vw,4rem) clamp(2.4rem,3vw,4.8rem);background:var(--hc-raise);border-bottom:0;align-items:center;overflow:hidden}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card__media img{object-position:center;transform-origin:center;transform:scale(1.2)}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card--second .hp-card__frame,body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card--second .hp-card__media img{height:100%}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card--second .hp-card__media img{transform:scale(1.18)}@media(hover:hover)and (min-width:990px)and (prefers-reduced-motion:no-preference){body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card:hover .hp-card__media img,body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card:focus-within .hp-card__media img{transform:scale(1.26)}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card--second:hover .hp-card__media img,body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card--second:focus-within .hp-card__media img{transform:scale(1.24)}}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card__tag{top:2rem;left:2.4rem;color:var(--hc-muted)}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card__body{padding-top:2.4rem}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card__title{font-size:clamp(2.4rem,2.4vw,3.4rem);line-height:.95}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card__price{font-size:1.5rem;color:var(--hc-ink);font-variant-numeric:tabular-nums}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card__text{font-size:1.6rem}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card__cta .button{--btn-bg: 255, 255, 255;--btn-color: 20, 20, 20;background-color:#fff;color:var(--hc-tile-ink);transition:background-color .2s ease}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card:hover .hp-card__cta .button{background-color:var(--hc-lime)}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-flavor__name{font-size:1.6rem}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-flavor__tagline{font-family:var(--hc-font);font-size:1.3rem;letter-spacing:0;text-transform:none}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-dots{display:none}@media screen and (max-width:749px){body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .home-products__grid{display:flex;align-items:stretch;gap:1.2rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--main-padding, 2.4rem) * -1);padding-inline:var(--main-padding, 2.4rem);scroll-padding-inline:var(--main-padding, 2.4rem)}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .home-products__grid::-webkit-scrollbar{display:none}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card{flex:0 0 84%;scroll-snap-align:start}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card__media{height:28rem;padding:2.4rem}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card__tag{top:1.6rem;left:1.6rem}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card__cta .button{width:100%}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-card__plan{font-size:1.1rem;letter-spacing:.04em}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-flavor__name{font-size:1.5rem}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-dots{display:flex;justify-content:center;gap:.8rem;margin-top:2.4rem}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-dots span{width:3.2rem;height:.3rem;background:var(--hc-line);transition:background-color .3s ease}body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-dots span.is-active{background:var(--hc-lime)}}body:is(.body-template-index,.body-template-page-about) #MainContent .zap-comparison-section:not(.zap-comparison-section--attached){padding-block:var(--hc-pad-y);border-top:1px solid var(--hc-line)}body:is(.body-template-index,.body-template-page-about) #MainContent .zap-comparison-section .zap-comparison-subheading{font-family:var(--hc-font);color:var(--hc-ink)}body:is(.body-template-index,.body-template-page-about) #MainContent .review-grid .review-grid__head .zh-title{font-size:clamp(3.4rem,4.8vw,6.4rem)!important}body:is(.body-template-index,.body-template-page-about) #MainContent .review-grid .review-grid__head{border-bottom:0;padding-bottom:0}body:is(.body-template-index,.body-template-page-about) #MainContent .review-grid .rv-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.8rem,1vw,1.6rem);margin:0 0 var(--hc-gap);padding:0;list-style:none}body:is(.body-template-index,.body-template-page-about) #MainContent .review-grid .rv-photo img{display:block;width:100%;height:auto;aspect-ratio:3 / 5;object-fit:cover;object-position:50% 0%;background:var(--hc-raise)}@media screen and (max-width:749px){body:is(.body-template-index,.body-template-page-about) #MainContent .review-grid .rv-photos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--main-padding, 2rem) * -1);padding-inline:var(--main-padding, 2rem);scroll-padding-inline:var(--main-padding, 2rem)}body:is(.body-template-index,.body-template-page-about) #MainContent .review-grid .rv-photos::-webkit-scrollbar{display:none}body:is(.body-template-index,.body-template-page-about) #MainContent .review-grid .rv-photo{flex:0 0 58%;scroll-snap-align:start}}body:is(.body-template-index,.body-template-page-about) #MainContent .review-grid .rv-lead__quote{font-family:var(--hc-font);font-weight:400;font-size:clamp(2.4rem,2.8vw,4rem);line-height:1.24;letter-spacing:-.015em;max-width:32ch}body:is(.body-template-index,.body-template-page-about) #MainContent .review-grid .rv-lead__quote:before{color:var(--hc-lime)}body:is(.body-template-index,.body-template-page-about) #MainContent .review-grid .rv-lead{margin-bottom:0}body:is(.body-template-index,.body-template-page-about) #MainContent .review-grid .rv-row__quote{max-width:68ch;font-size:clamp(1.6rem,1.3vw,1.8rem);line-height:1.55}body:is(.body-template-index,.body-template-page-about) #MainContent .review-grid .rv-who{color:var(--hc-muted)}body:is(.body-template-index,.body-template-page-about) #MainContent .story-split .story-split__grid{grid-template-columns:1fr;gap:clamp(4.8rem,6vw,8rem)}body:is(.body-template-index,.body-template-page-about) #MainContent .story-split .story-split__figure{width:100vw;margin-inline:calc(50% - 50vw)}body:is(.body-template-index,.body-template-page-about) #MainContent .story-split .story-split__media{aspect-ratio:1 / 1}body:is(.body-template-index,.body-template-page-about) #MainContent .story-split .story-split__media img{object-position:50% 60%}@media screen and (min-width:750px){body:is(.body-template-index,.body-template-page-about) #MainContent .story-split .story-split__media{aspect-ratio:3 / 2}body:is(.body-template-index,.body-template-page-about) #MainContent .story-split .story-split__media img{object-position:50% 70%}body:is(.body-template-index,.body-template-page-about) #MainContent .story-split .story-split__inset{right:calc(var(--main-padding, 4.8rem) + 2.4rem);bottom:-4rem}}@media screen and (min-width:990px){body:is(.body-template-index,.body-template-page-about) #MainContent .story-split .story-split__content{display:grid;grid-template-columns:1fr 1.2fr;column-gap:clamp(3.2rem,5vw,8rem);row-gap:2rem;align-items:start}body:is(.body-template-index,.body-template-page-about) #MainContent .story-split .story-split__content .zh-title{grid-column:1;grid-row:1 / span 3}body:is(.body-template-index,.body-template-page-about) #MainContent .story-split .story-split__text,body:is(.body-template-index,.body-template-page-about) #MainContent .story-split .story-split__actions{grid-column:2}}body:is(.body-template-index,.body-template-page-about) #MainContent .story-split .story-split__inset figcaption,body:is(.body-template-index,.body-template-page-about) #MainContent .story-split figcaption{font-family:var(--hc-font);font-size:1.2rem;letter-spacing:.02em;text-transform:none;line-height:1.35}body:is(.body-template-index,.body-template-page-about) #MainContent .story-split .story-split__text{color:var(--hc-ink);font-size:clamp(1.6rem,1.3vw,1.8rem);line-height:1.6}body:is(.body-template-index,.body-template-page-about) #MainContent .statement .statement__text{font-family:var(--hc-display);font-weight:var(--hc-w-display);text-transform:uppercase;font-size:clamp(4rem,7vw,10.4rem);letter-spacing:var(--hc-track);line-height:.92;max-width:15ch;color:var(--hc-ink);text-wrap:balance}body:is(.body-template-index,.body-template-page-about) #MainContent .statement .statement__text strong{display:block;margin-top:.12em;color:var(--hc-lime);font-weight:inherit}body:is(.body-template-index,.body-template-page-about) #MainContent .feature-steps .feature-steps__grid{grid-template-columns:1fr;gap:clamp(3.2rem,4vw,5.6rem)}body:is(.body-template-index,.body-template-page-about) #MainContent .feature-steps .feature-steps__grid .zh-head{position:static}body:is(.body-template-index,.body-template-page-about) #MainContent .feature-steps .fs-list{display:grid;gap:4rem clamp(2.4rem,3vw,4.8rem);border-top:0}@media screen and (min-width:750px){body:is(.body-template-index,.body-template-page-about) #MainContent .feature-steps .fs-list{grid-template-columns:repeat(3,minmax(0,1fr))}}body:is(.body-template-index,.body-template-page-about) #MainContent .feature-steps .fs-row{position:relative;display:block;padding:2.8rem 0 0;border-bottom:0;border-top:1px solid var(--hc-line)}body:is(.body-template-index,.body-template-page-about) #MainContent .feature-steps .fs-row:before{content:"";position:absolute;top:-1px;left:0;width:4.8rem;height:2px;background:var(--hc-lime)}body:is(.body-template-index,.body-template-page-about) #MainContent .feature-steps .fs-row__icon{display:block;width:4rem;height:4rem;margin-bottom:2.4rem;color:var(--hc-lime)}body:is(.body-template-index,.body-template-page-about) #MainContent .feature-steps .fs-row__title{font-size:clamp(2.4rem,2.4vw,3.2rem);line-height:.95;margin-bottom:1.2rem}body:is(.body-template-index,.body-template-page-about) #MainContent .feature-steps .fs-row__text{color:var(--hc-ink);max-width:40ch}body:is(.body-template-index,.body-template-page-about) #MainContent .home-faq .faq-item summary,body:is(.body-template-index,.body-template-page-about) #MainContent .home-faq .faq-item button{font-family:var(--hc-font);font-weight:500;text-transform:none;letter-spacing:-.005em}body:is(.body-template-index,.body-template-page-about) #MainContent .home-faq .faq-item__answer{color:var(--hc-ink)}body:is(.body-template-index,.body-template-page-about) #MainContent .cta-band{background:var(--hc-bg);color:var(--hc-ink);border-top:1px solid var(--hc-line)}body:is(.body-template-index,.body-template-page-about) #MainContent .cta-band .cta-band__title{font-family:var(--hc-display);font-weight:var(--hc-w-display);text-transform:uppercase;letter-spacing:var(--hc-track);line-height:.92;font-size:clamp(4rem,6.4vw,9.6rem);color:var(--hc-ink)}body:is(.body-template-index,.body-template-page-about) #MainContent .cta-band .cta-band__text{color:var(--hc-ink)}body:is(.body-template-index,.body-template-page-about) #MainContent .cta-band .button{--btn-bg: 211, 246, 106;--btn-color: 20, 20, 20;background-color:var(--hc-lime);color:var(--hc-tile-ink)}body:is(.body-template-index,.body-template-page-about) #MainContent .cta-band .button:hover{background-color:var(--hc-lime-hover);color:var(--hc-tile-ink)}body:is(.body-template-index,.body-template-page-about) #MainContent .cta-band .cta-band__note{color:var(--hc-muted)}body:is(.body-template-index,.body-template-page-about) #MainContent .cta-band .cta-band__media{padding:clamp(3.2rem,4vw,5.6rem)}body:is(.body-template-index,.body-template-page-about) #MainContent .cta-band .cta-band__media img{max-width:36rem}body:is(.body-template-index,.body-template-page-about) #MainContent .cta-band .cta-band__media--photo{background:none;padding:0;justify-content:flex-end}body:is(.body-template-index,.body-template-page-about) #MainContent .cta-band .cta-band__media--photo img{width:100%;max-width:44rem;height:auto;aspect-ratio:5 / 7;object-fit:cover;object-position:50% 20%}@media(prefers-reduced-motion:reduce){body:is(.body-template-index,.body-template-page-about) #MainContent .home-products .hp-dots span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/home.css.map */