*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden;width:100%}:root{--blue:#1e3a8a;--blue-light:#3b82f6;--blue-dark:#1e3a5a;--red:#dc2626;--amber:#f59e0b;--green:#16a34a;--black:#0a0f1a;--dark:#111827;--dark2:#1f2937;--gray:#9ca3af;--gray-light:#6b7280;--white:#f9fafb}html{scroll-behavior:smooth}body{font-family:Tajawal,sans-serif;background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased}.blue{color:var(--blue-light)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.social-proof-bar{display:flex;justify-content:center;align-items:center;gap:2rem;padding:1.2rem 2rem;background:var(--dark2);border-bottom:1px solid rgba(59,130,246,.1);flex-wrap:wrap}.proof-item{display:flex;flex-direction:column;align-items:center;gap:4px}.proof-number{font-family:Cairo,sans-serif;font-size:1.4rem;font-weight:900;color:var(--amber)}.proof-label{font-size:.78rem;color:var(--gray);font-weight:500}.proof-divider{width:1px;height:36px;background:rgba(255,255,255,.08)}@media (max-width:480px){.social-proof-bar{gap:1rem;padding:1rem}.proof-number{font-size:1.1rem}.proof-label{font-size:.7rem}.proof-divider{height:28px}}nav.scrolled{height:60px;background:rgba(10,15,26,.95);border-bottom-color:rgba(59,130,246,.2)}.nav-links li a{position:relative}.nav-links li a::after{content:'';position:absolute;bottom:-4px;right:0;width:0;height:1px;background:var(--blue-light);transition:width .3s ease}.nav-links li a:hover{color:var(--blue-light)}.nav-links li a:hover::after{width:100%}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu.show{display:block}.mobile-menu a:hover{color:var(--blue-light)}.marquee{background:linear-gradient(135deg,var(--blue),var(--blue-light));color:#fff;padding:14px 0;overflow:hidden;position:relative;z-index:2;width:100%;max-width:100%}.marquee-track{display:flex;width:max-content;animation:marqueeScroll 25s linear infinite;will-change:transform;direction:ltr}.marquee-item{white-space:nowrap;font-size:.85rem;font-weight:700;padding:0 40px;letter-spacing:2px;text-transform:uppercase}@keyframes marqueeScroll{0%{transform:translateX(50%)}100%{transform:translateX(0)}}.section-header{text-align:center;margin-bottom:64px}.section-label{font-size:.78rem;color:var(--blue-light);letter-spacing:4px;text-transform:uppercase;margin-bottom:14px;font-weight:500}.section-title{font-family:Cairo,sans-serif;font-size:2.6rem;font-weight:900;line-height:1.3}.section-line{width:50px;height:3px;background:linear-gradient(135deg,var(--blue-light),var(--amber));margin:20px auto 0;border-radius:2px}.section-dark{padding:110px 60px;background:linear-gradient(135deg,#0f172a 0,var(--blue) 100%);position:relative}.distance-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.distance-card{padding:2.5rem;border-radius:1rem;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}.distance-card.city{background:linear-gradient(135deg,var(--green) 0,#15803d 100%)}.distance-card.outdoor{background:linear-gradient(135deg,#2563eb 0,#1d4ed8 100%)}.distance-icon{font-size:3rem;margin-bottom:.5rem}.distance-label{font-size:1.1rem;opacity:.9;margin-bottom:.5rem}.distance-value{font-size:3rem;font-weight:900;color:#fff;font-family:Cairo,sans-serif}.distance-note{font-size:.95rem;opacity:.85;margin-top:.5rem}.distance-disclaimer{text-align:center;margin-top:2rem;font-size:1.1rem;opacity:.9}.section-compare{padding:110px 60px;background:var(--dark)}.compare-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.compare-card{padding:2rem;border-radius:1rem;position:relative;overflow:hidden}.compare-card.bad{background:linear-gradient(135deg,#7f1d1d,#991b1b);border:3px solid var(--red)}.compare-card.good{background:linear-gradient(135deg,#14532d,var(--green));border:3px solid #22c55e}.compare-ribbon{position:absolute;top:14px;right:-30px;background:var(--amber);color:#000;padding:.3rem 3rem;transform:rotate(45deg);font-weight:700;font-size:.85rem}.compare-badge{text-align:center;margin-bottom:1.5rem;display:inline-block;width:100%}.compare-badge.bad,.compare-badge.bad span{background:var(--red);padding:.5rem 1.5rem;border-radius:50px;font-weight:700;font-size:1.1rem}.compare-badge.good,.compare-badge.good span{background:#22c55e;padding:.5rem 1.5rem;border-radius:50px;font-weight:700;font-size:1.1rem}.compare-list{list-style:none;font-size:1.05rem;line-height:2.4}.compare-list li{display:flex;align-items:center;gap:.8rem}.compare-list .x{color:#fca5a5;font-size:1.3rem}.compare-list .check{color:#86efac;font-size:1.3rem}.compare-list strong{color:var(--amber)}.warning-box{max-width:900px;margin:2rem auto 0;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:1.5rem;border-radius:1rem;text-align:center;border:2px solid var(--amber)}.warning-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.warning-box p{font-size:1.05rem;margin-top:.3rem}.section-gallery{padding:110px 60px;background:var(--black)}.carousel-container{position:relative;max-width:800px;margin:0 auto;overflow:hidden;border-radius:1.5rem;box-shadow:0 20px 60px rgba(0,0,0,.4);border:1px solid rgba(59,130,246,.15)}.carousel-wrapper{display:flex;transition:transform .5s ease-in-out;direction:ltr}.carousel-slide{direction:rtl}.carousel-slide{min-width:100%;display:flex;justify-content:center;align-items:center;background:var(--dark)}.carousel-slide img{width:100%;height:auto;max-height:600px;object-fit:contain;display:block}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.95);border:none;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.3);transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center;color:var(--blue);font-weight:700}.carousel-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-btn.prev{right:1rem}.carousel-btn.next{left:1rem}.carousel-dots{display:flex;justify-content:center;gap:.8rem;padding:1.5rem 0 0}.carousel-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.2);border:none;cursor:pointer;transition:all .3s ease}.carousel-dot.active{background:var(--blue-light);width:32px;border-radius:6px}.section-features{padding:110px 60px;background:var(--dark);position:relative}.section-features::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(59,130,246,.06) 0,transparent 60%)}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}.feature-card{padding:40px 28px;border:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.02);text-align:center;transition:all .4s cubic-bezier(.16, 1, .3, 1);border-radius:1rem}.feature-card:hover{border-color:rgba(59,130,246,.2);background:rgba(59,130,246,.04);transform:translateY(-4px)}.feature-icon{font-size:3rem;margin-bottom:16px}.feature-title{font-size:1.1rem;font-weight:700;margin-bottom:10px;font-family:Cairo,sans-serif}.feature-desc{font-size:.9rem;color:var(--gray);line-height:1.9}.section-details{padding:120px 60px;background:var(--black)}.details-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.detail-image-wrapper{position:relative}.detail-image-wrapper::before{content:'';position:absolute;top:-20px;left:-20px;width:100%;height:100%;border:1px solid rgba(59,130,246,.15);border-radius:1rem;z-index:0}.detail-image{position:relative;z-index:1;overflow:hidden;border:1px solid rgba(59,130,246,.15);border-radius:1rem}.detail-image img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform .6s ease}.detail-image:hover img{transform:scale(1.03)}.details-text h2{font-family:Cairo,sans-serif;font-size:2.8rem;margin-bottom:24px;font-weight:900;line-height:1.3}.details-text p{color:var(--gray);line-height:2;margin-bottom:16px;font-size:1rem}.detail-list{list-style:none;margin-top:32px}.detail-list li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-between;font-size:.95rem;transition:padding .3s}.detail-list li:hover{padding-inline-start:8px}.detail-list li span:first-child{color:var(--gray)}.detail-list li span:last-child{color:var(--white);font-weight:500}.section-reviews{padding:110px 60px;background:var(--dark);position:relative}.reviews-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.review-card{padding:36px;border:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.015);border-radius:1rem;transition:all .3s}.review-card:hover{border-color:rgba(59,130,246,.2)}.review-stars{font-size:.9rem;letter-spacing:4px;margin-bottom:16px}.review-text{font-size:.95rem;color:var(--gray);line-height:1.9;margin-bottom:20px}.review-author{font-size:.85rem;color:var(--white);font-weight:600}.review-city{font-size:.78rem;color:var(--gray);margin-top:4px}.section-faq{padding:110px 60px;background:var(--black)}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid rgba(255,255,255,.06);padding:1.5rem 0}.faq-item:last-child{border-bottom:none}.faq-q{font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700;color:var(--white);margin-bottom:.8rem}.faq-a{font-size:.95rem;color:var(--gray);line-height:1.9}.faq-a strong{color:var(--amber)}.cta{padding:130px 60px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,var(--blue-dark))}.cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.12) 0,transparent 50%),radial-gradient(ellipse at 30% 80%,rgba(59,130,246,.06) 0,transparent 40%)}.cta-content{position:relative;z-index:1}.cta h2{font-family:Cairo,sans-serif;font-size:3rem;margin-bottom:24px;font-weight:900}.price-display{margin-bottom:16px}.price-old{font-size:1.8rem;text-decoration:line-through;color:var(--gray);margin-right:1rem}.price-now{font-size:4rem;font-weight:900;color:var(--amber);font-family:Cairo,sans-serif}.cta-includes{color:var(--gray);font-size:1.1rem;margin-bottom:8px;line-height:1.8}.cta p{color:var(--gray);font-size:1.05rem;margin-bottom:16px;line-height:1.8}.stock-alert{display:inline-block;background:rgba(220,38,38,.15);color:var(--red);padding:.8rem 1.5rem;border-radius:.8rem;font-weight:700;margin-bottom:2rem;border:2px solid rgba(220,38,38,.3);font-size:1.1rem}.btn-large{padding:20px 60px;font-size:1.15rem}footer{padding:48px 60px;border-top:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--gray);background:var(--black)}footer a{color:var(--blue-light);text-decoration:none;transition:color .3s}footer a:hover{color:#60a5fa}.modal-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.16, 1, .3, 1)}.modal-overlay.show{opacity:1;visibility:visible}.modal{background:var(--dark2);border:1px solid rgba(59,130,246,.2);border-radius:1rem;width:100%;max-width:480px;padding:0;position:relative;transform:translateY(30px) scale(.96);transition:transform .4s cubic-bezier(.16, 1, .3, 1);max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.modal::-webkit-scrollbar{display:none}.modal-overlay.show .modal{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:16px;left:16px;right:auto;width:44px;height:44px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:50%;color:var(--gray);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:1}.modal-close:hover{color:var(--white);border-color:rgba(255,255,255,.2)}.modal-header{padding:40px 36px 28px;text-align:center;border-bottom:1px solid rgba(255,255,255,.04)}.modal-header h3{font-size:1.4rem;font-weight:800;margin-bottom:6px;font-family:Cairo,sans-serif}.modal-body{padding:28px 36px 36px}.modal-steps-bar{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:18px}.step-dot{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--gray);background:0 0;transition:all .3s}.step-dot.active{border-color:var(--blue-light);color:var(--blue-light);background:rgba(59,130,246,.1)}.step-dot.done{border-color:var(--green);color:#fff;background:var(--green);font-size:.9rem}.step-line{width:40px;height:2px;background:rgba(255,255,255,.1);margin:0 8px}.step-line.active{background:var(--blue-light)}.modal-header-sub{font-size:.85rem;color:var(--gray);margin-top:6px}.step1-product{text-align:center;margin-bottom:20px}.step1-product img{width:120px;height:120px;object-fit:cover;border-radius:12px;border:1px solid rgba(59,130,246,.2)}.step1-price{text-align:center;margin-bottom:24px;padding:14px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:.8rem}.step1-price-value{display:block;font-family:Cairo,sans-serif;font-size:2rem;font-weight:900;color:var(--amber)}.step1-price-note{display:block;font-size:.82rem;color:var(--gray);margin-top:4px}.step1-section{margin-bottom:20px}.step1-label{font-size:.85rem;font-weight:700;color:var(--white);margin-bottom:10px}.step1-list{list-style:none;padding:0}.step1-list li{font-size:.88rem;color:var(--gray);padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);line-height:1.6}.step1-list li:last-child{border-bottom:none}.step1-specs{margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.step1-spec{display:flex;align-items:center;gap:12px;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:.6rem}.step1-spec-icon{font-size:1.4rem;flex-shrink:0}.step1-spec strong{display:block;font-size:.82rem;color:var(--white);margin-bottom:2px}.step1-spec span{font-size:.78rem;color:var(--gray)}.step-back{display:block;width:100%;background:0 0;border:none;color:var(--gray);font-size:.82rem;font-family:Tajawal,sans-serif;cursor:pointer;margin-top:14px;padding:10px;transition:color .3s}.step-back:hover{color:var(--blue-light)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.82rem;color:var(--gray);margin-bottom:8px;letter-spacing:.5px;font-weight:500}.form-group input{width:100%;padding:16px 18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:.6rem;color:var(--white);font-size:1rem;font-family:Tajawal,sans-serif;transition:all .3s;outline:0}.form-group input::placeholder{color:rgba(255,255,255,.2)}.form-group input:focus{border-color:var(--blue-light);background:rgba(59,130,246,.04);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-group .input-error{border-color:#e74c3c!important}.form-error{font-size:.78rem;color:#e74c3c;margin-top:6px;display:none}.modal-submit{width:100%;padding:18px;background:linear-gradient(135deg,var(--amber),var(--red));color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .4s;font-family:Tajawal,sans-serif;position:relative;overflow:hidden}.modal-submit:hover{box-shadow:0 12px 40px rgba(245,158,11,.35);transform:translateY(-2px)}.modal-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.modal-submit .spinner{display:none;width:20px;height:20px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin:0 auto}.modal-submit.loading .btn-text{display:none}.modal-submit.loading .spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.modal-trust{display:flex;justify-content:center;gap:20px;margin-top:20px;font-size:.75rem;color:var(--gray)}.modal-success{display:none;text-align:center;padding:60px 36px}.modal-success.show{display:block}.modal-success .success-icon{font-size:4rem;margin-bottom:24px}.modal-success h3{font-size:1.5rem;font-weight:800;margin-bottom:10px;font-family:Cairo,sans-serif}.modal-success p{color:var(--gray);font-size:.95rem;line-height:1.8}.floating-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:900;padding:14px 20px;background:rgba(10,15,26,.95);backdrop-filter:blur(20px);border-top:1px solid rgba(59,130,246,.15)}.floating-cta button{width:100%;padding:16px;background:linear-gradient(135deg,var(--amber),var(--red));color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;font-family:Tajawal,sans-serif}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.16, 1, .3, 1)}.reveal.visible{opacity:1;transform:translateY(0)}@media (min-width:1440px){.hero-grid{max-width:1360px;gap:100px}.hero-text h1{font-size:3.8rem}.hero-price{font-size:3.2rem}.features-grid{max-width:1300px}}@media (max-width:1024px){nav{padding:0 40px}.hero{padding:100px 40px 60px}.hero-grid{gap:50px}.hero-text h1{font-size:2.6rem}.section-compare,.section-dark,.section-details,.section-faq,.section-features,.section-gallery,.section-reviews{padding:90px 40px}.features-grid{grid-template-columns:repeat(2,1fr)}.reviews-grid{grid-template-columns:repeat(2,1fr)}.cta{padding:100px 40px}.cta h2{font-size:2.6rem}}@media (max-width:768px){.section-compare,.section-dark,.section-details,.section-faq,.section-features,.section-gallery,.section-reviews{padding:70px 24px}.reviews-grid{grid-template-columns:1fr}.review-card{padding:28px}.compare-grid,.distance-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr 1fr;gap:16px}.details-grid{grid-template-columns:1fr;gap:40px}.section-title{font-size:2rem}.section-header{margin-bottom:44px}.feature-card{padding:28px 20px}.detail-image-wrapper::before{top:-12px;left:-12px}.details-text h2{font-size:2.2rem}.cta{padding:80px 24px}.cta h2{font-size:2.2rem}.price-now{font-size:3rem}.marquee-item{font-size:.75rem;padding:0 24px}footer{flex-direction:column;gap:12px;text-align:center;padding:32px 24px}.floating-cta{display:block}.modal{max-width:100%;border-radius:.8rem}.modal-header{padding:32px 24px 24px}.modal-body{padding:24px}.carousel-btn{width:40px;height:40px;font-size:1.2rem}.carousel-btn.prev{right:.5rem}.carousel-btn.next{left:.5rem}.carousel-slide img{max-height:400px}.distance-value{font-size:2.2rem}}@media (max-width:480px){.features-grid{grid-template-columns:1fr;gap:14px}.feature-card{padding:24px 18px}.section-title{font-size:1.7rem}.section-label{font-size:.72rem}.modal-header{padding:28px 18px 20px}.modal-body{padding:20px 18px}.modal-header h3{font-size:1.2rem}.price-now{font-size:2.5rem}.price-old{font-size:1.3rem}footer{padding:28px 18px}}@media (max-width:360px){.floating-cta{padding:10px 14px}.floating-cta button{padding:14px;font-size:.92rem}}@media (hover:none) and (pointer:coarse){.feature-card:hover{transform:none}.detail-image:hover img{transform:none}.btn-primary:hover{transform:none;box-shadow:none}.btn-primary:active{transform:scale(.97)}.detail-list li:hover{padding-inline-start:0}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}.reveal{opacity:1;transform:none}.marquee-track{animation:none}html{scroll-behavior:auto}}