:root{--grape: #5B2FD9;--grape-deep: #4A22B0;--cream: #F6EEDD;--cream-2: #EFE3C9;--banana: #FFD24A;--sky: #8FC7E8;--berry: #EE5DA0;--ink: #1E1633;--display: "Fredoka", system-ui, sans-serif;--mono: "Sometype Mono", "Courier New", monospace;--maxw: 1200px;--r: 26px;--shadow: 6px 6px 0 var(--ink);--ease: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0;min-width:0}html,body{overflow-x:clip}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--mono);color:var(--ink);background:var(--cream);line-height:1.55;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(18px,5vw,44px)}.bleed{width:100vw;margin-left:calc(50% - 50vw)}.mono-label{font-family:var(--mono);font-weight:500;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:.98;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:600;font-size:1.02rem;padding:.8rem 1.5rem;border:3px solid var(--ink);border-radius:100px;background:var(--banana);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.btn--grape{background:var(--grape);color:var(--cream)}.btn--cream{background:var(--cream)}.pill{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-weight:500;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .8rem;border:2.5px solid var(--ink);border-radius:100px;background:var(--cream)}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide{to{transform:translate(-50%)}}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px clamp(18px,5vw,44px);background:color-mix(in srgb,var(--cream) 88%,transparent);backdrop-filter:blur(8px);border-bottom:3px solid var(--ink)}.topbar__logo{height:30px}.topbar__nav{display:flex;align-items:center;gap:1.4rem}.topbar__nav a{font-family:var(--mono);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.topbar__nav a:hover{color:var(--grape)}.topbar__nav .btn{padding:.5rem 1rem;font-size:.85rem;box-shadow:3px 3px 0 var(--ink)}.hero{background:var(--grape);color:var(--cream);position:relative;overflow:hidden;padding:clamp(40px,7vw,90px) 0 clamp(50px,8vw,110px)}.hero__dots{position:absolute;inset:0;opacity:.14;background-image:radial-gradient(var(--cream) 1.6px,transparent 1.7px);background-size:22px 22px;pointer-events:none}.hero__grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,4vw,50px);align-items:center}.hero__kicker{display:inline-flex;margin-bottom:1.2rem;background:var(--banana);color:var(--ink)}.hero__h1{text-transform:uppercase}.hero__h1-lead{display:block;font-family:var(--display);font-weight:600;font-size:clamp(1.4rem,3.4vw,2.5rem);line-height:1;letter-spacing:.01em}.hero__h1-big{display:block;font-family:var(--display);font-weight:700;font-size:clamp(3.2rem,10vw,8rem);line-height:.86;letter-spacing:-.02em;color:var(--banana);margin-top:.14em}.hero__sub{font-family:var(--mono);font-size:clamp(1rem,1.5vw,1.18rem);margin:1.4rem 0 2rem;max-width:40ch;opacity:.95}.hero__cta{display:flex;flex-wrap:wrap;gap:.9rem}.hero__stage{position:relative;justify-self:center;display:flex;flex-direction:column;align-items:center;width:min(460px,92%)}.hero__mark{display:block;width:100%;height:auto;transform:rotate(-4deg);filter:drop-shadow(5px 6px 0 var(--grape-deep));margin-bottom:-6%}.hero__char{position:relative;z-index:2;display:block;width:74%;height:auto;aspect-ratio:1 / 1;object-fit:contain;filter:drop-shadow(10px 12px 0 var(--grape-deep))}.marquee{background:var(--banana);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);overflow:hidden;white-space:nowrap;padding:.6rem 0}.marquee__t{display:inline-block;animation:slide 24s linear infinite}.marquee__t span{font-family:var(--display);font-weight:700;font-size:1.2rem;text-transform:uppercase;padding:0 1.2rem}.marquee__t span:after{content:"★";color:var(--grape);margin-left:1.6rem}.section{padding:clamp(52px,8vw,110px) 0}.section__k{color:var(--grape);margin-bottom:.8rem}.section h2{font-size:clamp(2.2rem,5.5vw,4.4rem);text-transform:uppercase}.section h2 em{font-style:normal;color:var(--berry)}.pitch{text-align:center}.pitch__lede{font-family:var(--display);font-weight:500;font-size:clamp(1.3rem,3vw,2.2rem);line-height:1.15;max-width:20ch;margin:1rem auto 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px);margin-top:clamp(34px,5vw,60px)}.stat{border:3px solid var(--ink);border-radius:var(--r);padding:1.6rem 1rem;box-shadow:var(--shadow);background:var(--cream)}.stat:nth-child(1){background:var(--banana)}.stat:nth-child(2){background:var(--sky)}.stat:nth-child(3){background:var(--berry);color:var(--cream)}.stat:nth-child(4){background:var(--grape);color:var(--cream)}.stat b{font-family:var(--display);font-weight:700;font-size:clamp(2.4rem,5vw,3.6rem);display:block;line-height:1}.stat span{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.flavors{background:var(--sky);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);position:relative;overflow:hidden}.flavors__dots{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(rgba(30,22,51,.16) 2px,transparent 2.2px);background-size:16px 16px;pointer-events:none}.flavors .section__k{color:var(--grape-deep)}.flavors h2{color:var(--ink)}.flavor-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,28px);margin-top:clamp(30px,4vw,52px)}.flavor{position:relative;border:3px solid var(--ink);border-radius:var(--r);background:var(--cream);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s var(--ease)}.flavor:hover{transform:translateY(-6px) rotate(-1deg)}.flavor__art{aspect-ratio:1/1;display:grid;place-items:center;border-bottom:3px solid var(--ink);position:relative;overflow:hidden;background-image:radial-gradient(rgba(30,22,51,.1) 1.4px,transparent 1.6px);background-size:13px 13px}.flavor__art img{width:68%;height:68%;object-fit:contain;filter:drop-shadow(5px 6px 0 rgba(30,22,51,.16))}.flavor__art--full{background-image:none;background-color:var(--ink)}.flavor__art--full img{width:100%;height:auto;object-fit:contain;filter:none}.flavor__name{font-family:var(--display);font-weight:700;font-size:clamp(1.3rem,2.4vw,1.8rem);text-transform:uppercase;padding:1rem 1.1rem .2rem}.flavor__meta{font-family:var(--mono);font-size:.72rem;padding:0 1.1rem 1.2rem;opacity:.8}.flavor__new{position:absolute;top:12px;left:12px;z-index:2;background:var(--berry);color:var(--cream);border:2.5px solid var(--ink);transform:rotate(-8deg)}.meet{background:var(--grape);color:var(--cream);border-bottom:3px solid var(--ink)}.meet__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,60px);align-items:center}.meet__char{width:min(360px,80%);height:auto;aspect-ratio:1 / 1;object-fit:contain;justify-self:center}.meet .section__k{color:var(--banana)}.meet p{font-family:var(--mono);font-size:clamp(1rem,1.4vw,1.12rem);margin-top:1rem;opacity:.95}.meet p b{color:var(--banana);font-weight:500}.joke{margin-top:1.6rem;border:3px solid var(--cream);border-radius:var(--r);padding:1rem 1.3rem;font-family:var(--display);font-weight:500;font-size:clamp(1.1rem,2vw,1.5rem);min-height:3.4em;display:flex;align-items:center}.socials{text-align:center}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px);margin-top:clamp(28px,4vw,46px)}.social{border:3px solid var(--ink);border-radius:var(--r);padding:1.4rem;box-shadow:var(--shadow);background:var(--cream);text-align:left;transition:transform .16s var(--ease)}.social:hover{transform:translateY(-5px);background:var(--banana)}.social b{font-family:var(--display);font-weight:700;font-size:1.3rem;display:block}.social span{font-family:var(--mono);font-size:.82rem;opacity:.8}.foot{background:var(--ink);color:var(--cream);text-align:center;padding:clamp(44px,6vw,80px) 0 clamp(28px,4vw,44px)}.foot__logo{height:44px;margin:0 auto 1.4rem}.foot__cta{margin-bottom:2rem}.foot small{font-family:var(--mono);font-size:.72rem;opacity:.6;letter-spacing:.06em;display:block;margin-top:1.6rem}@media(max-width:860px){.hero__grid,.meet__grid{grid-template-columns:1fr}.hero__stage{order:-1;width:min(340px,78%);margin:0 auto .5rem}.hero__char{width:78%}.hero__mark{width:92%;margin-bottom:-4%}.stats,.social-grid,.flavor-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.topbar{padding:10px 16px}.topbar__nav{gap:.7rem}.topbar__nav a:not(.btn){display:none}.topbar__logo{height:26px}.hero{padding:30px 0 46px}.hero h1{font-size:clamp(2.6rem,12vw,3.4rem)}.btn{font-size:.95rem;padding:.7rem 1.2rem}.stat{padding:1.2rem .8rem}}@media(max-width:480px){.flavor-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}