.cpp-pouches-hub{--cpp-ink: #18233c;--cpp-muted: #58647b;--cpp-line: #d9e0ea;--cpp-cyan: #4aa4d2;--cpp-pink: #d93178;--cpp-yellow: #f7cb49;--cpp-purple: #5537eb;--cpp-violet: var(--cpp-pink);--cpp-violet-dark: #a91e58;--cpp-teal: var(--cpp-cyan);--cpp-mint: #eef8fc;color:var(--cpp-ink);font-family:inherit}.cpp-pouches-hub *,.cpp-pouches-hub *:before,.cpp-pouches-hub *:after{box-sizing:border-box}.cpp-pouches-hub img{display:block;max-width:100%}.cpp-pouches-hub a{color:inherit}.cpp-pouches-hub__inner{width:min(1180px,calc(100% - 40px));margin:0 auto}.cpp-pouches-hub__hero{position:relative;display:grid;min-height:650px;overflow:hidden;background:#111820;isolation:isolate}.cpp-pouches-hub__hero-media,.cpp-pouches-hub__hero-media:after{position:absolute;top:0;right:0;bottom:0;left:0}.cpp-pouches-hub__hero-media{z-index:-2}.cpp-pouches-hub__hero-media:after{content:"";z-index:1;background:#070d1447}.cpp-pouches-hub__hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.cpp-pouches-hub__hero-content{align-self:center;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:80px 0}.cpp-pouches-hub__hero-copy{width:min(590px,100%);color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.42)}.cpp-pouches-hub__eyebrow{margin:0 0 12px;color:var(--cpp-pink);font-size:.86rem;font-weight:850;line-height:1.3;text-transform:uppercase}.cpp-pouches-hub__hero .cpp-pouches-hub__eyebrow{display:inline-block;padding:7px 10px;border-radius:5px;background:var(--cpp-pink);color:#fff;text-shadow:none}.cpp-pouches-hub__hero h1{max-width:560px;margin:0;color:#fff;font-size:clamp(2.65rem,5.2vw,5rem);font-weight:850;line-height:1.01}.cpp-pouches-hub__hero-copy>p:not(.cpp-pouches-hub__eyebrow){max-width:545px;margin:22px 0 0;color:#fff;font-size:1.18rem;line-height:1.55}.cpp-pouches-hub__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.cpp-pouches-hub__button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border:2px solid transparent;border-radius:6px;font-weight:800;line-height:1.2;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.cpp-pouches-hub__button:hover{transform:translateY(-1px)}.cpp-pouches-hub__button--primary{background:var(--cpp-yellow);color:#17223b}.cpp-pouches-hub__button--primary:hover{background:#ffe176}.cpp-pouches-hub__button--secondary{border-color:#fff;background:#0b121b85;color:#fff}.cpp-pouches-hub__button--secondary:hover{background:#fff;color:var(--cpp-ink)}.cpp-pouches-hub__ksp{padding:30px 0;border-bottom:1px solid var(--cpp-line);background:#fff}.cpp-pouches-hub__ksp-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}.cpp-pouches-hub__ksp-item{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.cpp-pouches-hub__ksp-visual{display:grid;width:64px;height:64px;place-items:center;overflow:hidden;border-radius:50%;background:#f3f5f8}.cpp-pouches-hub__ksp-visual img{width:64px;height:64px;object-fit:cover}.cpp-pouches-hub__ksp-item strong{font-size:.96rem;line-height:1.35}.cpp-pouches-hub__section{padding:76px 0}.cpp-pouches-hub__section--soft{background:#f5f7fa}.cpp-pouches-hub__section--mint{background:var(--cpp-mint)}.cpp-pouches-hub__section-heading{max-width:790px;margin-bottom:30px}.cpp-pouches-hub__section-heading h2,.cpp-pouches-hub__split h2,.cpp-pouches-hub__details h2{margin:0;color:var(--cpp-ink);font-size:clamp(2rem,3.5vw,3.2rem);font-weight:850;line-height:1.08}.cpp-pouches-hub__section-heading>p:not(.cpp-pouches-hub__eyebrow),.cpp-pouches-hub__split-copy>p,.cpp-pouches-hub__details-intro{margin:16px 0 0;color:var(--cpp-muted);font-size:1.08rem;line-height:1.65}.cpp-pouches-hub__split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:64px;align-items:start}.cpp-pouches-hub__proof-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.cpp-pouches-hub__proof-list li{padding:18px 0 18px 22px;border-left:4px solid var(--cpp-teal)}.cpp-pouches-hub__proof-list strong{display:block;margin-bottom:5px;font-size:1.08rem}.cpp-pouches-hub__proof-list span{color:var(--cpp-muted);line-height:1.55}.cpp-pouches-hub__usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cpp-pouches-hub__usage-card{display:grid;overflow:hidden;border:1px solid var(--cpp-line);border-radius:8px;background:#fff;box-shadow:0 8px 24px #18233c12;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.cpp-pouches-hub__usage-card:hover{border-color:var(--cpp-cyan);box-shadow:0 13px 30px #18233c1f;transform:translateY(-2px)}.cpp-pouches-hub__usage-media{aspect-ratio:4 / 3;overflow:hidden;background:#eef1f5}.cpp-pouches-hub__usage-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.cpp-pouches-hub__usage-card:hover img{transform:scale(1.025)}.cpp-pouches-hub__usage-copy{padding:18px}.cpp-pouches-hub__usage-copy h3{margin:0;color:var(--cpp-ink);font-size:1.15rem;line-height:1.28}.cpp-pouches-hub__usage-copy p{margin:7px 0 0;color:var(--cpp-muted);line-height:1.5}.cpp-pouches-hub__usage-link{display:inline-block;margin-top:13px;color:var(--cpp-violet);font-weight:800}.cpp-pouches-hub__anchor{position:relative;top:-24px;height:1px;scroll-margin-top:110px}.cpp-pouches-hub__format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.cpp-pouches-hub__format-card{padding:26px;border:1px solid var(--cpp-line);border-top:4px solid var(--cpp-teal);border-radius:8px;background:#fff}.cpp-pouches-hub__format-card:last-child{border-top-color:var(--cpp-pink)}.cpp-pouches-hub__format-card h3{margin:0;font-size:1.35rem}.cpp-pouches-hub__format-card p{margin:10px 0 0;color:var(--cpp-muted);line-height:1.6}.cpp-pouches-hub__format-card a{display:inline-block;margin-top:16px;color:var(--cpp-violet);font-weight:800}.cpp-pouches-hub__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0 0;padding:0;list-style:none}.cpp-pouches-hub__step{padding:22px;border:1px solid #bfdcec;border-radius:8px;background:#fff}.cpp-pouches-hub__step-number{display:grid;width:38px;height:38px;margin-bottom:16px;place-items:center;border-radius:50%;background:var(--cpp-teal);color:#fff;font-weight:850}.cpp-pouches-hub__step h3{margin:0;font-size:1.08rem}.cpp-pouches-hub__step p{margin:7px 0 0;color:var(--cpp-muted);line-height:1.52}.cpp-pouches-hub__help-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.cpp-pouches-hub__help-links a{padding:10px 14px;border:1px solid var(--cpp-line);border-radius:6px;background:#fff;color:var(--cpp-violet);font-weight:800;text-decoration:none}.cpp-pouches-hub .cpp-resource-faq{margin:0}.cpp-pouches-hub .cpp-resource-faq>h2{margin:0 0 20px}.cpp-pouches-hub .cpp-resource-faq__list{display:grid;grid-template-columns:1fr;gap:12px}.cpp-pouches-hub .cpp-resource-faq__item{padding:18px 20px;border:1px solid var(--cpp-line);border-left:4px solid var(--cpp-purple);border-radius:8px;background:#fff}.cpp-pouches-hub .cpp-resource-faq__item h3{margin:0 0 7px;color:var(--cpp-ink);font-size:1.07rem;font-weight:850;line-height:1.32}.cpp-pouches-hub .cpp-resource-faq__item p{margin:0;color:var(--cpp-muted);line-height:1.58}@media(max-width:1040px){.cpp-pouches-hub__ksp-list{grid-template-columns:repeat(3,minmax(0,1fr))}.cpp-pouches-hub__usage-grid,.cpp-pouches-hub__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.cpp-pouches-hub__inner,.cpp-pouches-hub__hero-content{width:min(100% - 28px,1180px)}.cpp-pouches-hub__hero{min-height:620px}.cpp-pouches-hub__hero-media img{object-position:60% center}.cpp-pouches-hub__hero-media:after{background:#070d148a}.cpp-pouches-hub__hero-content{align-self:end;padding:54px 0}.cpp-pouches-hub__hero h1{font-size:2.65rem}.cpp-pouches-hub__hero-copy>p:not(.cpp-pouches-hub__eyebrow){font-size:1.05rem}.cpp-pouches-hub__actions,.cpp-pouches-hub__button{width:100%}.cpp-pouches-hub__ksp-list{grid-template-columns:1fr;gap:14px}.cpp-pouches-hub__ksp-item{grid-template-columns:56px minmax(0,1fr)}.cpp-pouches-hub__ksp-visual,.cpp-pouches-hub__ksp-visual img{width:56px;height:56px}.cpp-pouches-hub__section{padding:56px 0}.cpp-pouches-hub__split,.cpp-pouches-hub__format-grid,.cpp-pouches-hub__usage-grid,.cpp-pouches-hub__steps{grid-template-columns:1fr}.cpp-pouches-hub__split{gap:34px}}@media(prefers-reduced-motion:reduce){.cpp-pouches-hub__button,.cpp-pouches-hub__usage-card,.cpp-pouches-hub__usage-media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/cpp-pouches-hub.css.map */