@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#173b32;--green:#174b3d;--orange:#f79a53;--paper:#f7f6f0;--line:#d9e0d6;--muted:#65746c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 Manrope,'Noto Sans Arabic',sans-serif}body:lang(ar),body:lang(ckb){font-family:'Noto Sans Arabic',Manrope,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #e87526;outline-offset:5px}button{cursor:pointer}.wrap{max-width:1240px;padding-inline:32px;margin:auto}.top{position:sticky;top:0;z-index:20;background:#f7f6f0f2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}header{min-height:98px;display:flex;gap:28px;align-items:center}.brand{display:flex;align-items:center;gap:10px;min-width:125px}.brand b{font-size:32px;line-height:1.2;letter-spacing:-1px}.mark{width:36px;height:36px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;position:relative}.mark:after{content:'';position:absolute;right:-3px;top:-3px;background:var(--orange);width:11px;height:11px;border-radius:50%;border:3px solid var(--paper)}.mark svg{width:25px;height:25px}nav{display:flex;gap:24px;margin-inline:auto;font-size:13px;font-weight:700}nav a:hover{color:#af5018}.language{background:transparent;border:1px solid var(--line);padding:9px 10px;border-radius:8px;color:var(--ink);max-width:145px;font-size:13px}.login{font-size:12px;font-weight:700;white-space:nowrap}.hero{padding-block:86px 64px;display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center}.eyebrow,.label{font-size:12px;font-weight:800;letter-spacing:.05em;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';height:8px;width:8px;background:#dc7d38;border-radius:50%}h1{font-size:clamp(40px,4.5vw,65px);line-height:1.28;letter-spacing:-2.3px;margin:24px 0}h1 span{color:#41836c}p{color:var(--muted)}.hero p{font-size:17px;max-width:550px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--green);color:white;border:0;border-radius:9px;padding:15px 23px;font-size:14px;font-weight:700;transition:.2s}.button:hover{background:#256b56;transform:translateY(-2px)}.button.orange{background:var(--orange);color:#153a30}.textlink{font-size:13px;font-weight:800;border-bottom:1px solid #9ca99e;padding:6px 0}.chips{display:flex;flex-wrap:wrap;gap:16px;margin-top:29px;font-size:11px;color:var(--muted)}.chips span:before{content:'✓';margin-inline-end:6px;color:#31715a}.visual{background:#e8eddf;min-height:570px;border-radius:20px;position:relative;display:flex;align-items:center;justify-content:center;padding:35px 30px 48px;overflow:hidden}.visual:before,.visual:after{content:'';position:absolute;border:1px solid #cfd9c5;border-radius:50%;width:430px;height:430px;transform:rotate(-20deg)}.visual:after{width:560px;height:560px}.demo-label{position:absolute;top:19px;inset-inline-start:22px;z-index:2;font-size:10px;letter-spacing:.04em;color:#49664f}.phone{width:272px;min-height:448px;background:#fff;border:7px solid #16372f;border-radius:35px;box-shadow:14px 25px 45px #16372f26;position:relative;z-index:2;padding:32px 17px 21px;text-align:center;transform:rotate(-4deg)}[dir=rtl] .phone{transform:rotate(4deg)}.phone:before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:67px;height:13px;background:#16372f;border-radius:12px}.phone-brand{font-size:22px;font-weight:800}.phone .small{font-size:11px;color:var(--muted);margin-top:12px}.order-number{font-size:48px;font-weight:800;line-height:1.4;letter-spacing:-2px}.status{display:inline-block;background:#fff0da;color:#825020;padding:5px 13px;border-radius:50px;font-size:11px;font-weight:800}.status.ready{background:#dcefe1;color:#196140}.status-message{font-size:11px;color:#647067;min-height:40px;margin:11px 0}.progress{display:flex;gap:6px;direction:ltr;margin:18px 0}.progress i{height:5px;flex:1;border-radius:5px;background:#e8ece7}.progress i.active{background:#3f8468}.phone button{width:100%;padding:11px 5px;font-size:11px}.phone .demo-note{font-size:8px;line-height:1.7;margin:13px 0 0;color:#758078}.float-badge{position:absolute;z-index:3;bottom:45px;inset-inline-end:14px;background:#fff7e9;border:1px solid #ecd9bc;box-shadow:0 10px 30px #1b3a2514;padding:10px 16px;border-radius:10px;transform:rotate(-5deg);font-size:11px;font-weight:700}.float-badge b{display:inline-grid;place-items:center;background:var(--orange);border-radius:50%;width:24px;height:24px;margin-inline-end:9px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-block:22px;font-size:13px;font-weight:700;text-align:center}.strip span+span{border-inline-start:1px solid var(--line)}section{padding-block:92px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.section-head h2{max-width:650px}.section-head p{max-width:340px;font-size:14px}h2{font-size:clamp(28px,3vw,40px);line-height:1.5;letter-spacing:-1px;margin:12px 0}h3{font-size:18px;line-height:1.5;margin:16px 0 10px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.step{border-top:1px solid #a9b6a8;padding-top:25px}.step b{font-size:13px;background:#e8eddf;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-family:Manrope,sans-serif}.step p,.feature p{font-size:13px;margin:0}.features-section{background:#eaf0e6}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 28px}.feature{padding-block:24px 32px;border-top:1px solid #c9d4c4}.icon{height:38px;width:38px;display:grid;place-items:center;background:#d7e3d0;border-radius:10px;font-size:20px}.feature h3{font-size:16px}.experience{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.experience p{font-size:15px}.tag-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.tag-row span{font-size:11px;border:1px solid #cfd8ca;border-radius:30px;padding:6px 13px}.menu-visual{background:#eadfcb;padding:38px;border-radius:18px;display:grid;gap:16px}.menu-card{background:#fffdf8;border-radius:12px;padding:22px}.menu-card .small{font-size:10px;color:var(--muted)}.dish{height:150px;display:grid;place-items:center;background:#f3ede0;border-radius:10px;margin:14px 0;overflow:hidden}.dish svg{width:170px;height:170px}.menu-card h3{font-size:18px;margin:7px 0}.menu-card p{font-size:11px;margin:0}.offer{background:#184938;color:#fff9e8;padding:21px;border-radius:12px;display:flex;gap:15px;align-items:center}.offer .star{font-size:35px;color:var(--orange)}.offer strong{font-size:15px}.offer p{color:#d7e0d2;font-size:11px;margin:3px 0}.sample{text-align:center;font-size:10px;color:#756950}.faq{padding-top:20px;max-width:900px;margin:auto}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:16px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';font-size:24px;color:#5b8264}details[open] summary:after{content:'−'}details p{font-size:14px;max-width:760px;margin-bottom:5px}.closing{background:#173e32;color:#faf8ee;border-radius:19px;padding:58px;text-align:center;margin-block:40px 70px;position:relative;overflow:hidden}.closing h2{font-size:36px}.closing p{color:#bdcdbd}.closing .actions{justify-content:center}.closing .number{font-size:14px;display:block;color:#d7dfd1;margin-top:22px;direction:ltr}footer{border-top:1px solid var(--line);padding-block:30px 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:22px}.footer-top strong{font-size:14px}.footer-top a{font-size:12px}.legal{font-size:10px;margin-top:24px;display:flex;justify-content:space-between;gap:25px;color:var(--muted)}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:white;padding:10px;z-index:100}br{display:block} @media(min-width:1500px){.hero{padding-block:100px}}@media(max-width:1050px){nav{gap:14px;font-size:11px}.login{display:none}.hero{gap:35px}h1{font-size:45px}.feature-grid{grid-template-columns:repeat(2,1fr)}.experience{gap:40px}.visual{min-height:530px}}@media(max-width:760px){.wrap{padding-inline:22px}header{min-height:80px;gap:12px;flex-wrap:wrap;padding-block:15px}.brand b{font-size:27px}nav{order:3;width:100%;justify-content:space-between;font-size:10px;gap:8px}.language{margin-inline-start:auto;max-width:140px}.hero{grid-template-columns:1fr;padding-block:42px;gap:35px}h1{font-size:43px;letter-spacing:-1px}.hero p{font-size:15px}.visual{min-height:510px}.chips{font-size:10px;gap:12px}.strip{font-size:10px;gap:10px}.strip span{padding-inline:7px}.steps{grid-template-columns:repeat(2,1fr);gap:28px 20px}section{padding-block:60px}.section-head{display:block;margin-bottom:28px}.section-head p{max-width:100%}.feature-grid{gap:0 20px}.feature h3{font-size:15px}.feature p{font-size:12px}.experience{grid-template-columns:1fr;gap:30px}.menu-visual{padding:25px}.closing{padding:35px 20px;margin-block:30px 50px}.closing h2{font-size:27px}.footer-top{align-items:start}.legal{display:block}.legal span{display:block;margin-top:10px}summary{font-size:14px}.faq h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}