:root{--teal: #4a98b3;--teal-deep: #3a7d96;--teal-ink: #2f687c;--yellow: #f0c478;--yellow-hot: #e8b45c;--white: #ffffff;--charcoal: #1f2933;--cream: #f7f3ea;--mist: #eef6f8;--line: rgba(31, 41, 51, .1);--radius: 16px;--pad: 20px;--page-pad: clamp(40px, 10vw, 140px);--pointer-x: 0;--pointer-y: 0;--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--charcoal);font-family:var(--font-body);background:var(--mist);overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0}p{margin:0}.grid-bg{background-color:var(--teal);background-image:linear-gradient(rgba(22,70,86,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(22,70,86,.16) 1px,transparent 1px);background-size:32px 32px;background-position:calc(50% + var(--pointer-x) * 28px) calc(50% + var(--pointer-y) * 18px)}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--page-pad);background:#4a98b3f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.16)}.nav-brand img{height:52px;width:52px;object-fit:cover;border-radius:14px;border:2px solid rgba(255,255,255,.35)}.nav-links{display:flex;align-items:center;gap:22px;color:var(--white);font-weight:700;font-size:.95rem}.nav-links a:hover{color:var(--yellow)}.nav-cta{background:var(--yellow);color:var(--charcoal)!important;padding:10px 16px;border-radius:999px;min-height:44px;display:inline-flex;align-items:center;transition:transform .18s ease}.nav-cta:hover{transform:scale(1.06) rotate(-1deg)}.nav-ig{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--white);transition:transform .18s ease,color .18s ease}.nav-ig:hover{transform:scale(1.12) rotate(-6deg);color:var(--yellow)}.nav-toggle{display:none;width:44px;height:44px;border:0;background:transparent;padding:12px;cursor:pointer}.nav-toggle span{display:block;height:2px;background:var(--white);margin:7px 0;border-radius:2px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:32px;align-items:center;padding:56px var(--page-pad) 80px;min-height:calc(100vh - 76px);position:relative;overflow:hidden}.hero-copy{max-width:620px;color:var(--white);position:relative;z-index:2;margin-left:clamp(8px,4vw,56px);padding-left:clamp(4px,2vw,24px)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--yellow);margin-bottom:16px}.star-inline{width:14px;height:14px;background:var(--yellow);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.hero h1{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:700;line-height:1.02;color:var(--white)}.lede{margin-top:18px;font-size:1.125rem;line-height:1.5;max-width:34rem;color:#ffffffeb}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:14px;font-family:var(--font-display);font-weight:600;font-size:1rem;border:0;cursor:pointer;transition:transform .18s ease,filter .18s ease}.btn:hover{transform:translateY(-2px) rotate(-.4deg)}.btn-yellow{background:var(--yellow);color:var(--charcoal)}.btn-yellow:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.55)}.btn-play{background:#ffffff24;color:var(--white);border:2px dashed rgba(240,196,120,.9)}.btn-play:hover{background:#f0c47838}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.hero-pills span{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:800;cursor:default;transition:transform .2s ease,background .2s ease,color .2s ease}.hero-pills span:hover{transform:scale(1.08) rotate(-2deg);background:var(--yellow);color:var(--charcoal)}.hero-visual{display:grid;place-items:center;gap:8px;min-height:560px;position:relative;z-index:3}.vm-press{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;border:2px solid rgba(31,41,51,.14);background:var(--yellow);color:var(--charcoal);font-family:var(--font-display);font-weight:600;font-size:1rem;cursor:pointer;transition:transform .14s ease,filter .18s ease}.vm-press:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.05)}.vm-press:active{transform:translateY(2px) scale(.98)}.vm-press-dot{width:12px;height:12px;border-radius:50%;background:var(--teal-ink);box-shadow:0 0 0 4px #2f687c38;animation:press-blink 1.6s ease-in-out infinite}@keyframes press-blink{0%,to{box-shadow:0 0 0 4px #2f687c2e}50%{box-shadow:0 0 0 8px #2f687c47}}.snack-rain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;animation:fade-in .2s ease}.snack-rain-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:grab}.snack-rain-canvas:active{cursor:grabbing}.snack-rain-panel{position:absolute;top:clamp(88px,14vh,160px);left:var(--page-pad);width:min(380px,calc(100% - 40px));padding:20px;border-radius:20px;background:#183e4cb8;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white);pointer-events:none}.snack-rain-panel h2{font-size:clamp(1.6rem,3.4vw,2.2rem);margin-top:8px;color:var(--white)}.snack-rain-panel>p:last-of-type{margin-top:10px;color:#ffffffdb;font-weight:700}.snack-rain-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;pointer-events:auto}.snack-rain-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:#1f293366;color:var(--white);font-size:1rem;cursor:pointer;transition:transform .18s ease,background .18s ease}.snack-rain-close:hover{transform:rotate(90deg);background:var(--yellow);color:var(--charcoal)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.vm-scene{width:min(420px,100%);height:540px;position:relative;cursor:grab;touch-action:none}.vm-scene:active{cursor:grabbing}.vm-scene canvas{width:100%!important;height:100%!important}.vm-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);margin:0;padding:8px 14px;border-radius:999px;background:#1f29338c;color:var(--white);font-size:.82rem;font-weight:800;pointer-events:none;animation:hint-pulse 1.8s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.7}50%{opacity:1}}.section{padding:72px var(--page-pad)}.section-light{background:var(--white)}.section-cream{background:var(--cream)}.section-head{max-width:640px;margin:0 auto 36px;text-align:left}.section-head h2,.contact-copy h2{font-size:clamp(1.9rem,4vw,2.8rem);color:var(--charcoal);margin-top:8px}.section-head p:last-child{margin-top:10px;color:#4d5b66;font-size:1.05rem}.kicker{color:var(--teal-deep);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.on-teal,.on-teal h2,.kicker.on-teal{color:var(--white)}.kicker.on-teal{color:var(--yellow)}.snack-grid,.why-grid,.place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1100px;margin:0 auto}.snack-card{background:var(--cream);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.snack-card img{height:168px;width:100%;object-fit:cover;transition:transform .35s ease}.snack-card:hover img{transform:scale(1.08)}.snack-card h3,.why-card h3,.place-card h3,.steps h3{font-size:1.35rem;margin:14px 16px 4px}.snack-card p,.why-card p,.place-card p,.steps p{margin:0 16px 16px;color:#52616c}.why-card,.place-card{background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius);padding:8px 4px;color:var(--white)}.why-card:hover,.place-card:hover{background:#ffffff38}.why-card p,.place-card p{color:#ffffffe0}.why-icon{display:inline-block;margin:16px 16px 0;color:var(--yellow);font-size:1.4rem}.why-wide{grid-column:span 2}.section-cream .steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1100px;margin:0 auto;padding:0}.steps li{background:var(--white);border-radius:20px;padding:8px 8px 12px;border:1px solid var(--line);position:relative}.steps li:hover .step-num{transform:scale(1.12) rotate(-8deg)}.step-num{display:grid;place-items:center;width:48px;height:48px;margin:12px 16px 0;border-radius:14px;background:var(--yellow);color:var(--charcoal);font-family:var(--font-display);font-size:1.4rem;font-weight:700;transition:transform .2s ease}.place-grid .place-card{background:var(--teal);min-height:140px;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:8px}.place-card:nth-child(2n){background:var(--teal-deep)}.place-card:nth-child(3n){background:#3e8aa4}.contact-wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr .85fr;gap:32px;align-items:start}.contact-card{background:var(--white);border-radius:20px;padding:24px}.contact-card-name{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--charcoal)}.contact-card-blurb{margin:8px 0 0;font-size:.95rem;line-height:1.5;color:#4d5b66}.contact-details{margin:20px 0 0;display:grid;gap:14px}.contact-details dt{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7d8b95}.contact-details dd{margin:2px 0 0;font-size:1.02rem;font-weight:800;color:var(--charcoal)}.contact-details a:hover{color:var(--teal-ink);text-decoration:underline}.contact-card-cta{margin-top:22px;width:100%}.contact-perks{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px}.contact-perks li{background:var(--yellow);color:var(--charcoal);font-weight:800;border-radius:999px;padding:8px 12px;font-size:.85rem}.contact-direct{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.contact-link{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:999px;border:2px solid rgba(255,255,255,.45);color:var(--white);font-weight:800;font-size:.9rem;transition:transform .18s ease,background .18s ease,color .18s ease}.contact-link:hover{transform:translateY(-2px);background:var(--white);color:var(--teal-ink)}.contact-link-lead{background:var(--yellow);border-color:var(--yellow);color:var(--charcoal);font-size:1rem;padding:12px 20px}.contact-link-lead:hover{background:var(--white);border-color:var(--white)}.faq-list{max-width:900px;margin:28px auto 0;display:grid;gap:12px}.faq-item{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px 20px}.faq-item dt{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--charcoal)}.faq-item dd{margin:6px 0 0;line-height:1.55;color:#4d5b66}.footer{display:grid;grid-template-columns:1fr auto;gap:20px 32px;padding:32px var(--page-pad);background:var(--charcoal);color:#fffc}.footer img{width:44px;height:44px;border-radius:12px}.footer-brand p{margin:8px 0 0;font-weight:700;font-size:.95rem}.footer-area{color:#ffffff9e;font-size:.85rem!important}.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-style:normal;font-weight:700;font-size:.9rem}.footer-contact a{transition:color .18s ease}.footer-contact a:hover{color:var(--yellow)}.footer-legal{grid-column:1 / -1;margin:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:.8rem;color:#ffffff8c}.float-layer{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.floater{position:absolute;opacity:.55;animation:floaty 7s ease-in-out infinite}.star{width:18px;height:18px;background:var(--yellow);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.s1{top:18%;left:8%}.s2{top:62%;right:6%;animation-delay:-2s}.s3{top:36%;right:18%;width:12px;height:12px;animation-delay:-4s}.chip,.can{width:22px;height:30px;border-radius:6px;background:var(--yellow)}.can{border-radius:8px 8px 4px 4px;background:#ef8b73}.c1{bottom:16%;left:12%;animation-delay:-1s}.c2{top:22%;right:10%}.wave{width:54px;height:10px;border-radius:10px;background:var(--yellow);transform:rotate(-8deg)}.w1{bottom:28%;right:14%}.parallax{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.p1{transform:translate(calc(var(--pointer-x) * 28px),calc(var(--pointer-y) * 16px))}.p2{transform:translate(calc(var(--pointer-x) * -22px),calc(var(--pointer-y) * 20px))}.p3{transform:translate(calc(var(--pointer-x) * 18px),calc(var(--pointer-y) * -14px))}.p4{transform:translate(calc(var(--pointer-x) * -16px),calc(var(--pointer-y) * 22px))}.p5{transform:translate(calc(var(--pointer-x) * 24px),calc(var(--pointer-y) * -10px))}.p6{transform:translate(calc(var(--pointer-x) * -12px),calc(var(--pointer-y) * 18px))}.tilt-card{transform-style:preserve-3d;transition:transform .18s ease;will-change:transform}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(max-width:900px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;padding:16px 20px 24px;background:var(--teal-ink)}.nav.open .nav-links{display:flex}.hero,.contact-wrap,.snack-grid,.why-grid,.place-grid,.section-cream .steps,.footer{grid-template-columns:1fr}.footer-contact{align-items:flex-start}.why-wide{grid-column:auto}.hero{min-height:auto;padding:28px var(--page-pad) 48px}.hero-copy{margin-left:0;padding-left:0}.hero-visual{min-height:420px}.vm-scene{height:440px}}@media(prefers-reduced-motion:reduce){.floater,.vm-hint,.reveal,html{animation:none;scroll-behavior:auto;transition:none}.reveal{opacity:1;transform:none}}