@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Gaegu:wght@300;400;700&family=Nunito:wght@400;600;700&display=swap";
:root{--coral:#e05a6d;--coral-light:#f08996;--coral-deep:#c7384d;--cream:#fef6ec;--cream-dark:#faebd7;--butter:#fff3c4;--caramel:#c4956a;--caramel-light:#dbb99a;--brown:#5c3d2e;--brown-light:#7a5a4a;--blush:#f8b4b4;--sage:#b5c9a8;--white:#fff;--near-white:#fdfaf7;--font-display:"Fredoka", sans-serif;--font-handwritten:"Gaegu", cursive;--font-body:"Nunito", sans-serif;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--radius-pill:999px;--shadow-soft:0 4px 24px #5c3d2e14;--shadow-card:0 6px 32px #5c3d2e1a;--shadow-lift:0 12px 40px #5c3d2e26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);background:var(--cream);color:var(--brown);line-height:1.7;position:relative;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}h1,h2,h3{font-family:var(--font-display);line-height:1.2}.crumbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.crumb{background:var(--caramel-light);opacity:.18;border-radius:50% 50% 50% 20%;width:8px;height:8px;animation:linear infinite crumb-float;position:absolute}.crumb-1{width:6px;height:6px;animation-duration:22s;animation-delay:0s;top:-10px;left:8%}.crumb-2{width:10px;height:10px;animation-duration:28s;animation-delay:-4s;top:-10px;left:22%}.crumb-3{width:5px;height:5px;animation-duration:20s;animation-delay:-8s;top:-10px;left:40%}.crumb-4{width:8px;height:8px;animation-duration:25s;animation-delay:-2s;top:-10px;left:55%}.crumb-5{width:7px;height:7px;animation-duration:30s;animation-delay:-10s;top:-10px;left:70%}.crumb-6{width:9px;height:9px;animation-duration:24s;animation-delay:-6s;top:-10px;left:85%}.crumb-7{width:6px;height:6px;animation-duration:26s;animation-delay:-14s;top:-10px;left:15%}.crumb-8{width:5px;height:5px;animation-duration:21s;animation-delay:-12s;top:-10px;left:92%}@keyframes crumb-float{0%{opacity:0;transform:translateY(0)rotate(0)}5%{opacity:.18}95%{opacity:.18}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}.bubble-menu{pointer-events:none;z-index:100;justify-content:space-between;align-items:center;gap:16px;padding:0 1.5em;display:flex;position:fixed;top:1.25em;left:0;right:0}.bubble-menu .bubble{--bubble-size:48px;width:var(--bubble-size);height:var(--bubble-size);pointer-events:auto;will-change:transform;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 16px #5c3d2e1f}.bubble-menu .logo-bubble{width:auto;min-height:var(--bubble-size);height:var(--bubble-size);border-radius:calc(var(--bubble-size) / 2);align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.bubble-menu .logo-content{justify-content:center;align-items:center;gap:.4rem;height:100%;display:inline-flex}.bubble-menu .logo-text{font-family:var(--font-display);color:var(--coral);flex-direction:column;justify-content:center;font-size:.85rem;font-weight:600;line-height:1.15;display:inline-flex}.bubble-menu .mushroom-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bubble-menu .mushroom-icon svg{display:block}.bubble-menu .toggle-bubble{width:var(--bubble-size);height:var(--bubble-size)}.bubble-menu .menu-btn{cursor:pointer;background:#fff;border:none;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.bubble-menu .menu-line{background:var(--brown);transform-origin:50%;border-radius:2px;width:22px;height:2px;margin:0 auto;transition:transform .3s,opacity .3s;display:block}.bubble-menu .menu-line+.menu-line{margin-top:6px}.bubble-menu .menu-btn.open .menu-line:first-child{transform:translateY(4px)rotate(45deg)}.bubble-menu .menu-btn.open .menu-line:last-child{transform:translateY(-4px)rotate(-45deg)}.bubble-menu-items{pointer-events:none;z-index:98;-webkit-backdrop-filter:blur();opacity:0;visibility:hidden;background:linear-gradient(#f5ebdceb 0%,#f5ebdcb3 30%,#f5ebdc00 60%);justify-content:center;align-items:flex-start;padding-top:90px;transition:opacity .35s,visibility .35s;display:flex;position:fixed;inset:0}.bubble-menu-items.open{opacity:1;visibility:visible;pointer-events:auto}.bubble-menu-items .pill-list{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin:0 auto;padding:0 24px;list-style:none;display:flex}.bubble-menu-items .pill-col{justify-content:center;align-items:stretch;display:flex}.bubble-menu-items .pill-link{--pill-bg:#fff;--pill-color:var(--brown);--item-rot:0deg;--hover-bg:var(--coral);--hover-color:#fff;font-family:var(--font-display);background:var(--pill-bg);color:var(--pill-color);will-change:transform;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:1.1rem 2.8rem;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:500;line-height:1.2;text-decoration:none;transition:background .15s,color .15s;display:inline-flex;position:relative;box-shadow:0 4px 14px #5c3d2e1a}.bubble-menu-items .pill-label{will-change:transform, opacity;display:inline-block}@media (min-width:768px){.bubble-menu .bubble{--bubble-size:56px}.bubble-menu .logo-text{font-size:1.25rem}}@media (min-width:900px){.bubble-menu-items .pill-link:hover{background:var(--hover-bg);color:var(--hover-color)}}@media (max-width:899px){.bubble-menu-items .pill-link{padding:1rem 2.2rem;font-size:clamp(1.2rem,5vw,1.8rem)}}.btn{font-family:var(--font-display);border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.85rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--coral);color:var(--white)}.btn-primary:hover{background:var(--coral-deep);transform:translateY(-2px)}.btn-ghost{color:var(--brown);border:2.5px solid var(--caramel-light);background:0 0}.btn-ghost:hover{border-color:var(--coral);color:var(--coral);transform:translateY(-2px)}.btn-full{width:100%}.hero-wrap{z-index:1;background:var(--white);position:relative}.hero{justify-content:center;align-items:center;gap:1.5rem;max-width:1100px;min-height:100vh;margin:0 auto;padding:6rem 1.5rem 4rem;display:flex;position:relative}.hero-content{flex:1;max-width:520px;animation:.8s both fade-up}.hero-tag{font-family:var(--font-handwritten);color:var(--coral);margin-bottom:.5rem;font-size:1.4rem;animation:.8s .1s both fade-up}.hero-title{color:var(--brown);margin-bottom:1.25rem;font-size:clamp(2.5rem,5.5vw,4rem);animation:.8s .2s both fade-up}.hero-line-1{display:block}.hero-line-2{color:var(--coral);display:block}.hero-line-2 em{font-style:normal;position:relative}.hero-line-2 em:after{content:"";background:var(--butter);z-index:-1;border-radius:4px;height:10px;position:absolute;bottom:2px;left:-4px;right:-4px;transform:rotate(-1deg)}.hero-sub{color:var(--brown-light);max-width:440px;margin-bottom:2rem;font-size:1.1rem;animation:.8s .35s both fade-up}.hero-actions{flex-wrap:wrap;gap:1rem;animation:.8s .5s both fade-up;display:flex}.hero-visual{flex:1;justify-content:center;align-items:center;max-width:400px;animation:1s .3s both fade-up;display:flex;position:relative}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.marquee-wrap{z-index:1;background:var(--coral);margin:-.5rem -1rem 0;padding:.85rem 0;position:relative;overflow:hidden;transform:rotate(-.8deg)scale(1.02)}.marquee{white-space:nowrap;animation:12s linear infinite marquee-scroll;display:flex}.marquee span{font-family:var(--font-display);color:var(--cream);letter-spacing:.02em;padding-right:2rem;font-size:1rem;font-weight:600}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-header{text-align:center;margin-bottom:3rem}.section-tag{font-family:var(--font-handwritten);color:var(--coral);margin-bottom:.25rem;font-size:1.3rem;display:inline-block}.section-header h2{color:var(--brown);margin-bottom:.5rem;font-size:clamp(2rem,4vw,2.8rem)}.section-header p{color:var(--brown-light);max-width:500px;margin:0 auto;font-size:1.05rem}.treats{z-index:1;max-width:1100px;margin:0 auto;padding:5rem 1.5rem;position:relative}.treats-wrap{background:var(--cream)}.treats-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.25rem;margin:0;padding:.5rem 0 1rem;scroll-padding-inline:1rem;display:flex;overflow-x:auto}.treats-grid:before,.treats-grid:after{content:"";flex-shrink:0;min-width:.5rem}.treats-grid::-webkit-scrollbar{display:none}.carousel-shell{padding:0 2.75rem;position:relative}.carousel-arrow{border:2px solid var(--caramel-light);background:var(--white);width:42px;height:42px;color:var(--brown);font-family:var(--font-display);cursor:pointer;z-index:3;border-radius:50%;font-size:1.25rem;line-height:1;transition:transform .2s,border-color .2s,color .2s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{border-color:var(--coral);color:var(--coral);transform:translateY(-50%)scale(1.05)}.carousel-arrow-left{left:.75rem}.carousel-arrow-right{right:.75rem}.treat-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);cursor:default;scroll-snap-align:start;flex-shrink:0;min-width:220px;max-width:220px;padding:1.5rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.treat-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-6px)rotate(-.5deg)}.treat-emoji{margin-bottom:.75rem;font-size:2.8rem;animation:2s ease-in-out infinite paused treat-wiggle;display:inline-block}.treat-card:hover .treat-emoji{animation-play-state:running}@keyframes treat-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.treat-info h3{color:var(--brown);margin-bottom:.15rem;font-size:1.3rem}.treat-quantity{font-family:var(--font-display);color:var(--caramel);margin-bottom:.65rem;font-size:.82rem}.treat-info p{color:var(--brown-light);margin-bottom:.75rem;font-size:.95rem}.treat-price{font-family:var(--font-display);color:var(--coral);border-radius:var(--radius-pill);background:#e51d4814;padding:.3rem .8rem;font-size:.95rem;font-weight:600;display:inline-block}.treat-doodle{display:none}.treat-card:before{content:"";border-radius:var(--radius-md) var(--radius-md) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.treat-card-1:before{background:var(--coral)}.treat-card-2:before{background:var(--brown)}.treat-card-3:before{background:var(--blush)}.treat-card-4:before{background:var(--caramel)}.treat-card-5:before{background:var(--sage)}.treat-card-6:before{background:var(--butter)}.about{z-index:1;background:#fff;padding:5rem 1.5rem;position:relative}.about-inner{align-items:center;gap:4rem;max-width:1000px;margin:0 auto;display:flex}.about-text{flex:1}.about-text h2{color:var(--brown);margin-bottom:1rem;font-size:clamp(1.8rem,3.5vw,2.4rem)}.about-text p{color:var(--brown-light);margin-bottom:1rem;font-size:1.02rem}.about-text em{color:var(--coral);font-style:italic}.about-values{gap:2rem;margin-top:1.75rem;display:flex}.value{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex}.value-icon{margin-bottom:.15rem;font-size:1.8rem;display:block}.value span{font-family:var(--font-display);color:var(--brown);font-size:.85rem;font-weight:500;line-height:1.3}.faves-wrap{background:var(--cream-dark)}.faves{z-index:1;max-width:1100px;margin:0 auto;padding:5rem 1.5rem;position:relative}.faves-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.25rem;margin:0;padding:.5rem 0 1rem;scroll-padding-inline:1rem;display:flex;overflow-x:auto}.faves-grid:before,.faves-grid:after{content:"";flex-shrink:0;min-width:.5rem}@media (max-width:768px){.carousel-shell{padding:0 2.25rem}.carousel-arrow{width:36px;height:36px;font-size:1.05rem}.carousel-arrow-left{left:.35rem}.carousel-arrow-right{right:.35rem}}.faves-grid::-webkit-scrollbar{display:none}.fave-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border-left:4px solid var(--coral);scroll-snap-align:start;flex-shrink:0;min-width:280px;max-width:320px;padding:2rem;transition:transform .3s;position:relative}.fave-card:hover{transform:translateY(-4px)}.fave-card:before{content:"“";font-family:var(--font-display);color:var(--coral-light);opacity:.3;font-size:4rem;line-height:1;position:absolute;top:.5rem;right:1.25rem}.fave-card p{font-family:var(--font-handwritten);color:var(--brown);margin-bottom:.75rem;font-size:1.15rem;line-height:1.5}.fave-card cite{font-family:var(--font-display);color:var(--coral);font-size:.9rem;font-style:normal;font-weight:600}.fave-star{color:var(--caramel);letter-spacing:2px;margin-top:.5rem;font-size:.9rem;display:block}.how-it-works{z-index:1;background:var(--coral);color:var(--cream);padding:5rem 1.5rem;position:relative}.how-it-works .section-tag{color:var(--butter)}.how-it-works .section-header h2{color:var(--cream)}.how-it-works .section-header p{color:#fef6eccc}.steps{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem;max-width:900px;margin:0 auto;display:flex}.step{text-align:center;flex:1;min-width:200px;max-width:260px}.step-num{background:var(--cream);width:52px;height:52px;color:var(--coral);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.4rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0000001a}.step h3{color:var(--cream);margin-bottom:.5rem;font-size:1.15rem}.step p{color:#fef6ecd9;font-size:.93rem;line-height:1.5}.step-arrow{align-items:center;padding-top:1.2rem;display:flex}.step-arrow svg{opacity:.5}.contact-wrap{background:var(--cream-dark)}.contact{z-index:1;max-width:1000px;margin:0 auto;padding:5rem 1.5rem;position:relative}.contact-inner{align-items:flex-start;gap:3.5rem;display:flex}.contact-text{flex:1}.contact-text h2{margin-bottom:.75rem;font-size:clamp(1.8rem,3.5vw,2.4rem)}.contact-text p{color:var(--brown-light);margin-bottom:1.5rem;font-size:1.02rem}.contact-channels{flex-direction:column;gap:.85rem;display:flex}.contact-channel{font-family:var(--font-display);color:var(--brown);align-items:center;gap:.75rem;font-size:.95rem;font-weight:500;transition:color .25s;display:flex}.contact-channel:hover{color:var(--coral)}.channel-icon{background:#e51d4814;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact-form{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex:1;padding:2.25rem}.form-group{margin-bottom:1.25rem}.form-group label{font-family:var(--font-display);color:var(--brown);margin-bottom:.35rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:2.5px solid var(--cream-dark);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--brown);background:var(--cream);resize:vertical;padding:.75rem 1rem;font-size:.95rem;transition:border-color .25s,box-shadow .25s}.form-group input:focus,.form-group textarea:focus{border-color:var(--coral);outline:none;box-shadow:0 0 0 3px #e51d481f}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--caramel-light)}.form-note{text-align:center;color:var(--caramel);font-size:.82rem;font-family:var(--font-handwritten);margin-top:.75rem;font-size:1rem}.footer{z-index:1;background:var(--brown);color:var(--cream-dark);padding:3rem 1.5rem 2rem;position:relative}.footer-inner{text-align:center;max-width:800px;margin:0 auto}.footer-logo{font-family:var(--font-display);color:var(--cream);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.2rem;font-weight:700;display:inline-flex}.footer-tagline{font-family:var(--font-handwritten);color:var(--caramel-light);margin-bottom:1.25rem;font-size:1.15rem}.footer-links{justify-content:center;gap:2rem;margin-bottom:1.5rem;display:flex}.footer-links a{font-family:var(--font-display);color:var(--cream-dark);font-size:.9rem;font-weight:500;transition:color .25s}.footer-links a:hover{color:var(--coral-light)}.footer-copy{color:var(--cream-dark);opacity:.7;font-size:.8rem}.step,.about-text,.contact-text,.contact-form{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.step.visible,.about-text.visible,.contact-text.visible,.contact-form.visible{opacity:1;transform:translateY(0)}.step:first-child{transition-delay:50ms}.step:nth-child(3){transition-delay:.15s}.step:nth-child(5){transition-delay:.25s}@media (max-width:768px){.hero{text-align:center;flex-direction:column;min-height:auto;padding-top:5rem}.hero-content{max-width:100%}.hero-sub{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{order:-1;max-width:250px}.hero-visual svg{width:180px;height:auto}.about-inner{text-align:center;flex-direction:column;gap:2rem}.about-values{justify-content:center}.contact-inner{flex-direction:column}.step-arrow{display:none}.steps{flex-direction:column;align-items:center}}@media (max-width:480px){.hero-title{font-size:2rem}.about-values{gap:1.25rem}}