:root{color-scheme:light;--cream: #fff4e8;--cream-2: #f8e7d6;--soft-beige: #e7d2c2;--tomato: #f05a3c;--orange: #ff744d;--gold: #ffd166;--espresso: #2a1712;--brown: #4a2a1f;--muted: #8a6756;--card: rgb(255 250 242 / 78%);--line: rgb(124 76 45 / 10%);--shadow: 0 24px 70px rgb(94 48 20 / 14%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--cream)}body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(ellipse at 14% 18%,rgb(255 255 255 / 82%),transparent 34rem),radial-gradient(ellipse at 72% 18%,rgb(255 209 102 / 18%),transparent 28rem),radial-gradient(ellipse at 58% 78%,rgb(255 116 77 / 12%),transparent 34rem),linear-gradient(135deg,#fff8ee,#fff0df 44%,#f8dfc8);color:var(--espresso)}button,a{font:inherit}a{color:inherit}.landing{position:relative;min-height:100vh;padding:clamp(14px,1.7vw,26px)}.landing:before{position:absolute;inset:clamp(14px,1.7vw,26px);z-index:0;border:1px solid rgb(255 255 255 / 76%);border-radius:30px;background:linear-gradient(135deg,#ffffff6b,#fff4e838),#fff4e83d;box-shadow:inset 0 1px #ffffffc7;content:"";pointer-events:none}.site-header{position:relative;z-index:8;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:clamp(18px,2vw,28px) clamp(22px,2.4vw,36px) 0}.brand{display:inline-flex;width:clamp(180px,16vw,270px);text-decoration:none}.brand img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.asset-placeholder{display:grid;place-items:center;border:1px solid rgb(74 42 31 / 10%);background:linear-gradient(145deg,#ffffffb8,#fff4e894),var(--cream);color:#4a2a1f8f;font-size:13px;font-weight:800;text-align:center}.logo-placeholder{width:100%;aspect-ratio:1158 / 413;border-radius:16px;letter-spacing:0}.social-links{display:flex;gap:18px;align-items:center;color:#4a2a1fb8;font-size:22px;font-weight:800}.social-links a{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;text-decoration:none;transition:background .16s ease,color .16s ease,transform .16s ease}.social-links a:hover{background:#ffffff9e;color:var(--tomato);transform:translateY(-2px)}.hero{position:relative;z-index:2;display:grid;min-height:calc(100vh - 112px);grid-template-columns:minmax(280px,.36fr) minmax(680px,1fr);grid-template-rows:minmax(520px,calc(100vh - 178px));gap:clamp(20px,2.4vw,40px);padding:clamp(22px,3vw,42px) clamp(22px,2.6vw,38px) 28px}.hero-copy{position:relative;z-index:5;align-self:start;max-width:400px;padding:clamp(24px,6vh,58px) 0 0 clamp(8px,1.2vw,22px)}.status-pill{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0 0 26px;padding:0 20px;border:1px solid rgb(240 90 60 / 18%);border-radius:999px;background:#fffaf2a8;color:var(--tomato);font-size:14px;font-weight:850;text-transform:uppercase;box-shadow:0 12px 32px #f05a3c14}h1{max-width:380px;margin:0;color:var(--espresso);font-size:clamp(44px,4.8vw,68px);font-weight:900;letter-spacing:0;line-height:.96}.lede{max-width:360px;margin:24px 0 0;color:#4a2a1fbd;font-size:clamp(22px,2vw,29px);font-weight:620;line-height:1.35}.lede strong{color:var(--tomato)}.notify-button{display:inline-flex;align-items:center;gap:12px;min-height:58px;margin-top:34px;padding:0 26px;border:1px solid rgb(255 255 255 / 80%);border-radius:999px;background:linear-gradient(180deg,#ffffffdb,#fff5e8d1),var(--cream);color:var(--tomato);cursor:pointer;font-size:17px;font-weight:850;box-shadow:0 18px 38px #5e301421,inset 0 1px #ffffffe5;transition:transform .16s ease,box-shadow .16s ease}.notify-button:hover{transform:translateY(-2px);box-shadow:0 22px 46px #5e301429,inset 0 1px #ffffffe5}.notify-button:active{transform:translateY(0) scale(.98)}.notify-form{display:grid;max-width:360px;grid-template-columns:1fr auto;gap:10px;margin-top:16px}.notify-form input{min-width:0;height:50px;border:1px solid rgb(74 42 31 / 12%);border-radius:999px;background:#ffffffb8;color:var(--espresso);font-size:15px;font-weight:650;outline:none;padding:0 18px;box-shadow:inset 0 1px #ffffffd6}.notify-form input:focus{border-color:#f05a3c73;box-shadow:0 0 0 4px #f05a3c1a,inset 0 1px #ffffffd6}.notify-form button{height:50px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--orange),#ff9a46);color:#fffaf2;cursor:pointer;font-size:15px;font-weight:900;padding:0 20px;box-shadow:0 14px 28px #f05a3c2e}.notify-form button:disabled{cursor:wait;opacity:.72}.platform-choice{display:grid;grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:10px;min-width:0;margin:0;padding:0;border:0}.platform-choice legend{grid-column:1 / -1;margin:2px 0 0;color:#4a2a1f94;font-size:13px;font-weight:750}.platform-choice label{position:relative;display:grid;min-height:42px;place-items:center;border:1px solid rgb(74 42 31 / 10%);border-radius:999px;background:#ffffff85;color:#4a2a1fad;cursor:pointer;font-size:14px;font-weight:850;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.platform-choice input{position:absolute;opacity:0;pointer-events:none}.platform-choice label:has(input:checked){border-color:#f05a3c57;background:#ff744d24;color:var(--tomato)}.platform-choice label:hover{transform:translateY(-1px)}.notify-error{grid-column:1 / -1;margin:0;color:#b9341d;font-size:13px;font-weight:750}.promise{margin:22px 0 0;color:#4a2a1fa1;font-size:15px;font-weight:620}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.map-stage{position:relative;z-index:2;align-self:stretch;min-height:520px;grid-column:2;grid-row:1;overflow:hidden;border:1px solid rgb(255 255 255 / 58%);border-radius:30px;background:#fff4e8;box-shadow:inset 0 1px #ffffffb8,0 30px 80px #5e301417}.map-image{position:absolute;inset:0;background:url(/assets/eatio-soft-map-background.png) center / cover;filter:saturate(1.04) contrast(1.04);opacity:1;pointer-events:none}.food-signals{position:absolute;inset:0;pointer-events:none}.signal-marker{position:absolute;display:grid;width:48px;height:56px;place-items:center;opacity:0;transform:translate(-50%,-50%) scale(.4);filter:blur(2px);pointer-events:none;transition:opacity .28s ease,transform .28s ease,filter .28s ease}.signal-marker img{display:block;width:100%;height:auto;filter:drop-shadow(0 13px 22px rgb(240 90 60 / 18%))}.signal-marker .asset-placeholder{width:44px;height:44px;border-radius:50%;box-shadow:0 13px 22px #f05a3c1f}.food-icon-placeholder{color:transparent}.food-icon-placeholder:before{width:12px;height:12px;border-radius:50%;background:#f05a3c5c;content:""}.signal-marker:after{position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,rgb(255 209 102 / 60%),transparent 62%);content:"";opacity:0;transform:scale(.8);z-index:-1}.signal-marker.discovered{opacity:1;transform:translate(-50%,-50%) scale(1);filter:none;animation:signal-pop .48s cubic-bezier(.2,1.4,.4,1),signal-pulse 2.2s ease-in-out infinite}.signal-marker.discovered:after{opacity:1;animation:signal-glow 1.8s ease-out infinite}.radar{position:absolute;left:var(--radar-x);top:var(--radar-y);width:clamp(230px,27vw,360px);aspect-ratio:1;border:8px solid rgb(255 255 255 / 92%);border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / 52%) 0 2%,transparent 3%),radial-gradient(circle,transparent 0 20%,rgb(255 255 255 / 38%) 21% 21.5%,transparent 22% 38%,rgb(255 255 255 / 36%) 39% 39.5%,transparent 40% 59%,rgb(255 255 255 / 32%) 60% 60.5%,transparent 61%),#ffb45530;box-shadow:0 0 0 20px #ffd1661f,0 20px 70px #f05a3c33,inset 0 0 70px #ffd16638;pointer-events:none;transform:translate(-50%,-50%)}.radar-rings{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgb(255 255 255 / 55%) 0deg 1deg,transparent 1deg 12deg),radial-gradient(circle,transparent 64%,rgb(255 255 255 / 36%) 65% 66%,transparent 67%);-webkit-mask-image:radial-gradient(circle,transparent 0 54%,#000 55% 100%);mask-image:radial-gradient(circle,transparent 0 54%,#000 55% 100%)}.radar-beam{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -22deg,rgb(255 116 77 / 58%) 0deg,rgb(255 209 102 / 34%) 34deg,transparent 74deg 360deg);animation:radar-spin 3.8s linear infinite;transform-origin:center}.radar-center{position:absolute;left:50%;top:50%;width:20px;height:20px;border:4px solid rgb(255 255 255 / 90%);border-radius:50%;background:var(--gold);box-shadow:0 0 26px #ffd166b3;transform:translate(-50%,-50%)}.score-card,.info-card{position:relative;z-index:6;border:1px solid rgb(255 255 255 / 76%);border-radius:24px;background:linear-gradient(145deg,#ffffffc7,#fff4e8b8),var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1)}.score-card{position:absolute;align-self:start;top:clamp(34px,7vh,64px);right:clamp(30px,3vw,48px);width:min(24vw,258px);min-width:232px;margin:0;padding:24px}.leaf{position:absolute;top:-15px;right:20px;color:#e7b44f;font-size:48px;transform:rotate(-24deg)}.score-card>p:first-of-type{margin:0 0 20px;font-size:13px;font-weight:900;text-transform:uppercase}.score{display:flex;align-items:baseline;gap:12px;color:var(--brown);font-size:36px;font-weight:900}.score-found{color:var(--orange);font-size:58px;line-height:.95}.progress{height:8px;margin:20px 0 26px;overflow:hidden;border-radius:999px;background:#4a2a1f24}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--gold));transition:width .3s ease}.score-copy{margin:0;color:var(--brown);font-size:15px;font-weight:620;line-height:1.45}.info-card{position:absolute;display:grid;align-self:end;right:clamp(30px,3vw,48px);bottom:clamp(34px,6vh,58px);width:min(30vw,330px);min-width:276px;grid-template-columns:auto 1fr;gap:18px;margin:0;padding:22px}.info-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--gold),#ffb44f);box-shadow:0 12px 26px #ff744d33}.info-card h2{margin:0 0 12px;font-size:19px}.info-card p{margin:0;color:#2a1712c7;font-size:15px;line-height:1.48}.mascot-scene{position:absolute;bottom:26px;left:clamp(34px,4vw,62px);z-index:5;width:clamp(200px,18vw,292px);pointer-events:none}.mascot-scene img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.mascot-scene .asset-placeholder{width:100%;aspect-ratio:507 / 390;border-radius:28px}.mascot-placeholder{color:#4a2a1f70}.scroll-note{position:absolute;bottom:14px;left:calc(50% + 13vw);z-index:6;display:inline-flex;align-items:center;gap:12px;margin:0;color:#4a2a1f8a;font-size:14px;font-weight:620;transform:translate(-50%)}.scroll-note span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#ffffff85}.toast{position:fixed;top:26px;left:50%;z-index:20;max-width:min(360px,calc(100vw - 48px));padding:16px 20px;border:1px solid rgb(255 255 255 / 80%);border-radius:18px;background:#2a1712eb;color:#fff4e8;box-shadow:0 20px 50px #2a17123d;opacity:0;pointer-events:none;transform:translate(-50%,-16px);transition:opacity .18s ease,transform .18s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}@keyframes radar-spin{to{transform:rotate(1turn)}}@keyframes signal-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes signal-pulse{0%,to{filter:drop-shadow(0 13px 22px rgb(240 90 60 / 18%))}50%{filter:drop-shadow(0 18px 30px rgb(255 209 102 / 42%))}}@keyframes signal-glow{0%{transform:scale(.72)}to{transform:scale(1.4);opacity:0}}@media(max-width:1100px){.landing{padding:16px}.landing:before{inset:16px}.site-header{padding:22px 22px 0}.hero{min-height:auto;grid-template-columns:1fr;grid-template-rows:auto;padding:34px 22px}.hero-copy,.map-stage,.score-card,.info-card{grid-column:1;grid-row:auto}.hero-copy{max-width:620px;padding:20px 0 0}.map-stage{min-height:560px}.score-card,.info-card{position:relative;top:auto;right:auto;bottom:auto;width:100%;min-width:0;margin:0}.mascot-scene{position:relative;left:auto;bottom:auto;width:min(100%,400px);margin-top:-100px}.scroll-note{display:none}}@media(max-width:640px){.landing{padding:10px}.landing:before{inset:10px;border-radius:24px}.site-header{align-items:center;padding:20px 18px 0}.brand{width:188px}.social-links{display:none}.hero{gap:18px;padding:28px 16px 26px}h1{font-size:43px}.lede{font-size:21px}.notify-button{width:100%;justify-content:center;padding-inline:18px;font-size:15px}.notify-form{max-width:none;grid-template-columns:1fr}.platform-choice{grid-template-columns:1fr}.map-stage{min-height:430px}.radar{width:230px}.score-card{padding:24px}.score-found{font-size:52px}.info-card{grid-template-columns:1fr;padding:24px}.mascot-scene{width:min(100%,320px);margin:-40px auto 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}