:root{--orange: #F47521;--orange-d: #E0610E;--orange-l: #FF9A4D;--blue: #1A4D8F;--blue-d: #143C6E;--navy: #16314D;--cream: #FFF6EE;--cream-2: #FDEEE2;--peach: #FFE7D3;--ink: #1B2A3A;--muted: #5B6B7B;--line: rgba(22, 49, 77, .1);--white: #ffffff;--grad: linear-gradient(120deg, #F47521 0%, #FF9A4D 100%);--grad-blue: linear-gradient(120deg, #1A4D8F 0%, #2E6FBF 100%);--shadow-sm: 0 4px 14px rgba(22, 49, 77, .08);--shadow: 0 18px 40px rgba(22, 49, 77, .12);--shadow-lg: 0 40px 80px rgba(22, 49, 77, .18);--shadow-orange: 0 18px 40px rgba(244, 117, 33, .35);--r-sm: 14px;--r: 22px;--r-lg: 32px;--container: 1180px;--nav-h: 76px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Tajawal,Cairo,system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.brand-name{font-family:Cairo,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--container),92vw);margin-inline:auto}.section{padding:clamp(70px,9vw,120px) 0;position:relative}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.kicker{display:inline-block;font-weight:700;font-size:.82rem;letter-spacing:.5px;color:var(--orange-d);background:var(--peach);padding:7px 16px;border-radius:999px;margin-bottom:18px}.section-head{text-align:center;max-width:660px;margin:0 auto 56px}.section-head h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.25;color:var(--navy)}.section-head p{color:var(--muted);margin-top:16px;font-size:1.08rem}.scroll-progress{position:fixed;top:0;right:0;height:4px;width:0%;background:var(--grad);z-index:2000;box-shadow:0 0 12px #f4752199}.navbar{position:fixed;top:0;inset-inline:0;z-index:1000;height:var(--nav-h);display:flex;align-items:center;transition:background .35s ease,box-shadow .35s ease,height .35s ease}.navbar.scrolled{background:#fff6eed9;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);box-shadow:0 6px 24px #16314d14;height:66px}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:min(var(--container),92vw);margin-inline:auto}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:44px;height:44px;border-radius:13px;overflow:hidden;box-shadow:var(--shadow-sm);flex-shrink:0}.brand-logo img{width:100%;height:100%;object-fit:cover}.brand-name{font-weight:800;font-size:1.3rem;color:var(--navy)}.brand-name span{color:var(--orange)}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{font-weight:600;font-size:.98rem;color:var(--ink);padding:9px 14px;border-radius:10px;transition:.2s;position:relative}.nav-links a:not(.nav-cta):hover{color:var(--orange-d);background:#f4752114}.nav-cta{background:var(--grad);color:#fff!important;box-shadow:var(--shadow-orange);margin-inline-start:8px}.nav-cta:hover{transform:translateY(-2px)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}.nav-toggle span{width:24px;height:2.5px;background:var(--navy);border-radius:3px;transition:.3s}.nav-toggle.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.hero{position:relative;padding-top:calc(var(--nav-h) + 40px);padding-bottom:60px;overflow:hidden;background:radial-gradient(1200px 600px at 85% -5%,var(--cream-2),transparent 60%),linear-gradient(180deg,var(--cream) 0%,#fff 100%)}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}.blob-1{width:420px;height:420px;background:#ffcba0;top:-80px;inset-inline-start:-90px;animation:drift 16s ease-in-out infinite}.blob-2{width:360px;height:360px;background:#bfd6f2;bottom:-100px;inset-inline-end:10%;animation:drift 20s ease-in-out infinite reverse}.blob-3{width:280px;height:280px;background:#ffd9be;top:30%;inset-inline-end:-60px;animation:drift 18s ease-in-out infinite}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(22,49,77,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(22,49,77,.04) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 80%);mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 80%)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--blue-d);background:#fff;border:1px solid var(--line);padding:8px 16px;border-radius:999px;box-shadow:var(--shadow-sm)}.eyebrow .dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #f475212e;animation:pulse 2s infinite}.hero-copy h1{font-size:clamp(2.3rem,5.4vw,4rem);font-weight:900;line-height:1.15;color:var(--navy);margin:22px 0 18px}.underline{position:relative;white-space:nowrap}.underline:after{content:"";position:absolute;inset-inline:-2px;bottom:6px;height:14px;z-index:-1;background:#f4752147;border-radius:6px;transform:skew(-8deg)}.hero-sub{font-size:1.16rem;color:var(--muted);max-width:540px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.store-btn{display:inline-flex;align-items:center;gap:12px;background:var(--navy);color:#fff;padding:12px 22px;border-radius:16px;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.store-btn svg{width:26px;height:26px}.store-btn span{display:flex;flex-direction:column;line-height:1.15;text-align:start}.store-btn small{font-size:.72rem;opacity:.85;font-weight:500}.store-btn strong{font-size:1.1rem;font-weight:700}.store-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.store-btn.light{background:#fff;color:var(--navy)}.hero-trust{display:flex;align-items:center;gap:16px;margin-top:34px}.avatars{display:flex}.avatars span{width:44px;height:44px;border-radius:50%;border:3px solid #fff;background-size:cover;background-position:center;margin-inline-start:-12px;box-shadow:var(--shadow-sm)}.avatars span:first-child{margin-inline-start:0}.avatars .more{background:var(--grad);color:#fff;font-weight:800;font-size:.8rem;display:grid;place-items:center}.trust-text .stars{color:#ffb400;letter-spacing:2px;font-size:.95rem}.trust-text p{font-size:.9rem;color:var(--muted);margin-top:2px}.hero-visual{position:relative;display:grid;place-items:center;min-height:520px}.phone{position:relative;background:#fff;border-radius:42px;padding:10px;box-shadow:var(--shadow-lg);border:1px solid rgba(22,49,77,.06)}.phone img{border-radius:32px;width:100%}.phone-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:130px;height:26px;background:#fff;border-radius:0 0 16px 16px;z-index:3}.phone-hero{width:min(330px,78vw);z-index:2}.phone-hero:before{content:"";position:absolute;inset:-30px;z-index:-1;background:radial-gradient(circle at 50% 40%,rgba(244,117,33,.18),transparent 65%)}.float-card{position:absolute;z-index:5;display:flex;align-items:center;gap:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);padding:12px 16px;border-radius:16px;box-shadow:var(--shadow)}.float-card strong{display:block;font-size:1rem;color:var(--navy);font-weight:800;line-height:1.2}.float-card small{display:block;font-size:.76rem;color:var(--muted)}.fc-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:1.1rem;background:var(--peach)}.fc-ico.check{background:#dcf5e4;color:#1e9e54}.fc-ico.bolt{background:#fff0d6}.fc-rating{top:8%;inset-inline-start:-4%}.fc-verified{bottom:16%;inset-inline-start:-8%}.fc-fast{top:38%;inset-inline-end:-10%}.spark{position:absolute;color:var(--orange);opacity:.5;font-size:1.2rem;animation:twinkle 3s infinite}.spark.s1{top:6%;inset-inline-end:18%}.spark.s2{bottom:10%;inset-inline-end:30%;animation-delay:.8s}.spark.s3{top:50%;inset-inline-start:6%;animation-delay:1.5s;font-size:.9rem}.scroll-cue{position:absolute;bottom:18px;left:50%;transform:translate(-50%);width:26px;height:42px;border:2px solid rgba(22,49,77,.25);border-radius:14px;display:grid;justify-items:center;padding-top:7px;z-index:2}.scroll-cue span{width:5px;height:9px;background:var(--orange);border-radius:3px;animation:scrollDot 1.6s infinite}.marquee{background:var(--navy);color:#fff;overflow:hidden;padding:16px 0;position:relative}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2}.marquee:before{inset-inline-start:0;background:linear-gradient(90deg,var(--navy),transparent)}.marquee:after{inset-inline-end:0;background:linear-gradient(-90deg,var(--navy),transparent)}.marquee-track{display:flex;align-items:center;gap:28px;white-space:nowrap;width:max-content;animation:scrollX 28s linear infinite}.marquee-track span{font-family:Cairo;font-weight:800;font-size:1.5rem}.marquee-track i{color:var(--orange);font-style:normal}.stats{padding:56px 0;background:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}.stat{padding:18px;border-radius:var(--r);position:relative}.stat strong{font-family:Cairo;display:block;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:900;color:var(--orange);line-height:1}.stat span{color:var(--muted);font-weight:600;margin-top:8px;display:inline-block}.stat:not(:last-child):after{content:"";position:absolute;inset-inline-end:-12px;top:25%;height:50%;width:1px;background:var(--line)}.services{background:linear-gradient(180deg,#fff,var(--cream))}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.svc-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 24px;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}.svc-card:before{content:"";position:absolute;inset:0;background:var(--grad);opacity:0;transition:.3s;z-index:0}.svc-card>*{position:relative;z-index:1}.svc-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent}.svc-card:hover:before{opacity:1}.svc-card:hover h3,.svc-card:hover p{color:#fff}.svc-card:hover .svc-ico{background:#ffffff38;color:#fff}.svc-ico{width:58px;height:58px;border-radius:16px;background:var(--peach);color:var(--orange-d);display:grid;place-items:center;margin-bottom:18px;transition:.3s}.svc-ico svg{width:30px;height:30px}.svc-card h3{font-size:1.25rem;font-weight:800;color:var(--navy);transition:.3s}.svc-card p{color:var(--muted);font-size:.96rem;margin-top:8px;transition:.3s}.svc-more{background:linear-gradient(135deg,var(--cream-2),#fff);border-style:dashed}.how{background:var(--cream)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative}.how-line{position:absolute;top:42px;inset-inline:14%;height:3px;z-index:0;background:repeating-linear-gradient(90deg,var(--orange) 0 14px,transparent 14px 26px);opacity:.5}.how-step{text-align:center;position:relative;z-index:1}.how-num{width:54px;height:54px;margin:0 auto 26px;background:var(--grad);color:#fff;border-radius:50%;display:grid;place-items:center;font-family:Cairo;font-weight:900;font-size:1.4rem;box-shadow:var(--shadow-orange);border:4px solid #fff}.phone-sm{width:min(240px,70vw);margin:0 auto 22px;border-radius:34px}.phone-sm img{border-radius:26px}.how-step h3{font-size:1.35rem;font-weight:800;color:var(--navy)}.how-step p{color:var(--muted);margin-top:8px;max-width:280px;margin-inline:auto}.tilt{transition:transform .4s ease}.tilt:hover{transform:translateY(-6px) rotate(-2deg)}.features{background:linear-gradient(180deg,var(--cream),#fff)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.feat:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.feat-ico{width:56px;height:56px;border-radius:16px;margin-bottom:18px;background:var(--grad);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-orange)}.feat-ico svg{width:28px;height:28px}.feat h3{font-size:1.2rem;font-weight:800;color:var(--navy)}.feat p{color:var(--muted);margin-top:8px;font-size:.98rem}.showcase{background:#fff;overflow:hidden}.showcase-strip{display:flex;justify-content:center;align-items:flex-end;gap:18px;perspective:1400px}.phone-show{width:min(210px,42vw);flex-shrink:0;border-radius:32px;transition:transform .45s ease,box-shadow .45s ease}.phone-show img{border-radius:24px}.phone-show:nth-child(odd){transform:translateY(18px) rotateY(8deg)}.phone-show:nth-child(2n){transform:translateY(-6px) rotateY(-8deg)}.feature-phone{transform:scale(1.08) translateY(-14px)!important;z-index:3;box-shadow:var(--shadow-lg)}.phone-show:hover{transform:translateY(-10px) scale(1.04) rotateY(0)!important;box-shadow:var(--shadow-lg);z-index:4}.audience{background:linear-gradient(180deg,#fff,var(--cream))}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.aud-card{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:44px 38px;box-shadow:var(--shadow);transition:transform .3s ease}.aud-card:hover{transform:translateY(-6px)}.aud-client{background:linear-gradient(135deg,#fff 0%,var(--cream-2) 100%);border:1px solid var(--line)}.aud-pro{background:var(--grad-blue);color:#fff}.aud-ico{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;margin-bottom:22px}.aud-client .aud-ico{background:var(--peach);color:var(--orange-d)}.aud-pro .aud-ico{background:#ffffff2e;color:#fff}.aud-ico svg{width:32px;height:32px}.aud-card h3{font-size:1.6rem;font-weight:800}.aud-client h3{color:var(--navy)}.aud-card p{margin-top:12px;font-size:1.05rem;max-width:420px}.aud-client p{color:var(--muted)}.aud-pro p{color:#ffffffe6}.aud-btn{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-weight:800;padding:12px 24px;border-radius:14px;transition:.25s}.aud-client .aud-btn{background:var(--grad);color:#fff;box-shadow:var(--shadow-orange)}.aud-pro .aud-btn{background:#fff;color:var(--blue-d)}.aud-btn span{transition:transform .25s}.aud-btn:hover span{transform:translate(-5px)}.download{background:var(--cream)}.cta-card{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--orange) 0%,var(--orange-d) 60%,#C9540A 100%);border-radius:var(--r-lg);padding:clamp(40px,5vw,70px);box-shadow:var(--shadow-lg)}.cta-bg{position:absolute;inset:0;overflow:hidden}.blob-c1{width:360px;height:360px;background:#ffffff29;top:-120px;inset-inline-start:-80px;filter:blur(20px)}.blob-c2{width:300px;height:300px;background:#16314d2e;bottom:-130px;inset-inline-end:-60px;filter:blur(20px)}.cta-content{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.cta-copy h2{color:#fff;font-size:clamp(1.9rem,4vw,3rem);font-weight:900;line-height:1.2}.cta-copy p{color:#ffffffeb;font-size:1.15rem;margin-top:14px}.cta-copy .hero-actions{margin-top:26px}.cta-visual{position:relative;display:grid;place-items:center;min-height:360px}.phone-cta{width:min(260px,60vw)}.cta-mascot{position:absolute;width:110px;height:110px;border-radius:50%;bottom:6%;inset-inline-start:4%;border:5px solid #fff;box-shadow:var(--shadow)}.footer{background:var(--navy);color:#fff;padding-top:70px}.footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding-bottom:50px}.footer .brand-name{color:#fff}.footer-brand p{color:#ffffffb3;margin-top:16px;max-width:320px;font-size:.98rem}.footer-stores{display:flex;gap:12px;margin-top:20px}.mini-store{border:1px solid rgba(255,255,255,.2);padding:9px 18px;border-radius:10px;font-weight:600;font-size:.9rem;transition:.25s}.mini-store:hover{background:var(--orange);border-color:var(--orange)}.footer-col h4{font-size:1.05rem;margin-bottom:16px;color:#fff}.footer-col a{display:block;color:#ffffffb3;padding:6px 0;transition:.2s;font-size:.96rem}.footer-col a:hover{color:var(--orange-l);padding-inline-start:6px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:22px 0}.footer-bottom .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:center}.footer-bottom p{color:#fff9;font-size:.9rem}.made{display:inline-flex;align-items:center;gap:6px}.made a{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#fff;padding:6px 14px;border-radius:999px;background:#f4752129;border:1px solid rgba(244,117,33,.4);transition:.25s}.made a svg{width:15px;height:15px;color:var(--orange-l)}.made a:hover{background:var(--grad);border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-orange)}.made a:hover svg{color:#fff}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-26px) scale(1.08)}}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #f475212e}50%{box-shadow:0 0 0 8px #f475210d}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.85) rotate(0)}50%{opacity:.8;transform:scale(1.1) rotate(20deg)}}@keyframes scrollDot{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}to{opacity:0}}@keyframes scrollX{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes floatyA{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes floatyB{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes floatyC{0%,to{transform:translateY(-6px)}50%{transform:translateY(10px)}}.float-slow{animation:floaty 6s ease-in-out infinite}.float-a{animation:floatyA 5s ease-in-out infinite}.float-b{animation:floatyB 6.5s ease-in-out infinite}.float-c{animation:floatyC 5.5s ease-in-out infinite}.js .reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal,.reveal{opacity:1;transform:none}}@media(max-width:980px){.hero-inner{grid-template-columns:1fr;text-align:center;gap:50px}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-actions,.hero-trust{justify-content:center}.services-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.cta-content{grid-template-columns:1fr;text-align:center}.cta-copy .hero-actions{justify-content:center}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}@media(max-width:760px){.nav-links{position:fixed;inset:0 0 auto;top:var(--nav-h);flex-direction:column;align-items:stretch;gap:4px;background:#fff6eef7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:18px 24px 26px;box-shadow:var(--shadow);transform:translateY(-130%);transition:transform .4s ease;visibility:hidden}.nav-links.open{transform:translateY(0);visibility:visible}.nav-links a{padding:14px 12px;border-radius:12px}.nav-cta{text-align:center;margin-top:6px}.nav-toggle{display:flex}.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.stat:not(:last-child):after{display:none}.how-grid{grid-template-columns:1fr;gap:50px}.how-line{display:none}.audience-grid{grid-template-columns:1fr}.showcase-strip{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:20px 4vw 30px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.phone-show{scroll-snap-align:center;transform:none!important}.feature-phone{transform:none!important}.fc-fast{display:none}.fc-rating{inset-inline-start:0}.fc-verified{inset-inline-start:-2%}}@media(max-width:480px){.services-grid,.features-grid{grid-template-columns:1fr}.store-btn{flex:1;justify-content:center}.footer-inner{grid-template-columns:1fr}.footer-bottom .container{flex-direction:column;text-align:center}}