:root{--surface:#f6f7f9;--surface-raised:#fff;--surface-sunken:#e9ecf1;--ink:#141a24;--ink-muted:#5a6472;--hairline:#d7dce3;--brand:#d6336c;--on-brand:#fff;--brand-tint:#fbe4ec;--ready:#15804b;--on-ready:#fff;--ready-tint:#def4e7;--preparing:#2458c7;--on-preparing:#fff;--preparing-tint:#e3ebfb;--danger:#a61e1e;--on-danger:#fff;--focus:#2458c7;--font-sans:"IBM Plex Sans Arabic", "Noto Kufi Arabic", system-ui, sans-serif;--fs-number-hall:176px;--lh-number:1;--fs-number-phone:96px;--fs-number-card:40px;--lh-number-card:1.1;--fs-display:40px;--lh-display:1.3;--fs-h1:28px;--lh-h1:1.3;--fs-h2:20px;--lh-h2:1.35;--fs-body:16px;--lh-body:1.6;--fs-button:17px;--lh-button:1.4;--fs-caption:13px;--lh-caption:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:999px;--border-hairline:1px;--border-focus:3px;--border-ring:6px;--button-h-phone:48px;--button-h-kitchen:64px;--pulse-scale:1.04;--hall-slide:.3s}[data-theme=dark]{--surface:#0f1419;--surface-raised:#1a2129;--surface-sunken:#0a0e12;--ink:#f2f4f7;--ink-muted:#9aa4b1;--hairline:#2a333e;--brand:#ff5c8a;--on-brand:#1a0a10;--brand-tint:#3a1a26;--ready:#3ecf8e;--on-ready:#06201a;--ready-tint:#123526;--preparing:#6ea8ff;--on-preparing:#06142e;--preparing-tint:#15243f;--danger:#ff8a80;--on-danger:#2b0806;--focus:#6ea8ff}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);letter-spacing:normal;-webkit-text-size-adjust:100%;direction:rtl}body{font-family:var(--font-sans);background:var(--surface);color:var(--ink);font-size:var(--fs-body);line-height:var(--lh-body);margin:0}h1,h2,h3,p{margin:0}h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:700}h2{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:600}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:normal}button{cursor:pointer}:focus-visible{outline:var(--border-focus) solid var(--focus);outline-offset:2px}[x-cloak]{display:none!important}.ltr{direction:ltr;unicode-bidi:isolate}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-weight:700}.muted{color:var(--ink-muted)}.caption{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--ink-muted)}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.card{background:var(--surface-raised);border:var(--border-hairline) solid var(--hairline);border-radius:var(--radius-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-h-phone);padding:0 var(--space-6);border-radius:var(--radius-md);border:var(--border-hairline) solid var(--hairline);background:var(--surface-raised);font-size:var(--fs-button);line-height:var(--lh-button);color:var(--ink);font-weight:600;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.btn-ink{background:var(--ink);color:var(--surface-raised);border-color:var(--ink)}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-ready{background:var(--ready);color:var(--on-ready);border-color:var(--ready);min-height:var(--button-h-kitchen);font-size:22px;font-weight:700}.btn-sm{min-height:40px;padding:0 var(--space-4);font-size:15px}.btn-block{width:100%}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;font-size:15px;font-weight:600;line-height:1.5;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.badge-preparing{background:var(--preparing);color:var(--on-preparing)}.badge-ready{background:var(--ready);color:var(--on-ready)}.badge-cancelled{background:var(--danger);color:var(--on-danger)}.badge-collected,.badge-overdue{background:var(--preparing-tint);color:var(--ink)}.badge-preparing:before,.badge-ready:before,.badge-cancelled:before{background:currentColor}.order-ring{aspect-ratio:1;border-radius:var(--radius-full);border:var(--border-ring) solid var(--preparing);background:var(--surface-raised);place-items:center;width:220px;margin-inline:auto;display:grid}.order-ring[data-status=ready]{border-color:var(--ready);background:var(--ready-tint)}.order-ring .num{font-size:var(--fs-number-phone);line-height:var(--lh-number)}.field{width:100%;min-height:var(--button-h-phone);padding:0 var(--space-4);background:var(--surface-raised);border:var(--border-hairline) solid var(--hairline);border-radius:var(--radius-md)}textarea.field{padding:var(--space-3) var(--space-4);resize:vertical;min-height:100px}.conn{align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:15px;display:inline-flex}.conn:before{content:"";background:var(--ready);border-radius:50%;width:8px;height:8px}.conn[data-online=false]:before{background:var(--danger)}.icon{flex:none;width:1.25em;height:1.25em}.ranna-mark{border:5px solid var(--brand);border-radius:50%;flex:none;width:44px;height:44px}.tenant-logo{border-radius:var(--radius-md);background:var(--brand);width:40px;height:40px;color:var(--on-brand);flex:none;place-items:center;font-size:18px;font-weight:700;display:grid;overflow:hidden}.tenant-logo img{object-fit:contain;width:100%;height:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}html{scroll-behavior:smooth}section[id]{scroll-margin-top:72px}.mk-wrap{width:min(100% - 32px,1120px);margin-inline:auto}.mk-narrow{max-width:760px}.mk-nav{z-index:5;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) max(16px, calc((100% - 1120px) / 2));background:var(--surface);border-bottom:var(--border-hairline) solid var(--hairline);display:flex;position:sticky;top:0}.mk-nav nav{align-items:center;gap:var(--space-6);display:flex}.mk-nav nav a:not(.btn){color:var(--ink);text-decoration:none}.mk-logo{align-items:center;gap:var(--space-3);color:var(--ink);font-size:22px;text-decoration:none;display:flex}.mk-hero{gap:var(--space-12);padding:var(--space-16) 0;grid-template-columns:1.2fr 1fr;align-items:center;display:grid}.mk-eyebrow{color:var(--brand);margin-bottom:var(--space-3);font-weight:700}.mk-hero h1{font-size:clamp(36px,5vw,60px);line-height:1.3}.mk-lead{color:var(--ink-muted);margin-top:var(--space-4);max-width:34em;font-size:20px}.mk-ctas{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.mk-cta{min-height:56px;padding-inline:var(--space-8)}.mk-phone{aspect-ratio:9/18.5;border:10px solid var(--ink);background:var(--ink);border-radius:44px;justify-self:center;width:min(300px,80vw)}.mk-phone-screen{background:var(--ready);height:100%;color:var(--on-ready);justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;border-radius:34px;flex-direction:column;display:flex;position:relative}.mk-phone-place{top:var(--space-8);font-size:13px;font-weight:600;position:absolute}.mk-phone-number{font-size:120px;line-height:1;animation:1s ease-in-out infinite ranna-pulse}.mk-phone-ready{font-size:30px}@keyframes ranna-pulse{0%,to{transform:scale(1)}50%{transform:scale(var(--pulse-scale))}}.mk-section{padding:var(--space-12) 0;gap:var(--space-6);flex-direction:column;display:flex}.mk-section>h2{font-size:clamp(26px,3vw,36px);line-height:1.3}.mk-section h3{font-size:20px;line-height:1.4}.mk-steps{gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.mk-step{padding:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.mk-step-num{border:var(--border-ring) solid var(--preparing);width:52px;height:52px;color:var(--ink);border-radius:50%;place-items:center;font-size:24px;display:grid}.mk-compare{gap:var(--space-4);grid-template-columns:1fr 1fr 1fr;align-items:stretch;display:grid}.mk-price-box{padding:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.mk-price-ranna{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.mk-big{font-size:48px;line-height:1.1}.mk-strike{color:var(--ink-muted);text-decoration:line-through;text-decoration-thickness:3px}.mk-points{padding:var(--space-4) 0;gap:var(--space-3);flex-direction:column;margin:0;list-style:none;display:flex}.mk-points li,.mk-plan li{align-items:center;gap:var(--space-2);display:flex}.mk-points .icon,.mk-plan .icon{color:var(--ready)}.mk-features{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.mk-feature{padding:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.mk-plans{gap:var(--space-3);grid-template-columns:repeat(5,1fr);display:grid}.mk-plan{padding:var(--space-6) var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.mk-plan.is-featured{border:2px solid var(--brand)}.mk-plan-price{font-size:30px}.mk-plan ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;font-size:15px;list-style:none;display:flex}#pricing .mk-cta{align-self:flex-start}.mk-demo-band{padding:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-6);background:var(--brand-tint);border-color:var(--brand-tint);flex-wrap:wrap;display:flex}.mk-demo-band h2{font-size:clamp(24px,3vw,32px);line-height:1.3}.form-error{color:var(--danger);margin-top:var(--space-3);font-weight:600}.mk-faq{padding:var(--space-4) var(--space-6);border-radius:var(--radius-md)}.mk-faq summary{cursor:pointer;font-size:18px;font-weight:600}.mk-faq p{margin-top:var(--space-3)}.mk-footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-12) 0;border-top:var(--border-hairline) solid var(--hairline);margin-top:var(--space-12);flex-wrap:wrap;display:flex}.mk-footer nav{gap:var(--space-6);display:flex}.mk-footer nav a{color:var(--ink-muted)}@media (width<=1000px){.mk-plans{grid-template-columns:repeat(2,1fr)}.mk-features,.mk-steps,.mk-compare{grid-template-columns:1fr 1fr}.mk-points{grid-column:1/-1}}@media (width<=700px){.mk-hero{padding:var(--space-8) 0;gap:var(--space-8);grid-template-columns:1fr}.mk-nav nav a:not(.btn){display:none}.mk-features,.mk-steps,.mk-compare,.mk-plans{grid-template-columns:1fr}}.pill-demo{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--brand-tint);color:var(--ink);font-size:14px;font-weight:700}.demo{width:min(100% - 32px,1240px);padding:var(--space-8) 0 var(--space-16);gap:var(--space-8);flex-direction:column;margin-inline:auto;display:flex}.demo h1{font-size:clamp(28px,4vw,40px)}.demo h2{font-size:var(--fs-h2)}.demo-live{gap:var(--space-8);padding:var(--space-8);border-width:2px;grid-template-columns:auto 1fr;align-items:center;display:grid}.demo-live[data-state=connected]{border-color:var(--preparing)}.demo-live[data-state=called]{border-color:var(--ready);background:var(--ready-tint)}.demo-live-code{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.demo-live-qr{width:240px;padding:var(--space-4)}.demo-live-number{font-size:48px;line-height:1}.demo-live-body{gap:var(--space-4);flex-direction:column;display:flex}.demo-live-body h1{font-size:clamp(28px,4vw,40px)}.demo-live-status{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--surface-sunken);align-self:flex-start;font-weight:700;display:inline-flex}.demo-live-status:before{content:"";background:var(--ink-muted);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite demo-blink}.demo-live[data-state=connected] .demo-live-status{background:var(--preparing-tint)}.demo-live[data-state=connected] .demo-live-status:before{background:var(--preparing);animation:none}.demo-live[data-state=called] .demo-live-status{background:var(--ready);color:var(--on-ready)}.demo-live[data-state=called] .demo-live-status:before{background:var(--on-ready);animation:none}@keyframes demo-blink{50%{opacity:.3}}.demo-live-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.demo-call{min-height:64px;padding-inline:var(--space-8);font-size:22px}.demo-call .icon{width:26px;height:26px}.demo-steps{margin:var(--space-4) 0 0;gap:var(--space-3);grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}.demo-steps li{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:var(--border-hairline) solid var(--hairline);background:var(--surface-raised);color:var(--ink-muted);display:flex}.demo-steps li .num{border:3px solid var(--hairline);width:32px;height:32px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.demo-steps li.is-current{border-color:var(--preparing);color:var(--ink);font-weight:600}.demo-steps li.is-current .num{border-color:var(--preparing)}.demo-steps li.is-done{background:var(--ready-tint);color:var(--ink)}.demo-steps li.is-done .num{border-color:var(--ready);background:var(--ready);color:var(--on-ready)}.demo-grid{gap:var(--space-6);grid-template-columns:1fr 320px 1fr;align-items:start;display:grid}.demo-panel{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.new-order-button{justify-content:center;align-items:center;gap:var(--space-2);background:var(--brand);width:100%;min-height:140px;color:var(--on-brand);border-radius:var(--radius-lg);border:0;flex-direction:column;display:flex}.new-order-button:active{transform:scale(.98)}.new-order-button:disabled{opacity:.7}.new-order-label{font-size:30px;font-weight:700;line-height:var(--lh-display)}.demo-ticket{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.demo-ticket-number{font-size:72px;line-height:1}.qr{width:160px;padding:var(--space-3);border:var(--border-hairline) solid var(--hairline);border-radius:var(--radius-md);background:#fff}.qr svg{width:100%;height:auto;display:block}.demo-phone-col{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.demo-phone{border:10px solid var(--ink);background:var(--surface);border-radius:40px;place-items:center;width:300px;height:620px;display:grid;overflow:hidden}.demo-phone iframe{border:0;width:100%;height:100%;display:block}.demo-phone-empty{padding:var(--space-6);text-align:center;color:var(--ink-muted)}.demo-kitchen{background:var(--surface);color:var(--ink)}.demo-kitchen-card{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-raised);border:var(--border-hairline) solid var(--hairline);grid-template-columns:auto 1fr auto;display:grid}.demo-kitchen-card>.num:first-child{font-size:40px;line-height:1}.demo-kitchen-card .btn-ready{min-height:52px;font-size:18px}.demo-kitchen-card.is-ready{opacity:.9}.demo-hall{gap:var(--space-3);flex-direction:column;display:flex}.demo-hall-frame{border-radius:var(--radius-lg);border:var(--border-hairline) solid var(--hairline);background:#0f1419;width:100%;position:relative;overflow:hidden}.demo-hall-frame iframe{transform-origin:100% 0;pointer-events:none;border:0;width:1920px;height:1080px;position:absolute;top:0;right:0}.demo-links{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.demo-creds{gap:var(--space-2) var(--space-6);grid-template-columns:auto 1fr;margin:0;display:grid}.demo-creds dt{color:var(--ink-muted)}.demo-creds dd{overflow-wrap:anywhere;margin:0}.demo-creds .num{font-size:20px}.demo-panel hr{border:0;border-top:var(--border-hairline) solid var(--hairline);width:100%}.form-error{color:var(--danger);font-weight:600}@media (width<=1050px){.demo-grid{grid-template-columns:1fr 1fr}.demo-phone-col{order:3;grid-column:1/-1}}@media (width<=700px){.demo-live{padding:var(--space-6);grid-template-columns:1fr}.demo-live-code{order:2}.demo-grid,.demo-links,.demo-live{gap:var(--space-8);padding:var(--space-8);border-width:2px;grid-template-columns:auto 1fr;align-items:center;display:grid}.demo-live[data-state=connected]{border-color:var(--preparing)}.demo-live[data-state=called]{border-color:var(--ready);background:var(--ready-tint)}.demo-live-code{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.demo-live-qr{width:240px;padding:var(--space-4)}.demo-live-number{font-size:48px;line-height:1}.demo-live-body{gap:var(--space-4);flex-direction:column;display:flex}.demo-live-body h1{font-size:clamp(28px,4vw,40px)}.demo-live-status{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--surface-sunken);align-self:flex-start;font-weight:700;display:inline-flex}.demo-live-status:before{content:"";background:var(--ink-muted);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite demo-blink}.demo-live[data-state=connected] .demo-live-status{background:var(--preparing-tint)}.demo-live[data-state=connected] .demo-live-status:before{background:var(--preparing);animation:none}.demo-live[data-state=called] .demo-live-status{background:var(--ready);color:var(--on-ready)}.demo-live[data-state=called] .demo-live-status:before{background:var(--on-ready);animation:none}@keyframes demo-blink{50%{opacity:.3}}.demo-live-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.demo-call{min-height:64px;padding-inline:var(--space-8);font-size:22px}.demo-call .icon{width:26px;height:26px}.demo-steps{grid-template-columns:1fr}}