/* Biteful landing: editorial product story, shared brand tokens. */
:root{--bf-color-canvas:var(--bf-color-marketing-canvas);--bf-color-surface:var(--bf-color-marketing-surface);--bf-color-surface-raised:var(--bf-color-marketing-raised);--bf-color-border-subtle:var(--bf-color-marketing-border)}
html[data-theme=dark]{--bf-color-marketing-canvas:color-mix(in srgb,var(--bf-ref-color-charcoal-950) 80%,var(--bf-ref-color-green-950));--bf-color-marketing-surface:color-mix(in srgb,var(--bf-ref-color-charcoal-900) 70%,var(--bf-ref-color-green-950));--bf-color-marketing-raised:color-mix(in srgb,var(--bf-ref-color-charcoal-800) 60%,var(--bf-ref-color-green-950));--bf-landing-qr-board:var(--bf-ref-color-mint-300)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--bf-space-8)}
/* Broad alternating washes create a quiet wave through the page canvas. */
body{--bf-landing-wash:color-mix(in srgb,var(--bf-color-canvas) 82%,var(--bf-ref-color-green-100));--bf-landing-wave:color-mix(in srgb,var(--bf-color-canvas) 95%,var(--bf-ref-color-green-800));margin:0;background-color:var(--bf-color-canvas);background-image:radial-gradient(ellipse 90% 35% at 105% 15%,var(--bf-landing-wash),transparent 75%),radial-gradient(ellipse 100% 32% at -15% 55%,var(--bf-landing-wave),transparent 75%),radial-gradient(ellipse 85% 30% at 100% 95%,var(--bf-landing-wash),transparent 75%);background-size:100% 1800px;background-repeat:repeat-y;color:var(--bf-color-ink);font:var(--bf-text-md)/var(--bf-leading-body) var(--bf-font-body)}
html[data-theme=dark] body{--bf-landing-wash:color-mix(in srgb,var(--bf-color-canvas) 92%,var(--bf-ref-color-green-800));--bf-landing-wave:color-mix(in srgb,var(--bf-color-canvas) 96%,var(--bf-ref-color-mint-300))}
html[lang=ar] body{font-family:var(--bf-font-arabic);line-height:var(--bf-leading-arabic)}
h1,h2,h3,p,figure{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}svg{flex:none;vertical-align:middle}[hidden]{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:var(--bf-comp-focus-width) solid var(--bf-color-focus);outline-offset:var(--bf-comp-focus-offset)}
::selection{background:var(--bf-color-accent);color:var(--bf-color-on-accent)}
.skip{position:fixed;inset-block-start:16px;inset-inline-start:16px;z-index:50;padding:16px;background:var(--bf-color-surface-raised);transform:translateY(-200%)}.skip:focus{transform:none}
.landing-nav,main,footer{width:min(calc(100% - var(--bf-space-12)),var(--bf-size-content));margin-inline:auto}
h1{font-size:clamp(3rem,5.5vw,5rem);font-weight:var(--bf-weight-display);line-height:var(--bf-leading-tight);letter-spacing:var(--bf-tracking-display)}
h2{font-size:var(--bf-text-heading);line-height:var(--bf-leading-heading);letter-spacing:var(--bf-tracking-heading);font-weight:var(--bf-weight-heavy);text-wrap:balance}
h3{font-size:var(--bf-text-xl);line-height:var(--bf-leading-heading);letter-spacing:var(--bf-tracking-body);font-weight:var(--bf-weight-bold);text-wrap:balance}
html[lang=ar] :is(h1,h2,h3){letter-spacing:0;line-height:1.45}
.section{margin-block:var(--bf-space-24)}
p{text-wrap:pretty}
.brand{display:inline-flex;align-items:center;gap:var(--bf-space-3);direction:ltr;flex:none;min-height:44px;color:var(--bf-color-ink)}.brand:hover{text-decoration:none}.brand-mark{display:block;width:36px;height:36px;flex:none}.brand-name{font:800 28px/1 var(--bf-font-body);letter-spacing:-.04em}.brand-dot{color:var(--bf-color-brand)}
.landing-nav{position:relative;top:0;z-index:var(--bf-layer-sticky);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--bf-space-6);padding:var(--bf-space-5) 0;margin-block:0 var(--bf-space-6);min-height:88px;background:transparent;border-bottom:1px solid var(--bf-color-border-subtle)}
.landing-nav nav{display:flex;gap:var(--bf-space-6);justify-self:center;font-size:var(--bf-text-sm);font-weight:var(--bf-weight-semibold)}
.landing-nav nav>a{display:inline-flex;align-items:center;min-height:44px;color:var(--bf-color-muted)}.landing-nav nav>a:hover{color:var(--bf-color-ink)}
.nav-controls{display:flex;align-items:center;justify-content:flex-end;gap:var(--bf-space-3)}.nav-utilities{display:flex;align-items:center;gap:var(--bf-space-1)}.language-control,.theme-control{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;border-radius:var(--bf-radius-pill);background:transparent;color:var(--bf-color-ink);font-size:var(--bf-text-sm);font-weight:var(--bf-weight-semibold)}.language-control{padding-inline:var(--bf-space-2)}.language-control[lang=ar]{font-family:var(--bf-font-arabic)}.theme-control{cursor:pointer}.language-control:hover,.theme-control:hover{background:var(--bf-color-canvas);text-decoration:none}
.nav-launch,.primary-action,.demo-publish{display:inline-flex;align-items:center;justify-content:center;gap:var(--bf-space-6);min-height:var(--bf-size-large);padding:var(--bf-space-4) var(--bf-space-6);border:0;border-radius:var(--bf-radius-pill);background:var(--bf-color-accent);color:var(--bf-color-on-accent);font-weight:var(--bf-weight-bold);cursor:pointer;transition:transform var(--bf-motion-fast) var(--bf-motion-ease)}
.nav-launch-short{display:none}.nav-launch{min-height:48px;padding:var(--bf-space-3) var(--bf-space-5);font-size:var(--bf-text-sm);white-space:nowrap;background:var(--bf-ref-color-green-950);color:var(--bf-ref-color-white)}
.nav-launch:hover{background:var(--bf-ref-color-green-800);text-decoration:none}.primary-action:hover,.demo-publish:hover{background:var(--bf-ref-color-action-hover-dark);text-decoration:none}.nav-launch:active,.primary-action:active,.demo-publish:active{transform:scale(.98)}
.text-link,.hero-secondary,.signup-fallback{display:inline-flex;align-items:center;gap:var(--bf-space-2);min-height:44px;font-weight:var(--bf-weight-bold);font-size:var(--bf-text-sm)}.text-link{color:var(--bf-color-action);margin-top:var(--bf-space-5)}
/* A clear promise beside one photographic stage. */
.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:start;gap:var(--bf-space-10);padding:var(--bf-space-10);background:var(--bf-gradient-forest);border-radius:var(--bf-radius-hero);color:var(--bf-ref-color-white);--bf-color-action:var(--bf-ref-color-lime-400);--bf-color-muted:var(--bf-ref-color-green-100);--bf-color-focus:var(--bf-ref-color-lime-400)}
.hero-copy,.hero-scene{min-width:0}h1>span{display:block}.headline-accent{color:var(--bf-color-action)}
.hero h1{font-size:clamp(3rem,6vw,5rem);line-height:1;letter-spacing:-.04em}
.launch-status{display:flex;align-items:center;gap:var(--bf-space-2);font-size:var(--bf-text-xs);font-weight:var(--bf-weight-semibold);color:var(--bf-color-muted);margin-top:var(--bf-space-6)}.launch-status>span{width:8px;height:8px;flex:none;border-radius:50%;background:var(--bf-color-action)}
.hero-description{font-size:var(--bf-text-md);color:var(--bf-color-muted);max-width:40ch;margin-top:var(--bf-space-4)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--bf-space-2) var(--bf-space-5);margin-top:var(--bf-space-8)}.hero-secondary{margin:0}.launch-note{font-size:var(--bf-text-xs);color:var(--bf-color-muted);margin-top:var(--bf-space-3);max-width:44ch}
.hero-scene{background:transparent;padding:0}.hero .qr-concept{--bf-color-focus:var(--bf-ref-color-green-800)}
.hero-media>.parallax-frame{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:58% 50%;border-radius:var(--bf-radius-control)}
.hero-media figcaption{padding:var(--bf-space-3) 0;font-size:var(--bf-text-sm);font-weight:var(--bf-weight-regular);color:var(--bf-ref-color-green-100)}
.qr-concept{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:var(--bf-space-4);align-items:center;padding:var(--bf-space-4);background:var(--bf-ref-color-white);color:var(--bf-ref-color-neutral-950);border-radius:var(--bf-radius-control)}
.concept-top{display:flex;align-items:center;gap:var(--bf-space-2);font-size:var(--bf-text-xs);color:var(--bf-ref-color-neutral-600)}.concept-top img{width:20px;height:20px}.qr-link{display:block;grid-column:1;grid-row:1/5;background:var(--bf-ref-color-white)}.qr-link svg{display:block;width:100%;height:auto}.qr-concept>:not(.qr-link){grid-column:2}.qr-concept h2{font-size:var(--bf-text-xl);text-wrap:balance;margin-top:var(--bf-space-2)}.qr-concept>p{color:var(--bf-ref-color-neutral-600);font-size:var(--bf-text-sm);margin-top:var(--bf-space-2)}.qr-caption{display:flex;align-items:center;gap:var(--bf-space-2);min-height:44px;font-size:var(--bf-text-sm);font-weight:var(--bf-weight-bold);color:var(--bf-ref-color-green-800)}.qr-caption svg{width:16px;height:16px}
/* A quiet page index; the colored workflow below owns the explanation. */
.action-strip{display:grid;grid-template-columns:repeat(3,1fr);padding-block:var(--bf-space-5);border-bottom:1px solid var(--bf-color-border-subtle)}
.action-strip a{display:flex;align-items:center;justify-content:space-between;gap:var(--bf-space-3);padding:var(--bf-space-3) var(--bf-space-6);min-height:44px;font-weight:var(--bf-weight-bold);font-size:var(--bf-text-md)}.action-strip a:first-child{padding-inline-start:0}.action-strip a:last-child{padding-inline-end:0}.action-strip a+a{border-inline-start:1px solid var(--bf-color-border-subtle)}.action-strip a:hover{color:var(--bf-color-action);text-decoration:none}.action-strip small{display:block;font-size:var(--bf-text-xs);font-weight:var(--bf-weight-regular);color:var(--bf-color-muted);margin-top:var(--bf-space-1)}
.workflow-intro,.demo-intro,.customize-intro,.reach-section>header{display:grid;grid-template-columns:1fr 1fr;gap:var(--bf-space-12);align-items:end;margin-bottom:var(--bf-space-8)}
.workflow-intro>p,.demo-intro>p,.customize-intro>p,.reach-section>header>p{color:var(--bf-color-muted);max-width:50ch}
.workflow{display:grid;grid-template-columns:5fr 7fr;gap:var(--bf-space-20);align-items:start}
.workflow-intro{display:block;margin:0}.workflow-intro h2{max-width:18ch}.workflow-intro>p{margin-top:var(--bf-space-6);max-width:36ch}
.workflow-steps{display:grid;gap:0}.workflow-steps article{display:grid;grid-template-columns:var(--bf-space-12) 1fr;column-gap:var(--bf-space-5);padding-block:var(--bf-space-6);border-top:1px solid var(--bf-color-border-subtle)}.workflow-steps article:first-child{padding-top:0;border-top:0}.step-number{grid-row:1/3;font-size:var(--bf-text-sm);font-weight:var(--bf-weight-bold);color:var(--bf-color-action);padding-top:var(--bf-space-1)}.workflow-steps h3{font-size:var(--bf-text-xl)}.workflow-steps p{grid-column:2;color:var(--bf-color-muted);font-size:var(--bf-text-sm);margin-top:var(--bf-space-3)}
/* The interactive proof: a calm working surface inside a soft green field. */
.demo-section{padding:var(--bf-space-12);background:var(--bf-ref-color-green-950);border-radius:var(--bf-radius-hero);color:var(--bf-ref-color-white)}.demo-section .demo-intro>p,.demo-section>.demo-note{color:var(--bf-ref-color-green-100)}
.menu-demo{display:grid;grid-template-columns:1fr 1fr;gap:var(--bf-space-6);align-items:stretch}.demo-editor{color:var(--bf-color-ink);padding:var(--bf-space-8);background:var(--bf-color-surface-raised);border-radius:var(--bf-radius-control)}
.demo-label{display:flex;align-items:center;justify-content:space-between;gap:var(--bf-space-2);flex-wrap:wrap;font-size:var(--bf-text-xs);font-weight:var(--bf-weight-semibold);margin-bottom:var(--bf-space-6)}.demo-editor .demo-label{justify-content:flex-start}.demo-dot{width:8px;height:8px;border-radius:50%;background:var(--bf-color-action)}
.demo-editor h3{margin-bottom:var(--bf-space-6)}.demo-editor>label{display:block;font-size:var(--bf-text-sm);font-weight:var(--bf-weight-semibold);margin-bottom:var(--bf-space-2)}
#demo-price{width:100%;min-height:64px;padding:var(--bf-space-3) var(--bf-space-4);border:1px solid var(--bf-color-border);border-radius:var(--bf-radius-sm);background:var(--bf-color-canvas);color:var(--bf-color-ink);font-size:var(--bf-text-title);font-weight:var(--bf-weight-bold);font-variant-numeric:tabular-nums;caret-color:var(--bf-color-action)}
.demo-editor .demo-availability{display:flex;align-items:center;gap:var(--bf-space-3);margin-block:var(--bf-space-5);cursor:pointer;min-height:44px}.demo-availability input{width:24px;height:24px;accent-color:var(--bf-color-action);flex:none}.demo-availability small{display:block;font-weight:var(--bf-weight-regular);color:var(--bf-color-muted);font-size:var(--bf-text-xs)}
.demo-draft,#demo-status,.demo-note{font-size:var(--bf-text-xs);color:var(--bf-color-muted)}.demo-publish{width:100%;justify-content:space-between;margin-top:var(--bf-space-5)}#demo-status{min-height:3em;margin-top:var(--bf-space-3)}.demo-note{max-width:96ch;margin-top:var(--bf-space-5)}
.demo-guest{border-radius:var(--bf-radius-control);overflow:hidden;background:var(--bf-ref-color-white);color:var(--bf-ref-color-neutral-950)}.demo-guest .demo-label{padding:var(--bf-space-5) var(--bf-space-6);margin:0}.guest-version{font-weight:var(--bf-weight-regular);color:var(--bf-ref-color-green-800)}.demo-guest>.parallax-frame{display:block;width:100%;height:240px;object-fit:cover}.guest-dish{padding:var(--bf-space-6)}.guest-dish>p{margin-top:var(--bf-space-2);color:var(--bf-ref-color-neutral-600);font-size:var(--bf-text-sm)}.guest-price{display:block;font-size:var(--bf-text-title);font-weight:var(--bf-weight-bold);margin-top:var(--bf-space-4);font-variant-numeric:tabular-nums}.guest-availability{display:inline-flex;align-items:center;min-height:32px;padding:var(--bf-space-1) var(--bf-space-3);border-radius:var(--bf-radius-pill);background:var(--bf-ref-color-green-100);color:var(--bf-ref-color-green-950);font-size:var(--bf-text-sm);font-weight:var(--bf-weight-semibold);margin-top:var(--bf-space-3)}.guest-availability[data-available=false]{background:var(--bf-ref-color-neutral-200);color:var(--bf-ref-color-neutral-950)}
/* Design choices read as paired editorial spreads. */
.customize-row{display:grid;grid-template-columns:5fr 7fr;gap:var(--bf-space-16);align-items:center}.customize-row+.customize-row{margin-top:var(--bf-space-20);grid-template-columns:7fr 5fr}.customize-copy{padding:0}.customize-qr-row .customize-copy{grid-column:2;grid-row:1}.customize-qr-row .qr-style-board{grid-column:1;grid-row:1}.customize-copy h3{font-size:var(--bf-text-title);max-width:20ch}.customize-copy>p{margin-top:var(--bf-space-5);color:var(--bf-color-muted)}.customize-copy .customize-result{font-size:var(--bf-text-sm)}
.customize-options{display:flex;flex-wrap:wrap;gap:var(--bf-space-4);list-style:none;padding:0;margin:var(--bf-space-5) 0 0}.customize-options li{font-size:var(--bf-text-xs);font-weight:var(--bf-weight-semibold);padding:var(--bf-space-2) 0;border-bottom:1px solid var(--bf-color-border-subtle)}
.menu-style-board,.qr-style-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bf-space-4);padding:var(--bf-space-5);border-radius:var(--bf-radius-panel);align-items:stretch;background:var(--bf-gradient-fresh)}
.qr-style-board{background:var(--bf-gradient-citrus)}
.menu-style-board figcaption,.qr-style-board figcaption{grid-column:1/-1;font-size:var(--bf-text-sm);text-align:center;color:var(--bf-ref-color-green-950);margin-top:var(--bf-space-2)}
.qr-style-board figcaption{color:var(--bf-ref-color-green-950)}
.mini-menu{display:flex;flex-direction:column;min-width:0;min-height:340px;padding:var(--bf-space-4);border-radius:var(--bf-radius-control);background:var(--bf-ref-color-white);color:var(--bf-ref-color-neutral-950)}.mini-menu-list{background:var(--bf-ref-color-neutral-50);color:var(--bf-ref-color-neutral-950)}.mini-brand{font-size:var(--bf-text-xs);font-weight:var(--bf-weight-bold);margin-bottom:var(--bf-space-4)}.mini-menu>strong{font-size:var(--bf-text-xl);font-weight:var(--bf-weight-heavy);line-height:var(--bf-leading-heading);margin-bottom:var(--bf-space-4)}.mini-menu>img{display:block;width:100%;height:128px;object-fit:cover;border-radius:var(--bf-radius-sm);margin-bottom:var(--bf-space-4)}.mini-item{display:flex;flex-direction:column;gap:var(--bf-space-2);font-size:var(--bf-text-sm)}.mini-menu>small{font-size:var(--bf-text-xs);font-weight:var(--bf-weight-semibold);margin-top:auto;padding-top:var(--bf-space-5)}.mini-list-item{display:flex;flex-direction:column;gap:var(--bf-space-2);padding-block:var(--bf-space-4);border-top:1px solid var(--bf-ref-color-neutral-200);font-size:var(--bf-text-sm)}.mini-list-item>span{font-size:var(--bf-text-xs)}.mini-list-item>em{font-style:normal;font-weight:var(--bf-weight-bold)}
.qr-style-print,.qr-style-brand{min-width:0;padding:var(--bf-space-4);border-radius:var(--bf-radius-control);text-align:center;background:var(--bf-ref-color-white);color:var(--bf-ref-color-neutral-950)}.qr-style-brand{background:var(--bf-ref-color-green-800);color:var(--bf-ref-color-white)}.qr-style-print>span{display:block;font-size:var(--bf-text-sm);font-weight:var(--bf-weight-bold);margin-bottom:var(--bf-space-3)}.qr-style-brand>img{display:block;margin:0 auto var(--bf-space-3);background:var(--bf-ref-color-white);border-radius:var(--bf-radius-sm)}.qr-style-board a{display:block;background:var(--bf-ref-color-white);border-radius:var(--bf-radius-sm);overflow:hidden}.qr-style-board svg{display:block;width:100%;height:auto}.qr-style-brand svg path{fill:var(--bf-ref-color-green-800)}.qr-style-board strong{display:block;margin-top:var(--bf-space-3);font-size:var(--bf-text-xs)}
.hospitality{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--bf-space-12);padding:var(--bf-space-5);border-radius:var(--bf-radius-hero)}.hospitality>div{padding:var(--bf-space-6)}.hospitality .parallax-frame{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--bf-radius-card)}.hospitality p{margin-top:var(--bf-space-5);color:var(--bf-color-muted)}.hospitality p+p{font-size:var(--bf-text-sm)}
.reach-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--bf-space-6)}.reach-features article{padding:var(--bf-space-10);border-radius:var(--bf-radius-card)}.reach-features h3{font-size:var(--bf-text-title);max-width:24ch}.reach-features p{margin-top:var(--bf-space-5);color:var(--bf-color-muted)}.reach-note{font-size:var(--bf-text-sm)}.reach-section>.primary-action{margin-top:var(--bf-space-6)}
.hospitality{padding:0;background:transparent}.hospitality>div{padding:0}
.reach-features article:first-child{background:var(--bf-color-surface-raised)}.reach-features article:last-child{background:var(--bf-gradient-citrus);color:var(--bf-ref-color-green-950);--bf-color-muted:var(--bf-ref-color-green-950)}
/* Real menus and answers use calm, readable white surfaces. */
.directory,.faq{display:grid;grid-template-columns:5fr 7fr;gap:var(--bf-space-12);padding:var(--bf-space-8) 0;border-top:1px solid var(--bf-color-border-subtle)}.directory h2,.faq h2{font-size:var(--bf-text-title)}.section-intro>p{margin-top:var(--bf-space-5);color:var(--bf-color-muted)}
.restaurant-list>a{display:flex;align-items:center;justify-content:space-between;gap:var(--bf-space-3);padding-block:var(--bf-space-5);border-bottom:1px solid var(--bf-color-border-subtle)}.restaurant-list>a:first-child{padding-top:0}.restaurant-list strong{font-size:var(--bf-text-xl)}.restaurant-list small{display:block;color:var(--bf-color-muted);font-size:var(--bf-text-sm)}.menu-count{display:flex;align-items:center;gap:var(--bf-space-3);font-size:var(--bf-text-xs);color:var(--bf-color-muted);white-space:nowrap}.listing-note{font-size:var(--bf-text-xs);color:var(--bf-color-muted);margin-top:var(--bf-space-4)}
.faq{margin-top:0}.faq details{border-bottom:1px solid var(--bf-color-border-subtle)}.faq details:last-child{border:0}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--bf-space-5);list-style:none;cursor:pointer;min-height:64px;font-weight:var(--bf-weight-semibold);padding-block:var(--bf-space-4)}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'';width:8px;height:8px;border-right:2px solid var(--bf-color-action);border-bottom:2px solid var(--bf-color-action);transform:rotate(45deg);flex:none;margin-inline-end:4px}.faq details[open] summary::after{transform:rotate(225deg)}.faq details p{padding-bottom:var(--bf-space-5);color:var(--bf-color-muted);max-width:60ch}.faq details[open] summary{color:var(--bf-color-action)}
.closing{display:grid;grid-template-columns:1fr 1fr;gap:var(--bf-space-12);align-items:start;padding:var(--bf-space-10);border-radius:var(--bf-radius-hero);background:var(--bf-gradient-forest);--bf-color-ink:var(--bf-ref-color-white);--bf-color-muted:var(--bf-ref-color-green-100);--bf-color-action:var(--bf-ref-color-lime-400);--bf-color-focus:var(--bf-ref-color-lime-400);color:var(--bf-color-ink)}.closing p{margin-top:var(--bf-space-5);color:var(--bf-color-muted);max-width:48ch}.launch-benefits{margin:var(--bf-space-6) 0 0;padding-inline-start:var(--bf-space-5);font-size:var(--bf-text-sm)}.launch-benefits li{padding-block:var(--bf-space-2)}.launch-benefits li::marker{color:var(--bf-color-action)}.launch-expectation{font-size:var(--bf-text-xs)}
.signup-panel{padding:var(--bf-space-8);background:var(--bf-ref-color-white);border-radius:var(--bf-radius-card);--bf-color-canvas:var(--bf-ref-color-neutral-50)}.signup-panel>p{font-size:var(--bf-text-sm)}.ml-embedded{min-height:180px}.ml-embedded iframe{max-width:100%;border:0}.signup-panel .privacy{font-size:var(--bf-text-xs);margin-top:var(--bf-space-3)}.signup-fallback{margin-top:var(--bf-space-4);color:var(--bf-color-action)}
footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bf-space-6);padding-block:var(--bf-space-8) var(--bf-space-12);font-size:var(--bf-text-sm);color:var(--bf-color-muted)}footer>a:last-child{min-height:44px;display:inline-flex;align-items:center}

/* Third-party form uses our surface and control roles without altering submission. */
#launch .signup-panel #mlb2-46658645 .ml-form-embedWrapper{background:transparent!important;width:100%!important;max-width:none!important;border-radius:0!important}
#launch .signup-panel #mlb2-46658645 .ml-form-embedBody,#launch .signup-panel #mlb2-46658645 .ml-form-successBody{padding:0!important}
#launch .signup-panel #mlb2-46658645 h4,#launch .signup-panel #mlb2-46658645 p,#launch .signup-panel #mlb2-46658645 label{color:var(--bf-color-ink)!important;font-family:inherit!important;text-align:start!important}
#launch .signup-panel #mlb2-46658645 p{color:var(--bf-color-muted)!important}
#launch .signup-panel #mlb2-46658645 input:not([type=checkbox]):not([type=hidden]){background:var(--bf-color-canvas)!important;color:var(--bf-color-ink)!important;border:1px solid var(--bf-color-border)!important;border-radius:var(--bf-comp-input-radius)!important;min-height:var(--bf-size-control);font-family:inherit!important;caret-color:var(--bf-color-action)}
#launch .signup-panel #mlb2-46658645 input::placeholder{color:var(--bf-color-muted)!important;opacity:1}
#launch .signup-panel #mlb2-46658645 input:focus-visible{outline:var(--bf-comp-focus-width) solid var(--bf-color-action)!important;outline-offset:var(--bf-comp-focus-offset)}
#launch .signup-panel #mlb2-46658645 button{background:var(--bf-color-accent)!important;color:var(--bf-color-on-accent)!important;border-radius:var(--bf-comp-button-radius)!important;min-height:var(--bf-size-control);font-family:inherit!important}
#launch .signup-panel #mlb2-46658645 button:hover{background:var(--bf-ref-color-action-hover-dark)!important}#launch .signup-panel #mlb2-46658645 a{color:var(--bf-color-action)!important}
/* Shared Stage 2 artifact, feedback and form roles. */
html{scrollbar-color:var(--bf-color-muted) var(--bf-color-canvas)}
html[dir=rtl] .direction-arrow{transform:scaleX(-1)}
.hero-media{position:relative}.hero-menu-proof{display:flex;align-items:center;justify-content:space-between;gap:var(--bf-space-4);padding:var(--bf-space-4);background:var(--bf-ref-color-white);color:var(--bf-ref-color-neutral-950);border-radius:var(--bf-radius-control);margin-top:calc(-1 * var(--bf-space-10));margin-inline:var(--bf-space-4);position:relative}.hero-menu-proof p{font-size:var(--bf-text-sm);color:var(--bf-ref-color-neutral-600);margin-top:var(--bf-space-1)}.artifact-price{white-space:nowrap;font-weight:var(--bf-weight-bold);font-variant-numeric:tabular-nums}.artifact-price small,.guest-price small,.mini-list-item em small{font-size:var(--bf-text-sm);font-weight:var(--bf-weight-regular)}
.demo-local{font-size:var(--bf-text-sm);color:var(--bf-color-muted);margin-bottom:var(--bf-space-4)}.demo-buttons{display:flex;gap:var(--bf-space-3);align-items:center;margin-top:var(--bf-space-4)}.demo-buttons .demo-publish{margin:0;flex:1}.demo-reset{border:0;background:transparent;color:var(--bf-color-ink);font-size:var(--bf-text-sm);padding:var(--bf-space-2);min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.demo-draft,#demo-status,.demo-note,.demo-availability small,.launch-note,.launch-status,.customize-options li,.customize-result,.listing-note,.launch-expectation{font-size:var(--bf-text-sm)}#demo-status{min-height:4.5em}.demo-guest .demo-label,.guest-dish{padding:var(--bf-space-6)}.demo-guest>.parallax-frame{height:auto;aspect-ratio:16/9}.specimen-arabic{font-family:var(--bf-font-arabic)}.mini-list-item{gap:var(--bf-space-1);padding-block:var(--bf-space-3)}.mini-list-item span{font-size:var(--bf-text-sm)}.qr-style-print,.qr-style-brand{display:grid;grid-template-rows:var(--bf-size-compact) auto var(--bf-size-compact);gap:var(--bf-space-3);align-items:center}.qr-style-print>span,.qr-style-brand>span{margin:0;font-size:var(--bf-text-sm)}.qr-style-board strong{margin:0}.qr-brand-label{font-weight:var(--bf-weight-heavy);font-size:var(--bf-text-xl)!important;direction:ltr}.faq-group+.faq-group{margin-top:var(--bf-space-8)}.faq-group h3{margin-bottom:var(--bf-space-3);font-size:var(--bf-text-lg)}
#launch .signup-panel #mlb2-46658645 .ml-form-embedContent h4{font-size:var(--bf-text-xl)!important;font-weight:var(--bf-weight-bold)!important;line-height:var(--bf-leading-heading)!important}
#launch .signup-panel #mlb2-46658645 label{display:block!important;font-size:var(--bf-text-sm)!important;font-weight:var(--bf-weight-semibold)!important;margin-bottom:var(--bf-space-2)!important}
#launch .signup-panel #mlb2-46658645 .ml-form-embedContent p{display:none}/* Host introduction supplies the subscription scope. Provider privacy copy is outside this block. */
#launch .signup-panel #mlb2-46658645 button{font-size:var(--bf-text-md)!important;font-weight:var(--bf-weight-bold)!important}
html[data-theme=dark] .menu-style-board{background:var(--bf-gradient-glow)}
html[data-theme=dark] .qr-style-board{background:var(--bf-landing-qr-board)}
html[data-theme=dark] .menu-style-board figcaption{color:var(--bf-color-muted)}
html[data-theme=dark] .qr-style-board figcaption{color:var(--bf-ref-color-green-950)}
html[data-theme=dark] :is(.closing,.reach-features article:last-child){background:var(--bf-gradient-glow);--bf-color-ink:var(--bf-ref-color-white);--bf-color-muted:var(--bf-ref-color-green-100);--bf-color-action:var(--bf-ref-color-lime-400);--bf-color-focus:var(--bf-ref-color-lime-400);color:var(--bf-color-ink)}
.signup-panel{--bf-color-ink:var(--bf-ref-color-neutral-950);--bf-color-muted:var(--bf-ref-color-neutral-600);--bf-color-action:var(--bf-ref-color-green-800);--bf-color-border:var(--bf-ref-color-neutral-200);color:var(--bf-color-ink)}
@media(max-width:639px){.hero-scene{display:block}.hero h1{letter-spacing:var(--bf-tracking-heading)}.hero-menu-proof{margin-inline:var(--bf-space-2);padding:var(--bf-space-3)}.demo-editor .demo-label{margin-bottom:var(--bf-space-3)}.demo-editor h3{margin-bottom:var(--bf-space-4)}.demo-editor .demo-availability{margin-block:var(--bf-space-3)}.demo-buttons{gap:var(--bf-space-1)}.demo-buttons .demo-publish{font-size:var(--bf-text-sm);padding-inline:var(--bf-space-4);gap:var(--bf-space-2)}#demo-status{margin-top:var(--bf-space-3)}.closing{gap:var(--bf-space-5)}.closing .launch-benefits{display:none}.closing .launch-expectation{margin-top:var(--bf-space-3)}.mini-list-item{font-size:var(--bf-text-sm)}.mini-list-item span{font-size:var(--bf-text-xs)}.qr-style-print,.qr-style-brand{padding:var(--bf-space-2)}.qr-style-print>span,.qr-style-brand>span{font-size:var(--bf-text-xs)}}
@media(max-width:1050px){
 .landing-nav{gap:var(--bf-space-4)}.hero{gap:var(--bf-space-8);padding:var(--bf-space-8)}.hero h1{font-size:clamp(2.75rem,5.7vw,4.5rem)}.qr-concept{grid-template-columns:96px minmax(0,1fr);padding:var(--bf-space-3);column-gap:var(--bf-space-3)}.qr-concept h2{font-size:var(--bf-text-lg)}
 .workflow{gap:var(--bf-space-10)}.customize-row,.customize-row+.customize-row{gap:var(--bf-space-8)}.menu-style-board,.qr-style-board{padding:var(--bf-space-5)}.mini-menu{padding:var(--bf-space-3)}.mini-menu>strong{font-size:var(--bf-text-lg)}.hospitality{gap:var(--bf-space-4)}
}
@media(max-width:800px){
 .landing-nav{grid-template-columns:1fr auto;gap:var(--bf-space-2);padding-block:var(--bf-space-3);min-height:0}.nav-controls{gap:var(--bf-space-1)}.landing-nav nav{grid-column:1/-1;grid-row:2;justify-self:start;gap:var(--bf-space-4)}.nav-utilities{justify-self:end}.nav-launch{justify-self:end;min-height:44px}
 .hero{grid-template-columns:1fr;gap:var(--bf-space-10)}.hero-copy{max-width:60ch}.hero h1{font-size:clamp(3rem,9vw,4.5rem)}.hero-scene{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--bf-space-4);align-items:stretch}.hero-media figcaption{padding-bottom:0}.qr-concept{grid-template-columns:1fr;align-content:center;justify-items:start;padding:var(--bf-space-5)}.qr-concept>:not(.qr-link){grid-column:1}.qr-link{grid-row:auto;width:112px;margin-block:var(--bf-space-2)}
 .section{margin-block:calc(var(--bf-space-24) + var(--bf-space-8))}.workflow{grid-template-columns:1fr;gap:var(--bf-space-8)}.workflow-intro{display:grid;grid-template-columns:1fr 1fr;gap:var(--bf-space-6)}.workflow-intro h2{max-width:none}.workflow-intro>p{margin:0}.demo-section{padding:var(--bf-space-8)}.demo-intro,.customize-intro,.reach-section>header{gap:var(--bf-space-6)}
 .customize-row,.customize-row+.customize-row{grid-template-columns:1fr;gap:var(--bf-space-8)}.customize-qr-row .customize-copy,.customize-qr-row .qr-style-board{grid-column:auto;grid-row:auto}.customize-copy{max-width:60ch}.menu-style-board,.qr-style-board{padding:var(--bf-space-5);gap:var(--bf-space-4)}.mini-menu{padding:var(--bf-space-5)}.hospitality{grid-template-columns:1fr}.hospitality>div{padding:var(--bf-space-6)}.reach-features article{padding:var(--bf-space-6)}.directory,.faq,.closing{gap:var(--bf-space-6)}.closing{padding:var(--bf-space-6)}.signup-panel{padding:var(--bf-space-5)}
}
@media(max-width:639px){
 .landing-nav,main,footer{width:calc(100% - var(--bf-space-10))}.landing-nav{margin-bottom:var(--bf-space-3)}.brand{gap:var(--bf-space-2)}.brand-mark{width:32px;height:32px}.brand-name{font-size:24px}.landing-nav nav{font-size:var(--bf-text-sm);gap:var(--bf-space-4)}.nav-launch-full{display:none}.nav-launch-short{display:inline}.nav-launch{font-size:var(--bf-text-xs);padding:var(--bf-space-2) var(--bf-space-3);white-space:nowrap;line-height:var(--bf-leading-body);max-width:none}
 .hero{padding:var(--bf-space-6);gap:var(--bf-space-8);border-radius:var(--bf-radius-card)}.hero h1{font-size:clamp(2.25rem,10vw,3.5rem)}html[lang=ar] .hero h1{font-size:clamp(2.25rem,10vw,3.5rem)}.hero-description{font-size:var(--bf-text-md)}.hero-actions{margin-top:var(--bf-space-6);gap:var(--bf-space-2);align-items:stretch}.hero .primary-action{width:100%;justify-content:space-between;padding-inline:var(--bf-space-5);font-size:var(--bf-text-sm)}
 .hero-scene{display:block;padding:0}.hero-media>.parallax-frame{height:auto;aspect-ratio:4/3}.hero-media figcaption{padding:var(--bf-space-3) var(--bf-space-1);font-size:var(--bf-text-sm)}.qr-concept{grid-template-columns:80px minmax(0,1fr);column-gap:var(--bf-space-3);padding:var(--bf-space-3);align-content:normal;align-items:center}.qr-concept>:not(.qr-link){grid-column:2}.qr-link{grid-column:1;grid-row:1/5;width:100%;margin:0}.concept-top img{display:none}.qr-concept h2{font-size:var(--bf-text-lg)}
 .action-strip{padding-block:var(--bf-space-3)}.action-strip a,.action-strip a:first-child,.action-strip a:last-child{padding:var(--bf-space-2);font-size:var(--bf-text-md);flex-wrap:wrap;gap:var(--bf-space-1)}.action-strip small{font-size:var(--bf-text-sm)}.action-strip svg{width:16px;height:16px}
 .workflow-intro,.demo-intro,.customize-intro,.reach-section>header{grid-template-columns:1fr;gap:var(--bf-space-4)}.workflow-steps article{grid-template-columns:var(--bf-space-8) 1fr;column-gap:var(--bf-space-3)}.workflow-intro>p{max-width:none}.workflow-steps h3{font-size:var(--bf-text-xl)}
 .demo-section{padding:var(--bf-space-5);border-radius:var(--bf-radius-card)}.menu-demo,.reach-features,.directory,.faq,.closing{grid-template-columns:1fr;gap:var(--bf-space-8)}.demo-editor{padding:var(--bf-space-5)}.demo-guest .demo-label{padding:var(--bf-space-5)}.demo-guest>.parallax-frame{height:auto;aspect-ratio:4/3}.guest-dish{padding:var(--bf-space-5)}
 .customize-row+.customize-row{margin-top:var(--bf-space-16)}.customize-copy h3{font-size:var(--bf-text-xl)}.menu-style-board{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--bf-space-3);gap:var(--bf-space-2)}.mini-menu{min-height:0;padding:var(--bf-space-3)}.mini-menu>strong{font-size:var(--bf-text-md)}.mini-menu>img{height:auto;aspect-ratio:4/3}.mini-menu>small{padding-top:var(--bf-space-4)}.qr-style-board{padding:var(--bf-space-4);gap:var(--bf-space-3)}.qr-style-print,.qr-style-brand{padding:var(--bf-space-2);border-radius:var(--bf-radius-sm)}.qr-style-print>span,.qr-style-board strong{font-size:var(--bf-text-xs)}
 .hospitality .parallax-frame{height:auto;aspect-ratio:4/3}.reach-features h3{font-size:var(--bf-text-xl)}.restaurant-list strong{font-size:var(--bf-text-lg)}.menu-count{gap:var(--bf-space-2)}.faq summary{font-size:var(--bf-text-sm)}.closing{padding:var(--bf-space-6);border-radius:var(--bf-radius-card);gap:var(--bf-space-5)}.signup-panel{padding:var(--bf-space-4)}
 footer{flex-wrap:wrap;gap:var(--bf-space-4)}footer>p{flex-basis:100%;order:3}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav-launch,.primary-action,.demo-publish{transition:none}.nav-launch:active,.primary-action:active,.demo-publish:active{transform:none}}

/* Desktop stories stay compact on laptop-height screens; content can grow naturally. */
@media(min-width:801px){
 .section{margin-block:calc(2 * var(--bf-space-24))}
 .hero{padding:var(--bf-space-8);gap:var(--bf-space-8)}
 .hero-media>.parallax-frame{aspect-ratio:16/9;max-height:280px}
 .hero-actions{margin-top:var(--bf-space-6)}
 .qr-concept{grid-template-columns:96px minmax(0,1fr);padding:var(--bf-space-3)}
 .qr-concept h2{font-size:var(--bf-text-lg)}
 .demo-section{padding:var(--bf-space-8)}
 .demo-intro,.customize-intro,.reach-section>header{margin-bottom:var(--bf-space-8)}
 .demo-editor{padding:var(--bf-space-6)}
 .demo-editor .demo-label,.demo-editor h3{margin-bottom:var(--bf-space-3)}
 .demo-editor .demo-availability{margin-block:var(--bf-space-3)}
 .demo-guest>.parallax-frame{aspect-ratio:21/9;max-height:200px}
 .demo-guest .demo-label,.guest-dish{padding:var(--bf-space-4)}
 #demo-status{min-height:3em}
 .menu-style-board,.qr-style-board{align-self:center}
 .mini-menu{min-height:0}
 .mini-menu>img{height:96px}
 .mini-menu>strong{font-size:var(--bf-text-lg);margin-bottom:var(--bf-space-3)}
 .mini-brand{margin-bottom:var(--bf-space-3)}
 .mini-menu>small{padding-top:var(--bf-space-3)}
 .qr-style-board a{width:min(100%,240px);justify-self:center}
 .customize-row+.customize-row{margin-top:calc(var(--bf-space-24) + var(--bf-space-16))}
 .hospitality .parallax-frame{aspect-ratio:16/9;max-height:360px}
 .reach-features article{padding:var(--bf-space-6)}
 .faq{grid-template-columns:1fr;gap:var(--bf-space-6)}
 .faq-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bf-space-8);align-items:start}
 .faq-group+.faq-group{margin-top:0}
 .faq summary{min-height:56px;padding-block:var(--bf-space-3)}
 .closing{padding:var(--bf-space-8);gap:var(--bf-space-12)}
 .customize-row,.customize-row+.customize-row{gap:var(--bf-space-16)}
 .menu-demo,.reach-features{gap:var(--bf-space-8)}
 .directory{gap:var(--bf-space-16)}
 .signup-panel{padding:var(--bf-space-6)}
 #launch .signup-panel #mlb2-46658645 .ml-form-formContent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bf-space-4)}
 #launch .signup-panel #mlb2-46658645 .ml-form-fieldRow{margin-bottom:0;min-width:0}
}

/* Clip an oversized photograph inside a stable frame; only transforms move. */
.parallax-frame{position:relative;overflow:hidden}
.parallax-frame>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  .parallax-frame{view-timeline:--food-scroll block}
  .parallax-frame>img{
   animation:food-parallax linear both;
   animation-timeline:--food-scroll;
   animation-range:entry 0% exit 100%;
  }
 }
}
@keyframes food-parallax{
 from{transform:translateY(-6%) scale(1.18)}
 to{transform:translateY(6%) scale(1.18)}
}