:root{--orange:#ff5c35;--yellow:#ffd84d;--pink:#ff8fc3;--purple:#7047eb;--ink:#21174a;--cream:#fff8e8;--mint:#bdf3d2;--line:#2b1d55;--shadow:8px 8px 0 var(--line)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);margin:0;font-family:DM Sans,sans-serif;overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.announcement{background:var(--ink);color:#fff;letter-spacing:1.8px;justify-content:center;align-items:center;gap:18px;height:34px;font-size:11px;font-weight:800;display:flex}.announcement span{color:var(--yellow)}.site-header{border-bottom:2px solid var(--line);background:var(--cream);z-index:20;align-items:center;height:76px;padding:0 5vw;display:flex;position:relative}.brand{letter-spacing:1px;align-items:center;gap:9px;font-family:Luckiest Guy,cursive;font-size:21px;display:inline-flex}.brand-mark{color:#fff;background:var(--orange);border:2px solid var(--line);border-radius:50% 50% 44% 56%;place-items:center;width:40px;height:40px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:900;display:grid;transform:rotate(-5deg)}.site-header nav{gap:32px;margin:auto;font-size:13px;font-weight:700;display:flex}.site-header nav a:hover{color:var(--orange)}.header-bag{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:99px;padding:10px 13px;font-size:12px;font-weight:800}.header-bag span{color:#fff;background:var(--purple);border-radius:50%;place-items:center;min-width:20px;height:20px;margin-left:5px;display:inline-grid}.hero{background:var(--pink);grid-template-columns:.92fr 1.08fr;align-items:center;min-height:calc(100vh - 110px);padding:7vh 7vw 6vh;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:var(--yellow);border:2px solid var(--line);border-radius:50%;width:600px;height:600px;position:absolute;top:-80px;right:-90px}.hero:after{content:"";background:repeating-linear-gradient(90deg, var(--orange) 0 45px, var(--cream) 45px 90px);border-top:2px solid var(--line);height:18px;position:absolute;inset:auto 0 0}.hero-copy{z-index:3;max-width:650px;position:relative}.eyebrow,.section-kicker{letter-spacing:2.2px;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:900;display:inline-flex}.eyebrow span{background:var(--orange);width:24px;height:3px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:1px;font-family:Luckiest Guy,cursive;font-weight:400;line-height:.96}h1{text-shadow:3px 3px #fff9;margin:18px 0 22px;font-size:clamp(55px,6.8vw,100px)}h1 em,h2 em{color:var(--orange);-webkit-text-stroke:1px var(--line);text-shadow:3px 3px 0 var(--line);font-style:normal}.hero-copy>p{max-width:530px;font-size:17px;font-weight:500;line-height:1.6}.hero-actions{align-items:center;gap:24px;margin-top:30px;display:flex}.primary-button{border:2px solid var(--line);background:var(--orange);color:#fff;box-shadow:5px 5px 0 var(--line);letter-spacing:.5px;cursor:pointer;border-radius:10px;padding:16px 22px;font-size:13px;font-weight:900;transition:transform .18s,box-shadow .18s}.primary-button:hover{box-shadow:2px 2px 0 var(--line);transform:translate(3px,3px)}.primary-button span{margin-left:13px}.text-link{border-bottom:2px solid var(--ink);padding-bottom:3px;font-size:13px;font-weight:800}.text-link span{margin-left:5px}.social-proof{align-items:center;gap:12px;margin-top:38px;display:flex}.faces{display:flex}.faces span{border:2px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:35px;height:35px;margin-left:-7px;display:grid}.faces span:first-child{margin-left:0}.social-proof strong,.social-proof small{font-size:12px;display:block}.social-proof small{opacity:.68;margin-top:2px}.stars{color:var(--orange);letter-spacing:-1px}.chest-stage{z-index:3;place-items:center;min-height:600px;display:grid;position:relative}.chest-button{cursor:pointer;filter:drop-shadow(0 24px 12px #4a1d3240);background:0 0;border:0;width:min(620px,48vw);padding:0;transition:transform .25s;position:relative}.chest-button:hover{transform:translateY(-8px)rotate(1deg)scale(1.02)}.chest-button:active{transform:scale(.96)}.chest-button.drawing{animation:.65s both shake}.chest-button img{z-index:2;width:100%;display:block;position:relative}.chest-halo{aspect-ratio:1;opacity:.35;filter:blur(28px);background:#fff;border-radius:50%;width:72%;animation:2s ease-in-out infinite pulse;position:absolute;inset:12% 14%}.chest-stage>p{letter-spacing:1.5px;font-size:11px;font-weight:900;position:absolute;bottom:0}.chest-stage>p span{color:var(--orange);font-size:20px}.burst{aspect-ratio:1;z-index:4;background:var(--purple);color:#fff;text-align:center;clip-path:polygon(50% 0,61% 16%,79% 7%,82% 27%,100% 29%,88% 46%,100% 61%,80% 68%,78% 88%,59% 79%,45% 100%,36% 80%,15% 89%,18% 67%,0 59%,13% 44%,2% 25%,23% 24%,27% 3%);place-items:center;width:88px;font-family:Luckiest Guy;font-size:15px;display:grid;position:absolute;top:6%;right:3%;transform:rotate(10deg)}.spark{z-index:4;color:#fff;font-size:35px;position:absolute}.spark-one{top:18%;left:12%}.spark-two{font-size:23px;bottom:23%;right:9%}.spark-three{color:var(--orange);bottom:18%;left:4%}.hero-sticker{z-index:4;text-align:center;border:2px solid var(--line);background:var(--mint);border-radius:50%;place-content:center;width:82px;height:82px;font-family:Luckiest Guy;font-size:20px;display:grid;position:absolute;transform:rotate(-9deg)}.hero-sticker small{letter-spacing:1px;font-family:DM Sans;font-size:9px}.sticker-top{top:8%;left:47%}.sticker-bottom{background:var(--cream);bottom:12%;right:2%;transform:rotate(8deg)}.ticker{border-bottom:2px solid var(--line);background:var(--yellow);white-space:nowrap;letter-spacing:1.4px;padding:13px 0;font-size:12px;font-weight:900;overflow:hidden}.ticker div{min-width:max-content;animation:25s linear infinite marquee}.ticker span{color:var(--orange);margin:0 22px}.section-pad{padding:105px 7vw}.section-heading h2{margin:14px 0 18px;font-size:clamp(42px,5vw,70px)}.section-heading h2 em{color:var(--pink)}.section-heading>p{opacity:.7;font-size:16px;line-height:1.6}.centered{text-align:center;max-width:760px;margin:auto}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:58px;display:grid}.step-card{border:2px solid var(--line);min-height:330px;box-shadow:var(--shadow);border-radius:24px;padding:28px;position:relative;overflow:hidden}.step-pink{background:var(--pink);transform:rotate(-1deg)}.step-yellow{background:var(--yellow);transform:translateY(18px)rotate(1deg)}.step-purple{background:var(--purple);color:#fff;transform:rotate(-1deg)}.step-num{font-family:Luckiest Guy;font-size:15px}.step-icon{filter:drop-shadow(4px 6px #22174a33);place-items:center;height:135px;font-size:72px;display:grid}.step-card h3{letter-spacing:1px;margin:15px 0 8px;font-family:Luckiest Guy;font-size:28px}.step-card p{max-width:300px;margin:0;font-size:14px;line-height:1.55}.box-section{background:var(--ink);color:#fff}.split-heading{grid-template-columns:1fr 390px;align-items:end;gap:40px;display:grid}.split-heading h2{margin-bottom:0}.split-heading>p{margin-bottom:4px}.section-kicker.light{color:var(--yellow)}.box-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:56px;display:grid}.product-card{min-height:500px;color:var(--ink);background:var(--cream);border:2px solid #fff;border-radius:20px;flex-direction:column;padding:22px;transition:transform .25s;display:flex;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-8px)}.product-card:nth-child(2){background:var(--yellow)}.product-card:nth-child(3){background:var(--pink)}.product-card:nth-child(4){background:#ff795f}.product-badge{border:1.5px solid var(--line);letter-spacing:.7px;background:#fff;border-radius:99px;padding:7px 9px;font-size:9px;font-weight:900;position:absolute;top:14px;right:14px}.product-art{place-items:center;height:185px;font-size:103px;display:grid;transform:rotate(-4deg)}.product-card:nth-child(2n) .product-art{transform:rotate(5deg)}.product-card h3{letter-spacing:.7px;margin:8px 0 2px;font-family:Luckiest Guy;font-size:29px}.cn-name{opacity:.58;font-size:12px;font-weight:700}.product-desc{margin:15px 0;font-size:13px;line-height:1.5}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{border:1.5px solid var(--line);background:#ffffff73;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800}.product-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:20px;display:flex}.price strong{font-family:Luckiest Guy;font-size:25px;display:block}.price small{opacity:.6;font-size:9px}.mini-button{border:2px solid var(--line);color:#fff;background:var(--ink);cursor:pointer;border-radius:9px;padding:11px 12px;font-size:10px;font-weight:900}.mini-button:hover{background:var(--purple)}.inside{background:var(--yellow);grid-template-columns:1fr 1fr;align-items:center;gap:9vw;display:grid}.inside-visual{place-items:center;min-height:540px;display:grid;position:relative}.inside-visual:before{content:"";aspect-ratio:1;background:var(--pink);border:2px solid var(--line);border-radius:50%;width:440px;position:absolute}.box-mockup{z-index:2;background:var(--orange);color:#fff;border:3px solid var(--line);flex-direction:column;justify-content:center;align-items:center;width:310px;height:360px;display:flex;position:relative;transform:rotate(-5deg);box-shadow:16px 18px #21174ad9}.box-mockup:before{content:"";border:2px dashed var(--yellow);position:absolute;inset:18px}.box-mockup span{z-index:2;border:2px solid #fff;border-radius:50%;place-items:center;width:55px;height:55px;font-weight:900;display:grid;position:relative}.box-mockup strong{z-index:2;text-align:center;margin:18px 0;font-family:Luckiest Guy;font-size:62px;line-height:.8;position:relative}.box-mockup small{z-index:2;letter-spacing:1.6px;font-size:9px;font-weight:800;position:relative}.snack-orbit{z-index:3;border:2px solid var(--line);background:var(--cream);border-radius:50%;place-items:center;width:82px;height:82px;font-size:41px;display:grid;position:absolute}.orbit-one{top:8%;left:10%;transform:rotate(-15deg)}.orbit-two{top:24%;right:4%}.orbit-three{bottom:8%;left:8%}.inside-copy h2{margin:16px 0 24px;font-size:clamp(48px,5vw,72px)}.inside-copy h2 em{color:var(--purple)}.inside-copy>p{max-width:570px;font-size:16px;line-height:1.7}.inside-copy ul{margin:30px 0;padding:0;list-style:none}.inside-copy li{gap:13px;margin:18px 0;display:flex}.inside-copy li>span{border:2px solid var(--line);background:var(--mint);border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-weight:900;display:grid}.inside-copy li strong,.inside-copy li small{display:block}.inside-copy li small{opacity:.65;margin-top:3px}.dark-button{background:var(--ink)}.final-cta{text-align:center;background:var(--purple);color:#fff;place-content:center;justify-items:center;min-height:480px;display:grid;position:relative;overflow:hidden}.final-cta:before,.final-cta:after{content:"";aspect-ratio:1;background:var(--orange);border:2px solid var(--line);border-radius:50%;width:270px;position:absolute}.final-cta:before{top:-90px;left:-120px}.final-cta:after{background:var(--yellow);bottom:-120px;right:-100px}.final-cta p{letter-spacing:2px;font-size:12px;font-weight:900}.final-cta h2{margin:5px 0 30px;font-size:clamp(62px,9vw,130px)}.cream-button{background:var(--cream);color:var(--ink)}.cta-doodle{color:var(--yellow);font-size:50px;position:absolute;bottom:20%;left:18%}.cta-doodle.second{color:var(--pink);top:17%;left:auto;right:18%}footer{color:#fff;background:var(--ink);grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;padding:65px 7vw 35px;display:grid}.footer-brand{font-size:25px}.footer-brand+p{opacity:.65;margin:0;font-size:13px}.footer-brand~div{gap:22px;font-size:12px;font-weight:700;display:flex}footer>small{opacity:.5;border-top:1px solid #ffffff26;grid-column:1/-1;padding-top:30px}.floating-bag{z-index:25;border:2px solid var(--line);background:var(--yellow);box-shadow:4px 4px 0 var(--line);cursor:pointer;border-radius:99px;align-items:center;gap:8px;padding:8px 10px 8px 8px;display:flex;position:fixed;bottom:24px;left:24px}.bag-icon{font-size:26px}.bag-label{font-size:10px;font-weight:900}.floating-bag b{color:#fff;background:var(--orange);border-radius:50%;place-items:center;min-width:22px;height:22px;font-size:11px;display:grid}.modal-backdrop,.drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#180f3ab8;position:fixed;inset:0}.modal-backdrop{place-items:center;padding:20px;display:grid}.modal-backdrop[hidden],.drawer-backdrop[hidden]{display:none}.reveal-modal{border:3px solid var(--line);background:var(--cream);width:min(520px,94vw);max-height:92vh;box-shadow:12px 12px 0 var(--line);text-align:center;border-radius:25px;padding:35px;animation:.55s cubic-bezier(.16,1,.3,1) cardIn;position:relative;overflow:auto}.modal-close,.drawer-head button{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;display:grid;position:absolute;top:15px;right:15px}.reveal-kicker{letter-spacing:2px;font-size:10px;font-weight:900}.reveal-emoji{border:2px solid var(--line);background:var(--reveal-color);width:150px;height:150px;box-shadow:7px 7px 0 var(--line);border-radius:50%;place-items:center;margin:12px auto;font-size:82px;display:grid}.reveal-modal h2{margin:20px 0 5px;font-size:43px}.reveal-cn{opacity:.55;font-size:12px;font-weight:700}.reveal-modal p{max-width:390px;margin:15px auto 18px;font-size:14px;line-height:1.55}.reveal-meta{justify-content:center;gap:7px;margin-bottom:22px;display:flex}.reveal-meta span{border:1.5px solid var(--line);border-radius:99px;padding:6px 9px;font-size:9px;font-weight:800}.reveal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.reveal-actions button{border:2px solid var(--line);cursor:pointer;border-radius:9px;min-height:47px;font-size:11px;font-weight:900}.save-button{background:var(--yellow)}.buy-button{color:#fff;background:var(--orange)}.draw-again{cursor:pointer;background:0 0;border:0;width:100%;margin-top:10px;font-size:11px;font-weight:800;text-decoration:underline}.drawer-backdrop{z-index:55}.bag-drawer{z-index:60;background:var(--cream);border-left:3px solid var(--line);flex-direction:column;width:min(430px,100vw);height:100vh;transition:transform .35s;display:flex;position:fixed;top:0;right:0;transform:translate(105%)}.bag-drawer.open{transform:none}.drawer-head{border-bottom:2px solid var(--line);background:var(--yellow);padding:30px 28px 22px;position:relative}.drawer-head span{letter-spacing:1.5px;font-size:9px;font-weight:900}.drawer-head h2{margin:5px 0 0;font-size:36px}.drawer-head button{position:absolute}.drawer-body{flex:1;padding:20px;overflow:auto}.empty-bag{text-align:center;padding:80px 20px}.empty-bag span{font-size:75px;display:block}.empty-bag h3{margin:15px 0 7px;font-family:Luckiest Guy;font-size:25px}.empty-bag p{opacity:.65;font-size:13px}.bag-item{border:2px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:70px 1fr auto;align-items:center;gap:12px;margin-bottom:12px;padding:13px;display:grid}.bag-item-emoji{background:var(--item-color);border-radius:10px;place-items:center;width:65px;height:65px;font-size:36px;display:grid}.bag-item strong,.bag-item small{display:block}.bag-item strong{font-size:13px}.bag-item small{opacity:.55;margin-top:4px}.remove-item{cursor:pointer;background:0 0;border:0;font-size:20px}.drawer-foot{border-top:2px solid var(--line);padding:20px}.drawer-foot button{width:100%}.drawer-total{justify-content:space-between;margin-bottom:15px;font-weight:800;display:flex}.toast{z-index:80;border:2px solid var(--line);background:var(--mint);box-shadow:4px 4px 0 var(--line);border-radius:99px;padding:12px 18px;font-size:12px;font-weight:800;transition:transform .3s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,150%)}.toast.show{transform:translate(-50%)}body.no-scroll{overflow:hidden}@keyframes marquee{to{transform:translate(-50%)}}@keyframes pulse{50%{opacity:.65;transform:scale(1.08)}}@keyframes shake{20%,60%{transform:rotate(-4deg)scale(.98)}40%,80%{transform:rotate(4deg)scale(1.02)}}@keyframes cardIn{0%{opacity:0;transform:translateY(40px)rotate(-5deg)scale(.75)}to{opacity:1;transform:none}}@media (width<=1000px){.site-header nav{display:none}.header-bag{margin-left:auto}.hero{text-align:center;grid-template-columns:1fr;padding-top:70px}.hero-copy{margin:auto}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.social-proof{justify-content:center}.chest-stage{min-height:480px}.chest-button{width:min(590px,80vw)}.sticker-top{top:48%;left:5%}.box-grid{grid-template-columns:repeat(2,1fr)}.product-card{min-height:460px}.inside{gap:4vw}.inside-visual:before{width:360px}}@media (width<=720px){.announcement{letter-spacing:.8px;font-size:9px}.announcement span,.announcement span~*{display:none}.site-header{height:64px;padding:0 18px}.brand{font-size:18px}.brand-mark{width:35px;height:35px}.header-bag{font-size:0}.header-bag span{margin:0;font-size:11px}.hero{min-height:auto;padding:58px 20px 42px}.hero:before{width:410px;height:410px;top:40%;right:-170px}.hero-copy{z-index:5}.eyebrow{font-size:9px}h1{font-size:clamp(52px,16vw,74px)}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;gap:18px}.social-proof{margin-top:28px}.chest-stage{min-height:390px}.chest-button{width:96vw;margin-left:-8vw}.chest-stage>p{bottom:5px}.burst{top:10%;right:-6%}.spark-one{left:1%}.hero-sticker{display:none}.section-pad{padding:78px 20px}.section-heading h2{font-size:45px}.steps-grid{grid-template-columns:1fr;gap:24px;margin-top:40px}.step-card,.step-yellow{min-height:300px;transform:none}.step-icon{height:115px}.split-heading{grid-template-columns:1fr;gap:12px}.box-grid{grid-template-columns:1fr}.product-card{min-height:465px}.product-art{height:170px}.inside{grid-template-columns:1fr}.inside-visual{min-height:470px}.inside-visual:before{width:min(355px,85vw)}.box-mockup{width:250px;height:310px}.box-mockup strong,.inside-copy h2{font-size:52px}.inside-copy{text-align:left}.final-cta{min-height:430px;padding:60px 20px}.final-cta h2{font-size:70px}.final-cta .primary-button{z-index:3;position:relative}footer{text-align:center;grid-template-columns:1fr;justify-items:center}.footer-brand~div{flex-wrap:wrap;justify-content:center}footer>small{grid-column:1;width:100%}.floating-bag{bottom:14px;left:14px}.bag-label{display:none}.reveal-modal{padding:30px 20px 24px}.reveal-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
