@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #F5F1EA;--card: #FFFDF9;--heading: #143B63;--accent: #4FA9B8;--text: #2A2A2A;--muted: #6E6A67;--button: #0F5C99;--button-text: #FFFFFF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100%;min-height:-webkit-fill-available;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg) 0%,#FCEAE1 100%);overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased;word-break:break-word;overflow-wrap:break-word}.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:0}.page{min-height:100vh;min-height:-webkit-fill-available;display:flex;align-items:center;justify-content:center;padding:max(32px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(48px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));position:relative;width:100%}.shell{width:100%;max-width:min(420px,100%);position:relative}.glow-orb{position:absolute;border-radius:999px;opacity:0;z-index:0;pointer-events:none}.orb-1,.orb-2,.orb-3{display:none}.card{position:relative;z-index:1;background:var(--card);border:1px solid rgba(42,42,42,.06);border-radius:20px;box-shadow:0 12px 32px #2a2a2a14,inset 0 1px #ffffff80;overflow:hidden}.top-band{height:4px;background:linear-gradient(90deg,#143b63,#4fa9b8,#8b7e77);opacity:1}.inner{padding:24px 18px 26px}.pill-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;padding:6px 12px;background:#4fa9b814;border:1px solid rgba(79,169,184,.2);border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);min-width:0;white-space:nowrap}.plate{display:inline-flex;align-items:center;justify-content:center;padding:5px 13px;border-radius:7px;background:linear-gradient(180deg,#143b63,#0f2d47);color:var(--button-text);font-weight:800;letter-spacing:.18em;font-size:12px;border:1px solid rgba(20,59,99,.3);box-shadow:0 2px 8px #143b631f;transform:rotate(-2deg);flex-shrink:0;white-space:nowrap}.hero{text-align:center;margin-bottom:26px}.eyebrow{font-family:"Baloo 2",sans-serif;font-size:clamp(13px,3.8vw,15px);font-weight:700;color:var(--accent);margin-bottom:8px;opacity:.9;letter-spacing:.02em}h1{font-family:"Baloo 2",sans-serif;font-size:clamp(32px,10vw,44px);line-height:1.05;font-weight:800;letter-spacing:-.025em;color:var(--heading);margin-bottom:12px;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.headline-glow{background:linear-gradient(135deg,#143b63 25%,#4fa9b8);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{max-width:270px;margin:0 auto;color:var(--muted);font-size:clamp(13px,3.8vw,15px);line-height:1.6;font-weight:500}.drink-wrap{position:relative;margin-bottom:24px}.drink-frame{position:relative;border-radius:16px;padding:8px;background:#4fa9b80a;border:1px solid rgba(79,169,184,.1);box-shadow:0 8px 24px #2a2a2a0f}.drink-image{position:relative;border-radius:12px;overflow:hidden;background:#f9f6f0}.drink-image img{display:block;width:100%;height:auto;max-width:100%;transition:transform .6s ease;object-fit:cover}.drink-wrap:hover .drink-image img{transform:scale(1.02)}.copy-card{text-align:center;position:relative;padding-top:6px}.cta-spotlight{position:absolute;inset:-20px -30px;background:transparent;pointer-events:none;border-radius:24px}.menu-line{margin:0 0 20px;color:var(--muted);font-size:clamp(12px,3.5vw,13.5px);font-weight:500;opacity:.85;letter-spacing:.01em;position:relative}.cta{margin-bottom:0;position:relative}.btn-ring-wrap{position:relative;border-radius:14px}.btn-ring-wrap:before{content:"";position:absolute;inset:-3px;border-radius:16px;background:transparent;border:1.5px solid rgba(15,92,153,0);pointer-events:none;transition:border-color .4s ease}.btn-ring-wrap.ring-active:before{animation:ring-pulse 3s ease-in-out .8s infinite}@keyframes ring-pulse{0%,to{border-color:#0f5c9900;box-shadow:0 0 #0f5c9900}45%,55%{border-color:#0f5c9940;box-shadow:0 0 12px 1px #4fa9b81a}}.btn{display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none;border-radius:12px;padding:18px 22px;min-height:54px;font-size:clamp(14px,4vw,16px);font-weight:600;font-family:Inter,sans-serif;border:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent;word-break:normal;white-space:normal;text-align:center;line-height:1.3}.btn:active{transform:scale(.965)!important}.btn-pending{background:#4fa9b81f;border:1px solid rgba(79,169,184,.15);color:#143b6366;cursor:default;pointer-events:none}.btn-active{background:var(--button);color:var(--button-text);box-shadow:0 8px 20px #0f5c9926;animation:btn-arrive .55s cubic-bezier(.16,1,.3,1) both,pulse-glow 3.5s ease-in-out .7s infinite}.btn-active:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translate(-100%);transition:transform 0s}.btn-active:hover:after{transform:translate(100%);transition:transform .5s ease}.btn-active:hover{box-shadow:0 12px 28px #0f5c9938;background:#0a4a7a}.btn-nudge{animation:btn-arrive .55s cubic-bezier(.16,1,.3,1) both,pulse-glow 3.5s ease-in-out .7s infinite,btn-nudge .65s cubic-bezier(.36,.07,.19,.97) both!important}@keyframes btn-nudge{0%{transform:translateY(0)}30%{transform:translateY(-3px)}60%{transform:translateY(1px)}to{transform:translateY(0)}}.btn-label{position:relative;z-index:1}.label-pending{transition:opacity .25s ease}.label-active{animation:label-rise .45s cubic-bezier(.16,1,.3,1) both}@keyframes btn-arrive{0%{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes label-rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 8px 20px #0f5c9926,0 0 #0f5c9900}50%{box-shadow:0 8px 20px #0f5c9938,0 0 0 4px #4fa9b814}}.mini-note{margin-top:18px;color:var(--muted);font-size:clamp(11px,3vw,12.5px);font-weight:500;opacity:.7;letter-spacing:.01em}.animate-fade-in{opacity:0;animation:fadeIn .7s ease .05s forwards}.animate-slide-up{opacity:0;transform:translateY(14px);animation:slideUp .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media(max-width:375px){.page{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(36px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));align-items:flex-start}.inner{padding:20px 14px 22px}.pill-row{margin-bottom:18px}.pill{font-size:9px;padding:5px 10px;letter-spacing:.07em}.plate{font-size:11px;padding:4px 11px}.hero,.drink-wrap{margin-bottom:20px}.drink-frame{padding:5px}}@media(max-width:320px){.inner{padding:18px 12px 20px}.pill-row{gap:8px}.pill{font-size:8.5px;padding:5px 9px}h1{font-size:28px}}@media(min-width:390px){.inner{padding:26px 20px 28px}.pill{font-size:10.5px;padding:7px 14px}.plate{font-size:13px;padding:6px 14px}.hero{margin-bottom:28px}.drink-wrap{margin-bottom:26px}.btn{padding:18px 22px}}@media(min-width:430px){.page{padding-top:max(40px,env(safe-area-inset-top));padding-bottom:max(56px,env(safe-area-inset-bottom))}.inner{padding:28px 24px 32px}.btn{padding:19px 24px;min-height:56px}}