/* Standalone Restaurant App page: an expanded presentation of the existing app-builder component. */
.restaurant-app-page{--rap-ink:#151321;--rap-muted:#6e6a78;--rap-brand:#6d28d9;--rap-brand-soft:#f4efff;--rap-line:rgba(45,35,75,.12);background:#fff;color:var(--rap-ink);overflow:hidden}.restaurant-app-page h1,.restaurant-app-page h2,.restaurant-app-page h3,.restaurant-app-page p{margin:0}.restaurant-app-page h1,.restaurant-app-page h2,.restaurant-app-page h3{letter-spacing:-.045em}.restaurant-app-skip{position:absolute;z-index:10;top:15px;right:20px;transform:translateY(-180%);padding:10px 16px;background:var(--rap-ink);border-radius:999px;color:#fff;font-size:12px}.restaurant-app-skip:focus{transform:none}.restaurant-app-page :focus-visible{outline:3px solid #8b5cf6;outline-offset:4px}.restaurant-app-hero{padding-top:140px;background:linear-gradient(180deg,#fbfaff 0%,#fff 36%)}.restaurant-app-hero__intro{position:relative;z-index:2}.restaurant-app-hero__copy{max-width:700px;margin:0 auto 30px;text-align:center}.restaurant-app-hero__copy h1{font-size:clamp(45px,6vw,82px);line-height:1.08}.restaurant-app-hero__copy h1 span,.restaurant-app-section h2 span,.restaurant-app-cta h2 span{color:var(--rap-brand)}.restaurant-app-hero__copy p{max-width:650px;margin:25px auto;color:var(--rap-muted);font-size:18px;line-height:2}.restaurant-app-hero__outcomes{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:0 0 28px}.restaurant-app-hero__outcomes span{padding:8px 13px;border:1px solid rgba(109,40,217,.16);border-radius:999px;background:var(--rap-brand-soft);color:var(--rap-brand);font-size:11px}.restaurant-app-hero .app-builder{margin-top:20px;background:#fff;--app-page-top:#fff;--app-page-bottom:#f8f6ff;--app-hero-start:#ede5ff;--app-hero-end:#6d28d9;--app-accent:#7c3aed;--app-accent-soft:rgba(124,58,237,.12);--app-muted-text:#6e6a78}.restaurant-app-hero .app-builder__text{display:none}.restaurant-app-hero .app-builder__workspace{border:1px solid rgba(109,40,217,.16);background:linear-gradient(180deg,#fff,#f8f6ff);box-shadow:0 26px 70px rgba(76,29,149,.13)}.restaurant-app-hero .app-builder__workspace::before{background:linear-gradient(135deg,rgba(124,58,237,.08),transparent 30%)}.restaurant-app-hero .app-builder__workspace-badge,.restaurant-app-hero .app-builder__expand-btn{background:#f4efff;border-color:rgba(109,40,217,.15);color:var(--rap-brand)}.restaurant-app-hero .app-builder__workspace-meta span{background:#fbfaff;border-color:var(--rap-line);color:var(--rap-muted)}.restaurant-app-hero .app-builder__device-shell,.restaurant-app-hero .app-editor{border-color:var(--rap-line);background:#fff;box-shadow:0 18px 45px rgba(58,38,97,.08)}.restaurant-app-hero .app-builder__device-badge{background:var(--rap-brand-soft);color:var(--rap-brand)}.restaurant-app-hero .app-editor__tab.is-active{color:var(--rap-brand);border-color:var(--rap-brand)}.restaurant-app-hero .app-editor__store-grid{border-top-color:var(--rap-line)}.restaurant-app-section{padding:clamp(90px,10vw,145px) 0}.restaurant-app-section__heading{max-width:630px}.restaurant-app-section__heading--center{margin-inline:auto;text-align:center}.restaurant-app-section__heading h2{font-size:clamp(40px,5vw,70px);line-height:1.1;margin-bottom:22px}.restaurant-app-section__heading p{max-width:560px;color:var(--rap-muted);font-size:16px;line-height:2}.restaurant-app-section__heading--center p{margin-inline:auto}.restaurant-app-customize{background:#f8f7fb}.restaurant-app-customize__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:62px;background:var(--rap-line);border:1px solid var(--rap-line)}.restaurant-app-customize__grid article{min-height:225px;padding:28px;background:#fff}.restaurant-app-customize__grid article>b{display:block;color:#a7a0b6;font-size:11px}.restaurant-app-customize__grid article>span{display:grid;place-items:center;width:43px;height:43px;margin:28px 0 20px;border-radius:13px;background:var(--rap-brand-soft);color:var(--rap-brand);font-size:20px}.restaurant-app-customize__grid h3{font-size:19px;margin-bottom:9px}.restaurant-app-customize__grid p{color:var(--rap-muted);font-size:12px;line-height:1.9}.restaurant-app-journey{background:#fff}.restaurant-app-journey__steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-top:70px}.restaurant-app-journey__steps article{min-height:170px;padding:25px;border:1px solid var(--rap-line);border-radius:18px;background:#fff}.restaurant-app-journey__steps article>strong{color:#aaa4b4;font-size:11px}.restaurant-app-journey__steps article>span{display:block;margin:24px 0 12px;color:var(--rap-brand);font-size:24px}.restaurant-app-journey__steps h3{font-size:19px;margin-bottom:6px}.restaurant-app-journey__steps p{color:var(--rap-muted);font-size:11px;line-height:1.8}.restaurant-app-journey__steps>i{color:var(--rap-brand);font-style:normal;font-size:22px}.restaurant-app-benefits{background:#f5f1ff}.restaurant-app-benefits__grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.restaurant-app-benefits__list{border-top:1px solid var(--rap-line)}.restaurant-app-benefits__list article{display:grid;grid-template-columns:38px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--rap-line)}.restaurant-app-benefits__list article>span{color:var(--rap-brand);font-size:11px}.restaurant-app-benefits__list h3{font-size:20px;margin-bottom:7px}.restaurant-app-benefits__list p{color:var(--rap-muted);font-size:13px;line-height:1.8}.restaurant-app-showcase{background:#fff}.restaurant-app-showcase__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px;margin-top:60px}.restaurant-app-showcase__image{position:relative;min-height:355px;overflow:hidden;border-radius:22px;background:#181528}.restaurant-app-showcase__image:first-child{min-height:460px}.restaurant-app-showcase__image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.32,.72,0,1)}.restaurant-app-showcase__image:hover img{transform:scale(1.04)}.restaurant-app-showcase__image:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(20,16,34,.9))}.restaurant-app-showcase__image div{position:absolute;z-index:1;right:22px;bottom:22px;color:#fff}.restaurant-app-showcase__image strong,.restaurant-app-showcase__image small{display:block}.restaurant-app-showcase__image strong{font-size:20px}.restaurant-app-showcase__image small{margin-top:4px;color:#d8d0e6;font-size:11px}.restaurant-app-cta{padding:100px 0;background:var(--rap-brand-soft)}.restaurant-app-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.restaurant-app-cta h2{font-size:clamp(40px,5vw,68px);line-height:1.1;margin-bottom:18px}.restaurant-app-cta p{color:var(--rap-muted);font-size:16px;line-height:2}.restaurant-app-cta .section-badge{margin-bottom:20px}
@media (max-width:1050px){.restaurant-app-customize__grid{grid-template-columns:repeat(2,1fr)}.restaurant-app-journey__steps{grid-template-columns:1fr 1fr;gap:14px}.restaurant-app-journey__steps>i{display:none}.restaurant-app-showcase__grid{grid-template-columns:1fr 1fr}.restaurant-app-showcase__image:first-child{grid-column:1/-1}}
@media (max-width:760px){.restaurant-app-hero{padding-top:112px}.restaurant-app-hero__copy p{font-size:15px}.restaurant-app-customize__grid,.restaurant-app-benefits__grid,.restaurant-app-showcase__grid{grid-template-columns:1fr}.restaurant-app-customize__grid article{min-height:190px}.restaurant-app-journey__steps{grid-template-columns:1fr}.restaurant-app-showcase__image:first-child{grid-column:auto}.restaurant-app-showcase__image,.restaurant-app-showcase__image:first-child{min-height:310px}.restaurant-app-cta__inner{align-items:flex-start;flex-direction:column}.restaurant-app-cta .btn{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.restaurant-app-page *{scroll-behavior:auto!important;transition:none!important}.restaurant-app-showcase__image:hover img{transform:none}}
.restaurant-app-hero__copy h1,.restaurant-app-section__heading h2,.restaurant-app-cta h2,.restaurant-app-final-cta h2{font-weight:800;color:#171424}.restaurant-app-hero .app-builder{margin-top:0;padding-top:24px;padding-bottom:70px}.restaurant-app-hero .app-builder__content{gap:0}.restaurant-app-hero .app-builder__workspace{transform:scale(1.16);transform-origin:top center;margin-bottom:-9%}.restaurant-app-hero .app-builder__workspace-head{margin-bottom:.75rem}.restaurant-app-customize__grid article{box-shadow:0 12px 28px rgba(57,33,103,.04)}.restaurant-app-customize__grid article>span{font-weight:800}.restaurant-app-customize__grid p,.restaurant-app-benefits__list p,.restaurant-app-journey__steps p{color:#5b5666}.restaurant-app-channel{background:#fff}.restaurant-app-channel__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:60px auto 0;max-width:900px}.restaurant-app-channel__grid article{padding:38px;border-radius:22px;border:1px solid var(--rap-line)}.restaurant-app-channel__grid article>span{font-size:11px;font-weight:700}.restaurant-app-channel__grid h3{font-size:31px;margin:46px 0 26px}.restaurant-app-channel__grid ul{display:grid;gap:15px;font-size:14px}.restaurant-app-channel__grid li:before{display:inline-grid;place-items:center;width:23px;height:23px;margin-inline-end:8px;border-radius:50%;content:'×';background:#f0edf3;color:#8e8798}.restaurant-app-channel__other{background:#f8f7fb;color:#6d6874}.restaurant-app-channel__sufrah{background:#f3edff;border-color:rgba(109,40,217,.25)!important;color:#27183f}.restaurant-app-channel__sufrah>span,.restaurant-app-channel__sufrah li:before{color:var(--rap-brand)}.restaurant-app-channel__sufrah li:before{content:'✓';background:#e6d9ff}.restaurant-app-final-cta{padding:90px 0;background:#f3edff}.restaurant-app-final-cta h2{font-size:clamp(42px,6vw,78px);margin:20px 0 36px}.restaurant-app-final-cta__bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.restaurant-app-final-cta__bottom>div{display:flex;flex-wrap:wrap;gap:20px;color:#5b4c72;font-size:13px}.restaurant-app-final-cta .btn{background:#171424;color:#fff}
@media (max-width:1050px){.restaurant-app-hero .app-builder__workspace{transform:scale(1.08);margin-bottom:-5%}.restaurant-app-channel__grid{max-width:760px}}
@media (max-width:760px){.restaurant-app-hero .app-builder{padding-top:10px;padding-bottom:45px}.restaurant-app-hero .app-builder__workspace{transform:none;margin-bottom:0}.restaurant-app-channel__grid{grid-template-columns:1fr;margin-top:40px}.restaurant-app-channel__grid h3{margin-top:28px}.restaurant-app-final-cta__bottom{align-items:flex-start;flex-direction:column}.restaurant-app-final-cta .btn{width:100%;justify-content:center}}
/* final hero scale override */
.restaurant-app-hero .app-builder__workspace{transform:scale(1.22);margin-bottom:-12%}
@media (max-width:1050px){.restaurant-app-hero .app-builder__workspace{transform:scale(1.12);margin-bottom:-7%}}
@media (max-width:760px){.restaurant-app-hero .app-builder__workspace{transform:none;margin-bottom:0}}

/* Theme-aware product surface: the page follows Sufrah's global light/dark tokens. */
.restaurant-app-page{--rap-ink:var(--color-text-primary);--rap-muted:var(--color-text-secondary);--rap-brand:var(--color-brand-600);--rap-brand-soft:var(--color-brand-50);--rap-line:var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary)}
.restaurant-app-page .restaurant-app-hero,.restaurant-app-page .restaurant-app-customize,.restaurant-app-page .restaurant-app-benefits,.restaurant-app-page .restaurant-app-channel,.restaurant-app-page .restaurant-app-showcase{background:var(--color-bg-primary);color:var(--color-text-primary)}
.restaurant-app-page .restaurant-app-benefits{background:var(--color-bg-secondary)}
.restaurant-app-page .restaurant-app-customize__grid article,.restaurant-app-page .restaurant-app-channel__other,.restaurant-app-page .restaurant-app-channel__sufrah,.restaurant-app-page .restaurant-app-showcase__image{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-primary);box-shadow:var(--shadow-md)}
.restaurant-app-page .restaurant-app-section__heading p,.restaurant-app-page .restaurant-app-customize__grid article p,.restaurant-app-page .restaurant-app-benefits__list p,.restaurant-app-page .restaurant-app-channel li,.restaurant-app-page .restaurant-app-showcase__image small{color:var(--color-text-secondary)}
.restaurant-app-page .restaurant-app-channel__sufrah{background:var(--color-brand-600);border-color:var(--color-border-brand);color:#fff;box-shadow:var(--shadow-brand)}
.restaurant-app-page .restaurant-app-channel__sufrah li,.restaurant-app-page .restaurant-app-channel__sufrah span,.restaurant-app-page .restaurant-app-channel__sufrah h3{color:#fff}
.restaurant-app-page .restaurant-app-cta{background:var(--color-bg-secondary);color:var(--color-text-primary)}
.restaurant-app-page .restaurant-app-final-cta{background:var(--color-bg-secondary);color:var(--color-text-primary);border-top:1px solid var(--color-border)}
.restaurant-app-page .restaurant-app-final-cta .btn{background:var(--color-brand-600);color:#fff}
.restaurant-app-page .app-builder{background:var(--color-bg-primary);color:var(--color-text-primary)}
.restaurant-app-page .app-builder__workspace{background:var(--color-bg-elevated);border-color:var(--color-border);box-shadow:var(--shadow-lg)}
.restaurant-app-page .app-builder__editor,.restaurant-app-page .app-builder__preview{border-color:var(--color-border)}
.restaurant-app-page .app-builder__editor{background:var(--color-bg-secondary);color:var(--color-text-primary)}
.restaurant-app-page .app-builder__preview{background:var(--color-bg-primary)}
.restaurant-app-page .app-builder__field,.restaurant-app-page .app-builder__swatch,.restaurant-app-page .app-builder__store{border-color:var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-primary)}
.restaurant-app-page .app-builder__label,.restaurant-app-page .app-builder__hint{color:var(--color-text-secondary)}
.restaurant-app-page .app-builder__device{box-shadow:var(--shadow-xl)}
.restaurant-app-page h1,.restaurant-app-page h2,.restaurant-app-page h3{color:var(--color-text-primary)}
.restaurant-app-page .restaurant-app-hero .app-builder{--app-page-top:var(--color-bg-primary);--app-page-bottom:var(--color-bg-secondary);--app-hero-start:var(--color-brand-100);--app-hero-end:var(--color-brand-600);--app-accent:var(--color-brand-500);--app-accent-soft:var(--color-brand-50);--app-muted-text:var(--color-text-secondary)}

[data-theme="light"] .restaurant-app-page{--rap-brand:var(--color-brand-600)}
[data-theme="dark"] .restaurant-app-page{--rap-brand:var(--color-brand-300);--rap-brand-soft:rgba(124,58,237,.16)}
[data-theme="dark"] .restaurant-app-page .restaurant-app-hero,.restaurant-app-page[data-theme="dark"] .restaurant-app-hero{background:var(--color-bg-primary)}
[data-theme="dark"] .restaurant-app-page .restaurant-app-customize__grid article,[data-theme="dark"] .restaurant-app-page .restaurant-app-channel__other,[data-theme="dark"] .restaurant-app-page .restaurant-app-showcase__image{background:var(--color-bg-elevated)}
[data-theme="dark"] .restaurant-app-page .restaurant-app-channel__other{border-color:var(--color-border-hover)}
[data-theme="dark"] .restaurant-app-page .restaurant-app-final-cta{background:var(--color-bg-secondary)}
[data-theme="dark"] .restaurant-app-page .restaurant-app-hero .app-builder{--app-page-top:var(--color-bg-primary);--app-page-bottom:var(--color-bg-secondary);--app-hero-start:var(--color-brand-800);--app-hero-end:var(--color-brand-500);--app-accent:var(--color-brand-300);--app-accent-soft:rgba(124,58,237,.16);--app-muted-text:var(--color-text-secondary)}

/* The homepage teaser is also part of the migrated product surface. */
[data-theme="dark"] .restaurant-app-teaser{background:var(--color-bg-secondary);color:var(--color-text-primary)}
[data-theme="dark"] .restaurant-app-teaser__card,[data-theme="dark"] .restaurant-app-teaser__visual{background:var(--color-bg-elevated);border-color:var(--color-border)}

/* Final product-page type scale: fewer forced breaks, stronger Arabic rhythm. */
.restaurant-app-page .restaurant-app-hero__copy h1{max-width:900px;margin-inline:auto;font-size:clamp(2.25rem,4.6vw,4rem);line-height:1.18}
.restaurant-app-page .restaurant-app-section__heading h2,.restaurant-app-page .restaurant-app-final-cta h2{font-size:clamp(1.875rem,3.5vw,3rem);line-height:1.25}
.restaurant-app-page .restaurant-app-customize__grid h3{font-size:clamp(1.25rem,2vw,1.625rem);line-height:1.45}
.restaurant-app-page .restaurant-app-customize__grid article{min-height:180px}
.restaurant-app-page .restaurant-app-customize__grid article>span{margin-bottom:16px}
@media (max-width:1050px){.restaurant-app-page .restaurant-app-hero__copy h1{font-size:clamp(2.25rem,6vw,3.5rem)}.restaurant-app-page .restaurant-app-section__heading h2,.restaurant-app-page .restaurant-app-final-cta h2{font-size:clamp(1.875rem,4.5vw,2.75rem)}}
@media (max-width:760px){.restaurant-app-page .restaurant-app-hero__copy h1{font-size:clamp(2.25rem,10vw,2.625rem)}.restaurant-app-page .restaurant-app-section__heading h2,.restaurant-app-page .restaurant-app-final-cta h2{font-size:clamp(1.875rem,8vw,2.125rem)}.restaurant-app-page .restaurant-app-customize__grid article{min-height:150px}}

/* Premium refinement pass: restrained surfaces, tighter rhythm, and clearer product hierarchy. */
.restaurant-app-page{--rap-radius-card:18px;--rap-radius-control:12px;--rap-shadow-soft:var(--shadow-md);--rap-shadow-hero:var(--shadow-xl)}
.restaurant-app-page .restaurant-app-hero{padding-top:clamp(112px,10vw,136px);padding-bottom:clamp(24px,4vw,56px)}
.restaurant-app-page .restaurant-app-hero__copy{max-width:760px;margin-bottom:clamp(28px,3vw,42px)}
.restaurant-app-page .restaurant-app-hero__copy h1{letter-spacing:-.055em;text-wrap:balance}
.restaurant-app-page .restaurant-app-hero__copy p{max-width:560px;margin:18px auto 22px;line-height:1.85}
.restaurant-app-page .restaurant-app-hero__outcomes{gap:8px;margin-bottom:24px}
.restaurant-app-page .restaurant-app-hero__outcomes span{border-color:var(--color-border-brand);background:var(--rap-brand-soft);font-weight:var(--fw-medium)}
.restaurant-app-page .restaurant-app-hero .app-builder{padding-top:12px;padding-bottom:36px}
.restaurant-app-page .restaurant-app-hero .app-builder__workspace{border-radius:var(--radius-xl);box-shadow:var(--rap-shadow-hero);transform:scale(1.16);margin-bottom:-8%}
.restaurant-app-page .restaurant-app-hero .app-builder__device-shell,.restaurant-app-page .restaurant-app-hero .app-editor{border-radius:var(--rap-radius-card);box-shadow:var(--rap-shadow-soft)}
.restaurant-app-page .restaurant-app-hero .app-builder__workspace-badge,.restaurant-app-page .restaurant-app-hero .app-builder__expand-btn{border-radius:var(--rap-radius-control)}
.restaurant-app-page .restaurant-app-section{padding-block:clamp(76px,8vw,116px)}
.restaurant-app-page .restaurant-app-customize{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.restaurant-app-page .restaurant-app-section__heading{max-width:680px}
.restaurant-app-page .restaurant-app-section__heading h2{letter-spacing:-.05em;text-wrap:balance;margin-bottom:16px}
.restaurant-app-page .restaurant-app-customize__grid{gap:12px;margin-top:42px;background:transparent;border:0}
.restaurant-app-page .restaurant-app-customize__grid article{min-height:174px;padding:24px;border:1px solid var(--color-border);border-radius:var(--rap-radius-card);background:var(--color-bg-elevated);box-shadow:var(--rap-shadow-soft);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}
.restaurant-app-page .restaurant-app-customize__grid article:hover{transform:translateY(-4px);border-color:var(--color-border-brand);box-shadow:var(--shadow-lg)}
.restaurant-app-page .restaurant-app-customize__grid article>b{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}
.restaurant-app-page .restaurant-app-customize__grid article>span{width:44px;height:44px;margin:24px 0 18px;border:1px solid var(--color-border-brand);border-radius:var(--rap-radius-control);background:var(--rap-brand-soft);font-size:18px}
.restaurant-app-page .restaurant-app-customize__grid h3{margin:0;letter-spacing:-.025em}

.restaurant-app-page .order-flow{background:var(--color-bg-primary)}
.restaurant-app-page .order-flow .section__header h2{max-width:760px;color:var(--color-text-primary);font-size:clamp(2rem,3.4vw,3rem);line-height:1.25;white-space:normal;text-wrap:balance}
.restaurant-app-page .order-flow__shell{margin-top:38px;border-radius:var(--radius-xl);border-color:var(--color-border);background:var(--color-bg-card);box-shadow:var(--shadow-lg)}
.restaurant-app-page .order-flow__headline-title{font-size:clamp(1.35rem,2vw,1.75rem);letter-spacing:-.03em}
.restaurant-app-page .order-flow__summary{line-height:1.7}
.restaurant-app-page .order-flow__eyebrow{border-radius:var(--rap-radius-card);border-color:var(--color-border-brand);background:var(--color-brand-50);color:var(--color-brand-700);box-shadow:var(--shadow-sm)}
.restaurant-app-page .flow-step{border:1px solid var(--color-border);border-radius:var(--rap-radius-card);background:var(--color-bg-elevated);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}
.restaurant-app-page .flow-step:hover{transform:translateY(-3px);border-color:var(--color-border-brand);box-shadow:var(--shadow-md)}
.restaurant-app-page .flow-step__icon{color:var(--color-brand-500)}
.restaurant-app-page .flow-step__number,.restaurant-app-page .flow-step__meta{color:var(--color-text-tertiary)}
.restaurant-app-page .flow-step__title{color:var(--color-text-primary);letter-spacing:-.02em}
.restaurant-app-page .flow-step__desc{color:var(--color-text-secondary);line-height:1.7}
.restaurant-app-page .flow-step__chips span{border-color:var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary)}

.restaurant-app-page .faq-section{background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}
.restaurant-app-page .faq-section__shell{max-width:860px;border-color:var(--color-border);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg);backdrop-filter:none;-webkit-backdrop-filter:none}
.restaurant-app-page .faq-section__header h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.05em}
.restaurant-app-page .faq-section__header p{color:var(--color-text-secondary);line-height:1.8}
.restaurant-app-page .faq-item{border-color:var(--color-border);background:var(--color-bg-secondary);border-radius:var(--rap-radius-control);transition:border-color var(--transition-base),background var(--transition-base),transform var(--transition-base)}
.restaurant-app-page .faq-item:hover{border-color:var(--color-border-brand);transform:translateY(-1px)}
.restaurant-app-page .faq-item.active{border-color:var(--color-border-brand);background:var(--color-bg-elevated)}
.restaurant-app-page .faq-question{min-height:64px;color:var(--color-text-primary)}
.restaurant-app-page .faq-question__text{font-weight:var(--fw-semibold);line-height:1.6}
.restaurant-app-page .faq-question__icon-wrap{border-color:var(--color-border);background:var(--color-bg-elevated);color:var(--color-brand-500)}
.restaurant-app-page .faq-answer p{color:var(--color-text-secondary);line-height:1.85}

.restaurant-app-page .restaurant-app-final-cta{padding-block:clamp(74px,8vw,112px);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.restaurant-app-page .restaurant-app-final-cta h2{margin:18px 0 30px;letter-spacing:-.055em;text-wrap:balance}
.restaurant-app-page .restaurant-app-final-cta__bottom>div{color:var(--color-text-secondary);line-height:1.7}
.restaurant-app-page .restaurant-app-final-cta .btn{box-shadow:var(--shadow-brand);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}
.restaurant-app-page .restaurant-app-final-cta .btn:hover,.restaurant-app-page .restaurant-app-hero .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-brand-lg)}
.restaurant-app-page .btn:active{transform:translateY(1px) scale(.99)}
.restaurant-app-page .btn:focus-visible,.restaurant-app-page .faq-question:focus-visible,.restaurant-app-page .app-builder__expand-btn:focus-visible{outline:3px solid var(--color-brand-300);outline-offset:4px}

[data-theme="dark"] .restaurant-app-page .restaurant-app-hero .app-builder__workspace{background:var(--color-bg-elevated);border-color:var(--color-border);box-shadow:var(--shadow-xl)}
[data-theme="dark"] .restaurant-app-page .restaurant-app-hero .app-builder__device-shell,[data-theme="dark"] .restaurant-app-page .restaurant-app-hero .app-editor{background:var(--color-bg-card);border-color:var(--color-border)}
[data-theme="dark"] .restaurant-app-page .order-flow__eyebrow{background:rgba(124,58,237,.16);color:var(--color-brand-300)}
[data-theme="dark"] .restaurant-app-page .faq-section__shell{background:var(--color-bg-elevated)}
[data-theme="light"] .restaurant-app-page .order-flow__eyebrow{background:var(--color-brand-50);color:var(--color-brand-700)}

@media (max-width:1050px){.restaurant-app-page .restaurant-app-hero .app-builder__workspace{transform:scale(1.08);margin-bottom:-5%}.restaurant-app-page .restaurant-app-customize__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.restaurant-app-page .restaurant-app-hero{padding-top:104px}.restaurant-app-page .restaurant-app-hero .app-builder{padding-bottom:28px}.restaurant-app-page .restaurant-app-hero .app-builder__workspace{transform:none;margin-bottom:0}.restaurant-app-page .restaurant-app-customize__grid{grid-template-columns:1fr;gap:10px}.restaurant-app-page .restaurant-app-customize__grid article{min-height:142px;padding:20px}.restaurant-app-page .restaurant-app-customize__grid article>span{margin:18px 0 14px}.restaurant-app-page .order-flow__shell{margin-top:28px;padding:16px}.restaurant-app-page .faq-section__shell{padding:14px}.restaurant-app-page .restaurant-app-final-cta__bottom{gap:22px}}

/* Unified Sufrah chip language, shared by the hero, identity, journey, and CTA labels. */
.restaurant-app-page .section-badge,.restaurant-app-page .order-flow .section-badge--interactive{display:inline-flex;align-items:center;gap:10px;min-height:40px;margin-bottom:24px;padding:10px 16px;border:1px solid var(--color-border-brand);border-radius:14px;background:var(--color-bg-card);color:var(--color-brand-300);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.02em;box-shadow:inset 0 1px 0 var(--color-border-light),var(--shadow-sm)}
.restaurant-app-page .section-badge>span[aria-hidden="true"]{display:inline-grid;place-items:center;width:18px;height:18px;color:var(--color-brand-300);font-size:14px}
.restaurant-app-page .section-badge svg{width:17px;height:17px;color:var(--color-brand-300)}
.restaurant-app-page .section-badge:hover,.restaurant-app-page .order-flow .section-badge--interactive:hover{border-color:var(--color-brand-400);box-shadow:var(--shadow-brand)}
[data-theme="light"] .restaurant-app-page .section-badge,[data-theme="light"] .restaurant-app-page .order-flow .section-badge--interactive{background:var(--color-brand-50);color:var(--color-brand-600);box-shadow:inset 0 1px 0 var(--color-bg-elevated),var(--shadow-sm)}
[data-theme="light"] .restaurant-app-page .section-badge>span[aria-hidden="true"],[data-theme="light"] .restaurant-app-page .section-badge svg{color:var(--color-brand-600)}

/* Theme-aware header/footer framing on the standalone product page. */
.site-header{border-bottom-color:var(--color-border)}
.site-footer{background:var(--color-bg-secondary);border-top-color:var(--color-border)}
.site-footer .footer__shell{border-color:var(--color-border)}
.site-footer .footer__col-title{color:var(--color-text-primary)}
.site-footer .footer__links a,.site-footer .footer__brand-desc,.site-footer .footer__bottom{color:var(--color-text-secondary)}
.site-footer .footer__links a:hover,.site-footer .footer__social a:hover{color:var(--color-brand-300)}

@media (max-width:760px){.restaurant-app-page .section-badge,.restaurant-app-page .order-flow .section-badge--interactive{min-height:36px;margin-bottom:18px;padding:8px 13px;font-size:var(--fs-xs)}}

/* Bug fix: the scaled builder must reserve its transformed height and remain fully visible. */
.restaurant-app-page{overflow:visible}
.restaurant-app-page .restaurant-app-hero,.restaurant-app-page .restaurant-app-hero .app-builder{overflow:visible}
.restaurant-app-page .restaurant-app-hero .app-builder{padding-bottom:clamp(76px,8vw,124px)}
.restaurant-app-page .restaurant-app-hero .app-builder__workspace{margin-bottom:0}
@media (max-width:1050px){.restaurant-app-page .restaurant-app-hero .app-builder{padding-bottom:clamp(68px,9vw,104px)}}
@media (max-width:760px){.restaurant-app-page .restaurant-app-hero .app-builder{padding-bottom:48px}.restaurant-app-page .restaurant-app-hero .app-builder__workspace{transform:none;margin-bottom:0}}

/* Horizontal alignment audit: every standalone section shares the global container axis. */
.restaurant-app-page{direction:rtl}
.restaurant-app-page > #restaurant-app-content > section > .container,.restaurant-app-page .app-builder > .container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6);box-sizing:border-box}
.restaurant-app-page .app-builder .container,.restaurant-app-page .order-flow .container,.restaurant-app-page .faq-section .container,.restaurant-app-page .restaurant-app-final-cta .container{margin-inline:auto}
.restaurant-app-page .restaurant-app-hero__intro{margin-inline:auto}
.restaurant-app-page .app-builder__workspace,.restaurant-app-page .app-builder__workspace-scroll,.restaurant-app-page .app-builder__workspace-body{width:100%;max-width:none;margin-inline:auto;box-sizing:border-box}
.restaurant-app-page .app-builder__workspace{transform-origin:top center}
.restaurant-app-page .app-builder__workspace-body{direction:ltr}
.restaurant-app-page .app-builder__device-shell{justify-self:stretch;margin-inline:0}
.restaurant-app-page .app-editor{justify-self:stretch;margin-inline:0}
.restaurant-app-page .faq-section__shell{margin-inline:auto}
.site-header .container,.site-footer .container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6);box-sizing:border-box}
@media (max-width:768px){.restaurant-app-page > #restaurant-app-content > section > .container,.restaurant-app-page .app-builder > .container,.site-header .container,.site-footer .container{padding-inline:var(--space-5)}}
@media (max-width:480px){.restaurant-app-page > #restaurant-app-content > section > .container,.restaurant-app-page .app-builder > .container,.site-header .container,.site-footer .container{padding-inline:var(--space-4)}}

/* Root overflow fix: keep the builder in normal flow instead of scaling it beyond the viewport. */
html,body{overflow-x:clip}
.restaurant-app-page{overflow-x:clip;overflow-y:visible}
.restaurant-app-page .restaurant-app-hero .app-builder{overflow:hidden}
.restaurant-app-page .restaurant-app-hero .app-builder__workspace{transform:none;margin-inline:auto;margin-bottom:0}