:root{--cream: #fff7e6;--paper: #fffdf7;--ink: #1e1b2e;--ink-soft: #4a4660;--yellow: #ffb703;--orange: #fb8500;--pink: #ff5d8f;--blue: #219ebc;--navy: #023047;--green: #52b788;--lilac: #b8a1e6;--shadow: 0 10px 30px rgba(30, 27, 46, .12);--radius: 22px;--font-display: "Fredoka", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--cream);line-height:1.55;overflow-x:hidden}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.05;margin:0 0 .5em;letter-spacing:-.01em}h2{font-size:clamp(2rem,4.5vw,3.2rem)}h3{font-size:1.35rem}p{margin:0 0 1em}a{color:var(--blue)}section{padding:clamp(3.5rem,8vw,7rem) clamp(1.1rem,5vw,4rem);scroll-margin-top:70px}.eyebrow{font-family:var(--font-display);font-weight:600;color:var(--orange);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;margin-bottom:.8em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-display);font-weight:600;font-size:1.05rem;padding:.8em 1.5em;border-radius:999px;border:3px solid var(--ink);background:var(--yellow);color:var(--ink);text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .12s,box-shadow .12s,background .2s}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn-big{font-size:1.25rem;padding:.9em 1.8em}.btn-small{font-size:.95rem;padding:.55em 1.1em;box-shadow:3px 3px 0 var(--ink)}.btn-ghost{background:transparent}.btn-dark{background:var(--navy);color:#fff}.btn:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:4px 4px 0 var(--ink)}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.7rem clamp(1rem,4vw,3rem);background:#fff7e6d9;backdrop-filter:blur(10px);border-bottom:3px solid var(--ink)}.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-size:1.5rem;font-weight:500}.brand b{color:var(--pink);font-weight:700}.brand small,.foot-brand small{font-size:.55em;font-weight:700;letter-spacing:.08em;color:var(--blue);vertical-align:.35em}.brand-mark{width:26px;height:44px;fill:var(--blue);transform:rotate(-12deg)}.nav{display:flex;align-items:center;gap:1.4rem}.nav a{color:var(--ink);text-decoration:none;font-weight:700}.nav a:not(.btn):hover{color:var(--pink)}.nav-toggle{display:none;background:none;border:0;width:44px;height:44px;flex-direction:column;justify-content:center;gap:6px;cursor:pointer}.nav-toggle span{display:block;height:3px;background:var(--ink);border-radius:2px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center;min-height:min(calc(100vh - 70px),820px);max-width:1200px;margin:0 auto;position:relative}.hero h1{font-size:clamp(2.8rem,7vw,5.6rem);margin-bottom:.35em}.hero h1 span{display:inline-block}.hero .w1{color:var(--orange);transform:rotate(-2deg)}.hero .w2{color:var(--blue);transform:rotate(1.5deg)}.hero .w3{color:var(--pink);transform:rotate(-1deg)}.lede{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--ink-soft);max-width:34ch}.hero-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0 1.2rem}.hero-perks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;font-weight:700;color:var(--ink-soft)}.hero-perks li:before{content:"✓ ";color:var(--green)}.hero-stage{position:relative;aspect-ratio:1;max-width:560px;width:100%;justify-self:center}.hero-stage canvas{position:relative;z-index:2;width:100%;height:100%;display:block}.blob{position:absolute;border-radius:50%;filter:blur(2px);z-index:1;animation:float 9s ease-in-out infinite}.blob-a{width:70%;height:70%;left:8%;top:6%;background:var(--yellow)}.blob-b{width:46%;height:46%;right:2%;bottom:4%;background:var(--pink);animation-delay:-4s;opacity:.85}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.04)}}.sticker{position:absolute;z-index:3;font-family:var(--font-display);font-weight:600;background:#fff;border:3px solid var(--ink);padding:.35em .8em;border-radius:999px;box-shadow:3px 3px 0 var(--ink);font-size:.9rem;white-space:nowrap}.sticker-1{left:-2%;bottom:12%;transform:rotate(-6deg)}.sticker-2{right:0;top:10%;transform:rotate(7deg);background:var(--green);color:#fff}.why{background:var(--navy);color:#fff}.why-inner{max-width:1100px;margin:0 auto;text-align:center}.why h2{color:var(--yellow);max-width:18ch;margin-inline:auto}.why>.why-inner>p{max-width:60ch;margin:0 auto 2.5rem;font-size:1.15rem;color:#d9e4ec}.why-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.card{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:var(--radius);padding:1.6rem 1.4rem;box-shadow:6px 6px 0 var(--pink);text-align:left}.card .emoji{font-size:2.2rem;display:block;margin-bottom:.5rem}.card p{margin:0;color:var(--ink-soft)}.tilt-l{transform:rotate(-1.5deg)}.tilt-r{transform:rotate(1.5deg)}.how{text-align:center}.steps{list-style:none;padding:0;margin:2rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1100px}.steps li b{font-family:var(--font-display);font-size:1.5rem;display:block;margin:.6rem 0 .2rem}.steps li p{color:var(--ink-soft);margin:0}.step-art{width:min(170px,100%);aspect-ratio:1;margin:0 auto;border-radius:50%;border:3px solid var(--ink);background:#fff;box-shadow:5px 5px 0 var(--yellow);display:grid;place-items:center;overflow:hidden}.steps li:nth-child(2) .step-art{box-shadow:5px 5px 0 var(--lilac)}.steps li:nth-child(3) .step-art{box-shadow:5px 5px 0 var(--blue)}.steps li:nth-child(4) .step-art{box-shadow:5px 5px 0 var(--green)}.step-art img{width:78%;height:78%;object-fit:contain}.mode{display:grid;grid-template-columns:1fr 1fr;gap:0;border:3px solid var(--ink);border-radius:999px;overflow:hidden;background:#fff}.mode button{border:0;background:#fff;font-family:var(--font-display);font-weight:600;font-size:1.05rem;padding:.7em .5em;cursor:pointer;color:var(--ink-soft);line-height:1.2}.mode button small{display:block;font-family:var(--font-body);font-weight:700;font-size:.75rem}.mode button[aria-pressed=true]{background:var(--yellow);color:var(--ink)}.mode button+button{border-left:3px solid var(--ink)}.build[data-mode=classic] .custom-only,.build[data-mode=custom] .classic-only{display:none}.mode-blurb{font-size:.9rem;color:var(--ink-soft);margin:.6rem 0 0;font-weight:700}.upsell{margin:0;font-size:.85rem;color:var(--ink-soft)}.upsell button{background:none;border:0;padding:0;font:inherit;color:var(--blue);text-decoration:underline;cursor:pointer}.build{background:var(--paper);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.build-head{text-align:center;max-width:60ch;margin:0 auto 2rem}.build-head p{color:var(--ink-soft);font-size:1.1rem}.build-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;max-width:1200px;margin:0 auto;align-items:start}.stage{position:sticky;top:90px;background:linear-gradient(160deg,#fff,#fff1cf);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.stage canvas{width:100%;aspect-ratio:1;display:block;cursor:grab}.stage canvas:active{cursor:grabbing}.stage-reset{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:3px solid var(--ink);background:#fff;font-size:1.2rem;cursor:pointer}.stage-hint{position:absolute;top:14px;left:16px;margin:0;font-size:.8rem;color:var(--ink-soft);font-weight:700}.summary{margin:0;padding:.7rem 1rem;border-top:3px solid var(--ink);background:#fff;font-weight:700;font-size:.9rem;color:var(--ink-soft)}.controls{display:grid;gap:1.1rem}.ctl{border:3px solid var(--ink);border-radius:var(--radius);padding:1rem 1.2rem 1.2rem;background:#fff;margin:0}.ctl legend{font-family:var(--font-display);font-weight:600;font-size:1.15rem;padding:0 .5em}.ctl legend .name,.sublabel .name{font-family:var(--font-body);font-size:.85rem;font-weight:700;color:var(--ink-soft);margin-left:.4em}.ctl legend .name:before,.sublabel .name:before{content:"· "}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:34px;height:34px;border-radius:50%;border:3px solid var(--ink);background:var(--c);cursor:pointer;padding:0;position:relative;transition:transform .12s}.swatch:hover{transform:scale(1.12)}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--pink)}.swatches-cord .swatch{border-radius:10px}.presets{display:flex;flex-wrap:wrap;gap:8px}.preset{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-display);font-weight:600;border:3px solid var(--ink);background:#fff;border-radius:999px;padding:.35em .9em .35em .5em;cursor:pointer}.preset:hover{background:var(--cream)}.preset-chips{display:inline-flex}.preset-chips i{width:16px;height:16px;border-radius:50%;background:var(--c);border:2px solid var(--ink);margin-right:-6px}.text-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.9rem}.text-row label{display:flex;flex-direction:column;font-weight:700;font-size:.9rem;gap:.3em}.text-row input{font:600 1.05rem var(--font-display);text-transform:uppercase;letter-spacing:.04em;padding:.55em .8em;border:3px solid var(--ink);border-radius:12px}.text-row input:focus{outline:none;box-shadow:0 0 0 3px var(--yellow)}.text-row input:invalid{border-color:var(--pink)}.hint{font-weight:600;color:var(--ink-soft);font-size:.78rem}.hint.bad{color:#d6336c}.sub .sublabel{display:block;font-weight:700;font-size:.9rem;margin-bottom:.4rem}.ctl-buy{background:var(--cream)}.qty-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.qty{display:inline-flex;border:3px solid var(--ink);border-radius:999px;overflow:hidden;background:#fff}.qty button{width:44px;border:0;background:#fff;font-size:1.4rem;cursor:pointer;font-family:var(--font-display)}.qty button:hover{background:var(--yellow)}.qty input{width:76px;text-align:center;border:0;border-left:3px solid var(--ink);border-right:3px solid var(--ink);font:600 1.2rem var(--font-display);-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}.price{text-align:right}.price-line{display:block;color:var(--ink-soft);font-weight:700}.price-line b{color:var(--ink);font-family:var(--font-display);font-size:1.3rem}.price-total{display:block;font-weight:700}.price-total b{font-family:var(--font-display);font-size:1.9rem;color:var(--pink)}.tier-nudge{margin:.7rem 0;font-weight:700;color:var(--blue);font-size:.95rem}.btn-buy{width:100%;background:var(--pink);color:#fff}.buy-note{font-size:.8rem;color:var(--ink-soft);margin:.8rem 0 0;text-align:center}.buy-error{color:#d6336c;font-weight:700;margin:.6rem 0 0}.tiers-wrap{max-width:720px;margin:3rem auto 0;text-align:center}#tiers{width:100%;border-collapse:separate;border-spacing:0;border:3px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:#fff;margin-bottom:1rem}#tiers th,#tiers td{padding:.6rem 1rem;text-align:left}#tiers th{background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:600}#tiers td{border-top:2px solid #eee;font-weight:700}#tiers tr.active td{background:var(--yellow)}#tiers td:nth-child(2),#tiers td:nth-child(3){font-family:var(--font-display);font-size:1.1rem}#tiers[data-mode=classic] td:nth-child(3),#tiers[data-mode=custom] td:nth-child(2){color:#999;font-weight:400}.specs{text-align:center}.spec-grid{list-style:none;padding:0;margin:2rem auto 0;max-width:1100px;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;text-align:left}.spec-grid li{background:#fff;border:3px solid var(--ink);border-radius:var(--radius);padding:1.2rem 1.3rem;box-shadow:5px 5px 0 var(--blue)}.spec-grid li:nth-child(2n){box-shadow:5px 5px 0 var(--yellow)}.spec-grid li:nth-child(3n){box-shadow:5px 5px 0 var(--green)}.spec-grid b{display:block;font-family:var(--font-display);font-size:1.25rem;margin-bottom:.3rem}.spec-grid span{color:var(--ink-soft)}.steel{background:linear-gradient(135deg,#e9edf2,#cfd6de)}.steel-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center}.steel-photo{position:relative;background:#fff;border:3px solid var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transform:rotate(-2deg)}.steel-photo img{background:#000}.sticker-steel{top:14px;left:14px;background:var(--pink);color:#fff;transform:rotate(-4deg)}.steel .eyebrow{color:var(--navy)}.steel-price{font-size:1.3rem;font-weight:700}.steel-price b{font-family:var(--font-display);font-size:2.2rem;color:var(--navy);margin-right:.3em}.tiny{font-size:.85rem;color:var(--ink-soft);margin-top:.8rem}.dispenser{background:var(--cream);border-top:3px solid var(--ink)}.dispenser-inner{max-width:1150px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}.dispenser-lede{font-size:1.15rem;color:var(--ink-soft)}.dispenser-points{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:.9rem}.dispenser-points li{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:.8rem 1rem;color:var(--ink-soft);box-shadow:4px 4px 0 var(--yellow)}.dispenser-points li:nth-child(2){box-shadow:4px 4px 0 var(--pink)}.dispenser-points li:nth-child(3){box-shadow:4px 4px 0 var(--blue)}.dispenser-points li:nth-child(4){box-shadow:4px 4px 0 var(--green)}.dispenser-points b{display:block;font-family:var(--font-display);font-size:1.1rem;color:var(--ink)}.dispenser-where{font-weight:700}.dispenser-cta{display:flex;flex-wrap:wrap;gap:.8rem}.dispenser-cta .btn-buy{width:auto}.dispenser-photo{position:relative;display:grid;place-items:center}.dispenser-photo:before{content:"";position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:125%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffb703bf,#ffb70300 66%);z-index:0}.dispenser-photo img{position:relative;z-index:1;filter:drop-shadow(10px 14px 18px rgba(30,27,46,.28))}.bulk{background:var(--green)}.bulk-inner{max-width:760px;margin:0 auto;background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);padding:clamp(1.5rem,4vw,3rem);box-shadow:8px 8px 0 var(--ink)}.bulk-points{padding-left:1.2rem;font-weight:700}.bulk-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.pack{text-align:center}.pack-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:2rem auto 0;align-items:center}.pack-strip figure{margin:0;border:4px solid #fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.pack-strip img{width:100%;height:260px;object-fit:cover}.foot{background:var(--ink);color:#cfcbe0;padding:3rem clamp(1.1rem,5vw,4rem)}.foot-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:2rem}.foot a{color:var(--yellow)}.foot-brand{font-family:var(--font-display);font-size:1.6rem;color:#fff;margin-bottom:.2rem}.foot-brand b{color:var(--pink)}.foot-links{display:flex;flex-direction:column;gap:.4rem;font-weight:700}.foot-legal{grid-column:1 / -1;font-size:.8rem;color:#9b96b3;margin:0;border-top:1px solid #3a3650;padding-top:1rem}.reveal{opacity:0;transform:translateY(18px) rotate(0);transition:opacity .6s ease,transform .6s ease}.reveal.tilt-l.in{transform:rotate(-1.5deg)}.reveal.tilt-r.in{transform:rotate(1.5deg)}.reveal.in{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.blob{animation:none}html{scroll-behavior:auto}}@media(max-width:960px){.hero{grid-template-columns:1fr;text-align:center;min-height:0;padding-top:2rem}.hero-copy{order:2}.hero-stage{order:1;max-width:420px}.lede{margin-inline:auto}.hero-cta,.hero-perks{justify-content:center}.build-grid{grid-template-columns:1fr}.stage{position:relative;top:0}.why-cards,.spec-grid,.pack-strip{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:1.2rem}.steel-inner,.dispenser-inner{grid-template-columns:1fr}.dispenser-photo{order:-1;max-width:380px;margin:0 auto}.steel-photo{max-width:420px;margin:0 auto}.foot-inner{grid-template-columns:1fr}}@media(max-width:720px){.nav-toggle{display:flex}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--cream);border-bottom:3px solid var(--ink);padding:1rem clamp(1rem,4vw,3rem);gap:.9rem}body.nav-open .nav{display:flex}.text-row{grid-template-columns:1fr}.sticker-1{bottom:4%}.price{text-align:left}.steps{grid-template-columns:1fr}.dispenser-cta .btn{width:100%}}