:root{--navy:#00388e;--deep:#05265e;--blue:#007bff;--cyan:#08bce8;--orange:#ff7a00;--paper:#f6f9ff;--ink:#0c2044;--muted:#60708d}*{box-sizing:border-box;scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,"Noto Sans Arabic",sans-serif}button,a,input,textarea{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}p{line-height:1.8;color:var(--muted);font-size:1.05rem}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(2.15rem,4vw,4rem);line-height:1.12;letter-spacing:-.04em}.wrap{max-width:1240px;margin:auto;padding:110px 32px}.eyebrow{font-size:.78rem;letter-spacing:.16em;font-weight:900;color:var(--blue);display:block;margin-bottom:17px}.logo{display:inline-flex;align-items:center;gap:9px;color:var(--deep);font-weight:900;font-size:1.04rem;line-height:1}.logo>b{display:grid;place-items:center;color:white;background:linear-gradient(145deg,var(--cyan),var(--navy));width:42px;height:42px;border-radius:14px;font-size:2rem;transform:rotate(-8deg);box-shadow:0 8px 18px #007bff38}.logo i{font-style:normal;color:var(--orange)}.logo small{display:block;font-size:.61rem;margin-top:5px;text-align:center;color:var(--navy)}
header{height:76px;position:sticky;top:0;z-index:40;background:#fffffff0;backdrop-filter:blur(18px);border-bottom:1px solid #dce6f5;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2))}header nav{display:flex;gap:22px;font-size:.87rem;font-weight:700}.navact{display:flex;gap:10px;align-items:center}.lang,.hamb{border:0;background:#eef5ff;border-radius:12px;padding:10px;display:flex;align-items:center;gap:6px}.hamb{display:none}.btn{border:0;background:linear-gradient(135deg,var(--blue),var(--navy));color:white;padding:14px 20px;border-radius:14px;font-weight:800;display:inline-flex;align-items:center;gap:10px;box-shadow:0 10px 24px #006fe83d;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn.ghost{background:white;color:var(--navy);border:1px solid #cbdaf0;box-shadow:none}[dir=ltr] .btn svg,[dir=ltr] .catgrid button svg,[dir=ltr] .storegrid button svg{transform:rotate(180deg)}
.hero{min-height:760px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:50px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:500px;height:500px;background:#05bde81c;filter:blur(30px);border-radius:50%;inset-inline-end:-200px;top:60px}.badge{display:inline-block;border:1px solid #ffb36b;background:#fff7eb;color:#b84f00;padding:9px 14px;border-radius:100px;font-weight:800}.hero h1{font-size:clamp(3.6rem,6.4vw,6.9rem);line-height:.98;letter-spacing:-.07em;margin:24px 0}.heroText>p{font-size:1.25rem;max-width:620px}.actions,.proof{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.proof{font-size:.9rem;font-weight:800;color:#52617b}.proof span{display:flex;align-items:center;gap:5px}.proof svg{color:#00a983;width:18px}.visual{height:600px;position:relative;display:grid;place-items:center}.sun{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd15b,var(--orange) 60%,#f45100);inset-inline-end:-65px;top:15px;box-shadow:0 30px 80px #ff7a0045}.phone{z-index:2;width:290px;height:565px;background:#fff;border:9px solid var(--deep);border-radius:45px;padding:22px 16px;transform:rotate(-5deg);box-shadow:0 35px 80px #05265e4d}.phonebar{display:flex;align-items:center;justify-content:space-between}.phonebar .logo span span{display:none}.phonebar .logo>b{width:32px;height:32px}.phone>p{font-size:.72rem;margin:20px 0 4px}.phone h3{font-size:1.25rem}.search{padding:12px;background:#f0f4fa;border-radius:12px;color:#8996aa;font-size:.72rem;display:flex;gap:8px;align-items:center}.search svg{width:16px}.phonecats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.phonecats span{font-size:.58rem;text-align:center;background:#f5f8fd;padding:8px 3px;border-radius:11px}.phonecats i{display:block;font-style:normal;font-size:1.25rem;margin-bottom:3px}.order{margin-top:14px;background:linear-gradient(135deg,var(--navy),var(--blue));color:white;border-radius:15px;padding:12px;display:flex;gap:10px;align-items:center}.order small,.float small{display:block;font-weight:400;margin-top:4px}.float{position:absolute;z-index:3;background:#fff;padding:15px 18px;border:1px solid #e1eafa;border-radius:17px;box-shadow:0 15px 45px #05265e24;display:flex;gap:10px}.float svg{color:var(--blue)}.f1{top:105px;inset-inline-start:-30px}.f2{bottom:80px;inset-inline-end:-5px}.trust{background:var(--deep);color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:25px max(30px,calc((100vw - 1240px)/2));gap:24px}.trust span{display:flex;align-items:center;gap:12px;font-weight:800}.trust svg{color:var(--orange)}
.story{background:linear-gradient(135deg,#f4f8ff,#fff)}.two{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.two p{font-size:1.15rem}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{padding:8px 12px;background:#eaf3ff;color:var(--navy);font-weight:800;border-radius:99px;font-size:.85rem}.evolve{display:flex;align-items:center;gap:18px}.old,.new{height:190px;flex:1;border-radius:30px;display:grid;place-items:center;font-size:2.3rem;font-weight:900}.old{background:white;border:1px dashed #9db3cf;color:#6d7e94}.old small{font-size:.75rem;display:block}.new{background:linear-gradient(145deg,var(--deep),var(--blue));box-shadow:0 25px 55px #006fe841}.new .logo,.new .logo small{color:white}.head{text-align:center;max-width:720px;margin:0 auto 50px}.catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.catgrid button{min-height:92px;border:1px solid #dce7f7;background:white;border-radius:19px;padding:17px;display:flex;align-items:center;text-align:start;gap:12px;color:var(--ink);transition:.2s}.catgrid button:hover{transform:translateY(-4px);border-color:var(--blue)}.catgrid i{font-size:1.8rem;font-style:normal}.catgrid b{flex:1}.catgrid svg{width:17px;color:#8ba0be}.any{margin-top:20px;border-radius:26px;background:linear-gradient(100deg,var(--deep),var(--blue));color:white;padding:24px 28px;display:flex;align-items:center;justify-content:space-between}.any b,.any span{display:block}.any .btn{background:var(--orange)}
.how{background:var(--paper);max-width:none;padding-inline:max(32px,calc((100vw - 1240px)/2))}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{position:relative;background:white;padding:32px;border-radius:28px;border:1px solid #dce7f7}.steps strong{position:absolute;inset-inline-end:25px;color:#e3ebf6;font-size:3rem}.steps article>svg{width:48px;height:48px;color:var(--blue);margin-bottom:30px}.why{max-width:none;background:linear-gradient(135deg,#001e52,#00439c);color:white;padding-inline:max(32px,calc((100vw - 1240px)/2))}.why .eyebrow{color:#63d9ff}.whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.whygrid article{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:22px;padding:24px;display:flex;align-items:center;gap:14px}.whygrid article>i{font-size:1.7rem;font-style:normal}.whygrid h3{flex:1;margin:0}.whygrid svg{color:#6ef0cc}
.local{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.map{height:430px;background:linear-gradient(150deg,#05c7e7,#0068d6 60%,#003586);border-radius:50% 30% 45% 35%;position:relative;color:white;display:grid;place-items:center}.map:after{content:"";position:absolute;inset:38px;border:2px dashed #ffffff7a;border-radius:50%}.map>b{font-size:2.3rem;z-index:1}.map small{display:block;font-size:.7rem;color:#ffcf7d}.map>svg{position:absolute;z-index:2;color:var(--orange);fill:var(--orange)}.p1{top:65px;left:100px}.p2{bottom:80px;right:90px}.p3{top:180px;right:55px}.partners{display:grid;grid-template-columns:1fr 1fr;gap:20px}.partners article{border-radius:32px;padding:45px}.partners article:first-child{background:#eaf4ff}.partners article:last-child{background:#fff0df}.partners article>svg{width:55px;height:55px;color:var(--blue);margin-bottom:25px}.partners article:last-child>svg{color:var(--orange)}
.filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:-20px 0 32px}.filters button{border:1px solid #dbe5f3;background:white;border-radius:99px;padding:9px 16px}.filters .active{background:var(--deep);color:white}.storegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.storegrid article{border:1px solid #dfe8f5;border-radius:24px;padding:20px;position:relative}.storegrid article>div{height:155px;background:linear-gradient(140deg,#e9f6ff,#fff3e8);border-radius:17px;display:grid;place-items:center;font-size:4rem}.storegrid article>span{position:absolute;top:30px;inset-inline-start:30px;background:#fff3d3;padding:5px 8px;border-radius:7px;font-size:.7rem}.storegrid p{font-size:.85rem;display:flex;gap:5px}.storegrid article>button{border:0;background:none;color:var(--blue);font-weight:800;display:flex;gap:6px}
.custom{max-width:none;background:linear-gradient(120deg,#ff7600,#ff9e18);color:white;padding-inline:max(32px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.custom .eyebrow,.custom p{color:white}.request{background:white;padding:10px;border-radius:23px;box-shadow:0 20px 50px #9f3c0038}.request textarea{border:0;width:100%;height:100px;padding:16px;resize:none;outline:none}.request button{float:inline-end;border:0;background:var(--deep);color:white;border-radius:13px;padding:13px 18px;display:flex;gap:8px}.tracking{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.trackform{display:flex;border:1px solid #cad8ea;border-radius:14px;overflow:hidden}.trackform input{flex:1;border:0;padding:15px}.trackform button{border:0;background:var(--blue);color:white;padding:15px 20px;font-weight:800}.tracksteps{display:flex;flex-direction:column}.tracksteps span{display:flex;align-items:center;gap:13px;min-height:62px;font-weight:700;color:#8c9bb0}.tracksteps i{width:34px;height:34px;border-radius:50%;background:#eef2f7;display:grid;place-items:center}.tracksteps .done{color:var(--navy)}.tracksteps .done i{background:#dff9ef;color:#00a477}.faq{max-width:900px}.faq article{border-bottom:1px solid #dbe4f0}.faq article button{width:100%;padding:23px 0;border:0;background:none;display:flex;justify-content:space-between;font-weight:900;font-size:1.1rem}.faq article p{max-height:0;overflow:hidden;margin:0;transition:.3s}.faq article.open p{max-height:150px;padding-bottom:20px}.final{text-align:center;background:linear-gradient(145deg,#eaf5ff,#fff);border-radius:40px;margin-bottom:90px}.final h2{margin-top:32px}.final .actions{justify-content:center}footer{background:#031c49;color:white;padding:70px max(32px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}footer p{color:#a8b8d1}footer>div{display:flex;flex-direction:column;gap:14px}.social{display:flex;gap:14px}.wa{position:fixed;z-index:30;bottom:24px;inset-inline-end:24px;border:0;width:58px;height:58px;border-radius:50%;background:#17c96e;color:white;display:grid;place-items:center}.bottom{display:none}.drawer,.overlay{position:fixed;inset:0;z-index:60}.drawer{background:var(--deep);color:white;padding:32px;display:flex;flex-direction:column;gap:22px;font-size:1.35rem}.drawer>button{align-self:flex-end;background:none;color:white;border:0}.overlay{background:#00173cba;backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.overlay form{background:white;width:min(650px,100%);max-height:90vh;overflow:auto;border-radius:28px;padding:35px;position:relative}.close{position:absolute;inset-inline-end:24px;top:24px;border:0;border-radius:50%;padding:8px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formgrid label{font-weight:700}.formgrid input,.formgrid textarea{width:100%;margin-top:7px;border:1px solid #cbd8e9;border-radius:11px;padding:12px}.consent{display:flex;gap:8px;margin:18px 0}.submit{width:100%;border:0;background:var(--blue);color:white;border-radius:13px;padding:14px;font-weight:900}
@media(max-width:1000px){header nav{display:none}.hamb{display:flex}.hero{grid-template-columns:1fr;padding-top:70px}.heroText{text-align:center}.heroText p{margin-inline:auto}.actions,.proof{justify-content:center}.visual{height:580px}.catgrid{grid-template-columns:repeat(3,1fr)}.whygrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){h2{font-size:2.25rem}.wrap{padding:72px 18px}header{padding:0 16px}.navact>.btn{display:none}.hero{padding-top:55px}.hero h1{font-size:3.6rem}.heroText>p{font-size:1.05rem}.visual{height:510px}.phone{width:252px;height:500px}.float{font-size:.72rem;padding:10px}.f1{inset-inline-start:0}.f2{inset-inline-end:0}.trust{grid-template-columns:1fr 1fr;padding:20px}.trust span{font-size:.82rem}.two,.local,.partners,.custom,.tracking{grid-template-columns:1fr;gap:35px}.evolve{margin-top:25px}.old,.new{height:120px;font-size:1.4rem}.catgrid{grid-template-columns:1fr 1fr}.catgrid button{padding:13px;min-height:80px}.catgrid button svg{display:none}.any{align-items:flex-start;gap:20px;flex-direction:column}.steps,.storegrid{grid-template-columns:1fr}.whygrid{grid-template-columns:1fr}.map{height:330px}.partners article{padding:30px}.trackform{flex-direction:column}.formgrid{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr;padding-bottom:110px}.wa{bottom:92px}.bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;height:72px;background:white;z-index:35;box-shadow:0 -5px 24px #001c5020;padding:6px}.bottom button{border:0;background:none;font-size:.66rem;color:#66748a;display:flex;flex-direction:column;align-items:center;gap:4px}.bottom .center{background:var(--blue);color:white;border-radius:17px;transform:translateY(-14px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.skip{position:absolute;top:-100px;inset-inline-start:10px;background:#fff;padding:10px;z-index:100}.skip:focus{top:10px}.nav{height:76px;position:sticky;top:0;z-index:40;background:#fffffff0;backdrop-filter:blur(18px);border-bottom:1px solid #dce6f5;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2))}.nav>nav{display:flex;gap:22px;font-size:.87rem;font-weight:700}.drawer[hidden],.overlay[hidden]{display:none!important}.drawer nav{display:flex;flex-direction:column;gap:20px}.closeDrawer{font-size:1.5rem}.bigIcon{font-size:3rem;display:block;margin-bottom:20px}.map>i{position:absolute;z-index:2;font-style:normal;font-size:1.7rem}.offers{background:#f6f9ff;max-width:none;padding-inline:max(32px,calc((100vw - 1240px)/2))}.empty{text-align:center;border:1px dashed #b9c9df;padding:45px;border-radius:25px;color:#789}.empty>b{font-size:3rem}.requestFields{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px}.request input{border:1px solid #d8e2ef;padding:12px;border-radius:10px;width:100%}.formMessage{font-weight:700;margin:10px 0 0}.toast{position:fixed;z-index:100;bottom:95px;left:50%;transform:translateX(-50%) translateY(30px);background:#082a61;color:white;padding:14px 20px;border-radius:14px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.reveal{opacity:0;transform:translateY(25px);transition:.65s}.reveal.visible{opacity:1;transform:none}.faq article button{text-align:start}.bottom a{display:flex;flex-direction:column;align-items:center;gap:4px}
@media(max-width:1000px){.nav>nav{display:none}}@media(max-width:700px){.requestFields{grid-template-columns:1fr}.navact>.btn{display:none}}

