@font-face{font-family:'Plex Arabic';src:url('/assets/arabic-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Plex Arabic';src:url('/assets/arabic-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Plex Arabic';src:url('/assets/arabic-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Plex Arabic';src:url('/assets/arabic-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
body{font-family:'Plex Arabic',Tahoma,Arial,sans-serif}
h1,h2,h3{letter-spacing:0}
.ui-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}
.brand-icon img{display:block;width:38px;height:38px}
.home-page{background:#fff;--ink:#101f30;--lime:#c4f579;--muted:#657282}
.home-page .topbar{height:86px;max-width:none;padding-inline:max(5vw,24px);border:0}
.home-page .brand{font-size:1.55rem;letter-spacing:-.8px}
.home-page .topbar nav{font-weight:500;gap:30px}
.home-page .topbar nav .button{background:var(--lime);border-color:var(--lime);color:var(--ink);padding-inline:20px}
.home-page .button{font-weight:600;border-radius:9px}
.home-page .button.lime:hover{background:#dcffa6;border-color:#dcffa6}
.pro-hero{background:#101f30;color:white;overflow:hidden;position:relative;padding:64px max(5vw,24px) 0}
.pro-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 40%,#27445785,transparent 54%)}
.hero-inner{position:relative;max-width:1240px;margin:auto;display:grid;grid-template-columns:1.02fr 1fr;gap:54px;align-items:center;padding-bottom:68px}
.pro-intro{padding-bottom:12px}
.pro-eyebrow{display:inline-flex;gap:10px;align-items:center;font-size:.9rem;color:#c5d6dd;border:1px solid #3b4c5c;border-radius:30px;padding:8px 15px;margin-bottom:22px}
.pro-eyebrow .ui-icon{color:#c4f579;width:18px;height:18px}
.pro-intro h1{font-size:clamp(2.4rem,4vw,3.7rem);line-height:1.35;font-weight:700;margin:0 0 26px;letter-spacing:0}
.pro-intro h1 span{color:#c4f579}
.pro-intro>p{color:#b8c7d3;line-height:1.95;font-size:1.05rem;max-width:540px;margin-bottom:28px}
.pro-actions{display:flex;gap:12px;flex-wrap:wrap}
.pro-actions .button{padding:14px 22px;min-height:54px}
.hero-outline{background:transparent;border-color:#5b6d7d;color:white}
.hero-outline:hover{background:#243649}
.hero-benefits{display:flex;gap:22px;flex-wrap:wrap;color:#bacbd7;font-size:.875rem;margin-top:25px}
.hero-benefits>span{display:flex;align-items:center;gap:7px}
.hero-benefits .ui-icon{width:17px;height:17px;color:#c4f579}
.product-stage{position:relative;padding:20px 4px 40px 22px;min-width:0;max-width:580px;width:100%;justify-self:end}
.stage-label{display:flex;align-items:center;gap:10px;color:#9fb2c1;font-size:.875rem;margin-bottom:16px}
.stage-line{display:inline-block;width:28px;height:1px;background:#8fa5b5}
.menu-preview{background:#fff;color:#152c3c;border-radius:18px;border:1px solid #6d86984d;overflow:hidden;box-shadow:0 24px 80px #020b1766;transform:rotate(-2deg)}
.preview-browser{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 17px;background:#f0f4f6;border-bottom:1px solid #e0e7ed;font-size:.75rem;color:#6c7c88}
.browser-dots{display:flex;gap:5px;direction:ltr}
.browser-dots i{width:6px;height:6px;border-radius:50%;background:#b3c0c8}
.preview-store{display:flex;align-items:center;gap:12px;padding:24px 22px 20px}
.preview-store-mark{display:grid;place-items:center;width:48px;height:48px;background:#173d32;color:#c4f579;border-radius:12px;font-weight:700;font-size:1.5rem}
.preview-store>div>span{font-size:.75rem;color:#7a8a8d}
.preview-store h2{margin:1px 0 0;font-size:1.2rem;font-weight:600}
.menu-label{margin-inline-start:auto;align-self:center;letter-spacing:2px;font:600 .7rem Arial,sans-serif;color:#869996}
.preview-categories{display:flex;gap:9px;flex-wrap:wrap;padding:0 22px 18px;font-size:.75rem;color:#768185}
.preview-categories span{padding:4px 11px;border:1px solid #e3e9e8;border-radius:20px}
.preview-categories .selected{background:#173d32;color:white;border-color:#173d32}
.preview-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 22px}
.preview-product{border:1px solid #e4e9e8;border-radius:12px;overflow:hidden;min-width:0;background:#fff;transition:transform .2s}
.preview-product:hover{transform:translateY(-4px)}
.food-photo{background-image:url('/assets/food-products.png');background-size:300% 100%;aspect-ratio:1/1;background-repeat:no-repeat;background-color:#23423e}
.photo-coffee{background-position:0% center}.photo-bakery{background-position:50% center}.photo-juice{background-position:100% center}
.business-photo{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;position:relative}
.business-photo::before,.business-photo::after{content:'';position:absolute;border-radius:999px;background:#fff3}
.business-photo::before{width:76%;height:76%;right:-22%;top:-25%}.business-photo::after{width:54%;height:54%;left:-15%;bottom:-20%}
.business-photo span{font:600 2.1rem Arial,sans-serif;color:white;position:relative;z-index:1}
.business-photo-product{background:linear-gradient(135deg,#315e9e,#65a7dc)}
.business-photo-service{background:linear-gradient(135deg,#7252a0,#c681c8)}
.business-photo-gift{background:linear-gradient(135deg,#b96b35,#eab05f)}
.preview-product-copy{padding:10px 10px 11px}
.preview-product-copy>span{font-size:.75rem;color:#8b9993}
.preview-product-copy h3{font-size:.86rem;font-weight:600;line-height:1.5;margin:3px 0 11px}
.preview-product-copy>div{display:flex;align-items:center;justify-content:space-between;gap:6px}
.preview-product-copy strong{font-size:.86rem;white-space:nowrap}
.preview-product-copy small{font-weight:400;font-size:.75rem;color:#6f817d}
.preview-add{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#edf3e8;color:#3f7044;font:20px Arial,sans-serif;flex-shrink:0}
.preview-basket{display:flex;align-items:center;gap:12px;background:#173d32;color:white;margin:0 18px 18px;border-radius:10px;padding:13px 14px}
.basket-icon{display:grid;place-items:center;border:1px solid #638378;width:38px;height:38px;border-radius:8px}
.preview-basket>span>strong{display:block;font-size:.875rem;font-weight:500}
.preview-basket small{display:block;font-size:.75rem;color:#b8d1c6;margin-top:1px}
.preview-basket>strong{margin-inline-start:auto;font-size:.875rem;white-space:nowrap}
.preview-basket>.ui-icon{width:18px;height:18px;color:#c4f579}
.accept-preview{position:absolute;left:-18px;bottom:4px;z-index:2;display:flex;gap:12px;align-items:center;border:1px solid #e2e9e7;background:#fff;border-radius:12px;padding:15px 20px;color:#173d32;box-shadow:0 16px 45px #020b1740;max-width:calc(100% - 25px)}
.accept-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e7f5d8;color:#3d792b;flex-shrink:0}
.accept-icon .ui-icon{width:24px;height:24px}
.accept-preview>div>span{display:block;font-size:.75rem;color:#84968d;margin-bottom:3px}
.accept-preview strong{display:block;font-size:.9rem;font-weight:600;line-height:1.5}
.accept-preview small{display:block;font-size:.75rem;color:#70867b;margin-top:3px}
.qr-preview{position:absolute;right:-16px;top:91px;display:flex;align-items:center;gap:8px;background:white;color:#24384a;border:1px solid #e0e7eb;border-radius:12px;padding:9px 12px 9px 8px;box-shadow:0 12px 35px #020b1750;transform:rotate(3deg);z-index:2}
.qr-preview img{width:64px;height:64px}
.qr-preview strong{display:block;font-size:.8rem;font-weight:600}
.qr-preview small{display:block;font-size:.75rem;color:#7b8a96;margin-top:2px}
.hero-caption{position:relative;max-width:1240px;margin:auto;display:flex;gap:10px;align-items:center;color:#a8bdcb;font-size:.875rem;border-top:1px solid #344756;padding:20px 0}
.hero-caption .ui-icon{width:19px;height:19px;color:#c4f579}
.pro-businesses{max-width:1240px;margin:0 auto;padding:35px 30px;display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid #e7ecef}
.section-kicker{font-size:.9rem;font-weight:600;color:#4e7944;display:block;margin-bottom:9px}
.pro-businesses h2{font-size:1.25rem;font-weight:600;margin:0;line-height:1.6}
.business-tags{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.business-tags>span{border:1px solid #e1e7ea;padding:8px 16px;border-radius:8px;font-size:.9rem;color:#576c7d;background:#f9fbfc;white-space:nowrap}
.pro-capabilities,.pro-flow{max-width:1240px;margin:0 auto;padding:64px 30px}
.pro-section-head h2{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.5;font-weight:600;margin:0 0 15px}
.pro-section-head p{font-size:1rem;max-width:620px;line-height:1.9;margin-bottom:30px}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.capability-grid article{padding:27px 26px;border:1px solid #e1e8ec;border-radius:14px;background:#fff;display:flex;flex-direction:column}
.capability-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#edf4e9;color:#426c3a;margin-bottom:24px}
.capability-icon .ui-icon{width:26px;height:26px}
.capability-grid h3{font-size:1.2rem;font-weight:600;line-height:1.5;margin-bottom:14px}
.capability-grid p{font-size:1rem;line-height:1.85;margin:0 0 24px;color:#6c7987}
.capability-grid a,.capability-note{font-size:.9rem;margin-top:auto;color:#405e36;font-weight:500}
.capability-grid a{display:flex;align-items:center;gap:10px}
.capability-grid a:hover{text-decoration:underline}
.capability-grid a .ui-icon{width:18px;height:18px}
.capability-note{color:#78838d;font-weight:400}
.pro-flow{background:#f5f8fa;border-radius:18px;padding:38px;margin-bottom:64px;max-width:1180px}
.pro-flow .pro-section-head h2{font-size:1.8rem;margin-bottom:30px}
.flow-grid{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.flow-grid li{border-top:1px solid #cfdcdf;padding-top:20px}
.flow-number{font:500 1.05rem Arial,sans-serif;color:#617b87;display:block;margin-bottom:16px}
.flow-grid h3{font-size:1.1rem;font-weight:600;margin-bottom:10px}
.flow-grid p{font-size:.95rem;color:#6d7f8c;line-height:1.85;margin:0}
.pro-start{max-width:1180px;margin:0 auto 60px;background:#c4f579;display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:18px;padding:45px 44px;color:#152c35}
.pro-start .section-kicker{color:#4b6d36}
.pro-start h2{font-size:2.2rem;line-height:1.5;font-weight:600;margin-bottom:15px}
.pro-start p{max-width:580px;color:#466440;font-size:1rem;line-height:1.9;margin:0}
.start-cta{flex-shrink:0;display:flex;flex-direction:column;gap:16px;text-align:center}
.start-cta .button{padding:15px 24px}
.start-cta>a:last-child{font-size:.9rem;color:#3f5d37;text-decoration:underline;text-underline-offset:4px}
.home-page footer{margin-bottom:0;border-top:1px solid #e0e8ed;padding:26px 30px 32px;max-width:1240px;color:#7c8a98}
@media(max-width:1100px){.hero-inner{gap:30px}.pro-hero{padding:44px 30px 0}.pro-intro h1{font-size:2.7rem}.pro-actions .button{padding:12px 16px;font-size:.9rem}.hero-benefits{gap:12px}.product-stage{padding-left:15px}.qr-preview{right:-7px}.pro-flow,.pro-start{margin-inline:30px}.pro-businesses{align-items:flex-start}.business-tags{gap:8px}.business-tags>span{padding:6px 12px}.pro-start{padding:34px;gap:24px}.pro-start h2{font-size:1.8rem}.start-cta .button{font-size:.95rem;padding-inline:18px}}
@media(max-width:850px){.hero-inner{grid-template-columns:1fr;max-width:680px;gap:22px;padding-bottom:46px}.pro-intro{padding-bottom:0}.desktop-break{display:none}.pro-intro h1{font-size:2.8rem;line-height:1.45}.pro-intro>p{max-width:none}.product-stage{max-width:570px;justify-self:center;padding-inline:16px}.qr-preview{right:0;top:96px}.accept-preview{left:0;bottom:2px}.pro-businesses{flex-direction:column;gap:20px;padding-top:30px}.business-tags{justify-content:flex-start}.capability-grid{grid-template-columns:1fr}.capability-grid article{padding:25px}.capability-icon{margin-bottom:18px}.capability-grid p{margin-bottom:20px}.flow-grid{grid-template-columns:1fr 1fr;gap:28px}.pro-capabilities{padding-block:44px}.pro-flow{margin-bottom:42px}.pro-start{flex-direction:column;align-items:flex-start;gap:26px;margin-bottom:40px}.pro-start h2{font-size:2rem}.start-cta{width:100%}.hero-caption{line-height:1.9;align-items:flex-start}.hero-caption .ui-icon{margin-top:4px}}
@media(max-width:550px){.home-page .topbar{padding:0 20px;height:74px}.home-page .brand{font-size:1.3rem}.home-page .topbar nav{gap:16px}.home-page .topbar nav .button{padding-inline:13px}.pro-hero{padding:32px 20px 0}.pro-eyebrow{font-size:.875rem;padding:7px 12px;margin-bottom:20px}.pro-intro h1{font-size:2.25rem;line-height:1.5;margin-bottom:18px}.pro-intro>p{font-size:1rem;line-height:1.95;margin-bottom:24px}.pro-actions{gap:10px}.pro-actions .button{font-size:.9rem;min-height:50px;padding:12px 16px}.hero-benefits{font-size:.875rem;gap:8px 18px;margin-top:20px}.product-stage{padding:12px 8px 39px 10px}.stage-label{margin-bottom:14px}.preview-store{padding:21px 15px 17px}.preview-products{gap:7px;padding:0 12px 16px}.preview-categories{padding-inline:15px;gap:6px}.preview-product-copy{padding:8px 7px}.preview-product-copy h3{font-size:.8rem}.preview-product-copy strong{font-size:.8rem}.preview-add{width:20px;height:20px}.preview-basket{margin:0 12px 14px;gap:8px;padding:12px 10px}.preview-basket>strong{font-size:.8rem}.qr-preview{top:95px;right:-3px;padding:5px 7px;gap:6px}.qr-preview img{width:54px;height:54px}.qr-preview strong{font-size:.75rem}.qr-preview small{display:none}.accept-preview{padding:12px 16px;left:-2px}.hero-caption{font-size:.875rem;padding-block:18px}.pro-businesses{padding:28px 20px}.business-tags>span{font-size:.9rem;padding:7px 13px}.pro-capabilities{padding:38px 20px}.pro-section-head h2{font-size:1.85rem}.pro-section-head p{font-size:1rem}.capability-grid{gap:14px}.capability-grid article{padding:23px}.pro-flow,.pro-start{margin-inline:20px;padding:25px}.pro-flow .pro-section-head h2{font-size:1.5rem}.flow-grid{gap:23px 16px}.flow-grid h3{font-size:1rem}.flow-grid p{font-size:.9rem}.pro-start h2{font-size:1.9rem}.home-page footer{padding:24px 20px;font-size:.875rem}}
@media(max-width:390px){.home-page .topbar{height:auto;min-height:74px;flex-wrap:wrap;padding:14px 16px;gap:12px}.home-page .brand{font-size:1.2rem}.home-page .topbar nav{gap:10px}.pro-hero{padding-inline:16px}.pro-eyebrow{font-size:.8rem}.pro-intro h1{font-size:2rem}.pro-actions{flex-direction:column}.pro-actions .button{width:100%}.preview-products{grid-template-columns:1fr 1fr}.preview-product:last-child{display:none}.qr-preview{top:96px}.preview-basket>.ui-icon{display:none}.pro-flow,.pro-start{margin-inline:16px}.flow-grid{grid-template-columns:1fr}.preview-store h2{font-size:1.15rem}}
.product-stage{padding-bottom:100px}
.stage-label{max-width:58%;min-height:42px;line-height:1.6}
.qr-preview{top:0;left:0;right:auto}
.accept-preview{bottom:6px;left:20px;right:auto}
.menu-preview{transform:rotate(-1deg)}
@media(max-width:550px){.qr-preview>span{display:none}.stage-label{min-height:38px;max-width:70%}.accept-preview{left:12px}}