.font-display{font-family:var(--font-sans);letter-spacing:-.03em;font-weight:600}[lang=ar]{font-family:"Cairo", "Noto Sans Arabic", var(--font-sans)}[lang=ur]{font-family:"Noto Sans Arabic", "Cairo", var(--font-sans)}html.marketing-midnight{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#211629;--foreground:#faf8ff;--card:#2b1e36;--card-foreground:#faf8ff;--popover:#2b1e36;--popover-foreground:#faf8ff;--primary:#ff5e79;--primary-foreground:#fff;--muted:#faf8ff14;--muted-foreground:#faf8ffa8;--accent:#ff4f6d26;--accent-foreground:#faf8ff;--border:#faf8ff1f;--input:#faf8ff29;--ring:#ff5e79;--ink:#fff;--ink-muted:#ebebf5b8;--ink-subtle:#ebebf59e;--brown-50:#3a3a3c;--brown-100:#2c2c2e;--ember:#ff5e79;--ember-muted:#ff5e7929;--separator:#faf8ff1a;background-color:var(--background);color:var(--foreground)}html.marketing-midnight .text-mint-ink{color:var(--color-mint)}html.marketing-midnight .text-citrus-ink{color:var(--color-citrus)}.paper{--input:#2116292e;color:#211629;background:#fff}.paper.border-border,.paper .border-border{border-color:#2116291f}.paper .text-muted-foreground{color:#2116299e}.paper .bg-muted{background-color:#2116291a}.paper .bg-foreground{background-color:#211629}.paper .bg-background{background-color:#fff}.paper .text-primary{color:#ff4f6d}.paper .bg-accent{background-color:#ff4f6d1f}.paper-lilac{background:#faf8ff}html.marketing-midnight .paper .text-mint-ink{color:var(--color-mint-ink)}html.marketing-midnight .paper .text-citrus-ink{color:var(--color-citrus-ink)}.marketing-nav{transition:box-shadow .4s var(--ease-ios-out), background-color .4s var(--ease-ios-out)}.marketing-nav.is-scrolled{box-shadow:0 1px 2px #2116290f,0 12px 32px -12px #21162940}.dark .marketing-nav.is-scrolled{box-shadow:0 12px 32px -12px #000000a6}.marketing-nav a.is-active{color:var(--primary)}.marketing-menu{transform-origin:100% 0;animation:marketing-menu-in .35s var(--ease-ios-out)}.marketing-menu.is-closing{animation:marketing-menu-out .24s var(--ease-ios) forwards}@keyframes marketing-menu-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}}@keyframes marketing-menu-out{to{opacity:0;transform:translateY(-8px)scale(.96)}}@media (prefers-reduced-motion:reduce){.marketing-menu,.marketing-menu.is-closing{animation:none}}:root{--ink:#000;--ink-muted:#3c3c43c7;--ink-subtle:#3c3c439e;--brown-50:#e5e5ea;--brown-100:#f2f2f7;--ember:#ff4f6d;--ember-muted:#ff4f6d1f}.dark{--ink:#fff;--ink-muted:#ebebf5b8;--ink-subtle:#ebebf599;--brown-50:#3a3a3c;--brown-100:#2c2c2e;--ember:#ff5e79;--ember-muted:#ff5e7929}.text-ink{color:var(--ink)}.text-ink-muted{color:var(--ink-muted)}.text-ink-subtle{color:var(--ink-subtle)}.bg-brown-50{background-color:var(--brown-50)}.bg-brown-100{background-color:var(--brown-100)}.bg-ember{background-color:var(--ember)}.text-ember{color:var(--ember)}.bg-ember-muted{background-color:var(--ember-muted)}.accent-ember{accent-color:var(--ember)}.border-separator{border-color:var(--separator,var(--border))}.marketing-panel{border:1px solid var(--border);background:radial-gradient(80% 60% at 20% 0%, color-mix(in oklab, var(--primary) 7%, transparent), transparent 70%), radial-gradient(70% 50% at 90% 10%, color-mix(in oklab, var(--color-citrus) 9%, transparent), transparent 70%), radial-gradient(60% 60% at 70% 100%, color-mix(in oklab, var(--color-mint) 6%, transparent), transparent 70%), var(--card);border-radius:2rem;position:relative}.marketing-panel:before{content:"";inset-inline:10%;background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--primary) 65%, transparent), color-mix(in oklab, var(--color-citrus) 65%, transparent), transparent);pointer-events:none;height:1px;position:absolute;top:-1px}.panel-grid{background-image:radial-gradient(color-mix(in oklab, var(--foreground) 9%, transparent) 1px, transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(75% 75% at 50% 45%,#000 40%,#0000);mask-image:radial-gradient(75% 75% at 50% 45%,#000 40%,#0000)}@media (hover:hover){.glow-card{position:relative}.glow-card:before{content:"";border-radius:inherit;opacity:0;transition:opacity .4s var(--ease-ios-out);background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), color-mix(in oklab, var(--primary) 10%, transparent), transparent 65%);pointer-events:none;position:absolute;inset:0}.glow-card:hover:before{opacity:1}}[data-journey-screens] .press{height:auto}.qr-scanned{animation:qr-ping 1.4s var(--ease-ios-out)}@keyframes qr-ping{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 55%, transparent)}to{box-shadow:0 0 0 22px color-mix(in oklab, var(--primary) 0%, transparent)}}.bell-ring{animation:bell-ring 1.1s var(--ease-ios);transform-origin:50% 20%}@keyframes bell-ring{0%,to{rotate:0deg}20%{rotate:14deg}45%{rotate:-11deg}70%{rotate:6deg}}.journey-step{transition:opacity .45s var(--ease-ios-out)}.is-dimmable .journey-step{opacity:.55}.is-dimmable .journey-step.is-active{opacity:1}.journey-track{top:2.5rem;bottom:2.5rem}.journey-progress{background:linear-gradient(180deg, var(--primary), color-mix(in oklab, var(--primary) 55%, var(--color-citrus)));transform-origin:50% 0}.journey-node{border:2px solid var(--input);background:var(--background);transition:border-color .45s var(--ease-ios-out), background-color .45s var(--ease-ios-out), box-shadow .45s var(--ease-ios-out)}.journey-step.is-active .journey-node{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 5px color-mix(in oklab, var(--primary) 22%, transparent)}.evening-progress{background:linear-gradient(90deg, var(--primary), color-mix(in oklab, var(--primary) 45%, var(--color-citrus)));transform-origin:0 0}.evening-stop .evening-time{color:var(--muted-foreground);transition:color .4s var(--ease-ios-out)}.evening-stop .evening-dot{transition:border-color .4s var(--ease-ios-out), background-color .4s var(--ease-ios-out), box-shadow .4s var(--ease-ios-out), transform .3s var(--ease-ios-out)}.evening-stop.is-passed .evening-time,.evening-stop:hover .evening-time{color:var(--primary)}.evening-stop.is-passed .evening-dot{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 18%, transparent)}@media (hover:hover){.evening-stop:hover .evening-dot{border-color:var(--primary);transform:scale(1.35)}}.evening-stop:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:.5rem}.evening-stop.is-current .evening-time,.evening-stop.is-upnext .evening-time{color:var(--primary)}.evening-stop.is-current .evening-dot,.evening-stop.is-upnext .evening-dot{border-color:var(--primary);animation:evening-pulse 2.2s var(--ease-ios) infinite}@keyframes evening-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 38%, transparent)}55%{box-shadow:0 0 0 8px color-mix(in oklab, var(--primary) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.evening-stop.is-current .evening-dot,.evening-stop.is-upnext .evening-dot{box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 22%, transparent);animation:none}}.evening-playhead{background:var(--primary);width:9px;height:9px;box-shadow:0 0 12px 2px color-mix(in oklab, var(--primary) 60%, transparent);border-radius:9999px}.evening-rail{opacity:0;pointer-events:none;transition:opacity .45s var(--ease-ios-out), transform .45s var(--ease-ios-out);transform:translate(-12px)}.evening-rail.is-docked{opacity:1;pointer-events:auto;transform:none}.evening-rail .rail-label{opacity:0;transition:opacity .3s var(--ease-ios-out), transform .3s var(--ease-ios-out);transform:translate(-6px)}.evening-rail .evening-stop:hover .rail-label,.evening-rail .evening-stop:focus-visible .rail-label{opacity:1;transform:none}.evening-rail .evening-stop.is-current .rail-label,.evening-rail .evening-stop.is-upnext .rail-label{opacity:1;border-color:color-mix(in oklab, var(--primary) 35%, transparent);color:var(--foreground);transform:none}@media (width>=40rem) and (prefers-reduced-motion:no-preference){[data-evening-line]:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--foreground) 30%, transparent) 50%, transparent);background-repeat:no-repeat;background-size:160px 100%;animation:6.5s linear infinite evening-glint;position:absolute;inset:-1px 0}}@keyframes evening-glint{0%{background-position:-160px 0}55%,to{background-position:calc(100% + 160px) 0}}@media (prefers-reduced-motion:no-preference){[data-evening-rail-line]:after{content:"";background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--foreground) 38%, transparent) 50%, transparent);background-repeat:no-repeat;background-size:100% 110px;animation:6.5s linear infinite evening-glint-y;position:absolute;inset:0 -1px}}@keyframes evening-glint-y{0%{background-position:0 -110px}55%,to{background-position:0 calc(100% + 110px)}}.scene{perspective:1400px;perspective-origin:50% 40%}.stage-3d{perspective:1400px;perspective-origin:50% 45%}.preserve-3d{transform-style:preserve-3d}.scroll-cue{opacity:0}.float-3d{animation:float-3d 7s var(--ease-ios) infinite}@keyframes float-3d{0%,to{translate:0}50%{translate:0 -10px}}.tilt-card{transition:translate .35s var(--ease-ios-out), box-shadow .35s var(--ease-ios-out)}@media (hover:hover){.tilt-card:hover{translate:0 -6px;box-shadow:0 14px 36px -14px #2116292e}.dark .tilt-card:hover{box-shadow:0 14px 36px -14px #00000073}}.kitchen-ticket{background:var(--card);border-radius:8px 8px 0 0;position:relative;box-shadow:0 1px 2px #21162914,0 12px 32px -12px #21162938;-webkit-mask-image:radial-gradient(6px at 9px 100%,#0000 5.5px,#000 6px);mask-image:radial-gradient(6px at 9px 100%,#0000 5.5px,#000 6px);-webkit-mask-size:18px 100%;mask-size:18px 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.dark .kitchen-ticket{box-shadow:0 1px 2px #0006,0 12px 32px -12px #0009}.kitchen-ticket:nth-child(4n+1){rotate:-1.2deg}.kitchen-ticket:nth-child(4n+2){rotate:.8deg}.kitchen-ticket:nth-child(4n+3){rotate:-.6deg}.kitchen-ticket:nth-child(4n+4){rotate:1.1deg}.ticket-rule{border-top:1px dashed var(--input)}.receipt-strip{filter:drop-shadow(0 0 1px #21162973)drop-shadow(0 1px 1px #2116292e)drop-shadow(0 2px 4px #2116291f)drop-shadow(0 14px 22px #21162938);-webkit-mask-image:radial-gradient(6px at 9px 0,#0000 5.5px,#000 6px),radial-gradient(6px at 9px 100%,#0000 5.5px,#000 6px);mask-image:radial-gradient(6px at 9px 0,#0000 5.5px,#000 6px),radial-gradient(6px at 9px 100%,#0000 5.5px,#000 6px);-webkit-mask-position:0 0,0 100%;mask-position:0 0,0 100%;-webkit-mask-size:18px 51%;mask-size:18px 51%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.safari-window-skeleton{background-color:#fff;background-image:linear-gradient(100deg,#0000 30%,#0000000a 50%,#0000 70%),none;background-position:0 0,0 0;background-repeat:no-repeat;background-size:220% 100%,100% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:1.4s ease-in-out infinite safari-window-shimmer}@keyframes safari-window-shimmer{0%{background-position:180% 0,0 0}to{background-position:-80% 0,0 0}}.dark .safari-window-skeleton{background-color:#1c1c1e;background-image:linear-gradient(100deg,#fff0 30%,#ffffff0d 50%,#fff0 70%),none;background-position:0 0,0 0;background-repeat:no-repeat;background-size:220% 100%,100% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}@media (prefers-reduced-motion:reduce){.safari-window-skeleton{animation:none}}
