@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:IBM Plex Sans Arabic,Manrope,system-ui,sans-serif;color:#0b1431;background:#f8faff;font-synthesis:none;--navy:#0b1431;--blue:#1658f0;--pale:#eef3ff;--line:#dfe6f3;--muted:#59657c;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#fbfcff;overflow-x:hidden}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}svg{width:1.2em;height:1.2em}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #80a6ff;outline-offset:3px}.skip-link{position:fixed;z-index:100;top:10px;inset-inline-start:10px;transform:translateY(-150%);padding:10px 16px;background:#fff;border-radius:8px}.skip-link:focus{transform:none}.site-shell{min-height:100vh}.header{height:82px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand span{font-size:34px;line-height:1;color:var(--blue);letter-spacing:-.08em}.brand small{font-family:Manrope,sans-serif;font-size:15px;letter-spacing:.16em}.nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.nav a:not(.button){color:#35405a;transition:.2s}.nav a:not(.button):hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.lang,.menu{height:44px;min-width:44px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;font-family:Manrope,sans-serif;font-weight:700}.button{min-height:48px;padding:0 22px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button svg{width:18px}.primary{color:#fff;background:var(--blue);box-shadow:0 10px 25px #1658f033}.primary:hover{background:#104bd4;box-shadow:0 14px 30px #1658f047}.secondary{border-color:#cfd7e8;background:#fff}.light{background:#fff;color:var(--navy)}.ghost{border-color:#ffffff4d;color:#fff}.header-cta{min-height:44px;padding:0 18px;font-size:14px}.menu,.mobile-lang,.mobile-cta{display:none}.hero{max-width:var(--max);margin:auto;min-height:690px;padding:70px 28px 90px;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:80px}.hero-copy{max-width:610px}.eyebrow{width:-moz-max-content;width:max-content;max-width:100%;display:flex;align-items:center;gap:8px;background:var(--pale);color:var(--blue);border:1px solid #d7e3ff;border-radius:100px;padding:8px 13px;font-size:13px;font-weight:700}.eyebrow svg{width:15px}.hero h1{font-size:clamp(48px,5.7vw,78px);line-height:1.05;letter-spacing:-.045em;margin:26px 0 22px;max-width:690px}.hero h1 span{display:block}.hero h1 .accent-line{color:var(--blue)}.hero-copy>p{font-size:20px;line-height:1.9;color:var(--muted);max-width:600px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.trust{margin-top:30px;padding-top:23px;border-top:1px solid var(--line);display:flex;gap:22px;flex-wrap:wrap;color:#667188;font-size:13px}.trust span{display:flex;gap:6px;align-items:center}.trust svg{color:#16a444;background:#eaf8ef;border-radius:50%;padding:2px}.experience{height:580px;border-radius:34px;background:var(--navy);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 35px 80px #0b143138}.experience:before,.experience:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%}.experience:before{width:480px;height:480px}.experience:after{width:650px;height:650px}.mock-note{position:absolute;top:20px;inset-inline-end:22px;color:#aab8dc;font-size:11px;letter-spacing:.08em}.phone{z-index:2;width:286px;background:#fff;border-radius:31px;padding:24px 17px 18px;color:var(--navy);box-shadow:0 20px 55px #00000047;transform:rotate(-2deg);border:7px solid #fff}.phone-top{display:flex;justify-content:space-between;align-items:end}.phone-top b{font-size:23px;color:var(--blue)}.phone-top span{font:700 10px Manrope;letter-spacing:.15em}.hello{font-size:18px;font-weight:700;margin:23px 0 12px}.search{background:#f3f6fb;color:#8a95a9;padding:11px 12px;border-radius:10px;display:flex;gap:8px;align-items:center;font-size:11px}.search svg{width:14px}.phone>small{display:block;color:#78849b;font-size:9px;margin:17px 2px 8px}.store-tile{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;border:1px solid #e7ebf2;border-radius:13px;padding:8px}.store-art{width:52px;height:52px;border-radius:10px;background:linear-gradient(145deg,#e9efff,#bfd0ff);display:grid;place-items:center;color:var(--blue)}.store-tile b,.store-tile span{display:block}.store-tile b{font-size:12px}.store-tile span{font-size:9px;color:#6d7890;margin-top:3px}.store-tile>svg{width:14px}.order-card{display:flex;justify-content:space-between;align-items:center;margin:11px 0;background:#eaf8ef;border:1px solid #ccecd7;border-radius:13px;padding:12px;color:#14733a}.order-card span,.order-card b{display:block}.order-card span{font:700 8px Manrope;letter-spacing:.1em}.order-card b{font-size:13px;margin-top:3px}.order-card svg{font-size:24px}.phone button{border:0;background:var(--blue);color:#fff;border-radius:11px;width:100%;height:43px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.arrival-toast{z-index:3;position:absolute;inset-inline-end:18px;bottom:58px;background:#fff;border-radius:16px;padding:13px 15px;display:flex;gap:10px;align-items:center;box-shadow:0 15px 40px #00000047;animation:float 5s ease-in-out infinite}.arrival-toast>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf8ef;color:#14934a}.arrival-toast small,.arrival-toast b{display:block}.arrival-toast small{font:700 8px Manrope;color:#8993a7;letter-spacing:.1em}.arrival-toast b{font-size:12px;margin-top:2px}@keyframes float{50%{transform:translateY(-8px)}}.section{max-width:var(--max);margin:auto;padding:105px 28px}.heading{max-width:650px}.heading>span,.merchant-kicker{font:700 12px Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--blue)}.heading h2,.merchant-band h2,.final h2,.inner-hero h1{font-size:clamp(36px,4vw,58px);letter-spacing:-.04em;line-height:1.15;margin:13px 0 17px}.heading p,.merchant-band p,.inner-hero p{font-size:18px;line-height:1.8;color:var(--muted);margin:0}.how{background:#fff;max-width:none;padding-inline:max(28px,calc((100vw - var(--max))/2 + 28px))}.how .heading{margin-bottom:48px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{padding:32px 25px 20px;border-inline-start:1px solid var(--line);min-height:220px}.step:first-child{border-inline-start:0}.step-icon{display:flex;align-items:center;justify-content:space-between;color:var(--blue)}.step-icon svg{font-size:28px}.step-icon span{font:600 12px Manrope;color:#9aa4b6}.step h3{font-size:21px;margin:35px 0 10px}.step p{color:var(--muted);line-height:1.7;font-size:14px;margin:0}.local{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.category-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.category-list span{padding:11px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.category-list svg{color:var(--blue)}.route-card{height:430px;background:#eef3ff;border-radius:26px;position:relative;overflow:hidden;border:1px solid #dce6ff}.route-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#dce5f5 1px,transparent 1px),linear-gradient(90deg,#dce5f5 1px,transparent 1px);background-size:38px 38px;opacity:.7}.route-line{position:absolute;width:60%;height:55%;top:20%;left:20%;border:3px dashed #86a9fa;border-radius:45% 55% 40% 60%;transform:rotate(-16deg)}.route-point{position:absolute;z-index:2;width:74px;height:74px;border-radius:20px;background:#fff;display:grid;place-items:center;color:var(--blue);box-shadow:0 15px 35px #1658f029}.route-point svg{font-size:28px}.route-point span{position:absolute;white-space:nowrap;top:82px;font-size:12px;font-weight:700;color:var(--navy)}.store-point{top:70px;inset-inline-start:68px}.car-point{bottom:82px;inset-inline-end:72px;background:var(--blue);color:#fff}.route-badge{position:absolute;z-index:2;top:46%;left:50%;transform:translate(-50%,-50%);background:var(--navy);color:#fff;border-radius:12px;padding:12px 15px;display:flex;gap:8px;align-items:center;font-size:12px;box-shadow:0 15px 35px #0b143140}.merchant-band{max-width:calc(var(--max) - 56px);margin:40px auto 0;background:var(--navy);color:#fff;border-radius:28px;padding:75px;display:grid;grid-template-columns:1fr .9fr;gap:85px;align-items:center;position:relative;overflow:hidden}.merchant-band:before{content:"مر";position:absolute;inset-inline-end:-40px;bottom:-120px;font-size:330px;font-weight:800;color:#ffffff06;line-height:1}.merchant-kicker{display:flex;align-items:center;gap:8px;color:#8fafff}.merchant-kicker svg{font-size:18px}.merchant-band p{color:#b7c2dc}.merchant-band .button{margin-top:30px}.merchant-panel{z-index:1;background:#fff;color:var(--navy);border-radius:18px;padding:7px}.merchant-panel>div{min-height:65px;border-bottom:1px solid #e7ebf2;display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:0 14px;gap:10px}.merchant-panel>div:last-child{border:0}.merchant-panel span{font:600 11px Manrope;color:#a0a9b8}.merchant-panel b{font-size:14px}.merchant-panel svg{color:#159b4c;background:#e9f8ef;border-radius:50%;padding:3px}.faq{display:grid;grid-template-columns:.7fr 1fr;gap:90px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;border:0;background:transparent;min-height:76px;display:flex;align-items:center;justify-content:space-between;text-align:start;font-size:17px;font-weight:700;cursor:pointer;color:var(--navy);padding:0}.faq-item button svg{transition:.25s}.faq-item>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s}.faq-item>div p{overflow:hidden;margin:0;color:var(--muted);line-height:1.75}.faq-item.open>div{grid-template-rows:1fr}.faq-item.open>div p{padding-bottom:23px}.faq-item.open button svg{transform:rotate(180deg)}.final{max-width:var(--max);margin:0 auto 60px;border-radius:30px;background:var(--blue);color:#fff;text-align:center;padding:80px 28px}.final>span{font:700 12px Manrope;letter-spacing:.15em}.final h2{font-size:clamp(42px,6vw,72px);margin:18px auto 12px}.final p{color:#dce6ff;font-size:17px}.final .actions{justify-content:center}.inner{min-height:70vh}.inner-hero{max-width:var(--max);margin:auto;padding:105px 28px 100px}.inner-hero h1{max-width:850px}.inner-hero p{max-width:720px}.inner-hero.compact{padding-bottom:70px}.form-section{max-width:var(--max);margin:0 auto 110px;padding:70px;border:1px solid var(--line);border-radius:26px;background:#fff;display:grid;grid-template-columns:.75fr 1fr;gap:80px}.mini-benefits{display:grid;gap:12px;margin-top:30px}.mini-benefits span{display:flex;align-items:center;gap:10px;color:#455168}.mini-benefits svg{color:#159b4c;background:#e9f8ef;border-radius:50%;padding:3px}.form{background:#f7f9fd;border-radius:18px;padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field span{font-size:13px;font-weight:700}.field input,.field textarea{width:100%;border:1px solid #d6deeb;border-radius:10px;background:#fff;padding:12px 13px;min-height:48px;color:var(--navy)}.field textarea{resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--blue);outline:3px solid #dce6ff}.field.full{margin-top:18px}.form-button{margin-top:22px;width:100%}.form-note{display:block;color:#7c879b;margin-top:13px;line-height:1.6}.form-status{background:#eaf8ef;border:1px solid #cdebd7;color:#176b38;border-radius:10px;padding:12px;font-size:13px}.contact-layout{align-items:center}.contact-card{background:var(--navy);color:#fff;border-radius:20px;padding:40px;min-height:260px;display:flex;flex-direction:column;justify-content:end}.contact-card>span{font:700 12px Manrope;letter-spacing:.12em;color:#91adf4}.contact-card h2{font-size:40px;margin:12px 0 35px}.contact-card a{color:#bcd0ff;font-weight:700}.contact-card small{margin-top:8px;color:#8391b1}.legal-body{max-width:880px;margin:0 auto 120px;padding:0 28px}.legal-note{background:#fff7e3;border:1px solid #f1d899;border-radius:12px;padding:16px;color:#765919;margin-bottom:35px}.legal-body section{position:relative;border-top:1px solid var(--line);padding:30px 0 30px 60px}.legal-body section>span{position:absolute;left:0;top:35px;font:600 11px Manrope;color:#9ba5b8}.legal-body h2{font-size:23px;margin:0 0 12px}.legal-body p{color:var(--muted);line-height:1.8;margin:0}.not-found{min-height:65vh;display:grid;place-content:center;justify-items:center;gap:20px}.not-found>span{font:800 90px Manrope;color:#dce5f8}.not-found h1{margin:0}footer{background:var(--navy);color:#fff;padding:65px max(28px,calc((100vw - var(--max))/2 + 28px)) 25px}.footer-main{display:grid;grid-template-columns:1fr 1fr .75fr;gap:60px}.footer-brand span{color:#fff}.footer-brand+p{color:#8997b6;margin-top:20px}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:14px;color:#c4cee4}.footer-main nav a:hover,.footer-contact a:hover{color:#fff}.footer-contact{display:flex;flex-direction:column;gap:10px}.footer-contact>span{font-size:12px;color:#7e8daf;margin-bottom:7px}.footer-contact a{color:#c4cee4}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;color:#71809f;font:500 11px Manrope}@media (max-width:900px){.header{height:72px;padding:0 20px}.nav{display:none;position:absolute;top:64px;left:14px;right:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 20px 50px #0b143126;align-items:stretch;flex-direction:column;gap:4px}.nav.open{display:flex}.nav a:not(.button){padding:12px}.menu,.mobile-lang,.mobile-cta{display:flex;align-items:center;justify-content:center}.mobile-lang{margin-top:8px}.header-actions>.lang,.header-cta{display:none}.hero{grid-template-columns:1fr;gap:55px;padding-top:55px}.hero-copy{max-width:720px}.experience{max-width:570px;width:100%;justify-self:center}.step-grid{grid-template-columns:1fr 1fr}.step:nth-child(3){border-inline-start:0;border-top:1px solid var(--line)}.step:nth-child(4){border-top:1px solid var(--line)}.local,.merchant-band,.faq,.form-section{grid-template-columns:1fr}.local,.faq{gap:55px}.merchant-band{margin-inline:20px;padding:55px 40px;gap:45px}.form-section{margin-inline:20px;padding:45px;gap:45px}.footer-main{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}}@media (max-width:560px){.brand span{font-size:29px}.header-actions{gap:7px}.hero{padding:42px 20px 70px;min-height:auto}.hero h1{font-size:43px;margin-top:22px}.hero-copy>p{font-size:17px;line-height:1.75}.actions{display:grid;grid-template-columns:1fr 1fr}.button{padding:0 14px;font-size:14px}.trust{gap:10px 16px}.experience{height:500px;border-radius:24px}.phone{width:252px;padding:20px 14px 15px;transform:none}.arrival-toast{inset-inline-end:9px;bottom:24px}.section{padding:75px 20px}.heading h2,.merchant-band h2,.inner-hero h1{font-size:36px}.heading p,.merchant-band p,.inner-hero p{font-size:16px}.step-grid{grid-template-columns:1fr}.step,.step:nth-child(2){border-inline-start:0;border-top:1px solid var(--line)}.step:first-child{border-top:0}.step{min-height:auto;padding:25px 4px}.step h3{margin-top:20px}.local{gap:40px}.route-card{height:350px}.store-point{top:50px;inset-inline-start:35px}.car-point{bottom:70px;inset-inline-end:35px}.merchant-band{margin:20px 12px 0;padding:42px 24px;border-radius:22px}.merchant-panel>div{grid-template-columns:32px 1fr auto;padding:0 8px}.faq{gap:35px}.faq-item button{font-size:15px}.final{margin:0 12px 35px;padding:60px 20px;border-radius:22px}.final h2{font-size:42px}.final .actions{display:flex}.inner-hero{padding:70px 20px 60px}.form-section{margin:0 12px 75px;padding:24px;gap:35px;border-radius:20px}.form{padding:18px}.form-grid{grid-template-columns:1fr}.contact-card{padding:28px}.legal-body{padding:0 20px}.legal-body section{padding-inline-start:40px}footer{padding-inline:24px}.footer-main{grid-template-columns:1fr;gap:35px}.footer-main nav{grid-template-columns:1fr 1fr}.footer-contact{grid-column:auto}.footer-bottom{gap:15px;flex-direction:column}.mock-note{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
