:root{--ink:#0b1220;--muted:#637083;--line:#e7edf5;--soft:#f6f9fd;--blue:#1769ff;--blue2:#0f4bd9;--cyan:#5dd7ff;--white:#fff;--navy:#07111f;--radius:24px;--shadow:0 24px 70px rgba(20,55,110,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Cairo",system-ui,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.topbar{background:#0b1220;color:#dce8ff;text-align:center;padding:9px 16px;font-size:12px;letter-spacing:.1px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,229,241,.85)}.header-row{height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.brand{font-size:30px;font-weight:800;letter-spacing:1px}.brand::after{content:".";color:var(--blue)}.main-nav{display:flex;justify-content:center;gap:30px}.main-nav a{font-size:13px;font-weight:600;color:#485568;position:relative}.main-nav a::after{content:"";position:absolute;right:0;left:0;bottom:-8px;height:2px;background:var(--blue);transform:scaleX(0);transition:.25s}.main-nav a:hover::after{transform:scaleX(1)}.header-cta{background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:12px;font-weight:700;transition:.25s}.header-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(10,20,40,.18)}
.hero{position:relative;min-height:780px;display:flex;align-items:center;padding:90px 0 70px;background:radial-gradient(circle at 50% -10%,#edf6ff 0,#fff 48%);overflow:hidden}.grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(23,105,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,105,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 78%)}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55;animation:orbFloat 8s ease-in-out infinite}.orb-one{width:300px;height:300px;background:radial-gradient(circle,#bfe8ff 0,rgba(191,232,255,0) 70%);left:-90px;top:90px}.orb-two{width:340px;height:340px;background:radial-gradient(circle,#dfeaff 0,rgba(223,234,255,0) 70%);right:-120px;bottom:80px;animation-delay:-3s}.hero-inner{position:relative;z-index:2;text-align:center}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:700;font-size:12px;background:#eef5ff;border:1px solid #dceaff;border-radius:999px;padding:8px 13px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.2;max-width:940px;margin:24px auto 20px;letter-spacing:-2px}.hero h1 span{color:var(--blue);display:block}.hero-copy{font-size:17px;line-height:2;max-width:720px;margin:0 auto 28px;color:var(--muted)}.primary-cta{display:inline-flex;align-items:center;gap:16px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;padding:16px 24px;border-radius:15px;font-weight:800;font-size:14px;box-shadow:0 16px 38px rgba(23,105,255,.28);transition:.25s;position:relative;overflow:hidden}.primary-cta::before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.36) 45%,transparent 62%);transform:translateX(120%);animation:shine 4s ease-in-out infinite}.primary-cta:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 22px 48px rgba(23,105,255,.36)}.cta-arrow{font-size:18px}.hero-visual{max-width:820px;margin:58px auto 0}.map-stage{height:330px;border-radius:32px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f2f7ff,#e7f3fb);border:1px solid #d9e7f6;box-shadow:var(--shadow)}.map-stage::before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(25deg,transparent 0 48px,rgba(255,255,255,.85) 49px 52px),repeating-linear-gradient(115deg,transparent 0 62px,rgba(255,255,255,.7) 63px 67px);transform:rotate(-2deg);opacity:.8}.route{position:absolute;height:7px;background:rgba(23,105,255,.16);border-radius:999px;transform-origin:right center}.route-a{width:350px;right:5%;top:65%;transform:rotate(-18deg)}.route-b{width:290px;left:6%;top:35%;transform:rotate(24deg)}.pin{position:absolute;width:32px;height:32px;border-radius:50% 50% 50% 0;background:#fff;box-shadow:0 8px 24px rgba(30,70,130,.18);transform:rotate(-45deg);animation:pinBob 3.4s ease-in-out infinite}.pin span{position:absolute;width:10px;height:10px;background:var(--blue);border-radius:50%;top:11px;left:11px}.pin-a{top:68px;right:12%;animation-delay:-1s}.pin-b{bottom:48px;left:14%;animation-delay:-2.1s}.pin-main{width:46px;height:46px;right:50%;top:58%;background:var(--blue);box-shadow:0 0 0 10px rgba(23,105,255,.08),0 15px 35px rgba(23,105,255,.3);animation:pinBob 2.8s ease-in-out infinite}.pin-main span{width:14px;height:14px;background:#fff;top:16px;left:16px}.dashboard-card{position:absolute;z-index:3;width:min(520px,74%);right:50%;top:50%;transform:translate(50%,-50%);padding:22px;border-radius:22px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);box-shadow:0 26px 60px rgba(26,64,120,.18);text-align:right}.dash-top{display:flex;align-items:center;gap:9px;color:#506078;font-size:12px}.dot{width:9px;height:9px;border-radius:50%;background:#23c483;box-shadow:0 0 0 6px rgba(35,196,131,.12)}.status{margin-right:auto;color:#149765;background:#eafaf3;border-radius:999px;padding:5px 9px}.business-row{display:flex;align-items:center;gap:14px;margin:24px 0 18px}.business-icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#e7f1ff,#d8f7ff);display:grid;place-items:center;color:var(--blue);font-size:25px}.business-row strong{display:block;font-size:16px}.business-row small{display:block;color:#8390a3;margin-top:3px}.meter,.score{height:8px;border-radius:99px;background:#edf2f8;overflow:hidden}.meter i,.score i{display:block;height:100%;width:86%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit;animation:loadbar 2s ease forwards}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.mini-stats span{font-size:10px;color:#68778a;background:#f7f9fc;border:1px solid #edf1f6;padding:9px;border-radius:10px}.mini-stats b{color:var(--blue)}.pulse-ring{position:absolute;border:1px solid rgba(23,105,255,.16);border-radius:50%;animation:pulseRing 4s ease-out infinite}.ring-one{width:180px;height:180px;right:15%;top:14%}.ring-two{width:260px;height:260px;left:11%;bottom:-18%;animation-delay:-2s}
.trust-strip{overflow:hidden;border-block:1px solid var(--line);background:#fff;padding:16px 0}.marquee-track{display:flex;width:max-content;align-items:center;gap:28px;white-space:nowrap;animation:marquee 24s linear infinite;color:#536174;font-size:13px}.marquee-track b{color:var(--blue)}.section{padding:100px 0}.section-head{text-align:center;max-width:700px;margin:0 auto 48px}.section-head h2,.showcase-copy h2,.cta-panel h2{font-size:clamp(30px,4vw,48px);line-height:1.35;margin:18px 0 14px}.section-head p,.showcase-copy>p,.cta-panel>p{color:var(--muted);line-height:1.9;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{border:1px solid var(--line);border-radius:22px;padding:26px;background:#fff;transition:.3s;position:relative;overflow:hidden}.feature-card::before{content:"";position:absolute;inset:auto -40px -50px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#e9f5ff,transparent 70%);transition:.3s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(22,55,100,.1);border-color:#d8e6f8}.feature-icon{width:50px;height:50px;border-radius:15px;background:#eef5ff;color:var(--blue);display:grid;place-items:center;font-size:21px;margin-bottom:22px}.feature-card:hover .feature-icon span{animation:iconPop .55s ease}.feature-card h3{font-size:17px;margin:0 0 10px}.feature-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.showcase{background:var(--soft)}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.showcase-copy{text-align:right}.check-list{display:grid;gap:14px;margin-top:28px}.check-list>div{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #e6edf5}.check-list>div>span{min-width:42px;height:42px;border-radius:13px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:12px}.check-list p{margin:0}.check-list strong{display:block;font-size:14px}.check-list small{display:block;color:#7b899b;margin-top:3px}.showcase-visual{position:relative;min-height:500px;display:grid;place-items:center}.phone-card{width:310px;background:#fff;border:1px solid #dfe8f3;border-radius:34px;padding:12px;box-shadow:0 30px 80px rgba(18,55,100,.16);animation:phoneFloat 5s ease-in-out infinite}.phone-bar{height:30px;display:flex;justify-content:center;align-items:center}.phone-bar i{width:82px;height:7px;border-radius:99px;background:#dce5ef}.map-preview{height:240px;border-radius:24px;background:linear-gradient(145deg,#e8f4ff,#f4fbff);position:relative;overflow:hidden}.map-lines{position:absolute;inset:-20%;background:repeating-linear-gradient(35deg,transparent 0 36px,#fff 37px 42px),repeating-linear-gradient(120deg,transparent 0 52px,rgba(255,255,255,.8) 53px 58px);transform:rotate(-4deg)}.location-pulse{position:absolute;inset:0;display:grid;place-items:center}.location-pulse span{width:58px;height:58px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 0 0 0 rgba(23,105,255,.35);animation:pinPulse 2s infinite}.listing-card{padding:18px 8px 10px}.listing-title{display:flex;justify-content:space-between;align-items:center}.listing-title span{font-size:10px;background:#ebfbf3;color:#159564;padding:5px 8px;border-radius:99px}.listing-line{height:8px;border-radius:99px;background:#edf2f7;margin-top:11px}.w-90{width:90%}.w-64{width:64%}.score-row{display:flex;justify-content:space-between;font-size:11px;color:#68778a;margin:18px 0 8px}.score i{width:92%}.floating-badge{position:absolute;background:#fff;border:1px solid #e0e9f3;box-shadow:0 18px 38px rgba(15,50,100,.12);border-radius:14px;padding:11px 14px;font-size:11px;color:#55657a;animation:badgeFloat 4s ease-in-out infinite}.floating-badge b{color:var(--blue);margin-right:6px}.badge-a{right:3%;top:22%;animation-delay:-1s}.badge-b{left:4%;bottom:20%;animation-delay:-2.4s}.cta-section{padding-top:80px}.cta-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#07111f,#0f2445);border-radius:32px;padding:70px 30px;text-align:center;color:#fff}.cta-panel .section-kicker{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1);color:#bcd7ff}.cta-panel>p{color:#b4c1d3;max-width:650px;margin:0 auto 25px}.primary-cta.light{background:#fff;color:var(--ink);box-shadow:none}.cta-orbit{position:absolute;border:1px solid rgba(117,174,255,.12);border-radius:50%;animation:orbit 14s linear infinite}.orbit-a{width:340px;height:340px;right:-120px;top:-130px}.orbit-b{width:260px;height:260px;left:-100px;bottom:-90px;animation-direction:reverse}.faq-wrap{max-width:900px}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.faq-list summary{list-style:none;cursor:pointer;padding:20px 22px;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;color:var(--blue);transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin:0;padding:0 22px 20px;color:var(--muted);font-size:12px;line-height:1.9}.site-footer{background:#07111f;color:#fff;padding:54px 0 20px}.footer-row{display:flex;justify-content:space-between;gap:60px}.footer-brand{display:inline-block;color:#fff}.footer-row p{color:#9fb0c6;max-width:500px;font-size:12px;line-height:1.9}.footer-links{display:flex;gap:22px;align-items:flex-start;padding-top:9px}.footer-links a{font-size:11px;color:#b9c7d8}.copyright{text-align:center;border-top:1px solid #18283b;margin-top:35px;padding-top:18px;color:#687a91;font-size:11px}.floating-store{position:fixed;left:20px;bottom:20px;z-index:45;background:var(--blue);color:#fff;border-radius:999px;padding:12px 16px;font-size:12px;font-weight:800;box-shadow:0 14px 35px rgba(23,105,255,.3);display:flex;gap:10px;align-items:center;transition:.25s}.floating-store:hover{transform:translateY(-3px)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}
@keyframes orbFloat{50%{transform:translateY(-24px) scale(1.04)}}@keyframes shine{0%,35%{transform:translateX(120%)}55%,100%{transform:translateX(-130%)}}@keyframes pinBob{50%{margin-top:-8px}}@keyframes pulseRing{0%{transform:scale(.72);opacity:0}45%{opacity:.6}100%{transform:scale(1.16);opacity:0}}@keyframes loadbar{from{width:15%}}@keyframes marquee{to{transform:translateX(50%)}}@keyframes iconPop{50%{transform:scale(1.22) rotate(-6deg)}}@keyframes phoneFloat{50%{transform:translateY(-12px) rotate(.7deg)}}@keyframes badgeFloat{50%{transform:translateY(-10px)}}@keyframes pinPulse{70%{box-shadow:0 0 0 22px rgba(23,105,255,0)}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:900px){.main-nav{display:none}.header-row{grid-template-columns:1fr auto}.hero{min-height:auto;padding-top:72px}.hero h1{letter-spacing:-1px}.feature-grid{grid-template-columns:repeat(2,1fr)}.showcase-grid{grid-template-columns:1fr;gap:50px}.showcase-copy{text-align:center}.check-list{text-align:right;max-width:620px;margin:28px auto 0}.footer-row{flex-direction:column;gap:25px}.footer-links{flex-wrap:wrap}.badge-a{right:8%}.badge-b{left:8%}}
@media(max-width:600px){.container{width:min(100% - 24px,1180px)}.header-row{height:68px}.brand{font-size:25px}.header-cta{padding:10px 13px;font-size:10px}.topbar{font-size:10px}.hero{padding:58px 0 48px}.hero h1{font-size:39px}.hero-copy{font-size:14px}.hero-visual{margin-top:42px}.map-stage{height:285px;border-radius:24px}.dashboard-card{width:88%;padding:17px}.mini-stats{grid-template-columns:1fr}.mini-stats span:nth-child(2),.mini-stats span:nth-child(3){display:none}.section{padding:72px 0}.feature-grid{grid-template-columns:1fr}.feature-card{padding:22px}.showcase-visual{min-height:430px}.phone-card{width:270px}.floating-badge{font-size:10px}.badge-a{right:0}.badge-b{left:0}.cta-panel{padding:52px 18px;border-radius:24px}.footer-links{gap:14px}.floating-store{left:12px;bottom:12px;padding:10px 13px}.marquee-track{font-size:11px}.section-head{margin-bottom:34px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}