@layer tokens{:root{color-scheme:light dark;--c-bg:light-dark(oklch(96.5% .018 80),oklch(19% .02 50));--c-paper:light-dark(oklch(99% .008 85),oklch(24% .022 50));--c-fg:light-dark(oklch(24% .035 45),oklch(94% .015 80));--c-muted:light-dark(oklch(45% .03 50),oklch(76% .02 70));--c-line:light-dark(oklch(86% .025 70),oklch(34% .02 50));--c-espresso:oklch(25% .04 45);--c-espresso-2:oklch(31% .04 45);--c-cream:oklch(95% .02 80);--c-accent:oklch(66% .18 42);--c-accent-ink:light-dark(oklch(52% .17 40),oklch(76% .15 50));--c-leaf:oklch(62% .12 150);--c-leaf-ink:light-dark(oklch(42% .1 150),oklch(78% .12 150));--f-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--f-text:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;--step--1:clamp(.85rem, .82rem + .15vw, .95rem);--step-0:clamp(1rem, .96rem + .2vw, 1.125rem);--step-1:clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--step-2:clamp(1.5rem, 1.25rem + 1.1vw, 2.2rem);--step-3:clamp(1.9rem, 1.5rem + 2vw, 3.2rem);--step-5:clamp(2.7rem, 1.6rem + 4.8vw, 5.8rem);--step-6:clamp(3.4rem, 1.5rem + 9vw, 9.5rem);--space:clamp(1rem, .8rem + 1vw, 1.5rem);--section:clamp(4.5rem, 3rem + 6vw, 9rem);--radius:22px;--ease-out:cubic-bezier(.22, 1, .36, 1);--shadow:0 30px 60px -32px oklch(30% .05 45/.45)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--c-bg);color:var(--c-fg);font:400 var(--step-0)/1.6 var(--f-text);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}body:after{content:"";z-index:100;pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-color-scheme:dark){body:after{mix-blend-mode:screen;opacity:.05}}h1,h2,h3{font-family:var(--f-display);letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.04}p{text-wrap:pretty}a{color:inherit}:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px;border-radius:6px}.wrap{width:min(1220px, 100% - 2 * var(--space));margin-inline:auto}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:200;background:var(--c-fg);color:var(--c-bg);border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.eyebrow{font:600 var(--step--1) var(--f-text);text-transform:uppercase;letter-spacing:.12em;color:var(--c-accent-ink);align-items:center;gap:.55rem;margin:0 0 1.1rem;display:inline-flex}.eb-dot{background:var(--c-accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in oklch, var(--c-accent) 22%, transparent);border-radius:50%}.lead{max-width:40ch;font-size:var(--step-1);color:var(--c-muted);line-height:1.5}.sub{max-width:52ch;color:var(--c-muted);margin:.9rem 0 0}.sec-head h2{font-size:var(--step-3)}.btn{background:var(--c-fg);min-height:52px;color:var(--c-bg);transition:transform .2s var(--ease-out), box-shadow .2s;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:0 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -16px oklch(25% .06 45/.6)}.btn .arr{transition:translate .2s var(--ease-out)}.btn:hover .arr{translate:4px}.btn.sm{min-height:42px;font-size:var(--step--1);padding:0 1.1rem}.btn.ghost{color:var(--c-fg);box-shadow:inset 0 0 0 1.5px var(--c-line);background:0 0}.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--c-fg)}.btn.light{background:var(--c-cream);color:var(--c-espresso)}.btn.dark{color:#fff;background:oklch(18% .03 45)}.btn.block{width:100%}.top{z-index:50;pointer-events:none;position:fixed;inset:12px 0 auto}.bar{pointer-events:auto;background:color-mix(in oklch, var(--c-paper) 80%, transparent);backdrop-filter:blur(16px)saturate(1.4);width:min(1220px,100% - 24px);min-height:60px;box-shadow:0 0 0 1px color-mix(in oklch, var(--c-line) 70%, transparent), 0 12px 30px -20px oklch(30% .05 45/.5);border-radius:999px;align-items:center;gap:1.5rem;margin-inline:auto;padding:0 8px 0 18px;display:flex}.brand{font:800 1.15rem var(--f-display);color:var(--c-fg);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.bar nav{font-size:var(--step--1);gap:1.4rem;display:flex}.bar nav a,.login,.lang{color:var(--c-muted);text-decoration:none;transition:color .15s}.bar nav a:hover,.login:hover,.lang:hover{color:var(--c-fg)}.actions{font-size:var(--step--1);align-items:center;gap:1rem;margin-left:auto;display:flex}@media (width<=960px){.bar nav,.lang{display:none}}@media (width<=420px){.login{display:none}.bar{padding-left:14px}}.show{width:min(1220px, 100% - 2 * var(--space));grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:clamp(1rem,3vw,3rem);margin-inline:auto;display:grid;position:relative}.show-bg{z-index:-1;pointer-events:none;position:absolute;inset:0 calc(50% - 50vw);overflow:clip}.blob{border-radius:50%;position:absolute}.b1{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in oklch, var(--c-accent) 20%, transparent), transparent);width:70vw;max-width:900px;translate:0 calc(var(--sy,0) * .25px);top:-12vh;left:-10%}.b2{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in oklch, var(--c-leaf) 14%, transparent), transparent);width:50vw;max-width:700px;translate:0 calc(var(--sy,0) * -.12px);top:60vh;left:30%}.hero-copy{flex-direction:column;grid-area:1/1;justify-content:center;min-height:100svh;padding:110px 0 4rem;display:flex}.hero-copy h1{font-size:var(--step-5);letter-spacing:-.035em;font-weight:800}.hero-copy h1 .line{display:block}.hero-copy h1 em{color:var(--c-accent-ink);font-style:normal}.w{display:inline-block}@media (prefers-reduced-motion:no-preference){.w{animation:rise .9s var(--ease-out) both;animation-delay:calc(80ms + var(--i) * 70ms)}.hero-copy>:not(h1){animation:fade .9s var(--ease-out) both .5s}}@keyframes rise{0%{opacity:0;transform:translateY(.45em)rotate(3deg)}}@keyframes fade{0%{opacity:0;transform:translateY(12px)}}.hero-copy .lead{margin:1.6rem 0 2.1rem}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.trust{font-size:var(--step--1);color:var(--c-muted);flex-wrap:wrap;gap:.5rem 1.25rem;margin:1.6rem 0 0;padding:0;list-style:none;display:flex}.trust li{align-items:center;gap:.45rem;display:inline-flex}.trust li:before{content:"";background:color-mix(in oklch, var(--c-leaf) 22%, transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23418a5a' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 10px no-repeat;border-radius:50%;width:16px;height:16px}.scroll-cue{color:var(--c-muted);font-size:var(--step--1);align-self:flex-start;align-items:center;gap:.75rem;margin-top:clamp(2rem,6vh,4rem);text-decoration:none;display:inline-flex}.scroll-cue:hover{color:var(--c-fg)}.mouse{border:1.5px solid;border-radius:12px;width:22px;height:34px;position:relative}.mouse:after{content:"";background:currentColor;border-radius:2px;width:3px;height:7px;margin-left:-1.5px;position:absolute;top:7px;left:50%}@media (prefers-reduced-motion:no-preference){.mouse:after{animation:wheel 1.8s var(--ease-out) infinite}}@keyframes wheel{0%{opacity:0;translate:0 -3px}30%{opacity:1}to{opacity:0;translate:0 9px}}.stage{grid-area:1/2/span 2;align-self:start;height:100svh;position:sticky;top:0}.story{grid-area:2/1}.beats{margin:0;padding:0;list-style:none}.beat{align-items:center;min-height:92svh;display:flex}.beat:last-child{min-height:100svh}.beat-card{max-width:32rem;transition:opacity .5s var(--ease-out), translate .6s var(--ease-out)}.beat:not(.is-on) .beat-card{opacity:.28;translate:0 12px}.beat-tag{background:var(--c-paper);box-shadow:0 0 0 1px var(--c-line);font-size:var(--step--1);border-radius:999px;align-items:center;gap:.6rem;margin:0 0 1.1rem;padding:.3rem .85rem .3rem .3rem;font-weight:600;display:inline-flex}.beat-tag span{background:var(--c-accent);color:oklch(18% .03 45);min-width:2rem;height:2rem;font:800 .85rem var(--f-display);border-radius:999px;place-items:center;padding:0 .4rem;display:grid}.beat h3{font-size:var(--step-3);font-weight:800}.beat-body{font-size:var(--step-1);color:var(--c-muted);margin:1.1rem 0 0;line-height:1.5}.beat-you{border-left:3px solid var(--c-accent);background:color-mix(in oklch, var(--c-accent) 8%, transparent);font-size:var(--step--1);border-radius:0 14px 14px 0;margin:1.5rem 0 0;padding:.9rem 1.1rem}.beat-you b{text-transform:uppercase;letter-spacing:.1em;color:var(--c-accent-ink);margin-bottom:.15rem;font-size:.78rem;display:block}@media (width<=899px){.show{grid-template-columns:minmax(0,1fr)}.hero-copy{grid-row:1;min-height:auto;padding:120px 0 3rem}.stage{z-index:1;grid-area:2/1}.story{z-index:2;pointer-events:none;grid-row:3;margin-top:-100svh;position:relative}.beat,.beat:last-child{align-items:flex-end;min-height:100svh;padding-bottom:16px}.beat:first-child{min-height:100svh}.beat-card{pointer-events:auto;border-radius:var(--radius);background:color-mix(in oklch, var(--c-paper) 94%, transparent);backdrop-filter:blur(12px);width:100%;max-width:none;box-shadow:0 0 0 1px var(--c-line), var(--shadow);padding:1.1rem 1.15rem 1.2rem}.beat:not(.is-on) .beat-card{opacity:1;translate:0}.beat-tag{margin-bottom:.6rem}.beat h3{font-size:var(--step-2)}.beat-body{font-size:var(--step-0);margin-top:.5rem}.beat-you{margin-top:.8rem;padding:.6rem .8rem}}@media (width<=899px) and (height<=760px){.beat-you{display:none}}.setup{padding-block:var(--section) calc(var(--section) * .6)}.setup-list{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2.5rem);margin:3rem 0 0;padding:0;list-style:none;display:grid}.setup-list li{padding-top:clamp(4.5rem,8vw,7.5rem);position:relative}.big-n{font:800 clamp(5rem, 4rem + 6vw, 9rem)/1 var(--f-display);letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1.5px var(--c-line);translate:0 calc(var(--pp,0) * (30px + var(--d) * 26px));position:absolute;top:0;left:-.06em}.setup-list h3{font-size:var(--step-2);margin-bottom:.5rem;position:relative}.setup-list p{color:var(--c-muted);margin:0;position:relative}@media (width<=760px){.setup-list{grid-template-columns:1fr;gap:2.5rem}}.marquee{font:800 var(--step-6)/1.02 var(--f-display);letter-spacing:-.04em;white-space:nowrap;padding-block:1rem 2.5rem;overflow:hidden}.mq{width:max-content;display:flex}.mq span{align-items:center;gap:.3em;padding-right:.3em;display:inline-flex}.mq i{color:var(--c-accent);font-size:.45em;font-style:normal}.r1{translate:calc(-22% + var(--pp,0) * 14%) 0}.r2{translate:calc(-38% - var(--pp,0) * 14%) 0;color:#0000;-webkit-text-stroke:1.5px var(--c-fg);opacity:.35}.features{padding-block:var(--section);background:var(--c-espresso);color:var(--c-cream);position:relative}.features .eyebrow{color:oklch(78% .14 55)}.features h2{color:#fff}.features .sub{color:oklch(80% .02 70)}.bento{grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:12px;margin:3rem 0 0;padding:0;list-style:none;display:grid}.bento li{border-radius:var(--radius);background:var(--c-espresso-2);transition:transform .3s var(--ease-out), background .3s;flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.06)}.bento li:hover{background:oklch(34% .045 45);transform:translateY(-3px)}.bento li.big{grid-area:span 2/span 2}.bento li.wide{grid-column:span 2}.bento .ico{color:oklch(80% .14 55);background:oklch(100% 0 0/.07);border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:1.1rem;display:grid}.bento .ico svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.bento h3{font-size:var(--step-1);color:#fff;margin-bottom:.5rem}.bento p{font-size:var(--step--1);color:oklch(82% .02 70);margin:0}.bento li.big h3{font-size:var(--step-2)}.board{--gap:8px;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:auto;padding-bottom:1.5rem;display:grid;position:relative}.board-col{background:oklch(0% 0 0/.22);border-radius:14px;align-content:start;gap:8px;min-height:190px;padding:10px;display:grid}.board-col>b{font:600 .78rem var(--f-text);text-transform:uppercase;letter-spacing:.08em;color:oklch(78% .03 70)}.tk{background:var(--c-cream);color:var(--c-espresso);border-radius:10px;gap:2px;padding:10px 12px;font-size:.85rem;font-weight:600;display:grid;box-shadow:0 8px 16px -10px oklch(0% 0 0/.6)}.tk em{opacity:.65;font-size:.75rem;font-style:normal;font-weight:500}.tk.done{opacity:.55}.tk.mv{width:calc((100% - 2 * var(--gap)) / 3 - 20px);box-shadow:0 0 0 2px var(--c-accent), 0 12px 24px -12px oklch(0% 0 0/.7);position:absolute;top:40px;left:10px}@media (prefers-reduced-motion:no-preference){.tk.mv{animation:board 7s var(--ease-out) infinite}}@keyframes board{0%,6%{opacity:0;translate:0 -10px}10%,38%{opacity:1;translate:0}48%,72%{opacity:1;translate:calc(100% + 20px + var(--gap)) 58px}82%,92%{opacity:1;translate:calc(200% + 40px + 2 * var(--gap)) 116px}to{opacity:0;translate:calc(200% + 40px + 2 * var(--gap)) 116px}}.swatches{gap:8px;margin-bottom:1.2rem;display:flex}.swatches span{background:var(--a);width:52px;height:52px;color:var(--b);font:800 1.15rem var(--f-display);border-radius:14px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.1)}.swatches span:nth-child(2){border-radius:8px}.swatches span:nth-child(3){border-radius:3px}.swatches span:nth-child(4){border-radius:50%}@media (width<=980px){.bento{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.bento{grid-template-columns:1fr}.bento li.big,.bento li.wide{grid-area:auto}.board-col{min-height:160px}}.loyalty{padding-block:var(--section);grid-template-columns:1fr .9fr;align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.loyalty h2{font-size:var(--step-3)}.loyalty .lead{max-width:46ch;margin:1.25rem 0 1.5rem}.checks{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.checks li{padding-left:2rem;position:relative}.checks li:before{content:"✓";background:color-mix(in oklch, var(--c-leaf) 22%, transparent);width:1.4rem;height:1.4rem;color:var(--c-leaf-ink);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid;position:absolute;top:.1em;left:0}.ticket-wrap{translate:0 calc(var(--pp,0) * -50px);rotate:calc(-2deg + var(--pp,0) * 4deg)}.ticket{background:var(--c-paper);box-shadow:var(--shadow), 0 0 0 1px color-mix(in oklch, var(--c-line) 60%, transparent);border-radius:24px;overflow:hidden}.ticket-top{gap:.25rem;padding:1.9rem 1.9rem 1.3rem;display:grid}.ticket-top b{font:800 var(--step-3) var(--f-display);letter-spacing:-.03em}.ticket-top small{color:var(--c-muted)}.ticket-perf{background:repeating-linear-gradient(90deg, var(--c-line) 0 8px, transparent 8px 14px);height:2px;margin-inline:1rem;position:relative}.ticket-perf:before,.ticket-perf:after{content:"";background:var(--c-bg);border-radius:50%;width:28px;height:28px;position:absolute;top:-13px}.ticket-perf:before{left:-30px}.ticket-perf:after{right:-30px}.ticket-dots{grid-template-columns:repeat(5,1fr);gap:14px;padding:1.6rem 1.9rem 1.9rem;display:grid}.ticket-dots span{aspect-ratio:1;border:2px dashed var(--c-line);border-radius:50%;position:relative}.ticket-dots span:after{content:"";background:var(--c-accent);border-radius:50%;position:absolute;inset:-2px;scale:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ticket-dots span:after{animation:linear both fill view();animation-range:calc(10% + var(--i) * 4%) calc(16% + var(--i) * 4%)}}}@supports not (animation-timeline:view()){.ticket-dots span:nth-child(-n+7):after{scale:1}}@media (prefers-reduced-motion:reduce){.ticket-dots span:nth-child(-n+7):after{scale:1}}@keyframes fill{0%{scale:0}to{scale:1}}@media (width<=860px){.loyalty{grid-template-columns:1fr}}.pricing{padding-block:var(--section);border-block:1px solid var(--c-line);background:var(--c-paper)}.pricing-in{grid-template-columns:1fr 440px;align-items:center;gap:3rem;display:grid}.plan{background:var(--c-espresso);color:var(--c-cream);box-shadow:var(--shadow);border-radius:28px;padding:2rem;position:relative;overflow:hidden}.plan:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,oklch(66% .18 42/.45),#0000);border-radius:50%;width:80%;position:absolute;top:-40%;right:-30%}.plan>*{position:relative}.plan-head{justify-content:space-between;align-items:center;font-weight:600;display:flex}.trial{color:oklch(85% .1 60);font-size:var(--step--1);background:oklch(66% .18 42/.25);border-radius:999px;padding:.25rem .75rem}.price{font:800 var(--step-3) var(--f-display);color:#fff;margin:1.1rem 0 1.4rem}.price small{font:500 var(--step-0) var(--f-text);color:oklch(80% .02 70)}.plan ul{gap:.65rem;margin:0 0 1.6rem;padding:0;list-style:none;display:grid}.plan li:before{content:"✓  ";color:oklch(78% .12 150);font-weight:700}.fine{text-align:center;font-size:var(--step--1);color:oklch(78% .02 70);margin:.9rem 0 0}@media (width<=860px){.pricing-in{grid-template-columns:1fr}}.faq{padding-block:var(--section);grid-template-columns:.8fr 1.2fr;gap:3rem;display:grid}.faq h2{font-size:var(--step-3)}.qa details{border-bottom:1px solid var(--c-line);padding:1.15rem 0}.qa summary{cursor:pointer;justify-content:space-between;gap:1rem;min-height:24px;font-weight:600;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";font:600 1.4rem/1 var(--f-display);color:var(--c-accent-ink);transition:rotate .2s var(--ease-out)}.qa details[open] summary:after{rotate:45deg}.qa p{color:var(--c-muted);margin:.75rem 0 0}@media (width<=860px){.faq{grid-template-columns:1fr;gap:1.5rem}}.final{background:var(--c-accent);color:oklch(18% .03 45);text-align:center;padding-block:clamp(4.5rem,3rem + 6vw,8rem);position:relative;overflow:hidden}.final .wrap{position:relative}.final h2{font-size:var(--step-5);letter-spacing:-.035em;font-weight:800}.final p{font-size:var(--step-1);margin:1rem 0 2.2rem}.final-ring{pointer-events:none;border:1.5px solid oklch(18% .03 45/.18);border-radius:50%;position:absolute}.r-a{aspect-ratio:1;width:46vw;translate:0 calc(var(--pp,0) * 120px);top:-60%;left:-8%}.r-b{aspect-ratio:1;width:56vw;translate:0 calc(var(--pp,0) * -160px);border-style:dashed;bottom:-70%;right:-10%}.foot{font-size:var(--step--1);color:var(--c-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:2rem 3rem;display:flex}.foot .links{flex-wrap:wrap;gap:1.25rem;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--c-fg)}@media (prefers-reduced-motion:reduce){.b1,.b2,.big-n,.r1,.r2,.ticket-wrap,.final-ring{translate:none!important}.beat-card{transition:none}}@property --pr{syntax:"<color>";inherits:true;initial-value:#3b2a20}@property --ac{syntax:"<color>";inherits:true;initial-value:#c8873a}@property --bg{syntax:"<color>";inherits:true;initial-value:#faf6f0}@property --tx{syntax:"<color>";inherits:true;initial-value:#2a1d15}@property --rk{syntax:"<number>";inherits:true;initial-value:1}.stage{--ph-h:min(660px, 100svh - 190px);--ph-w:calc(var(--ph-h) * .4615);--mx:0;--my:0;place-items:center;display:grid}.stage-bg{pointer-events:none;position:absolute;inset:0}.orb{border-radius:50%;position:absolute}.o1{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in oklch, var(--c-accent) 42%, transparent), transparent);width:440px;translate:0 calc(var(--p,0) * -320px);top:14%;left:calc(50% - 300px)}.o2{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in oklch, var(--c-leaf) 30%, transparent), transparent);width:360px;translate:0 calc(var(--p,0) * 220px);top:48%;left:calc(50% + 20px)}.ring{aspect-ratio:1;border:1.5px dashed var(--c-line);width:min(620px,120%);rotate:calc(var(--p,0) * 140deg);border-radius:50%;margin:calc(min(620px,120%)/-2) 0 0 calc(min(620px,120%)/-2);position:absolute;top:50%;left:50%}.device{z-index:2;perspective:1600px;position:relative}.phone{height:var(--ph-h);width:var(--ph-w);padding:calc(var(--ph-w) * .035);transform:rotateY(calc(var(--mx) * -9deg)) rotateX(calc(var(--my) * 6deg));transition:transform .5s var(--ease-out);background:linear-gradient(145deg,#4a4440,#1d1a18 30%,#2b2725 70%,#57504b);border-radius:17%/7.8%;position:relative;box-shadow:inset 0 0 0 1.5px #6d655f,inset 0 0 0 4px #121010,0 60px 100px -40px oklch(25% .06 45/.6),0 24px 40px -24px oklch(10% .02 45/.5)}.hw{background:#3a3532;border-radius:2px;width:3px;position:absolute}.hw-a{height:4%;top:17%;left:-2px}.hw-b{height:8%;top:24%;left:-2px}.hw-c{height:8%;top:34%;left:-2px}.hw-d{height:12%;top:27%;right:-2px}.screen{isolation:isolate;background:#000;border-radius:14%/6.4%;height:100%;position:relative;overflow:hidden;transform:translateZ(0);container-type:inline-size}.app{--muted:color-mix(in srgb, var(--tx) 60%, var(--bg));--line:color-mix(in srgb, var(--tx) 12%, transparent);--surface:color-mix(in srgb, var(--tx) 6%, var(--bg));--tint:color-mix(in srgb, var(--pr) 10%, var(--bg));--on-ac:#1a1410;color:var(--tx);background:var(--bg);-webkit-font-smoothing:antialiased;text-align:start;font:400 4.3cqw/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:absolute;inset:0}.app svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.2em;height:1.2em}.app h1,.app h2,.app h3{letter-spacing:-.02em;text-wrap:initial;font-family:inherit}.app p{margin:0}.statusbar{z-index:50;color:#fff;pointer-events:none;justify-content:space-between;align-items:center;height:3.3em;padding:.4em 1.7em 0 2.1em;transition:color .3s;display:flex;position:absolute;inset:0 0 auto}.statusbar b{letter-spacing:0;font-size:1.02em;font-weight:600}.statusbar .sb-icons{stroke:none;width:4.6em;height:1em}.island{background:#000;border-radius:2em;width:7.2em;height:2.1em;position:absolute;top:.7em;left:50%;translate:-50%}.scr{background:var(--bg);position:absolute;inset:0;overflow:hidden}.scr-menu{z-index:2}.scr-cam{z-index:1;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.scr-wallet{z-index:3;transition:transform .6s var(--ease-out);transform:translate(104%)}.t{display:inline-grid}.t>span{grid-area:1/1;display:block}.t>span:not(:first-child){visibility:hidden}.m-scroll{transition:transform .9s var(--ease-out)}.m-hero{background:var(--pr);color:#fff;flex-direction:column;min-height:14.6em;padding:3.9em 1.15em 1.3em;display:flex}.m-top{justify-content:space-between;align-items:center;gap:.6em;display:flex}.m-logo{border-radius:calc(50% * var(--rk));background:#fff;width:3em;height:3em;box-shadow:0 0 0 .2em #ffffff2e}.m-tools{gap:.35em;display:flex}.pill{border-radius:calc(999px * var(--rk));background:#ffffff2b;align-items:center;gap:.35em;height:2.6em;padding:0 .8em;font-size:.82em;font-weight:600;display:inline-flex}.m-name{letter-spacing:-.035em;color:inherit;margin:1.15em 0 0;font-size:2.4em;font-weight:750;line-height:1}.stub{border-radius:calc(.6em * var(--rk));align-self:flex-start;margin-top:.85em;font-size:.82em;line-height:1;display:inline-flex;overflow:hidden}.stub>span{background:#ffffff2b;align-items:center;padding:.55em .7em;font-weight:600;display:flex}.stub>b{background:var(--ac);color:var(--on-ac);border-left:2px dashed #ffffff59;align-items:center;padding:.55em .8em;font-size:1.15em;display:flex}.stub.small{margin:0}.stub.small>span{background:var(--surface)}.m-track{max-height:0;padding:0 1em;overflow:hidden}.trk{border-radius:calc(1.1em * var(--rk));background:var(--tint);gap:.4em;margin-top:.9em;padding:.85em .95em;font-size:.86em;display:grid}.trk .tt{justify-content:space-between;gap:.6em;display:flex}.trk strong{font-size:1.04em}.trk .tt span{font-weight:700}.trk .its{color:var(--muted)}.bars{grid-template-columns:repeat(3,1fr);gap:.25em;display:grid}.bars i{background:var(--line);border-radius:.2em;height:.32em}.bars i:nth-child(-n+2){background:var(--pr)}.bars i:nth-child(2){animation:1.6s ease-in-out infinite pulse}.m-cats{border-bottom:1px solid var(--line);gap:.35em;padding:.7em 1em;display:flex;overflow:hidden}.m-cats>span{border-radius:calc(999px * var(--rk));background:var(--surface);flex:none;padding:.6em .95em;font-size:.86em;font-weight:600}.m-cats>.on{background:var(--pr);color:#fff}.m-cat{padding:1.3em 1em 0}.m-cat h2{color:inherit;margin:0 0 .1em;font-size:1.4em;font-weight:750}.m-item{border-bottom:1px solid var(--line);gap:.8em;padding:1em 0;display:flex}.m-cat:last-child .m-item:last-child{padding-bottom:7em}.m-item .txt{flex-direction:column;flex:1;gap:.25em;min-width:0;display:flex}.m-item h3{color:inherit;margin:0;font-size:1.02em;font-weight:700}.m-item .desc{color:var(--muted);font-size:.82em}.m-item .m-price{margin-top:auto;font-size:.96em;font-weight:700}.media{flex:none;align-self:flex-start;position:relative}.media img{object-fit:cover;border-radius:calc(1em * var(--rk));width:6.1em;height:6.1em;display:block}.ctl{border-radius:calc(999px * var(--rk));background:var(--bg);justify-content:flex-end;align-items:center;width:2.5em;height:2.5em;padding:.2em;display:flex;position:absolute;bottom:-.55em;right:-.35em;overflow:hidden;box-shadow:0 .4em 1em -.4em #0006}.ctl>span{border-radius:calc(50% * var(--rk));flex:none;place-items:center;width:2.1em;height:2.1em;font-weight:600;line-height:1;display:grid}.ctl .inc{background:var(--pr);color:#fff;font-size:1.05em}.ctl .q{width:1.3em;font-weight:700}.m-dock{z-index:10;background:linear-gradient(transparent, var(--bg) 45%);justify-content:center;padding:1.4em 1em 1.6em;display:flex;position:absolute;inset:auto 0 0}.calls{transition:opacity .3s, transform .4s var(--ease-out);gap:.5em;display:flex}.m-ghost{border:1px solid var(--line);border-radius:calc(999px * var(--rk));background:var(--bg);height:3.2em;color:var(--tx);align-items:center;gap:.45em;padding:0 1.15em;font-size:.92em;font-weight:600;display:inline-flex;position:relative;box-shadow:0 .6em 1.2em -.7em #0006}.swap{display:inline-grid}.swap>*{grid-area:1/1}.swap>.s2{visibility:hidden}.cartbtn{border-radius:calc(999px * var(--rk));background:var(--pr);color:#fff;align-items:center;gap:.7em;height:3.4em;padding:0 1.1em 0 .45em;font-weight:700;display:flex;position:absolute;bottom:1.6em;left:1em;right:1em;transform:translateY(190%)}.cartbtn .n{border-radius:calc(50% * var(--rk));background:var(--ac);width:2.5em;height:2.5em;color:var(--on-ac);place-items:center;display:grid}.cartbtn .lbl{flex:1}.m-sheet{z-index:20;opacity:0;visibility:hidden;background:#00000073;align-items:flex-end;display:flex;position:absolute;inset:0}.panel{border-radius:calc(1.7em * var(--rk)) calc(1.7em * var(--rk)) 0 0;background:var(--bg);width:100%;padding:.5em 1.2em 1.7em;transform:translateY(100%)}.grab{background:var(--line);border-radius:.2em;width:2.7em;height:.32em;margin:.2em auto .9em;display:block}.phead{justify-content:space-between;align-items:center;display:flex}.phead>b{letter-spacing:-.02em;font-size:1.4em}.m-line{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:.8em;padding:.85em 0;font-weight:600;display:grid}.qty{border-radius:calc(999px * var(--rk));background:var(--surface);padding:.3em .65em;font-size:.9em}.hint{color:var(--muted);font-size:.78em;margin-top:.55em!important}.sum{justify-content:space-between;margin-top:.9em;font-size:1.2em;font-weight:750;display:flex}.m-primary{border-radius:calc(1em * var(--rk));background:var(--pr);color:#fff;place-items:center;height:3.4em;margin-top:.9em;font-weight:700;display:grid;position:relative}.toast{z-index:25;border-radius:calc(999px * var(--rk));background:var(--tx);color:var(--bg);white-space:nowrap;opacity:0;padding:.75em 1.15em;font-size:.86em;font-weight:600;position:absolute;bottom:6em;left:50%;transform:translate(-50%,.6em)}.scr-cam{color:#fff;background:#0d0b0a}.cam-view{background:radial-gradient(circle at 18% 22%,#ffd29659 0 .8em,#0000 3.5em),radial-gradient(circle at 84% 14%,#ffe6be40 0 .6em,#0000 3em),radial-gradient(140% 70% at 50% 85%,#7a5539 0,#4a3324 45%,#1a120d 100%);position:absolute;inset:0}.cam-tent{color:#23160f;text-align:center;background:#fbf7f0;border-radius:.8em .8em .3em .3em;width:9.6em;padding:.9em .9em .6em;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)perspective(30em)rotateX(10deg);box-shadow:0 1.4em 2em -1em #0009}.cam-tent svg{stroke:none;width:100%;height:auto;display:block}.cam-tent b{margin-top:.35em;font-size:.85em;display:block}.cam-frame{width:12em;height:12em;position:absolute;top:41.5%;left:50%;transform:translate(-50%,-50%)}.cam-frame i{border:.22em solid #ffd60a;width:2.2em;height:2.2em;position:absolute}.cam-frame i:first-child{border-width:.22em 0 0 .22em;border-top-left-radius:.8em;top:0;left:0}.cam-frame i:nth-child(2){border-width:.22em .22em 0 0;border-top-right-radius:.8em;top:0;right:0}.cam-frame i:nth-child(3){border-width:0 0 .22em .22em;border-bottom-left-radius:.8em;bottom:0;left:0}.cam-frame i:nth-child(4){border-width:0 .22em .22em 0;border-bottom-right-radius:.8em;bottom:0;right:0}.cam-line{opacity:0;background:#ffd60a;width:10em;height:2px;position:absolute;top:41.5%;left:50%;box-shadow:0 0 1em #ffd60a}.cam-hint{text-align:center;opacity:.8;font-size:.86em;position:absolute;top:5.2em;left:0;right:0}.cam-link{color:#1a1400;white-space:nowrap;opacity:0;background:#ffd60a;border-radius:1.2em;align-items:center;gap:.6em;padding:.65em 1.1em .65em .75em;display:flex;position:absolute;bottom:6.5em;left:50%;transform:translate(-50%,1em)}.cam-link svg{width:1.7em;height:1.7em}.cam-link b{font-size:.94em;display:block}.cam-link small{opacity:.75;font-size:.76em}.scr-wallet{padding:3.9em 1.1em 1em}.w-head{align-items:center;gap:.4em;margin-bottom:1em;font-size:1.15em;display:flex}.w-card{border-radius:calc(1.4em * var(--rk));background:radial-gradient(circle at 100% 0, #ffffff24, transparent 55%), var(--pr);color:#fff;padding:1.15em;box-shadow:0 1.2em 2.2em -1.2em #00000080}.w-top{align-items:center;gap:.7em;display:flex}.w-top img{border-radius:50%;width:2.7em;height:2.7em}.w-top b{font-size:1.1em;display:block}.w-top small{opacity:.72;font-size:.8em}.w-count{align-items:baseline;gap:.35em;margin:1.1em 0 .7em;display:flex}.w-count b{letter-spacing:-.04em;font-size:2.5em;font-weight:750;line-height:1}.w-count>span:last-child{opacity:.75;font-size:.92em}.w-dots{grid-template-columns:repeat(4,1fr);gap:.6em;display:grid}.w-dots span{aspect-ratio:1;border:2px dashed #ffffff73;border-radius:50%;place-items:center;display:grid}.w-dots svg{width:55%;height:55%;stroke:var(--on-ac);stroke-width:3px;opacity:0}.w-dots .on{background:var(--ac);border:2px solid var(--ac)}.w-dots .on svg{opacity:1}.w-reward{font-size:.82em;margin-top:.9em!important}.w-reward .s1{opacity:.8}.w-reward .s2{border-radius:calc(999px * var(--rk));background:var(--ac);color:var(--on-ac);visibility:hidden;padding:.3em .75em}.w-scan{border:1.5px solid var(--line);border-radius:calc(1em * var(--rk));justify-content:center;align-items:center;gap:.5em;height:3.4em;margin-top:1em;font-size:.92em;font-weight:600;display:flex}.t-stamp{bottom:2.4em}.live-frame{z-index:40;opacity:0;visibility:hidden;background:#3b2a20;padding-top:14cqw;transition:opacity .3s,visibility .3s;position:absolute;inset:0}.live-frame iframe{transform-origin:0 0;background:#faf6f0;border:0;display:block}.stage.is-live .live-frame{opacity:1;visibility:visible}.stage.is-live .statusbar{color:#fff!important}.first .media:after,.cartbtn:after,.m-primary:after,.g-waiter:after,.cam-link:after{content:"";z-index:6;opacity:0;pointer-events:none;background:#ffffff8c;border-radius:50%;width:2.8em;height:2.8em;margin:-1.4em 0 0 -1.4em;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #0003}.first .media:after{margin:0;inset:auto -.5em -.7em auto}.fl{z-index:3;pointer-events:none;display:grid;position:absolute}.fl>*{grid-area:1/1;align-self:start}.fl-l{right:calc(50% + var(--ph-w) * .4);width:260px;translate:calc(var(--mx) * -22px) calc(var(--p,0) * -70px + var(--my) * -14px);top:46%}.fl-r{left:calc(50% + var(--ph-w) * .4);width:236px;translate:calc(var(--mx) * 18px) calc(var(--p,0) * 60px + var(--my) * 10px);top:22%}.fc,.chips,.tent{opacity:0;transition:opacity .35s, transform .6s var(--ease-out);transform:translateY(16px)scale(.96)}.fc{background:var(--c-paper);color:var(--c-fg);box-shadow:0 0 0 1px color-mix(in oklch, var(--c-line) 70%, transparent), 0 28px 50px -24px oklch(30% .05 45/.5);border-radius:18px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;line-height:1.3;display:flex}.fc svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.fc-ic{background:color-mix(in oklch, var(--c-accent) 18%, transparent);width:38px;height:38px;color:var(--c-accent-ink);border-radius:12px;flex:none;place-items:center;display:grid}.fc-tx{min-width:0;display:grid}.fc-tx b{font:700 15px var(--f-display)}.fc-tx small{color:var(--c-muted);font-size:12.5px}.fc-pill{background:color-mix(in oklch, var(--c-leaf) 20%, transparent);color:var(--c-leaf-ink);white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 9px;font-size:12px;font-weight:600}.fc-time{color:var(--c-muted);align-self:start;margin-left:auto;font-size:12px}.fc-counter{justify-content:space-between}.fc-qr{color:#23160f;background:#fff;border-radius:10px;flex:none;width:64px;height:64px;padding:6px;position:relative;overflow:hidden}.fc-qr svg{stroke:none;width:100%;height:100%}.fc-qr i{background:var(--c-accent);height:2px;box-shadow:0 0 8px var(--c-accent);opacity:0;position:absolute;top:0;left:0;right:0}.fc-review{gap:6px;display:grid}.stars{color:var(--c-accent);letter-spacing:2px}.stars span{color:var(--c-line)}.fc-q{font-weight:500}.fc-review small{color:var(--c-muted)}.chips{flex-wrap:wrap;gap:6px;margin-top:40px;display:flex}.chips span{background:var(--c-paper);color:var(--c-fg);box-shadow:0 0 0 1px color-mix(in oklch, var(--c-line) 70%, transparent), 0 16px 30px -18px oklch(30% .05 45/.5);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:600}.chips .more{color:var(--c-muted)}.fc-theme{justify-content:space-between;margin-top:160px}.fc-theme b{font:700 15px var(--f-display)}.sw{gap:10px;display:flex}.sw i{background:var(--c);width:26px;height:26px;box-shadow:0 0 0 3px var(--c-paper), 0 0 0 5px transparent;border-radius:50%}.tent{background:var(--c-paper);width:132px;color:var(--c-fg);text-align:center;font:700 13px var(--f-display);border-radius:14px 14px 4px 4px;padding:14px 14px 10px;position:absolute;top:60px;left:70px;transform:rotate(-7deg)translateY(16px);box-shadow:0 24px 40px -20px oklch(30% .05 45/.5)}.tent-qr{color:#23160f;background:#fff;border-radius:8px;margin-bottom:7px;padding:9px}.tent-qr svg{width:100%;display:block}.stage-ui{z-index:6;align-items:center;gap:12px;display:flex;position:absolute;bottom:max(16px,3svh);left:50%;translate:-50%}.dots{display:flex}.dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:26px;height:32px;padding:0;display:grid}.dots button span{background:var(--c-line);width:8px;height:8px;transition:width .3s var(--ease-out), background .3s;border-radius:99px}.dots button[aria-current=step] span{background:var(--c-accent);width:22px}.live-btn,.live-close{background:var(--c-fg);min-height:40px;color:var(--c-bg);font:600 14px var(--f-text);white-space:nowrap;cursor:pointer;transition:transform .18s var(--ease-out);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.live-btn:hover,.live-close:hover{transform:translateY(-1px)}.live-dot{background:var(--c-leaf);width:8px;height:8px;box-shadow:0 0 0 0 var(--c-leaf);border-radius:50%;animation:1.8s ease-out infinite live}.live-close{display:none}.stage.is-live .live-close{display:inline-flex}.stage.is-live :is(.live-btn,.dots){display:none}.stage.is-live .fl>*{opacity:0!important}.stage[data-scene=menu] .m-scroll{animation:14s ease-in-out infinite browse}.stage[data-scene=menu] :is(.tent,.fc-review){opacity:1;transition-delay:.15s;transform:none}.stage[data-scene=menu] .tent{transform:rotate(-7deg)}.stage[data-scene=scan] .scr-cam{opacity:1;visibility:visible}.stage[data-scene=scan] .scr-menu{animation:menuUp 7s var(--ease-out) infinite}.stage[data-scene=scan] .cam-frame{animation:camFocus 7s var(--ease-out) infinite}.stage[data-scene=scan] .cam-line{animation:7s ease-in-out infinite camLine}.stage[data-scene=scan] .cam-link{animation:camLink 7s var(--ease-out) infinite}.stage[data-scene=scan] .cam-link:after{animation:7s infinite tapLink}.stage[data-scene=scan] .tent{opacity:1;transition-delay:.15s;transform:rotate(-7deg)}.stage[data-scene=lang] .t>span{visibility:visible;animation:6s infinite tcyc;animation-delay:calc((var(--k) - 3) * 2s)}.stage[data-scene=lang] .chips{opacity:1;transition-delay:.15s;transform:none}.stage[data-scene=lang] .chips span[style]{animation:6s infinite chipOn;animation-delay:calc((var(--k) - 3) * 2s)}.stage[data-scene=order] .calls{opacity:0;transform:translateY(150%)}.stage[data-scene=order] .first .media:after{animation:8s infinite tapAdd}.stage[data-scene=order] .first .ctl{animation:ctlOpen 8s var(--ease-out) infinite}.stage[data-scene=order] .cartbtn{animation:cartIn 8s var(--ease-out) infinite}.stage[data-scene=order] .cartbtn:after{animation:8s infinite tapCart}.stage[data-scene=order] .m-sheet{animation:8s infinite sheetBg}.stage[data-scene=order] .panel{animation:sheetUp 8s var(--ease-out) infinite}.stage[data-scene=order] .m-primary:after{animation:8s infinite tapSend}.stage[data-scene=order] .m-track{animation:trackIn 8s var(--ease-out) infinite}.stage[data-scene=order] .fc-order{animation:fcOrder 8s var(--ease-out) infinite}.stage[data-scene=waiter] .g-waiter{animation:5s infinite ghostOn}.stage[data-scene=waiter] .g-waiter:after{animation:5s infinite tapWaiter}.stage[data-scene=waiter] .g-waiter .s1{animation:5s infinite swapOut}.stage[data-scene=waiter] .g-waiter .s2{animation:5s infinite swapIn}.stage[data-scene=waiter] .t-waiter{animation:toast5 5s var(--ease-out) infinite}.stage[data-scene=waiter] .fc-call{animation:fcCall 5s var(--ease-out) infinite}.stage[data-scene=waiter] .ring-ic svg{animation:5s infinite bellRing}.stage[data-scene=stamp] .scr-wallet{transform:none}.stage[data-scene=stamp] .statusbar{color:var(--tx)}.stage[data-scene=stamp] .w-dots .new{animation:stampIn 5s var(--ease-out) infinite}.stage[data-scene=stamp] .w-dots .new svg{animation:5s infinite checkIn}.stage[data-scene=stamp] .w-count .s1{animation:5s infinite countOut}.stage[data-scene=stamp] .w-count .s2{animation:5s infinite countIn}.stage[data-scene=stamp] .w-reward .s1{animation:5s infinite countOut}.stage[data-scene=stamp] .w-reward .s2{animation:5s infinite countIn}.stage[data-scene=stamp] .w-card{animation:cardFull 5s var(--ease-out) infinite}.stage[data-scene=stamp] .t-stamp{animation:toastStamp 5s var(--ease-out) infinite}.stage[data-scene=stamp] .fc-counter{opacity:1;transition-delay:.15s;transform:none}.stage[data-scene=stamp] .fc-qr i{animation:5s ease-in-out infinite qrScan}.stage[data-scene=brand] .app{animation:9s ease-in-out infinite themes}.stage[data-scene=brand] .fc-theme{opacity:1;transition-delay:.15s;transform:none}.stage[data-scene=brand] .sw i{animation:9s infinite swOn;animation-delay:calc((var(--k) - 3) * 3s)}@keyframes pulse{50%{opacity:.35}}@keyframes live{70%,to{box-shadow:0 0 0 8px #0000}0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--c-leaf) 60%, transparent)}}@keyframes browse{0%,12%{transform:translateY(0)}46%,60%{transform:translateY(-34%)}94%,to{transform:translateY(0)}}@keyframes menuUp{0%,52%{transform:translateY(102%)}64%,to{transform:translateY(0)}}@keyframes camFocus{0%{opacity:0;transform:translate(-50%,-50%)scale(1.3)}10%{opacity:1}22%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes camLine{0%,10%{opacity:0;transform:translate(-50%,-5em)}14%{opacity:1}34%{opacity:1;transform:translate(-50%,5em)}38%,to{opacity:0;transform:translate(-50%,5em)}}@keyframes camLink{0%,34%{opacity:0;transform:translate(-50%,1em)scale(.92)}40%,to{opacity:1;transform:translate(-50%)}}@keyframes tapLink{0%,44%{opacity:0;scale:.4}47%{opacity:1;scale:1}52%,to{opacity:0;scale:1.4}}@keyframes tcyc{0%,30%{opacity:1;transform:none}33.3%,96%{opacity:0;transform:translateY(-.35em)}97%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}@keyframes chipOn{0%,31%{background:var(--c-fg);color:var(--c-bg)}33.3%,to{background:var(--c-paper);color:var(--c-fg)}}@keyframes tapAdd{0%,6%{opacity:0;scale:.4}9%{opacity:1;scale:1}13%,to{opacity:0;scale:1.4}}@keyframes ctlOpen{0%,9%{width:2.5em}12%,60%{width:6.3em}63%,to{width:2.5em}}@keyframes cartIn{0%,11%{transform:translateY(190%)}15%,59%{transform:none}63%,to{transform:translateY(190%)}}@keyframes tapCart{0%,18%{opacity:0;scale:.4}21%{opacity:1;scale:1}25%,to{opacity:0;scale:1.4}}@keyframes sheetBg{0%,22%{opacity:0;visibility:hidden}26%,57%{opacity:1;visibility:visible}61%,to{opacity:0;visibility:hidden}}@keyframes sheetUp{0%,22%{transform:translateY(100%)}29%,56%{transform:none}61%,to{transform:translateY(100%)}}@keyframes tapSend{0%,47%{opacity:0;scale:.4}50%{opacity:1;scale:1}54%,to{opacity:0;scale:1.4}}@keyframes trackIn{0%,60%{max-height:0}67%,to{max-height:7em}}@keyframes fcOrder{0%,62%{opacity:0;transform:translateY(16px)scale(.96)}67%,95%{opacity:1;transform:none}to{opacity:0;transform:translateY(16px)scale(.96)}}@keyframes ghostOn{0%,19%{background:var(--bg);color:var(--tx)}20%,92%{background:var(--pr);color:#fff}93%,to{background:var(--bg);color:var(--tx)}}@keyframes tapWaiter{0%,14%{opacity:0;scale:.4}17%{opacity:1;scale:1}21%,to{opacity:0;scale:1.4}}@keyframes swapOut{0%,19%{visibility:visible}20%,92%{visibility:hidden}93%,to{visibility:visible}}@keyframes swapIn{0%,19%{visibility:hidden}20%,92%{visibility:visible}93%,to{visibility:hidden}}@keyframes toast5{0%,23%{opacity:0;transform:translate(-50%,.6em)}27%,86%{opacity:1;transform:translate(-50%)}90%,to{opacity:0;transform:translate(-50%,.6em)}}@keyframes fcCall{0%,23%{opacity:0;transform:translateY(16px)scale(.96)}28%,90%{opacity:1;transform:none}95%,to{opacity:0;transform:translateY(16px)scale(.96)}}@keyframes bellRing{0%,26%,42%,to{rotate:0deg}29%{rotate:16deg}32%{rotate:-14deg}35%{rotate:10deg}38%{rotate:-6deg}}@keyframes stampIn{0%,29%{background:0 0;border-style:dashed;border-color:#ffffff73;scale:1}33%{background:var(--ac);border-color:var(--ac);border-style:solid;scale:1.35}38%,94%{background:var(--ac);border-color:var(--ac);border-style:solid;scale:1}to{background:0 0;border-style:dashed;border-color:#ffffff73;scale:1}}@keyframes cardFull{0%,33%{scale:1}37%{scale:1.035}42%,to{scale:1}}@keyframes checkIn{0%,30%{opacity:0}34%,94%{opacity:1}to{opacity:0}}@keyframes countOut{0%,32%{visibility:visible}33%,94%{visibility:hidden}95%,to{visibility:visible}}@keyframes countIn{0%,32%{visibility:hidden}33%,94%{visibility:visible}95%,to{visibility:hidden}}@keyframes toastStamp{0%,34%{opacity:0;transform:translate(-50%,.6em)}38%,86%{opacity:1;transform:translate(-50%)}90%,to{opacity:0;transform:translate(-50%,.6em)}}@keyframes qrScan{0%{opacity:1;top:0}28%{opacity:1;top:calc(100% - 2px)}31%,to{opacity:0;top:calc(100% - 2px)}}@keyframes themes{0%,28%{--pr:#3b2a20;--ac:#c8873a;--bg:#faf6f0;--tx:#2a1d15;--rk:1}33%,61%{--pr:#1f4d3a;--ac:#e0a83b;--bg:#f3f5ef;--tx:#17241d;--rk:.45}66%,94%{--pr:#e4572e;--ac:#f2c14e;--bg:#16181d;--tx:#f1efe9;--rk:.12}to{--pr:#3b2a20;--ac:#c8873a;--bg:#faf6f0;--tx:#2a1d15;--rk:1}}@keyframes swOn{0%,31%{box-shadow:0 0 0 3px var(--c-paper), 0 0 0 5px var(--c-fg)}33.3%,to{box-shadow:0 0 0 3px var(--c-paper), 0 0 0 5px transparent}}@media (width<=899px){.stage{--ph-h:min(500px, 100svh - 430px);align-content:start;padding-top:84px}.ring{display:none}.stage-bg{overflow:clip}.o1{width:320px;left:-20%}.o2{width:260px}.fl-l{left:8px;right:auto;top:calc(84px + var(--ph-h) * .48);width:min(236px,58vw);translate:0}.fl-r{width:min(210px,50vw);top:120px;left:auto;right:8px;translate:0}.fc{padding:10px 12px;font-size:13px}.fc-pill,.fc-time,.fc-review{display:none}.fc-theme{margin-top:0}.chips{justify-content:flex-end;margin-top:0}.tent{width:104px;top:-40px;left:0}.stage-ui{display:none}}@media (prefers-reduced-motion:reduce){.stage *{transition-duration:0s!important;animation-play-state:paused!important;animation-delay:-4.2s!important}.stage[data-scene=scan] *{animation-delay:-5s!important}.stage :is(.first .media,.cartbtn,.m-primary,.g-waiter,.cam-link):after{display:none}.stage[data-scene=menu] .m-scroll,.stage .chips span,.stage .sw i,.stage .t>span{animation:none!important}.stage[data-scene=lang] .t>span:not(:first-child){visibility:hidden}.phone,.fl{transform:translate(0,0)}.live-dot{animation:none}}