*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth;transition:direction .3s ease}[dir=rtl] body{font-family:Tajawal,Cairo,Almarai,-apple-system,BlinkMacSystemFont,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}main{padding-top:0}section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:50px 20px;scroll-margin-top:70px}section:first-child{padding-top:0}section:nth-child(odd){background-color:#0d0d0d}section:nth-child(2n){background-color:#1a1a1a}.section-content{max-width:1200px;width:100%}h1{font-size:3rem}h1,h2{color:#fff;margin-bottom:1rem}h2{font-size:2.5rem}p{color:#b0b0b0;font-size:1.2rem;line-height:1.6;margin-bottom:1rem}.card-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}@media (max-width:900px){.card-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.card-container{grid-template-columns:1fr}}.card{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid #333;border-radius:8px;box-shadow:0 2px 10px #00000080;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{border-color:#ff8c42;box-shadow:0 4px 20px #ff8c4233;transform:translateY(-5px)}.card h3{color:#ff8c42;font-size:1.5rem;margin-bottom:.5rem}.card p{color:#b0b0b0;font-size:1rem}.contact-form{margin-top:2rem;max-width:600px;width:100%}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{color:#fff;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#ff8c42;outline:none}.form-group textarea{min-height:150px;resize:vertical}.submit-btn{background-color:#ff8c42;border:none;border-radius:4px;color:#1a1a1a;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.submit-btn:hover{background-color:#ff9d5c;box-shadow:0 4px 15px #ff8c424d;transform:translateY(-2px)}.navigation{background-color:initial;box-shadow:none;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navigation.scrolled{background-color:#fffffffa;box-shadow:0 2px 10px #00000026}.nav-container{justify-content:space-between;margin:0 auto;max-width:60%;padding:1rem 2rem}.logo,.nav-container{align-items:center;display:flex}.logo{cursor:pointer}.logo-img{height:22px;transition:opacity .3s ease;width:auto}.logo-img:hover{opacity:.85}.hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-around;padding:0;width:30px;z-index:1001}.nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-menu li{margin:0}.nav-link{background:none;border:none;color:#ffffffe6;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:#fff}.nav-link.active:after{background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.navigation.scrolled .nav-link{color:#666}.navigation.scrolled .nav-link.active,.navigation.scrolled .nav-link:hover{color:#ff8c42}.navigation.scrolled .nav-link.active:after{background-color:#ff8c42}.nav-link.lang-toggle{border:2px solid #ffffff4d;border-radius:20px;margin-left:1rem;padding:.4rem 1rem}.nav-link.lang-toggle:hover{background:#ffffff1a;border-color:#ffffff80}.nav-link.lang-toggle:after{display:none}.navigation.scrolled .nav-link.lang-toggle{border-color:#ddd}.navigation.scrolled .nav-link.lang-toggle:hover{background:#f0f0f0;border-color:#ff8c42}.hamburger span{background-color:#fff;border-radius:10px;height:3px;transform-origin:center;transition:all .3s ease;width:30px}.navigation.scrolled .hamburger span{background-color:#ff8c42}.hamburger span.open:first-child{transform:rotate(45deg) translateY(10px)}.hamburger span.open:nth-child(2){opacity:0}.hamburger span.open:nth-child(3){transform:rotate(-45deg) translateY(-10px)}@media (max-width:768px){.nav-container{max-width:100%;padding:1rem 1.5rem}.hamburger{display:flex}.nav-menu{background-color:#1a1a1afa;box-shadow:0 4px 10px #0000004d;flex-direction:column;gap:0;left:0;max-height:0;opacity:0;overflow:hidden;padding:0;position:fixed;right:0;top:70px;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease,padding .3s ease;visibility:hidden}.nav-menu.mobile-open{max-height:400px;opacity:1;padding:2rem 0;visibility:visible}.navigation.scrolled .nav-menu{background-color:#fffffffa}.nav-menu li{padding:.5rem 0;text-align:center;width:100%}.nav-link{color:#ffffffe6;display:block;font-size:1.1rem;padding:1rem;width:100%}.navigation.scrolled .nav-link{color:#666}.nav-link.active,.nav-link:hover,.navigation.scrolled .nav-link.active,.navigation.scrolled .nav-link:hover{color:#ff8c42}.nav-link.active:after{display:none}.nav-link.lang-toggle{margin-left:0;padding:.5rem 1rem}}.hero-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:0!important;position:relative}.hero-overlay{background:#0006;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-content{color:#fff;max-width:60%;padding:2rem;position:relative;text-align:center;z-index:2;@media(max-width:767px){max-width:100%}}.hero-content h1{animation:fadeInUp 1s ease-out;color:#fff;font-size:6rem;font-weight:700;margin-bottom:1.5rem;text-shadow:2px 2px 4px #0000004d;span{color:#ff8c42}}.hero-subtitle{animation:fadeInUp 1s ease-out .2s both;color:#fff;font-size:2.8rem;font-weight:500;margin-bottom:1.5rem;text-shadow:1px 1px 2px #0000004d}.hero-description{animation:fadeInUp 1s ease-out .4s both;color:#bda3a3f2;font-size:1.6rem;line-height:1.7;text-shadow:1px 1px 2px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1.3rem}.hero-description{font-size:1rem}}@media (max-width:480px){.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:.95rem}}.about-section{background-color:#1a1a1a;min-height:100vh;padding:80px 20px!important}.about-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.about-left{padding-right:40px}.about-label{color:#ff8c42;font-size:.9rem;font-weight:600;letter-spacing:2px;margin-bottom:20px}.about-heading{color:#fff;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:30px}.about-heading .highlight{color:#ff8c42}.about-text{color:#b0b0b0;font-size:1.1rem;line-height:1.8;margin-bottom:20px}.learn-more-btn{font-weight:500;margin-top:20px}.about-right{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;position:relative}.info-card{align-items:center;background:linear-gradient(135deg,#3d2817,#5a3d2a);border-radius:20px;box-shadow:0 4px 20px #0000004d;display:flex;justify-content:center;padding:30px;transition:transform .3s ease}.info-card:hover{transform:translateY(-5px)}.card-large{grid-column:1;grid-row:1;min-height:200px}.card-small{grid-column:2;grid-row:1;min-height:150px}.card-medium{color:#ff8c42;font-size:1.5rem;font-weight:700;text-align:right}.card-large-2{align-items:flex-start;grid-column:2;grid-row:2;min-height:250px;padding-top:50px}.card-letter{color:#ff8c42;font-size:8rem;font-weight:900;line-height:1}.card-year{text-align:right}.card-text,.card-year{color:#ff8c42;font-size:2.5rem;font-weight:700}.card-description{color:#ff8c42;font-size:7rem;font-weight:900;line-height:1}@media (max-width:1024px){.about-container{gap:60px;grid-template-columns:1fr}.about-left{padding-right:0}.about-heading{font-size:2.8rem}}@media (max-width:768px){.about-heading{font-size:2.2rem}.about-text{font-size:1rem}.about-right{grid-template-columns:1fr;grid-template-rows:repeat(4,auto)}.card-large,.card-large-2,.card-medium,.card-small{grid-column:1;min-height:150px}.card-large{grid-row:1}.card-small{grid-row:2}.card-medium{grid-row:3}.card-large-2{grid-row:4;padding-top:30px}.card-letter{font-size:5rem}.card-text,.card-year{font-size:2.5rem}}@media (max-width:480px){.about-heading{font-size:1.8rem}.card-letter{font-size:4rem}.card-text,.card-year{font-size:2rem}.card-description{font-size:1.1rem}}.partnership-section{background:linear-gradient(135deg,#0d0d0d,#1a1a1a 50%,#0d0d0d);min-height:90vh;overflow:hidden;padding:100px 20px!important;position:relative}.partnership-section:before{animation:pulse 15s ease-in-out infinite;background:radial-gradient(circle,#ff8c421a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.partnership-container{margin:0 auto;max-width:100%;padding:0 40px;position:relative;width:100%;z-index:1}.partnership-content{padding:80px 60px;text-align:center}.partnership-icon{animation:float 3s ease-in-out infinite;margin-bottom:30px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.partnership-heading{color:#fff;font-size:2.8rem;font-weight:700;line-height:1.3;margin-bottom:30px;text-shadow:0 2px 10px #00000080}.partnership-text{color:#b0b0b0;font-size:1.4rem;line-height:1.8;margin-bottom:50px}.partnership-text .highlight{color:#ff8c42;font-weight:700}.partnership-values{display:flex;flex-wrap:wrap;gap:60px;justify-content:center;margin-bottom:50px}.value-item{align-items:center;display:flex;flex-direction:column;gap:15px;transition:transform .3s ease}.value-item:hover{transform:translateY(-10px)}.value-icon{filter:grayscale(100%);font-size:3rem;transition:all .3s ease}.value-item:hover .value-icon{filter:grayscale(0);transform:scale(1.2)}.value-text{color:#ff8c42;font-size:1.1rem;font-weight:600}.cta-button,.value-text{letter-spacing:1px;text-transform:uppercase}.cta-button{background:linear-gradient(135deg,#ff8c42,#ff6b35);border:none;border-radius:50px;box-shadow:0 5px 20px #ff8c4266;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:18px 50px;transition:all .3s ease}.cta-button:hover{background:linear-gradient(135deg,#ff9d5c,#ff7a4d);box-shadow:0 8px 30px #ff8c4299;transform:translateY(-3px)}.cta-button:active{transform:translateY(-1px)}@media (max-width:768px){.partnership-heading{font-size:2rem}.partnership-text{font-size:1.2rem}.partnership-values{gap:40px}.value-icon{font-size:2.5rem}.value-text{font-size:.95rem}.partnership-content{padding:40px 30px}.cta-button{font-size:1rem;padding:15px 40px}}@media (max-width:480px){.partnership-heading{font-size:1.6rem}.partnership-text{font-size:1.1rem}.partnership-values{gap:30px}.partnership-content{padding:30px 20px}}.products-section{background-color:#1a1a1a;min-height:100vh;padding:100px 20px!important}.products-content{margin:0 auto;max-width:1400px}.products-header{margin-bottom:60px;text-align:center}.products-header h2{color:#fff;font-size:3rem;margin-bottom:20px}.products-header p{color:#b0b0b0;font-size:1.3rem}.product-showcase{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.product-info{padding-right:40px}.launch-badge{animation:pulse-badge 2s ease-in-out infinite;background:linear-gradient(135deg,#ff8c42,#ff6b35);border-radius:25px;box-shadow:0 4px 15px #ff8c4266;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:20px;padding:8px 20px}@keyframes pulse-badge{0%,to{box-shadow:0 4px 15px #ff8c4266;transform:scale(1)}50%{box-shadow:0 6px 20px #ff8c4299;transform:scale(1.05)}}.product-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff8c42,#fff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:4rem;font-weight:900;margin-bottom:25px}.product-description{color:#b0b0b0;font-size:1.2rem;line-height:1.8;margin-bottom:35px}.learn-more-btn{background:#0000;border:2px solid #ff8c42;border-radius:50px;color:#ff8c42;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;padding:14px 40px;text-transform:uppercase;transition:all .3s ease}.learn-more-btn:hover{background-color:#ff8c42;box-shadow:0 5px 20px #ff8c4266;color:#1a1a1a;transform:translateY(-2px)}.product-video,.video-wrapper{position:relative}.video-wrapper{border:3px solid #333;border-radius:20px;box-shadow:0 10px 40px #00000080;overflow:hidden;transition:all .3s ease;width:100%}.video-wrapper:hover{border-color:#ff8c42;box-shadow:0 15px 50px #ff8c424d;transform:translateY(-5px)}.product-video-player{background-color:#000;display:block;height:auto;width:100%}.product-video-player.vertical{cursor:pointer;height:100%;object-fit:contain;width:100%}.video-wrapper{align-items:center;display:flex;justify-content:center}.product-video .video-wrapper{aspect-ratio:9/16;background-color:#000;height:clamp(520px,65vh,720px);margin:0 auto;width:clamp(260px,35vw,420px)}@media (max-width:1024px){.product-showcase{gap:40px;grid-template-columns:1fr}.product-info{padding-right:0;text-align:center}.product-name{font-size:3rem}.launch-badge{margin-bottom:15px}}@media (max-width:768px){.products-header h2{font-size:2.5rem}.products-header p{font-size:1.1rem}.product-name{font-size:2.5rem}.product-description{font-size:1.1rem}.launch-badge{font-size:.85rem;padding:6px 16px}.product-video .video-wrapper{height:clamp(460px,55vh,620px);width:clamp(230px,50vw,360px)}}@media (max-width:480px){.products-section{padding:60px 15px!important}.product-name,.products-header h2{font-size:2rem}.product-description{font-size:1rem}.learn-more-btn{font-size:.9rem;padding:12px 30px}.video-wrapper{border-radius:15px}}.contact-section{background-color:#0d0d0d;min-height:100vh;padding:100px 20px!important}.contact-container{margin:0 auto;max-width:1200px}.contact-header{margin-bottom:60px;text-align:center}.contact-header h2{color:#fff;font-size:3rem;margin-bottom:20px}.contact-header p{color:#b0b0b0;font-size:1.3rem}.contact-details{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.contact-card{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:2px solid #333;border-radius:15px;padding:40px 30px;text-align:center;transition:all .3s ease}.contact-card:hover{border-color:#ff8c42;box-shadow:0 10px 30px #ff8c4233;transform:translateY(-10px)}.contact-icon{display:flex;justify-content:center;margin-bottom:20px}.contact-card h3{color:#ff8c42;font-size:1.5rem;font-weight:700;margin-bottom:15px}.contact-card p{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin-bottom:5px}.whatsapp-card{align-items:center;display:flex;flex-direction:column;justify-content:center}.whatsapp-card h3{font-size:1.4rem;margin-bottom:10px}.whatsapp-card p{font-size:1rem;margin-bottom:25px}.whatsapp-btn{align-items:center;background:linear-gradient(135deg,#25d366,#20ba5a);border:none;border-radius:50px;box-shadow:0 5px 20px #25d36666;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:10px;padding:14px 30px;transition:all .3s ease}.whatsapp-btn:hover{background:linear-gradient(135deg,#2ee673,#25d366);box-shadow:0 8px 30px #25d36699;transform:translateY(-3px)}.whatsapp-btn:active{transform:translateY(-1px)}.whatsapp-btn svg{height:22px;width:22px}@media (max-width:768px){.contact-header h2{font-size:2.5rem}.contact-header p{font-size:1.1rem}.contact-details{gap:30px;grid-template-columns:1fr}}@media (max-width:480px){.contact-section{padding:60px 15px!important}.contact-header h2{font-size:2rem}.contact-card{padding:30px 20px}.contact-card h3{font-size:1.3rem}.contact-card p{font-size:1rem}.whatsapp-section{padding:30px 20px}.whatsapp-section h3{font-size:1.4rem}.whatsapp-btn{font-size:1rem;padding:14px 30px}}.footer{background:linear-gradient(180deg,#0d0d0d,#000);border-top:1px solid #333;color:#b0b0b0;padding:60px 20px 20px}.footer-container{margin:0 auto;max-width:1400px}.footer-content{grid-gap:50px;display:grid;gap:50px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:50px}.footer-section h3.footer-title{color:#ff8c42;font-size:1.8rem;font-weight:700;margin-bottom:15px}.footer-section h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:20px}.footer-description{color:#b0b0b0;font-size:1rem;line-height:1.8;margin-bottom:25px}.social-links{display:flex;gap:15px}.social-links a{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:50%;color:#b0b0b0;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-links a:hover{background:#ff8c42;border-color:#ff8c42;color:#fff;transform:translateY(-3px)}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a,.footer-links button{background:none;border:none;color:#b0b0b0;cursor:pointer;font-family:inherit;font-size:1rem;padding:0;text-decoration:none;transition:color .3s ease}.footer-links a:hover,.footer-links button:hover{color:#ff8c42}.footer-contact{list-style:none;margin:0;padding:0}.footer-contact li{color:#b0b0b0;font-size:1rem;line-height:1.6;margin-bottom:15px}.footer-bottom{align-items:center;border-top:1px solid #333;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding-top:30px}.footer-bottom p{color:#666;font-size:.95rem;margin:0}.footer-bottom-links{align-items:center;display:flex;gap:15px}.footer-bottom-links a{color:#666;font-size:.95rem;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#ff8c42}.footer-bottom-links span{color:#666}@media (max-width:1024px){.footer-content{gap:40px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer{padding:40px 20px 20px}.footer-content{gap:35px;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:15px;text-align:center}.footer-bottom-links{justify-content:center}}@media (max-width:480px){.footer-section h3.footer-title{font-size:1.5rem}.footer-section h4{font-size:1.1rem}.footer-description{font-size:.95rem}.social-links a{height:35px;width:35px}.social-links a svg{height:18px;width:18px}}
/*# sourceMappingURL=main.b687ee8c.css.map*/