.btn-outline:hover,.btn-white:hover{color:#fff;transform:translateY(-2px)}.feature-card,.phone-stat,.screenshot-card,.section-header,.step{text-align:center}.faq-question,.lang-btn{font-family:inherit;cursor:pointer}.cta,.faq-answer,.faq-item,.hero,.lang-dropdown,.phone-screen{overflow:hidden}.back-to-top,.btn,.faq-question,.lang-btn,.nav-toggle{cursor:pointer}:root{--primary:#F57746;--primary-dark:#E05A2B;--primary-light:#FF9A76;--primary-bg:rgba(245, 119, 70, 0.08);--primary-bg-hover:rgba(245, 119, 70, 0.15);--text-dark:#1a1a2e;--text-body:#4a4a6a;--text-light:#8888a0;--bg-white:#ffffff;--bg-light:#f8f9fc;--bg-dark:#1a1a2e;--border:#e8e8f0;--shadow-sm:0 2px 8px rgba(0,0,0,0.06);--shadow-md:0 4px 20px rgba(0,0,0,0.08);--shadow-lg:0 8px 40px rgba(0,0,0,0.12);--shadow-primary:0 8px 30px rgba(245, 119, 70, 0.3);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--font-main:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-arabic:'Noto Sans Arabic','Inter',sans-serif}.btn,.navbar,a{transition:var(--transition)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-main);color:var(--text-body);line-height:1.7;overflow-x:hidden;background:var(--bg-white);-webkit-font-smoothing:antialiased}body.rtl{font-family:var(--font-arabic);direction:rtl}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;border-radius:50px;font-weight:600;font-size:.95rem;border:2px solid transparent;white-space:nowrap}.nav-logo,.navbar .container{align-items:center;display:flex}.btn-outline,.btn-primary{border-color:var(--primary)}.btn i{font-size:1.1em}.btn-primary{background:var(--primary);color:#fff}.btn-outline,.btn-white,.nav-logo i{color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.btn-outline{background:0 0}.btn-outline:hover{background:var(--primary)}.btn-white{background:#fff;border-color:#fff}.btn-white:hover{background:0 0;border-color:#fff}.btn-lg{padding:16px 36px;font-size:1.05rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid transparent;padding:16px 0}.navbar.scrolled{padding:10px 0;border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.navbar .container{justify-content:space-between}.nav-logo{gap:10px;font-size:1.5rem;font-weight:800;color:var(--text-dark)}.lang-option.active,.nav-btn{font-weight:600}.nav-logo i{font-size:1.3rem}.nav-links,.ss-legend-item{display:flex;align-items:center;gap:8px}.nav-links li a:not(.nav-btn){padding:8px 16px;border-radius:50px;font-weight:500;font-size:.9rem;color:var(--text-body)}.nav-links li a:not(.nav-btn):hover{color:var(--primary);background:var(--primary-bg)}.nav-btn{padding:10px 24px!important;background:var(--primary);color:#fff!important;border-radius:50px;font-size:.9rem}.lang-btn,.lang-dropdown{background:var(--bg-white)}.lang-btn,.lang-option{display:flex;color:var(--text-body);transition:var(--transition)}.nav-btn:hover{background:var(--primary-dark)!important;box-shadow:var(--shadow-primary);transform:translateY(-1px)}.lang-option.active,.lang-option:hover{background:var(--primary-bg);color:var(--primary)}.lang-switcher{position:relative}.lang-btn{align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--border);border-radius:50px;font-size:.85rem;font-weight:500}.hero,.lang-option{align-items:center}.lang-btn:hover{border-color:var(--primary);color:var(--primary)}.lang-btn .fa-chevron-down{font-size:.7rem;transition:var(--transition)}.faq-item.active .faq-question i,.lang-switcher.open .lang-btn .fa-chevron-down{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);z-index:100}.rtl .lang-dropdown{right:auto;left:0}.back-to-top.visible,.lang-switcher.open .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.hero-shape,.ss-line.light{opacity:.08}.lang-option{gap:10px;padding:10px 16px;font-size:.9rem}.lang-flag,.step-connector i{font-size:1.2rem}.nav-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;padding:5px;z-index:1001}.nav-toggle span{display:block;width:24px;height:2.5px;background:var(--text-dark);border-radius:2px;transition:var(--transition)}.nav-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{position:relative;min-height:100vh;display:flex;padding:120px 0 80px}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.hero-shape{position:absolute;border-radius:50%}.hero-shape.shape-1{width:600px;height:600px;background:var(--primary);top:-200px;right:-200px;animation:8s ease-in-out infinite float}.hero-shape.shape-2{width:400px;height:400px;background:var(--primary-light);bottom:-100px;left:-100px;animation:10s ease-in-out infinite reverse float}.hero-shape.shape-3{width:200px;height:200px;background:var(--primary);top:40%;left:50%;animation:6s ease-in-out infinite float}@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:800;color:var(--text-dark);line-height:1.15;margin-bottom:20px}.hero-subtitle{font-size:1.15rem;color:var(--text-body);margin-bottom:36px;max-width:500px;line-height:1.8}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px}.hero-platforms{display:flex;align-items:center;gap:12px;color:var(--text-light);font-size:.9rem}.hero-platforms i{font-size:1.3rem;color:var(--text-dark)}.phone-stat small,.phone-task.completed{color:var(--text-light)}.phone-mockup{width:300px;margin:0 auto}.phone-mockup::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:25px;border-radius:0 0 18px 18px;z-index:2}.phone-screen{background:#fff;border-radius:30px;min-height:500px}.phone-header{background:linear-gradient(135deg,var(--primary),var(--primary-light));padding:16px 20px 20px}.phone-status-bar{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.75rem;font-weight:600;margin-bottom:8px}.phone-notch{width:80px;height:6px;background:rgba(0,0,0,.15);border-radius:10px}.phone-icons{display:flex;gap:4px;font-size:.65rem}.phone-content{padding:24px 20px}.phone-greeting{font-size:1.4rem;font-weight:700;color:var(--text-dark);margin-bottom:20px}.phone-stats{display:flex;justify-content:space-between;margin-bottom:24px}.phone-stat-circle,.phone-task{display:flex;align-items:center}.phone-stat small{font-size:.75rem;font-weight:500}.phone-stat-circle{width:65px;height:65px;border-radius:50%;background:conic-gradient(var(--color) calc(var(--progress) * 1%),#f0f0f0 calc(var(--progress) * 1%));justify-content:center;margin:0 auto 8px;position:relative}.phone-stat-circle::before{content:'';position:absolute;width:50px;height:50px;border-radius:50%;background:#fff}.dot.orange,.ss-bar.active,.ss-checkbox.checked,.ss-toggle.on{background:var(--primary)}.phone-stat-circle span{position:relative;z-index:1;font-size:.75rem;font-weight:700;color:var(--text-dark)}.phone-tasks{display:flex;flex-direction:column;gap:10px}.phone-task{gap:12px;padding:12px 16px;background:var(--bg-light);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-dark)}.phone-task.completed span{text-decoration:line-through}.phone-task i{font-size:1.1rem}.phone-task.completed i{color:#4caf50}.phone-task:not(.completed) i{color:var(--border)}.section-header{margin-bottom:60px}.section-header h2{font-size:2.5rem;font-weight:800;color:var(--text-dark);margin-bottom:16px;line-height:1.2}.section-header p{font-size:1.1rem;color:var(--text-light);max-width:600px;margin:0 auto}.feature-card h3,.step h3{margin-bottom:12px;font-weight:700}.faq,.features,.how-it-works{padding:100px 0;background:var(--bg-light)}.features-grid,.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{background:var(--bg-white);padding:40px 32px;border-radius:var(--radius-lg);border:1px solid var(--border);transition:var(--transition)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent}.feature-icon{width:72px;height:72px;background:var(--primary-bg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:var(--transition)}.feature-card:hover .feature-icon,.step:hover .step-icon{background:var(--primary);transform:scale(1.1)}.feature-icon i{font-size:1.8rem;color:var(--primary);transition:var(--transition)}.feature-card:hover .feature-icon i,.step:hover .step-icon i{color:#fff}.feature-card h3{font-size:1.2rem;color:var(--text-dark)}.feature-card p,.step p{font-size:.95rem;color:var(--text-light);line-height:1.7}.screenshots,.testimonials{padding:100px 0}.screenshots-slider{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;justify-items:center}.screenshot-phone{width:220px;background:var(--text-dark);border-radius:28px;padding:8px;transition:var(--transition);box-shadow:var(--shadow-md)}.screenshot-card:hover .screenshot-phone{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.screenshot-screen{background:#fff;border-radius:22px;min-height:380px;overflow:hidden;padding:24px 16px}.screenshot-label{display:inline-block;margin-top:16px;font-weight:600;color:var(--text-dark);font-size:.95rem}.ss-header{margin-bottom:20px;display:flex;align-items:center;gap:12px}.ss-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));flex-shrink:0}.ss-task-lines,.ss-title-bar{flex:1}.ss-line{height:8px;background:var(--text-dark);border-radius:4px;margin-bottom:6px;opacity:.15}.ss-line.w30{width:30%}.ss-line.w35{width:35%}.ss-line.w40{width:40%}.ss-line.w45{width:45%}.ss-line.w50{width:50%}.ss-line.w55{width:55%}.ss-line.w60{width:60%}.ss-line.w65{width:65%}.ss-line.w70{width:70%}.ss-line.w80{width:80%}.ss-chart{display:flex;align-items:flex-end;gap:6px;height:140px;padding:10px 0;margin-bottom:20px}.ss-cards-row,.ss-legend,.ss-task-item{display:flex;gap:10px}.ss-bar{flex:1;background:rgba(245,119,70,.15);border-radius:4px 4px 0 0;transition:var(--transition)}.ss-mini-card,.ss-search{background:var(--bg-light)}.ss-mini-card{flex:1;height:60px;border-radius:var(--radius-sm);border:1px solid var(--border)}.ss-search{height:36px;border-radius:18px;margin-bottom:16px;border:1px solid var(--border)}.ss-task-item{align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.ss-checkbox{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;transition:var(--transition)}.ss-checkbox.checked{border-color:var(--primary);position:relative}.ss-checkbox.checked::after{content:'';position:absolute;top:3px;left:6px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.dot,.ss-donut,.ss-donut-ring{border-radius:50%}.ss-donut{width:130px;height:130px;margin:20px auto;position:relative;display:flex;align-items:center;justify-content:center}.ss-donut-ring{position:absolute;width:100%;height:100%;background:conic-gradient(var(--primary) 0 40%,#4caf50 40% 65%,#2196f3 65% 85%,#e0e0e0 85% 100%)}.cta,.cta-content,.ss-donut-text,.ss-toggle,.step{position:relative}.ss-donut-ring::before{content:'';position:absolute;top:20px;left:20px;right:20px;bottom:20px;border-radius:50%;background:#fff}.ss-donut-text{z-index:1;font-size:1.4rem;font-weight:800;color:var(--text-dark)}.ss-legend{flex-direction:column;margin-top:16px}.dot{width:10px;height:10px;flex-shrink:0}.ss-setting-item,.step-number{display:flex;align-items:center}.dot.green{background:#4caf50}.dot.blue{background:#2196f3}.ss-setting-item{gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.ss-setting-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--primary-bg);flex-shrink:0}.ss-setting-item .ss-line{flex:1;margin:0}.ss-toggle{width:40px;height:22px;border-radius:11px;background:#ddd;flex-shrink:0;transition:var(--transition)}.ss-toggle::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:var(--transition);box-shadow:0 1px 3px rgba(0,0,0,.2)}.ss-toggle.on::after{left:21px}.steps{display:flex;align-items:flex-start;justify-content:center;gap:0}.step{padding:0 30px;max-width:300px}.step-number{width:36px;height:36px;background:var(--primary);color:#fff;border-radius:50%;justify-content:center;font-weight:800;font-size:.95rem;margin:0 auto 20px}.step-connector,.step-icon{align-items:center;display:flex}.step-icon{width:90px;height:90px;background:var(--primary-bg);border-radius:50%;justify-content:center;margin:0 auto 24px;transition:var(--transition)}.step-icon i{font-size:2rem;color:var(--primary);transition:var(--transition)}.step h3{font-size:1.15rem;color:var(--text-dark)}.step-connector{padding-top:80px;color:var(--primary);opacity:.4}.step-connector .connector-line{width:40px;height:2px;background:var(--primary);opacity:.4}.cta::after,.cta::before{content:'';position:absolute;background:rgba(255,255,255,.05)}.testimonial-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 32px;transition:var(--transition)}.testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:transparent}.testimonial-stars{display:flex;gap:4px;margin-bottom:20px}.testimonial-stars i{color:#ffb400;font-size:1rem}.testimonial-text{font-size:1rem;color:var(--text-body);line-height:1.8;margin-bottom:24px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:14px}.author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.faq-question,.footer-logo{display:flex;align-items:center}.author-info strong{display:block;font-size:.95rem;color:var(--text-dark);font-weight:700}.author-info span{font-size:.85rem;color:var(--text-light)}.faq-list{max-width:750px;margin:0 auto}.faq-item{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;transition:var(--transition)}.faq-item:hover{border-color:var(--primary-light)}.faq-item.active{border-color:var(--primary);box-shadow:0 4px 20px rgba(245,119,70,.1)}.faq-question{width:100%;justify-content:space-between;padding:20px 24px;background:0 0;border:none;font-size:1rem;font-weight:600;color:var(--text-dark);text-align:left;gap:16px}.cta-content h2,.footer-logo{font-weight:800;margin-bottom:16px}.rtl .faq-question{text-align:right}.faq-question i{color:var(--primary);transition:var(--transition);font-size:.85rem;flex-shrink:0}.faq-answer{max-height:0;transition:max-height .4s cubic-bezier(.4, 0, .2, 1)}.faq-answer p{padding:0 24px 20px;font-size:.95rem;color:var(--text-light);line-height:1.8}.cta{padding:100px 0;background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.cta::before{width:500px;height:500px;border-radius:50%;top:-200px;right:-100px}.cta::after{width:300px;height:300px;border-radius:50%;bottom:-100px;left:-50px}.cta-content{text-align:center;color:#fff;z-index:1}.back-to-top,.nav-overlay{position:fixed;opacity:0;visibility:hidden}.cta-content h2{font-size:2.5rem}.cta-content p{font-size:1.15rem;opacity:.9;margin-bottom:36px;max-width:500px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.footer{background:var(--bg-dark);padding:70px 0 0;color:rgba(255,255,255,.7)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:50px}.footer-logo{gap:10px;font-size:1.4rem;color:#fff}.footer-links-col a,.footer-social a{align-items:center;transition:var(--transition)}.footer-links-col ul,.footer-social{gap:12px;display:flex}.footer-logo i{color:var(--primary)}.footer-brand p{font-size:.95rem;line-height:1.8;margin-bottom:24px;max-width:300px}.footer-social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:flex;justify-content:center;color:rgba(255,255,255,.7)}.footer-social a:hover{background:var(--primary);border-color:var(--primary);color:#fff}.footer-links-col h4{color:#fff;font-size:1.05rem;font-weight:700;margin-bottom:20px}.footer-links-col ul{flex-direction:column}.footer-links-col a{display:flex;gap:8px;font-size:.9rem;color:rgba(255,255,255,.6)}.footer-links-col a:hover{color:var(--primary);padding-left:4px}.rtl .footer-links-col a:hover{padding-left:0;padding-right:4px}.footer-links-col a i{font-size:.85rem;width:16px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:24px 0;text-align:center;font-size:.85rem;color:rgba(255,255,255,.4)}.back-to-top{bottom:30px;right:30px;width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:var(--shadow-primary);transform:translateY(20px);transition:var(--transition);z-index:999}.rtl .back-to-top{right:auto;left:30px}.back-to-top:hover{background:var(--primary-dark);transform:translateY(-3px)}@media (max-width:1024px){.features-grid,.screenshots-slider,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.hero .container{grid-template-columns:1fr;text-align:center}.hero-subtitle{margin:0 auto 36px}.hero-buttons,.hero-platforms{justify-content:center}.hero-image{order:-1}.phone-mockup{width:260px}.phone-screen{min-height:420px}.screenshots-slider{gap:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:1/-1}}@media (max-width:768px){.nav-links{position:fixed;top:0;right:-100%;width:80%;max-width:350px;height:100vh;background:var(--bg-white);flex-direction:column;align-items:flex-start;padding:80px 30px 30px;gap:8px;box-shadow:var(--shadow-lg);transition:right .4s cubic-bezier(.4, 0, .2, 1);overflow-y:auto}.nav-btn,.nav-links li{width:100%}.rtl .nav-links{right:auto;left:-100%;transition:left .4s cubic-bezier(.4, 0, .2, 1)}.nav-links.open{right:0}.rtl .nav-links.open{left:0}.nav-links li a:not(.nav-btn){display:block;padding:12px 16px;width:100%}.nav-btn{display:block;text-align:center;margin-top:8px}.nav-toggle{display:flex}.hero{min-height:auto;padding:100px 0 60px}.hero-title{font-size:2.5rem}.cta-content h2,.section-header h2{font-size:2rem}.features-grid,.testimonials-grid{grid-template-columns:1fr}.screenshots-slider{grid-template-columns:repeat(2,1fr);gap:20px}.screenshot-phone{width:180px}.screenshot-screen{min-height:300px;padding:16px 12px}.steps{flex-direction:column;align-items:center;gap:16px}.step-connector{padding-top:0;transform:rotate(90deg)}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.cta-buttons,.hero-buttons{flex-direction:column;align-items:center}.btn-lg{padding:14px 28px;font-size:.95rem}.phone-mockup{width:230px}.phone-screen{min-height:380px}.screenshots-slider{grid-template-columns:1fr 1fr;gap:12px}.screenshot-phone{width:150px}.screenshot-screen{min-height:250px;padding:12px 8px}.section-header h2{font-size:1.75rem}.cta,.faq,.features,.how-it-works,.screenshots,.testimonials{padding:70px 0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.nav-overlay{top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;transition:var(--transition)}.nav-overlay.active{opacity:1;visibility:visible}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}