:root{--color-ink:#14201c;--color-bg:#fefefd;--color-accent:#1f6e5c;--color-accent-strong:#185a4b;--color-accent-soft:#eff5f2;--color-muted:#44534d;--color-faint:#7a8983;--color-line:#edf0ee;--color-line-strong:#dce4e0;--color-panel:#f7f9f8;--color-chip:#f2f4f3;--color-warm-text:#7a4e33;--color-warm-bg:#f6e7d9;--color-dark-sub:#a9bdb5;--color-photo-a:#e2eee9;--color-photo-b:#eff5f2;--font-head:"Space Grotesk", system-ui, sans-serif;--font-body:system-ui, sans-serif;--font-ar:"Tajawal", sans-serif;--text-hero:clamp(2.125rem, 1.35rem + 3.2vw, 3.25rem);--text-h2:clamp(1.4375rem, 1.15rem + 1.2vw, 2rem);--text-h2-sub:clamp(1.3125rem, 1.1rem + .9vw, 1.875rem);--space-section:clamp(2.25rem, 1.6rem + 2.8vw, 3.5rem);--space-gutter:clamp(1.25rem, .4rem + 3.6vw, 3rem);--radius-card:14px;--radius-panel:18px;--radius-btn:10px;--duration-theme:.5s;--duration-fast:.15s;--shadow-phone:0 24px 48px #14201c47;--shadow-card:0 12px 28px #14201c14;--shadow-cta:0 6px 16px #1f6e5c40}[dir=rtl]{--font-head:"Tajawal", sans-serif;--font-body:"Tajawal", sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.02em;margin:0;font-weight:700}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}::selection{background:var(--color-accent);color:#fff}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.section{padding:var(--space-section) var(--space-gutter)}.container{max-width:1200px;margin-inline:auto}.btn{border-radius:var(--radius-btn);text-align:center;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease;padding:14px 26px;font-size:15px;font-weight:600;display:inline-block}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-cta)}.btn-primary:hover{background:var(--color-accent-strong);color:#fff}.btn-ghost{color:var(--color-ink);border:1.5px solid var(--color-line-strong)}.btn-ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.kicker{color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;font-size:12.5px;font-weight:700}.section-title{font-size:var(--text-h2)}.ann-bar{background:var(--color-ink);color:#fff;text-align:center;letter-spacing:.01em;padding:9px 20px;font-size:13px;font-weight:600}.nav{padding:18px var(--space-gutter);border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:16px;display:flex}.nav-links{color:var(--color-muted);gap:30px;font-size:14px;font-weight:500;display:flex}.nav-links a{transition:color var(--duration-fast) ease}.nav-links a:hover{color:var(--color-accent)}.nav-actions{align-items:center;gap:14px;display:flex}.nav-cta{background:var(--color-accent);color:#fff;transition:background var(--duration-fast) ease;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.nav-cta:hover{background:var(--color-accent-strong)}@media (width<=880px){.nav-links,.nav-cta{display:none}}.brand{align-items:center;gap:10px;display:inline-flex}.brand-mark{background:var(--color-accent);border-radius:9px;flex:none;width:32px;height:32px;position:relative;box-shadow:0 2px 6px #1f6e5c59}.brand-corner{width:7px;height:7px;position:absolute}.brand-corner-tl{border-top:2.5px solid var(--color-bg);border-left:2.5px solid var(--color-bg);border-top-left-radius:3px;top:6px;left:6px}.brand-corner-tr{border-top:2.5px solid var(--color-bg);border-right:2.5px solid var(--color-bg);border-top-right-radius:3px;top:6px;right:6px}.brand-corner-bl{border-bottom:2.5px solid var(--color-bg);border-left:2.5px solid var(--color-bg);border-bottom-left-radius:3px;bottom:6px;left:6px}.brand-corner-br{border-bottom:2.5px solid var(--color-bg);border-right:2.5px solid var(--color-bg);border-bottom-right-radius:3px;bottom:6px;right:6px}.brand-dot{background:var(--color-bg);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}.brand-word{letter-spacing:-.02em;color:var(--color-ink);font-family:Space Grotesk,system-ui,sans-serif;font-size:19px;font-weight:700}.brand-word-accent{color:var(--color-accent)}.lang-toggle{border:1px solid var(--color-line-strong);border-radius:999px;font-size:12.5px;font-weight:700;display:flex;overflow:hidden}.lang-toggle-btn{color:var(--color-muted);transition:background var(--duration-fast) ease, color var(--duration-fast) ease;background:#fff;padding:6px 13px}.lang-toggle-btn:hover{color:var(--color-accent)}.lang-toggle-btn[data-active]{background:var(--color-accent);color:#fff}.lang-toggle-ar{font-family:var(--font-ar)}.footer{padding:26px var(--space-gutter);border-top:1px solid var(--color-line);color:var(--color-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;font-size:13px;display:flex}.footer-links{flex-wrap:wrap;gap:22px;display:flex}.footer-links a{color:var(--color-faint);transition:color var(--duration-fast) ease}.footer-links a:hover{color:var(--color-accent)}.phone{background:var(--color-ink);width:230px;height:470px;box-shadow:var(--shadow-phone);border-radius:32px;flex:none;padding:9px}.phone-screen{background:var(--ph-screen);height:100%;transition:background var(--duration-theme);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.phone-header{border-bottom:1px solid var(--ph-item-border);transition:border-color var(--duration-theme);justify-content:space-between;align-items:center;padding:14px 14px 10px;display:flex}.phone-resto{font-family:var(--font-head);color:var(--ph-txt);transition:color var(--duration-theme);font-size:13px;font-weight:700}.phone-tag{color:var(--ph-sub);transition:color var(--duration-theme);font-size:9.5px}.phone-lang-chip{color:var(--ph-accent);background:var(--ph-chip-bg);transition:color var(--duration-theme), background var(--duration-theme);border-radius:999px;padding:3px 7px;font-size:9px;font-weight:700}.phone-cats{gap:6px;padding:10px 14px;font-size:9.5px;font-weight:600;display:flex}.phone-cat{background:var(--ph-chip-bg);color:var(--ph-chip-txt);transition:background var(--duration-theme), color var(--duration-theme);border-radius:999px;padding:4px 10px}.phone-cat-active{background:var(--ph-accent);color:var(--ph-accent-txt)}.phone-dishes-list{flex-direction:column;gap:8px;padding:2px 14px;display:flex}.phone-dish-row{background:var(--ph-item-bg);border:1px solid var(--ph-item-border);transition:background var(--duration-theme), border-color var(--duration-theme);border-radius:10px;align-items:center;gap:9px;padding:7px;display:flex}.phone-dishes-grid{grid-template-columns:1fr 1fr;gap:8px;padding:2px 14px;display:grid}.phone-dish-card{background:var(--ph-item-bg);border:1px solid var(--ph-item-border);transition:background var(--duration-theme), border-color var(--duration-theme);border-radius:10px;flex-direction:column;gap:6px;padding:7px;display:flex}.phone-photo{background:repeating-linear-gradient(45deg, var(--ph-photo-a), var(--ph-photo-a) 4px, var(--ph-photo-b) 4px, var(--ph-photo-b) 8px);color:var(--ph-sub);place-items:center;font-family:ui-monospace,monospace;font-size:7px;display:grid}.phone-photo-thumb{border-radius:8px;flex:none;width:44px;height:44px}.phone-photo-wide{border-radius:7px;height:42px}.phone-dish-main{flex:1;min-width:0}.phone-dish-name{color:var(--ph-txt);transition:color var(--duration-theme);font-size:10.5px;font-weight:700}.phone-dish-desc{color:var(--ph-sub);transition:color var(--duration-theme);font-size:8.5px}.phone-dish-price{color:var(--ph-accent);white-space:nowrap;transition:color var(--duration-theme);font-size:10.5px;font-weight:700}.hero{padding:60px var(--space-gutter) 68px;grid-template-columns:1.05fr 1fr;align-items:center;gap:36px;display:grid}.hero-copy{flex-direction:column;gap:22px;display:flex}.hero-badge{color:var(--color-accent);background:var(--color-accent-soft);border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:7px 14px;font-size:13px;font-weight:600;display:flex}.hero-badge-dot{background:var(--color-accent);border-radius:50%;width:7px;height:7px}.hero-title{font-size:var(--text-hero);text-wrap:pretty;line-height:1.12}.hero-sub{color:var(--color-muted);text-wrap:pretty;max-width:480px;font-size:17.5px;line-height:1.6}.hero-ctas{align-items:center;gap:12px;display:flex}.hero-proof{color:var(--color-faint);font-size:13px}.hero-visual{justify-content:center;height:480px;display:flex;position:relative}.hero-glow{background:linear-gradient(135deg, var(--color-accent-soft), #e2eee9);border-radius:20px;position:absolute;inset:20px 0}.hero-visual .phone{z-index:1;position:relative}@media (width<=880px){.hero{grid-template-columns:1fr;padding-block:36px 40px}.hero-sub{font-size:15px}.hero-ctas{flex-direction:column;align-items:stretch}.hero-proof{text-align:center;font-size:12px}.hero-visual{height:auto;padding-block:20px}}.how{background:var(--color-panel);border-top:1px solid var(--color-line)}.how-title{margin-bottom:32px}.how-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.how-card{border:1px solid var(--color-line);border-radius:var(--radius-card);background:#fff;flex-direction:column;gap:10px;padding:24px;display:flex}.how-num{background:var(--color-accent);color:#fff;width:34px;height:34px;font-family:var(--font-head);border-radius:10px;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.how-card-body{flex-direction:column;gap:5px;display:flex}.how-card-title{font-size:17px;font-weight:700}.how-card-desc{color:var(--color-muted);font-size:14px;line-height:1.55}@media (width<=880px){.how-title{margin-bottom:16px}.how-grid{grid-template-columns:1fr;gap:14px}.how-card{flex-direction:row;align-items:flex-start;gap:14px;padding:18px}.how-card-title{font-size:15.5px}.how-card-desc{font-size:13.5px}}.demo{border-top:1px solid var(--color-line)}.demo-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.demo-copy{flex-direction:column;gap:18px;padding-inline-start:24px;display:flex}.demo-sub{color:var(--color-muted);max-width:440px;font-size:16px;line-height:1.6}.demo-phone{justify-self:center}.tent{background:var(--tent-bg);border:1px solid var(--tent-border);width:178px;transition:background var(--duration-theme), border-color var(--duration-theme);border-radius:14px;flex-direction:column;align-items:center;gap:9px;padding:16px;display:flex;box-shadow:0 12px 28px #14201c24}.tent-qr{border:2px solid var(--tent-ink);border-radius:var(--tent-qr-radius);width:112px;height:112px;transition:border-color var(--duration-theme), border-radius var(--duration-theme);padding:7px}.tent-qr-grid{grid-template-rows:repeat(21,1fr);grid-template-columns:repeat(21,1fr);width:100%;height:100%;display:grid}.tent-cell{transition:background var(--duration-theme);background:0 0}.tent-cell-on{background:var(--tent-ink)}.tent-line{text-align:center;color:var(--tent-txt);transition:color var(--duration-theme);font-size:9.5px;font-weight:700;line-height:1.35}.tent-url{color:var(--tent-sub);transition:color var(--duration-theme);font-family:ui-monospace,monospace;font-size:8px}.demo-theme-picker{align-items:center;gap:12px;display:flex}.demo-dots{gap:7px;display:flex}.demo-dot{border:1.5px solid;border-radius:50%;width:13px;height:13px;padding:0;transition:background .3s}.demo-theme-name{transition:color var(--duration-theme);font-size:13.5px;font-weight:700}@media (width<=880px){.demo-grid{grid-template-columns:1fr}.demo-copy{padding-inline-start:0}.demo-phone{padding-top:8px}}.features-title{margin-bottom:32px}.features-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.feature{border-top:2px solid var(--color-accent);flex-direction:column;gap:9px;padding-top:16px;display:flex}.feature-title{font-size:16px;font-weight:700}.feature-desc{color:var(--color-muted);font-size:13.5px;line-height:1.55}@media (width<=880px){.features-title{margin-bottom:16px}.features-grid{grid-template-columns:1fr 1fr;gap:16px}.feature{gap:7px;padding-top:12px}.feature-title{font-size:14.5px}.feature-desc{font-size:12.5px}}.cmp{padding-top:0}.cmp-title{margin-bottom:28px}.cmp-table{border:1px solid var(--color-line);border-radius:16px;overflow:hidden}.cmp-row{border-bottom:1px solid var(--color-line);grid-template-columns:1.1fr 1fr 1fr;display:grid}.cmp-row:last-child{border-bottom:none}.cmp-row>div{padding:16px 24px}.cmp-head{background:var(--color-panel)}.cmp-head-paper{color:var(--color-faint);font-size:14.5px;font-weight:700}.cmp-head-sm{color:var(--color-accent);background:var(--color-accent-soft);font-size:14.5px;font-weight:700}.cmp-label{font-size:15px;font-weight:600}.cmp-paper{color:var(--color-faint);font-size:14px}.cmp-sm{color:var(--color-ink);background:var(--color-accent-soft);font-size:14px;font-weight:600}.cmp-cards{display:none}@media (width<=880px){.cmp-title{margin-bottom:14px}.cmp-table{display:none}.cmp-cards{border:1px solid var(--color-line);border-radius:12px;display:block;overflow:hidden}.cmp-card{border-bottom:1px solid var(--color-line);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.cmp-card:last-child{border-bottom:none}.cmp-card-label{font-size:14px;font-weight:700}.cmp-card-paper{color:var(--color-faint);font-size:12.5px}.cmp-card-sm{color:var(--color-accent);font-size:12.5px;font-weight:600}.cmp-card-paper span,.cmp-card-sm span{font-weight:700}}.ordering{margin:0 var(--space-gutter) var(--space-section);background:var(--color-accent-soft);border-radius:var(--radius-panel);flex-direction:column;gap:24px;padding:clamp(24px,3.5vw,44px);display:flex}.ordering-intro{flex-direction:column;gap:10px;display:flex}.ordering-title{font-size:var(--text-h2-sub);text-wrap:pretty}.ordering-desc{color:var(--color-muted);max-width:520px;font-size:15.5px;line-height:1.6}.ordering-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ordering-card{border:1px solid var(--color-line-strong);border-radius:var(--radius-card);background:#fff;flex-direction:column;gap:11px;padding:26px;display:flex}.ordering-tag{border-radius:999px;width:fit-content;padding:5px 12px;font-size:12px;font-weight:700}.ordering-tag-green{color:var(--color-accent);background:var(--color-accent-soft)}.ordering-tag-warm{color:var(--color-warm-text);background:var(--color-warm-bg)}.ordering-card-title{font-family:var(--font-head);letter-spacing:-.02em;font-size:20px;font-weight:700}.ordering-card-desc{color:var(--color-muted);font-size:14.5px;line-height:1.6}.ordering-card-note{color:var(--color-faint);border-top:1px solid var(--color-line);padding-top:10px;font-size:12.5px}@media (width<=880px){.ordering-grid{grid-template-columns:1fr}.ordering-card{padding:18px}.ordering-card-title{font-size:15.5px}.ordering-card-desc{font-size:12.5px}}.an{padding:0 var(--space-gutter) var(--space-section);grid-template-columns:1fr 1fr;align-items:center;gap:44px;display:grid}.an-copy{flex-direction:column;gap:12px;display:flex}.an-title{font-size:var(--text-h2-sub);text-wrap:pretty}.an-desc{color:var(--color-muted);max-width:460px;font-size:15.5px;line-height:1.6}.an-card{border:1px solid var(--color-line);box-shadow:var(--shadow-card);background:#fff;border-radius:16px;flex-direction:column;gap:16px;padding:26px;display:flex}.an-card-title{color:var(--color-muted);font-size:14.5px;font-weight:700}.an-bar{flex-direction:column;gap:6px;display:flex}.an-bar-meta{justify-content:space-between;font-size:13.5px;display:flex}.an-bar-name{font-weight:600}.an-bar-val{color:var(--color-faint);font-weight:600}.an-bar-track{background:var(--color-chip);border-radius:999px;height:9px;overflow:hidden}.an-bar-fill{background:var(--color-accent);border-radius:999px;height:100%}@media (width<=880px){.an{grid-template-columns:1fr;gap:20px}}.pricing{margin:0 var(--space-gutter) var(--space-section);background:var(--color-ink);border-radius:var(--radius-panel);color:#fff;justify-content:space-between;align-items:center;gap:24px;padding:clamp(24px,3.5vw,44px);display:flex}.pricing-copy{flex-direction:column;gap:6px;display:flex}.pricing-line{font-size:clamp(1.3125rem,1.05rem + 1.1vw,1.75rem)}.pricing-sub{color:var(--color-dark-sub);font-size:14.5px}.pricing-cta{flex:none;padding:14px 28px;font-weight:700}@media (width<=880px){.pricing{text-align:start;flex-direction:column;align-items:stretch}.pricing-sub{font-size:13px}.pricing-cta{margin-top:6px}}.faq{border-top:1px solid var(--color-line);grid-template-columns:1fr 1.7fr;align-items:start;gap:40px;display:grid}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid var(--color-line)}.faq-q{text-align:start;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 0;font-size:16px;font-weight:600;display:flex}.faq-q:hover{color:var(--color-accent)}.faq-sym{color:var(--color-accent);flex:none;font-size:20px;font-weight:600}.faq-a{color:var(--color-muted);max-width:580px;padding:0 0 18px;font-size:14.5px;line-height:1.6}@media (width<=880px){.faq{grid-template-columns:1fr;gap:8px}.faq-q{padding:14px 0;font-size:14px}.faq-sym{font-size:18px}.faq-a{padding-bottom:14px;font-size:13px}}.contact{margin:0 var(--space-gutter) var(--space-section);background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(24px,3vw,44px);display:flex}.contact-copy{flex-direction:column;gap:8px;max-width:420px;display:flex}.contact-title{font-size:clamp(1.25rem,1.05rem + .9vw,1.625rem)}.contact-sub{color:var(--color-muted);font-size:15px;line-height:1.55}.contact-actions{flex-direction:column;gap:10px;display:flex}.contact-whatsapp{background:var(--color-accent);color:#fff;border-radius:var(--radius-btn);text-align:center;transition:background var(--duration-fast) ease;padding:12px 22px;font-size:14.5px;font-weight:700}.contact-whatsapp:hover{background:var(--color-accent-strong);color:#fff}.contact-secondary{flex-wrap:wrap;gap:10px;display:flex}.contact-chip{color:var(--color-ink);border-radius:var(--radius-btn);border:1.5px solid var(--color-line-strong);text-align:center;transition:border-color var(--duration-fast) ease, color var(--duration-fast) ease;background:#fff;padding:11px 18px;font-size:13.5px;font-weight:600}.contact-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (width<=880px){.contact{flex-direction:column;align-items:stretch}.contact-secondary{flex-direction:column}}