:root{--teal:#3D8A96;--teal-deep:#2A6570;--ink:#1F3A40;--orange:#F0913C;--orange-deep:#DD7A22;--cream:#FFF9F2;--peach:#FDEBD8;--white:#ffffff;--radius:22px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Nunito,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}h1,h2,h3,.brand{font-family:Fredoka,sans-serif}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}header{position:sticky;top:0;z-index:50;background:#fff9f2eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #f0e3d2}.nav{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.2rem}.brand{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:1.25rem;text-decoration:none}.brand img{width:44px;height:44px;object-fit:contain}.brand b{color:var(--teal)}.brand span{color:var(--orange)}nav ul{display:flex;gap:1.6rem;list-style:none;font-weight:700;font-size:.95rem}nav a{text-decoration:none;color:var(--teal-deep)}nav a:hover{color:var(--orange)}.btn{display:inline-block;background:var(--orange);color:#fff;font-weight:800;text-decoration:none;padding:.7rem 1.5rem;border-radius:999px;border:none;font-size:1rem;cursor:pointer;box-shadow:0 4px 0 var(--orange-deep);transition:transform .12s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--orange-deep)}.btn.teal{background:var(--teal);box-shadow:0 4px 0 var(--teal-deep)}.hero{max-width:1100px;margin:0 auto;padding:3.5rem 1.2rem 4.5rem;display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}.hero .eyebrow{display:inline-block;background:var(--peach);color:var(--orange-deep);font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem 1rem;border-radius:999px;margin-bottom:1.1rem}.hero h1{font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.08;font-weight:600}.hero h1 .pop{color:var(--teal)}.hero h1 .top{color:var(--orange)}.hero p{margin:1.2rem 0 1.8rem;font-size:1.15rem;max-width:32rem;color:#41565c}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.hero-art{position:relative;display:flex;justify-content:center}.hero-art .logo-big{width:min(340px,80%);filter:drop-shadow(0 14px 30px rgba(61,138,150,.18))}.sparkle{position:absolute;font-size:1.6rem;animation:twinkle 2.6s ease-in-out infinite}.s1{top:4%;left:12%}.s2{top:16%;right:8%;animation-delay:.8s}.s3{bottom:10%;left:6%;animation-delay:1.5s}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.wave{display:block;width:100%;height:70px}.flavors{background:var(--white);padding:4rem 1.2rem 5rem}.wrap{max-width:1100px;margin:0 auto}.section-head{text-align:center;margin-bottom:2.8rem}.section-head h2{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:600;color:var(--teal-deep)}.section-head p{color:#5b6f74;max-width:34rem;margin:.6rem auto 0}.flavor-stage{display:grid;grid-template-columns:340px 1fr;gap:3rem;align-items:center}.can{--f1:#C68B59;--f2:#F7ECDD;--f3:#A0642E;margin:0 auto;width:220px;position:relative}.can .lid{height:26px;background:linear-gradient(#e8e8e8,#c4c7c9);border-radius:50%/70%;border:2px solid #aeb3b6;position:relative;z-index:3}.can .tab{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:34px;height:48px;background:var(--teal);border-radius:12px;z-index:4;box-shadow:inset 0 0 0 5px var(--white)}.can .body{height:300px;margin-top:-12px;border-radius:16px 16px 22px 22px;overflow:hidden;border:3px solid #d8dbdd;background:#fff;display:flex;flex-direction:column;box-shadow:0 20px 40px #1f3a4026}.can .layer{flex:1;transition:background .45s ease}.can .layer:nth-child(odd){background:var(--f2)}.can .layer:nth-child(2n){background:var(--f1)}.can .layer.top-frost{background:var(--f3)}.can .label{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:120px;background:#ffffffeb;border-radius:50%;padding:8px;box-shadow:0 4px 14px #0000001f;z-index:5}.flavor-name{text-align:center;margin-top:1.1rem;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:600;color:var(--teal-deep)}.flavor-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.flavor-card{text-align:left;background:var(--cream);border:2px solid transparent;border-radius:var(--radius);padding:1.1rem 1.3rem;cursor:pointer;font-family:Nunito,sans-serif;transition:border-color .2s,transform .15s}.flavor-card:hover{transform:translateY(-3px)}.flavor-card.active{border-color:var(--orange);background:var(--peach)}.flavor-card .dot{width:18px;height:18px;border-radius:50%;display:inline-block;margin-right:.55rem;vertical-align:-3px}.flavor-card h3{font-size:1.1rem;font-weight:600;color:var(--ink);display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.flavor-card .price{margin-left:auto;background:var(--teal);color:#fff;font-size:.85rem;font-weight:800;padding:.15rem .7rem;border-radius:999px}.flavor-card p{font-size:.92rem;color:#5b6f74;margin-top:.25rem}.how{background:var(--teal);color:#fff;padding:4.5rem 1.2rem}.how .section-head h2{color:#fff}.how .section-head p{color:#d6ecef}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;max-width:1000px;margin:0 auto}.step{background:#ffffff1a;border-radius:var(--radius);padding:1.8rem 1.5rem;text-align:center}.step .num{width:52px;height:52px;border-radius:50%;background:var(--orange);color:#fff;font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.step h3{font-size:1.25rem;font-weight:600;margin-bottom:.4rem}.step p{color:#d6ecef;font-size:.98rem}.occasions{padding:4.5rem 1.2rem;background:var(--cream)}.occ-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;max-width:1000px;margin:0 auto}.occ{background:#fff;border-radius:var(--radius);padding:1.6rem 1.2rem;text-align:center;box-shadow:0 6px 18px #1f3a400f}.occ .emoji{font-size:2rem}.occ h3{font-size:1.05rem;font-weight:600;margin:.5rem 0 .2rem;color:var(--teal-deep)}.occ p{font-size:.88rem;color:#5b6f74}.cta{background:var(--orange);padding:4.5rem 1.2rem;text-align:center;color:#fff}.cta h2{font-size:clamp(2rem,4.5vw,2.8rem);font-weight:600}.cta p{margin:.8rem auto 1.8rem;max-width:30rem;color:#fff3e4}.signup{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}.signup input{padding:.85rem 1.3rem;border-radius:999px;border:none;min-width:270px;font-size:1rem;font-family:Nunito,sans-serif}.signup .btn.teal{box-shadow:0 4px 0 var(--teal-deep)}.cta .note{font-size:.85rem;margin-top:1rem;color:#ffe6c8}footer{background:var(--ink);color:#bcd2d6;padding:2.2rem 1.2rem;text-align:center;font-size:.9rem}footer .brand{justify-content:center;margin-bottom:.6rem;color:#fff}@media(max-width:860px){.hero{grid-template-columns:1fr;text-align:center;padding-top:2.5rem}.hero p{margin-inline:auto}.hero-cta{justify-content:center}.flavor-stage,.steps{grid-template-columns:1fr}.occ-grid{grid-template-columns:repeat(2,1fr)}nav ul{display:none}}@media(prefers-reduced-motion:reduce){.sparkle{animation:none}*{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/poptop.css.map */