@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&family=Cairo:wght@400;700;900&display=swap";:root{--primary-client:#00c853;--primary-client-light:#69f0ae;--secondary-seller:#ff9800;--bg-deep:#020617;--bg-accent:#001a35;--slate-900:#0f172a;--slate-800:#1e293b;--text-white:#f8fafc;--text-dim:#f8fafc99;--transition:all .6s cubic-bezier(.16, 1, .3, 1);--glass:#ffffff05;--glass-border:#ffffff14;--radius:24px;--shadow-premium:0 25px 50px -12px #00000080;--shadow-client:0 15px 30px #00c8534d}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background-color:var(--bg-deep);color:var(--text-white);font-family:Outfit,Cairo,sans-serif;line-height:1.6;overflow-x:hidden}.is-loading{opacity:0}.glow-container{z-index:-1;pointer-events:none;background:radial-gradient(circle,#001a35 0%,#000c1a 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.glow-container:after{content:"";opacity:.6;background-image:radial-gradient(#ffffff05 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.glow-orb{filter:blur(140px);opacity:.18;border-radius:50%;width:60vw;height:60vw;animation:25s infinite alternate orbFloat;position:absolute}#orb-1{background:radial-gradient(circle, var(--primary-client) 0%, transparent 70%);top:-20%;right:-20%}#orb-2{background:radial-gradient(circle, var(--secondary-seller) 0%, transparent 70%);animation-delay:-5s;bottom:-20%;left:-20%}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(-10%,10%)scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(1deg)}}@keyframes shine{to{background-position:200%}}.navbar{z-index:1000;width:100%;transition:var(--transition);padding:24px 0;position:fixed;top:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:#0f172acc;padding:16px 0}.nav-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 32px;display:flex}.nav-logo{object-fit:contain;width:auto;height:60px}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-dim);transition:var(--transition);font-size:.95rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-white)}.lang-pill{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-white);cursor:pointer;transition:var(--transition);border-radius:30px;padding:10px 20px;font-family:inherit;font-weight:600}.lang-pill:hover{background:#ffffff1a;border-color:#fff3}.hero-section{align-items:center;gap:80px;max-width:1280px;min-height:100vh;margin:0 auto;padding:180px 32px 100px;display:flex}.hero-content{flex:1.2}.hero-visual{flex:.8;justify-content:center;display:flex}.hero-brand{align-items:center;gap:15px;margin-bottom:24px;display:flex}.hero-icon{object-fit:contain;border:1px solid var(--glass-border);background:#ffffff0d;border-radius:12px;width:48px;height:48px;padding:8px;box-shadow:0 10px 20px #0000001a}.badge{color:var(--primary-client-light);letter-spacing:1.5px;text-transform:uppercase;background:#008f9b1a;border:1px solid #008f9b33;border-radius:30px;padding:8px 20px;font-size:.8rem;font-weight:700}.hero-title{color:var(--text-white);margin-bottom:32px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg, var(--primary-client-light) 0%, var(--primary-client) 50%, var(--secondary-seller) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite shine}.hero-subtitle{color:var(--text-dim);max-width:600px;margin-bottom:48px;font-size:1.25rem;line-height:1.8}.hero-cta{gap:20px;display:flex}.btn{transition:var(--transition);cursor:pointer;border-radius:16px;padding:16px 36px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}.btn-primary{background:var(--primary-client);color:#fff;box-shadow:var(--shadow-client)}.btn-primary:hover{background:var(--primary-client-light);transform:translateY(-5px);box-shadow:0 20px 40px #008f9b66}.btn-secondary{color:#fff;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.btn-secondary:hover{border-color:var(--secondary-seller);color:var(--secondary-seller);background:#ff98001a;transform:translateY(-5px)}.iphone-showcase{z-index:2;animation:6s ease-in-out infinite float;position:relative}.phone-frame{width:310px;height:630px;box-shadow:0 0 0 2px #333, var(--shadow-premium), 0 0 100px #008f9b26;background:#000;border:14px solid #1a1a1a;border-radius:54px;margin:0 auto;padding:12px;position:relative;overflow:hidden}.mini-frame{border-width:10px;border-radius:40px;width:250px;height:500px;padding:8px;box-shadow:0 0 0 1px #333,0 20px 40px #0006}.mini-frame:before{width:120px;height:24px}.phone-frame:before{content:"";z-index:10;background:#1a1a1a;border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:150px;height:32px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{background:#0a0a0a;border-radius:36px;width:100%;height:100%;position:relative;overflow:hidden}.app-screenshot{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;inset:0}.app-screenshot.active{opacity:1}.dual-section{padding:100px 32px}.split-layout{align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:flex}.inverted{flex-direction:row-reverse}.info-side{flex:1.2}.visual-side{flex:.8}.icon-box{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:20px;margin-bottom:24px;padding:12px;display:inline-flex}.section-logo{object-fit:contain;width:48px;height:48px}.title{margin-bottom:20px;font-size:2.5rem;font-weight:800}.desc{color:var(--text-dim);margin-bottom:28px;font-size:1.1rem;line-height:1.7}.feature-list{margin-bottom:32px;list-style:none}.feature-list li{color:var(--text-white);align-items:center;gap:12px;margin-bottom:12px;font-size:.95rem;font-weight:500;display:flex}.feature-list li:before{content:"✓";color:var(--primary-client-light);font-weight:700}.seller-focus .feature-list li:before{color:var(--secondary-seller)}.feature-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition);padding:32px;position:relative}.feature-screenshot{width:100%;box-shadow:var(--shadow-premium);border-radius:16px;margin-bottom:20px}.card-txt h3{margin-bottom:8px}.card-txt p{color:var(--text-dim);font-size:.9rem}.process-section{padding:120px 32px}.container{max-width:1280px;margin:0 auto}.section-header{text-align:center;margin-bottom:80px}.section-header h2{margin-bottom:16px;font-size:3rem;font-weight:800}.process-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.process-step{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);text-align:center;transition:var(--transition);padding:40px}.process-step:hover{background:#ffffff0d;transform:translateY(-10px)}.step-num{color:var(--glass-border);margin-bottom:20px;font-size:3rem;font-weight:900}.features-section{padding:120px 32px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.feature-item{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);text-align:center;transition:var(--transition);padding:48px}.feature-item:hover{border-color:var(--primary-client);background:#008f9b0d;transform:scale(1.02)}.feature-item h3{margin-bottom:16px;font-size:1.5rem}.mission-section{background:linear-gradient(to bottom, transparent, var(--bg-accent), transparent);padding:120px 32px}.tabbed-showcase-section{background:radial-gradient(circle,#008f9b08 0%,#0000 70%);padding:120px 32px}.tabbed-container{max-width:1200px;margin:0 auto}.selection-viewer{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:48px;align-items:center;gap:80px;min-height:650px;margin-bottom:50px;padding:80px;display:flex}.viewer-visual{perspective:1200px;flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.card-deck{width:300px;height:500px;position:relative}.deck-card{cursor:pointer;transform-origin:50%;background:0 0;border:none;justify-content:center;align-items:center;transition:all .8s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;inset:0}.phone-screen{background:0 0}.deck-card:first-child{z-index:1;opacity:.4;transform:rotate(-8deg)translate(-40px)}.deck-card:nth-child(2){z-index:2;opacity:.6;transform:rotate(-4deg)translate(-20px)}.deck-card:nth-child(3){z-index:3;opacity:.8;transform:rotate(2deg)translate(10px)}.deck-card:nth-child(4){z-index:4;opacity:1;transform:rotate(6deg)translate(30px)}.deck-card.active{box-shadow:0 40px 80px #000c,0 0 50px #ff980033;z-index:20!important;opacity:1!important;transform:rotate(0)scale(1.18)translate(0)!important}.lightbox-overlay{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:10000;opacity:0;background:#000000d9;justify-content:center;align-items:center;padding:20px;transition:opacity .4s;display:none;position:fixed;inset:0}.lightbox-overlay.active{opacity:1;display:flex}.lightbox-content{justify-content:center;align-items:center;height:85vh;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards lightboxZoom;display:flex;position:relative}.lightbox-frame{aspect-ratio:1/2.05;width:auto;height:100%;margin:0;box-shadow:0 0 100px #00c85366}#lightbox-img{object-fit:contain;background:#000;width:100%;height:100%}.lightbox-close{background:var(--glass);color:#fff;border:1px solid var(--glass-border);cursor:pointer;z-index:10001;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:-60px;right:-40px}.lightbox-close:hover{background:#ff5252;transform:scale(1.1)}@keyframes lightboxZoom{0%{opacity:0;transform:scale(.6)translateY(50px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.lightbox-close{top:-60px;right:0}}.deck-card img{object-fit:contain;width:100%;height:100%}.viewer-info{flex:1}.feature-detail{animation:.8s ease-out forwards slideInInfo;display:none}.feature-detail.active{display:block}.feature-detail h3{color:var(--secondary-seller);margin-bottom:24px;font-size:2.2rem;font-weight:800}.client-version .feature-detail h3{color:var(--primary-client-light)}.feature-detail p{color:var(--text-dim);font-size:1.2rem;line-height:1.8}@keyframes slideInInfo{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInInfoRTL{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}[dir=rtl] .feature-detail.active{animation:.8s ease-out forwards slideInInfoRTL}.selection-nav{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.nav-item{background:var(--glass);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition);color:var(--text-dim);border-radius:20px;padding:16px 28px;font-size:.9rem;font-weight:600}.nav-item:hover{color:var(--text-white);background:#ffffff0d}.nav-item.active{background:var(--secondary-seller);color:#fff;border-color:var(--secondary-seller);transform:translateY(-8px);box-shadow:0 15px 30px #ff98004d}.client-version .nav-item.active{background:var(--primary-client);border-color:var(--primary-client);box-shadow:0 15px 30px #008f9b4d}@media (width<=1024px){.selection-viewer{text-align:center;flex-direction:column;gap:60px;padding:40px}.card-deck{width:260px;height:450px}.feature-detail h3{font-size:1.8rem}}.main-footer{border-top:1px solid var(--glass-border);background:#000;padding:100px 32px 40px}.footer-grid{grid-template-columns:2fr 1fr;gap:60px;max-width:1200px;margin:0 auto 80px;display:grid}.footer-logo{height:50px;margin-bottom:24px}.footer-nav h4{color:var(--text-white);margin-bottom:24px}.footer-nav a{color:var(--text-dim);margin-bottom:12px;text-decoration:none;display:block}.footer-bottom{text-align:center;color:var(--text-dim);border-top:1px solid #ffffff0d;padding-top:40px;font-size:.9rem}@media (width<=1024px){.hero-section,.split-layout{text-align:center;flex-direction:column;gap:40px;padding:120px 24px 60px}.hero-cta{flex-wrap:wrap;justify-content:center}.hero-subtitle{margin:0 auto 32px;font-size:1.1rem}.process-grid{grid-template-columns:1fr;gap:24px}.footer-grid{text-align:center;grid-template-columns:1fr;gap:40px}.footer-logo{margin:0 auto 24px}.title{font-size:2.2rem}.phone-frame{border-width:10px;width:260px;height:530px}}@media (width<=768px){.nav-links{display:none}.hero-title{margin-bottom:24px;font-size:2.2rem}.hero-icon{border-radius:12px;width:48px;height:48px}.nav-logo{height:36px}.navbar{padding:16px 0}.hero-section{min-height:auto;padding-top:100px}.dual-section,.features-section,.process-section{padding:60px 20px}.section-header h2{font-size:2.2rem}.btn{width:100%;max-width:320px;padding:14px 28px}.hero-cta{flex-direction:column;align-items:center}}.reveal-on-scroll{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}