:root{--paper:#fbfaf7;--card:#fff;--ink:#12241c;--ink-soft:#33463d;--muted:#5c6b64;--green:#00a76f;--green-deep:#0b7a53;--green-tint:#e6f5ef;--amber:#c98a2b;--line:#e5e2d9;--font-display:"El Messiri", "IBM Plex Sans Arabic", sans-serif;--font-body:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--maxw:1080px;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%}.container{max-width:var(--maxw);margin-inline:auto;padding-inline:24px}.btn{border-radius:999px;padding:13px 28px;font-size:1rem;font-weight:700;line-height:1.4;transition:transform .15s,box-shadow .15s,background .15s;display:inline-block}.btn-primary{background:var(--green);color:#fff;box-shadow:0 6px 18px #00a76f59}.btn-primary:hover{background:var(--green-deep);transform:translateY(-2px)}.btn-ghost{border:2px solid var(--line);color:var(--ink);background:var(--card)}.btn-ghost:hover{border-color:var(--green);color:var(--green-deep)}:is(a,button):focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:6px}.site-header{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fbfaf7eb;position:sticky;top:0}.site-header .container{align-items:center;gap:28px;padding-block:14px;display:flex}.wordmark{font-family:var(--font-display);color:var(--green-deep);font-size:1.45rem;font-weight:700}.wordmark span{color:var(--amber)}.site-nav{align-items:center;gap:24px;margin-inline-start:auto;font-weight:500;display:flex}.site-nav a:not(.btn):hover{color:var(--green-deep)}.site-header .btn{padding:9px 20px;font-size:.95rem}.menu-line{align-items:baseline;gap:10px;display:flex}.menu-line .dots{border-bottom:2px dotted var(--amber);flex:1;min-width:24px;transform:translateY(-5px)}.section-head{max-width:640px;margin-bottom:40px}.section-head .menu-line{margin-bottom:8px}.section-head h2{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.2rem);line-height:1.4}.section-head .tag{color:var(--amber);white-space:nowrap;font-size:1rem;font-weight:700}.section-head p{color:var(--muted);margin-top:8px}section{padding-block:72px}.hero{padding-block:64px 84px;overflow:hidden}.hero .container{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.eyebrow{background:var(--green-tint);color:var(--green-deep);border-radius:999px;margin-bottom:18px;padding:5px 14px;font-size:.9rem;font-weight:700;display:inline-block}.hero h1{font-family:var(--font-display);margin-bottom:16px;font-size:clamp(2rem,5vw,3.1rem);line-height:1.35}.hero h1 em{color:var(--green);font-style:normal}.hero .lead{color:var(--muted);max-width:34em;margin-bottom:28px;font-size:1.1rem}.hero-ctas{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-note{color:var(--muted);margin-top:14px;font-size:.9rem}.phone-wrap{justify-content:center;display:flex}.phone{background:var(--ink);border-radius:38px;width:300px;padding:12px;transform:rotate(4deg);box-shadow:24px 32px 60px #12241c47}.phone-screen{background:var(--paper);border-radius:28px;overflow:hidden}.mock-store{background:var(--green);color:#fff;padding:18px 18px 14px}.mock-store strong{font-family:var(--font-display);font-size:1.1rem;display:block}.mock-store small{opacity:.85}.mock-tabs{gap:8px;padding:12px 14px 4px;font-size:.78rem;font-weight:700;display:flex}.mock-tabs span{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 12px}.mock-tabs span.on{background:var(--green-tint);border-color:var(--green);color:var(--green-deep)}.mock-menu{gap:12px;padding:10px 16px 16px;display:grid}.mock-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;animation:.5s both rise}.mock-item:nth-child(2){animation-delay:.15s}.mock-item:nth-child(3){animation-delay:.3s}.mock-item .menu-line strong{font-size:.92rem}.mock-item .price{color:var(--amber);white-space:nowrap;font-size:.92rem;font-weight:700}.mock-item small{color:var(--muted);font-size:.75rem}.mock-qr{background:var(--green-tint);color:var(--green-deep);border-radius:12px;align-items:center;gap:10px;margin:0 16px 16px;padding:10px 12px;font-size:.8rem;font-weight:700;display:flex}.qr-glyph{background:conic-gradient(var(--green-deep) 25%, transparent 0 50%, var(--green-deep) 0 75%, transparent 0) 0 0 / 18px 18px, var(--card);border:2px solid var(--green-deep);border-radius:6px;flex:none;width:34px;height:34px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.steps{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px}.step .num{font-family:var(--font-display);color:var(--amber);margin-bottom:8px;font-size:1.6rem;font-weight:700;display:block}.step h3{margin-bottom:6px;font-size:1.08rem}.step p{color:var(--muted);font-size:.95rem}.features-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:18px 48px;padding:34px clamp(20px,4vw,44px);display:grid}.feature .menu-line strong{font-size:1.02rem}.feature .check{color:var(--green);white-space:nowrap;font-weight:700}.feature p{color:var(--muted);margin-top:2px;font-size:.92rem}.cta-band{background:var(--ink);color:#fff;border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:48px clamp(24px,5vw,64px);display:flex}.cta-band h2{font-family:var(--font-display);max-width:22em;font-size:clamp(1.4rem,3vw,2rem);line-height:1.45}.cta-band p{color:#b8c6bf;margin-top:6px}.post-list{gap:14px;display:grid}.post-row{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;transition:border-color .15s,transform .15s;display:block}.post-row:hover{border-color:var(--green);transform:translateY(-2px)}.post-row .menu-line strong{font-family:var(--font-display);font-size:1.15rem;line-height:1.5}.post-row .date{color:var(--amber);white-space:nowrap;font-size:.85rem;font-weight:700}.post-row p{color:var(--muted);max-width:60em;margin-top:6px;font-size:.95rem}.dir-lead{color:var(--muted);max-width:40em;margin-top:10px}.store-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.store-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:14px;padding:18px 20px;transition:border-color .15s,transform .15s;display:flex}.store-card:hover{border-color:var(--green);transform:translateY(-2px)}.store-card img{object-fit:cover;border:1px solid var(--line);background:var(--paper);border-radius:12px;flex:none;width:52px;height:52px}.store-card>div{flex:1;min-width:0}.store-card .menu-line strong{font-size:1.02rem}.store-card .view{color:var(--green-deep);white-space:nowrap;font-size:.82rem;font-weight:700}.store-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:.88rem;display:-webkit-box;overflow:hidden}.post-header{padding:56px 0 8px}.post-header .date{color:var(--amber);font-size:.9rem;font-weight:700}.post-header h1{font-family:var(--font-display);max-width:24em;margin-top:8px;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.45}.prose{max-width:70ch;padding-bottom:72px;font-size:1.06rem}.prose h2{font-family:var(--font-display);margin:40px 0 12px;font-size:1.45rem}.prose h3{margin:28px 0 8px;font-size:1.15rem}.prose p,.prose ul,.prose ol{color:var(--ink-soft);margin-bottom:16px}.prose ul,.prose ol{padding-inline-start:24px}.prose li{margin-bottom:6px}.prose a{color:var(--green-deep);text-underline-offset:4px;font-weight:500;text-decoration:underline}.prose strong{color:var(--ink)}.prose blockquote{border-inline-start:4px solid var(--green);background:var(--green-tint);border-radius:0 10px 10px 0;margin-bottom:16px;padding:14px 18px}.site-footer{background:var(--ink);color:#b8c6bf;margin-top:40px;padding-block:44px}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.site-footer .wordmark{color:#fff}.site-footer nav{flex-wrap:wrap;gap:22px;font-size:.95rem;display:flex}.site-footer a:hover{color:#fff}.site-footer small{color:#7d8f87;width:100%}@media (max-width:860px){.hero .container{grid-template-columns:1fr}.phone-wrap{order:-1}.phone{width:260px;transform:rotate(0)}.steps,.features-card{grid-template-columns:1fr}section{padding-block:52px}.site-nav{gap:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mock-item{animation:none}.btn,.post-row{transition:none}}