:root{--green-deep: #003d1f;--green-mid: #006d3a;--green-bright: #00a854;--gold: #e8c64e;--gold-dark: #b8941e;--red: #c8102e;--white: #f5f2e8;--off-white: #ede9da;--dark: #0a0a0a;--dark-2: #111611;--dark-3: #1a2210;--gray: #8a9180;--card-bg: #0f1a0c;--radius: 16px;--radius-sm: 10px;--shadow: 0 8px 40px rgba(0,0,0,.4);--shadow-hover: 0 20px 60px rgba(0,0,0,.5);--font-display: "Tajawal", sans-serif;--font-body: "Cairo", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--dark-2);color:var(--white);direction:rtl;overflow-x:hidden;line-height:1.7}img{display:block;width:100%;height:100%;object-fit:cover}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;right:0;left:0;z-index:1000;background:#0a0a0ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(232,198,78,.15);transition:all .3s ease}.navbar.scrolled{background:#030f05f7;border-bottom-color:#e8c64e4d}.nav-inner{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:32px}.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-icon{font-size:28px;filter:drop-shadow(0 0 8px rgba(232,198,78,.5));animation:floatBall 3s ease-in-out infinite}@keyframes floatBall{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-main{font-family:var(--font-display);font-weight:900;font-size:20px;color:var(--gold);letter-spacing:-.5px}.logo-sub{font-size:11px;color:var(--gray);letter-spacing:1px}.nav-links{display:flex;align-items:center;gap:28px;margin-right:auto}.nav-links a{font-family:var(--font-body);font-weight:600;font-size:14px;color:#f5f2e8bf;transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-3px;right:0;width:0;height:2px;background:var(--gold);transition:width .3s}.nav-links a:hover{color:var(--gold)}.nav-links a:hover:after{width:100%}.btn-nav{background:var(--gold);color:var(--dark);padding:10px 22px;border-radius:50px;font-weight:800;font-size:14px;font-family:var(--font-display);transition:all .2s;white-space:nowrap}.btn-nav:hover{background:var(--green-bright);color:#fff;transform:translateY(-2px)}.nav-burger{display:none;background:none;border:none;color:var(--white);font-size:24px;cursor:pointer;margin-right:auto}.mobile-menu{display:none;flex-direction:column;padding:16px 24px 20px;gap:16px;border-top:1px solid rgba(232,198,78,.1)}.mobile-menu a{font-weight:700;font-size:16px;color:var(--off-white);padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-menu.open{display:flex}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden;padding-top:80px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 20%,rgba(0,109,58,.35) 0%,transparent 60%),radial-gradient(ellipse at 10% 80%,rgba(200,16,46,.15) 0%,transparent 50%),linear-gradient(160deg,#040d04,#0a1a08,#050805)}.hero-pitch-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,168,84,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,168,84,.05) 1px,transparent 1px);background-size:60px 60px}.hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px}.hero-content{position:relative;z-index:2;padding:80px 60px 80px 40px;animation:fadeInUp .9s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#e8c64e1f;border:1px solid rgba(232,198,78,.35);color:var(--gold);padding:7px 18px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:28px;text-transform:uppercase}.hero-title{font-family:var(--font-display);font-weight:900;line-height:1;margin-bottom:20px}.hero-line1{display:block;font-size:clamp(48px,7vw,96px);color:var(--white);animation:fadeInUp .9s .1s ease both}.hero-line2{display:block;font-size:clamp(56px,8vw,110px);color:var(--gold);text-shadow:0 0 40px rgba(232,198,78,.4);animation:fadeInUp .9s .2s ease both;line-height:.95}.hero-line3{display:block;font-size:clamp(28px,4vw,56px);color:var(--green-bright);animation:fadeInUp .9s .3s ease both;margin-top:4px}.hero-desc{font-size:16px;color:#f5f2e8a6;max-width:480px;margin-bottom:36px;animation:fadeInUp .9s .4s ease both;line-height:1.8}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px;animation:fadeInUp .9s .5s ease both}.btn-primary{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--dark);padding:14px 32px;border-radius:50px;font-family:var(--font-display);font-weight:900;font-size:16px;transition:all .3s;box-shadow:0 4px 20px #e8c64e59}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #e8c64e80}.btn-outline{display:inline-block;border:2px solid rgba(245,242,232,.35);color:var(--white);padding:12px 30px;border-radius:50px;font-family:var(--font-display);font-weight:700;font-size:16px;transition:all .3s}.btn-outline:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px)}.hero-stats{display:flex;align-items:center;gap:24px;animation:fadeInUp .9s .6s ease both}.stat{text-align:center}.stat-num{display:block;font-family:var(--font-display);font-weight:900;font-size:28px;color:var(--gold)}.stat-lbl{font-size:12px;color:var(--gray);font-weight:600}.stat-divider{width:1px;height:40px;background:#ffffff1a}.hero-image{position:relative;z-index:2;padding:80px 40px 80px 60px;display:flex;justify-content:center;animation:fadeInRight .9s .3s ease both}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.hero-img-frame{position:relative;width:100%;max-width:480px;aspect-ratio:4/5;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #0009,0 0 0 1px #e8c64e33}.hero-img-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,30,10,.7) 100%);z-index:1}.hero-img-badge{position:absolute;bottom:20px;right:20px;z-index:2;background:#e8c64ef2;color:var(--dark);padding:8px 16px;border-radius:8px;font-weight:800;font-size:13px}.hero-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:3;text-align:center;color:var(--gray);font-size:12px;animation:fadeInUp 1s 1s ease both}.scroll-arrow{font-size:20px;animation:bounce 1.5s ease-in-out infinite;margin-top:4px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.marquee-wrap{overflow:hidden;background:var(--gold);padding:14px 0}.marquee-track{display:flex;gap:24px;white-space:nowrap;animation:marquee 18s linear infinite;font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--dark)}.marquee-track span{flex-shrink:0}.marquee-track .mx{color:var(--green-mid);opacity:.6}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.products{padding:100px 0;background:var(--dark-2)}.section-header{text-align:center;margin-bottom:60px}.section-tag{display:inline-block;background:#00a8541f;border:1px solid rgba(0,168,84,.3);color:var(--green-bright);padding:6px 18px;border-radius:50px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.section-tag.light{background:#e8c64e1f;border-color:#e8c64e4d;color:var(--gold)}.section-title{font-family:var(--font-display);font-weight:900;font-size:clamp(32px,5vw,52px);color:var(--white);line-height:1.1;margin-bottom:16px}.section-title.white{color:var(--white)}.section-sub{font-size:16px;color:var(--gray);max-width:480px;margin:0 auto}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:var(--card-bg);border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.06);transition:all .4s ease;opacity:0;transform:translateY(30px)}.product-card.visible{opacity:1;transform:translateY(0)}.product-card:hover{border-color:#e8c64e40;box-shadow:var(--shadow-hover);transform:translateY(-6px)}.product-card.featured{grid-column:span 1}.product-img-wrap{position:relative;aspect-ratio:4/3;overflow:hidden}.product-img-wrap img{transition:transform .6s ease}.product-card:hover .product-img-wrap img{transform:scale(1.07)}.product-tag-badge{position:absolute;top:14px;right:14px;z-index:2;background:var(--red);color:#fff;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:800}.product-tag-badge.new{background:var(--green-bright);color:#fff}.product-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.product-card:hover .product-overlay{opacity:1}.btn-overlay{background:var(--gold);color:var(--dark);padding:12px 28px;border-radius:50px;font-weight:900;font-size:15px;transform:translateY(10px);transition:transform .3s}.product-card:hover .btn-overlay{transform:translateY(0)}.product-info{padding:20px}.product-info h3{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--white);margin-bottom:8px}.product-info p{font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:16px}.product-footer{display:flex;align-items:center;justify-content:space-between}.price{font-size:13px;color:var(--gray)}.price strong{color:var(--gold);font-size:18px;font-family:var(--font-display)}.btn-sm{background:#e8c64e1a;border:1px solid rgba(232,198,78,.35);color:var(--gold);padding:8px 20px;border-radius:50px;font-weight:700;font-size:13px;transition:all .2s}.btn-sm:hover{background:var(--gold);color:var(--dark)}.team-cta-card{grid-column:span 1}.team-cta-inner{position:relative;height:100%;min-height:340px;overflow:hidden;border-radius:var(--radius)}.team-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.team-cta-card:hover .team-bg{transform:scale(1.07)}.team-cta-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00140566,#000a03e6)}.team-cta-content{position:absolute;bottom:0;right:0;left:0;padding:28px;z-index:2}.team-cta-content h3{font-family:var(--font-display);font-weight:900;font-size:26px;color:var(--gold);margin-bottom:8px}.team-cta-content p{font-size:14px;color:#f5f2e8bf;margin-bottom:20px}.btn-primary-sm{display:inline-block;background:var(--gold);color:var(--dark);padding:10px 22px;border-radius:50px;font-weight:900;font-size:14px;font-family:var(--font-display);transition:all .2s}.btn-primary-sm:hover{background:var(--green-bright);color:#fff}.customize{padding:100px 0;background:linear-gradient(160deg,#011a09,#021205,#030e06);position:relative;overflow:hidden}.customize:before{content:"";position:absolute;top:-200px;left:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,109,58,.2) 0%,transparent 70%);pointer-events:none}.customize-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.steps{display:flex;flex-direction:column;gap:28px;margin:36px 0}.step{display:flex;gap:20px;align-items:flex-start}.step-num{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--dark);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:22px}.step-body h4{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--white);margin-bottom:4px}.step-body p{font-size:14px;color:var(--gray)}.customize-card{background:#0f1a0ce6;border:1px solid rgba(232,198,78,.2);border-radius:24px;padding:36px;box-shadow:0 20px 60px #00000080;position:relative}.customize-card:before{content:"";position:absolute;top:-1px;right:-1px;left:-1px;height:4px;background:linear-gradient(90deg,var(--green-bright),var(--gold));border-radius:24px 24px 0 0}.cust-label{font-size:12px;color:var(--gray);font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.cust-name-preview{font-family:var(--font-display);font-weight:900;font-size:36px;color:var(--white);letter-spacing:3px;text-align:center;border-bottom:2px solid rgba(232,198,78,.2);padding-bottom:12px;margin-bottom:8px}.cust-number{text-align:center;font-family:var(--font-display);font-weight:900;font-size:80px;color:var(--gold);line-height:1;text-shadow:0 0 40px rgba(232,198,78,.3);margin-bottom:24px}.cust-options{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.color-dot{width:30px;height:30px;border-radius:50%;cursor:pointer;transition:all .2s;border:2px solid transparent}.color-dot.active{border-color:var(--gold);transform:scale(1.2);box-shadow:0 0 10px #e8c64e80}.color-dot:hover{transform:scale(1.1)}.cust-fabric{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.fabric-tag{padding:6px 14px;border-radius:50px;font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,.1);color:var(--gray);cursor:pointer;transition:all .2s}.fabric-tag.active{background:#00a85426;border-color:var(--green-bright);color:var(--green-bright)}.fabric-tag:hover{border-color:#e8c64e66;color:var(--gold)}.cust-footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.cust-price{font-family:var(--font-display);font-weight:900;font-size:20px;color:var(--gold)}.btn-cust{background:linear-gradient(135deg,var(--green-bright),var(--green-mid));color:#fff;padding:12px 26px;border-radius:50px;font-weight:900;font-size:15px;font-family:var(--font-display);transition:all .2s}.btn-cust:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00a85466}.why-us{padding:100px 0;background:var(--dark-2)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--card-bg);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);padding:32px 28px;transition:all .4s;opacity:0;transform:translateY(30px)}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{border-color:#00a8544d;background:#111d0e;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.feature-icon{font-size:36px;margin-bottom:16px}.feature-card h4{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--white);margin-bottom:10px}.feature-card p{font-size:14px;color:var(--gray);line-height:1.7}.testimonials{padding:100px 0;background:linear-gradient(180deg,var(--dark-3) 0%,#040d04 100%)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testi-card{background:#0f1a0cb3;border:1px solid rgba(0,168,84,.12);border-radius:var(--radius);padding:32px 28px;transition:all .4s;opacity:0;transform:translateY(30px)}.testi-card.visible{opacity:1;transform:translateY(0)}.testi-card:hover{border-color:#e8c64e33;transform:translateY(-4px)}.testi-stars{color:var(--gold);font-size:18px;letter-spacing:2px;margin-bottom:16px}.testi-card p{font-size:14px;color:#f5f2e8bf;line-height:1.8;margin-bottom:20px;font-style:italic}.testi-author{display:flex;align-items:center;gap:12px}.testi-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--green-mid),var(--green-deep));display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:var(--gold);flex-shrink:0;border:1px solid rgba(232,198,78,.3)}.testi-author strong{display:block;font-size:14px;color:var(--white);font-weight:800}.testi-author span{font-size:12px;color:var(--gray)}.contact{padding:100px 0;background:linear-gradient(160deg,#021a0a,#030f05);position:relative;overflow:hidden}.contact:after{content:"";position:absolute;bottom:-300px;right:-200px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(232,198,78,.06) 0%,transparent 70%);pointer-events:none}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-desc{font-size:16px;color:#f5f2e8a6;margin-bottom:36px;line-height:1.8}.contact-methods{display:flex;flex-direction:column;gap:16px}.contact-method{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);transition:all .3s}.contact-method:hover{border-color:#e8c64e33;background:#e8c64e0a}.contact-method.whatsapp{border-color:#25d36633;background:#25d3660a}.contact-method.whatsapp:hover{border-color:#25d36666;background:#25d36614}.cm-icon{font-size:24px}.contact-method strong{display:block;font-size:14px;color:var(--white);font-weight:800}.contact-method span{font-size:13px;color:var(--gray)}.contact-form-wrap{opacity:0;transform:translateY(30px);transition:all .6s ease}.contact-form-wrap.visible{opacity:1;transform:translateY(0)}.contact-form{background:#0f1a0ccc;border:1px solid rgba(232,198,78,.12);border-radius:20px;padding:36px}.contact-form h3{font-family:var(--font-display);font-weight:900;font-size:24px;color:var(--gold);margin-bottom:28px;text-align:center}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:700;color:#f5f2e8b3;margin-bottom:7px}.form-group input,.form-group select,.form-group textarea{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:12px 16px;color:var(--white);font-family:var(--font-body);font-size:14px;transition:border-color .2s;outline:none;direction:rtl}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);background:#e8c64e0a}.form-group select option{background:#0a1a08;color:var(--white)}.form-group textarea{resize:vertical;min-height:80px}.btn-submit{width:100%;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--dark);padding:16px;border-radius:50px;border:none;font-family:var(--font-display);font-weight:900;font-size:18px;cursor:pointer;transition:all .3s;margin-top:8px;letter-spacing:.5px}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 8px 25px #e8c64e66}.btn-submit:active{transform:translateY(0)}.form-success{text-align:center;padding:40px 20px}.form-success .success-icon{font-size:60px;margin-bottom:16px}.form-success h4{font-family:var(--font-display);font-weight:900;font-size:24px;color:var(--green-bright);margin-bottom:10px}.form-success p{color:var(--gray);font-size:15px}.footer{background:#020a03;border-top:1px solid rgba(232,198,78,.08);padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:10px}.footer-copy{font-size:13px;color:var(--gray)}.footer-social{display:flex;gap:16px}.footer-social a{font-size:13px;color:var(--gray);font-weight:700;transition:color .2s}.footer-social a:hover{color:var(--gold)}[data-aos]{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}[data-aos].visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.products-grid,.features-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero{grid-template-columns:1fr;padding-top:80px}.hero-content{padding:48px 24px 32px;text-align:center}.hero-badge{margin:0 auto 24px}.hero-title{text-align:center}.hero-desc{margin:0 auto 32px}.hero-actions,.hero-stats{justify-content:center}.hero-image{padding:20px 24px 48px}.hero-img-frame{max-width:320px;aspect-ratio:1;margin:0 auto}.hero-scroll-hint,.nav-links,.nav-cta{display:none}.nav-burger{display:block}.customize-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.products-grid,.features-grid,.testimonials-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}.footer-social{justify-content:center}}@media (max-width: 480px){.section-title{font-size:28px}.customize-card,.contact-form{padding:24px 20px}}