:root{--bg-color:#030712;--bg-secondary:#090d16;--bg-tertiary:#111827;--text-primary:#fff;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-color:#0edbb1;--accent-secondary:#00b4d8;--accent-gradient:linear-gradient(135deg, #0edbb1 0%, #00b4d8 100%);--accent-glow:#0edbb159;--glass-bg:#11182773;--glass-border:#ffffff0d;--glass-border-accent:#0edbb140;--transition-speed:.4s;--border-radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);scroll-behavior:smooth;font-family:Tajawal,sans-serif;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#1f2937;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}a{color:var(--text-primary);transition:all var(--transition-speed) cubic-bezier(.4, 0, .2, 1);text-decoration:none}a:hover{color:var(--accent-color)}ul{list-style-type:none}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.title{letter-spacing:-.02em;margin-bottom:1.2rem;font-size:2.8rem;font-weight:900;line-height:1.3}.subtitle{color:var(--text-secondary);max-width:700px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem;font-weight:400}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.section{padding:8rem 0;position:relative}.btn{cursor:pointer;transition:all var(--transition-speed) cubic-bezier(.4, 0, .2, 1);border:none;border-radius:50px;outline:none;justify-content:center;align-items:center;gap:8px;padding:.9rem 2.2rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#030712;box-shadow:0 4px 20px var(--accent-glow);z-index:1;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;z-index:-1;width:100%;height:100%;transition:opacity var(--transition-speed) ease;background:linear-gradient(135deg,#00b4d8 0%,#0edbb1 100%);position:absolute;top:0;left:0}.btn-primary:hover{color:#030712;transform:translateY(-3px);box-shadow:0 8px 30px #0edbb18c}.btn-primary:hover:before{opacity:1}.btn-secondary{color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff26}.btn-secondary:hover{background:var(--text-primary);color:var(--bg-color);border-color:var(--text-primary);transform:translateY(-3px);box-shadow:0 10px 25px #ffffff1a}.grid{gap:2.5rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--border-radius);transition:all var(--transition-speed) cubic-bezier(.4, 0, .2, 1);padding:2.5rem;position:relative;overflow:hidden}.glass-card:before{content:"";opacity:0;width:100%;height:100%;transition:opacity var(--transition-speed);pointer-events:none;background:linear-gradient(#0edbb108 0%,#0000 100%);position:absolute;top:0;left:0}.glass-card:hover{border-color:var(--glass-border-accent);transform:translateY(-10px)scale(1.01);box-shadow:0 20px 40px #0edbb114}.glass-card:hover:before{opacity:1}.text-secondary{color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:1s cubic-bezier(.16,1,.3,1) forwards fadeIn}.text-center{text-align:center}.mb-4{margin-bottom:2.5rem}.mb-2{margin-bottom:1.2rem}@media (width<=768px){.title{font-size:2.2rem}.section{padding:5rem 0}.container{padding:0 1.2rem}}.glass-card:hover .service-icon-box{transform:scale(1.1)rotate(5deg);box-shadow:0 8px 25px #0edbb166;background:var(--accent-gradient)!important;color:#030712!important;border-color:#0000!important}.contact-input{color:#fff;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:1.1rem 1.3rem;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#03071299!important}.contact-input::placeholder{color:var(--text-muted)}.contact-input:focus{border-color:var(--accent-color);box-shadow:0 0 15px #0edbb126;background:#030712cc!important}.navbar{z-index:1000;width:100%;transition:all var(--transition-speed);padding:1.5rem 0;position:fixed;top:0;left:0}.nav-scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border);padding:1rem 0;box-shadow:0 4px 30px #0000001a}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{letter-spacing:-1px;font-size:1.8rem;font-weight:800}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a:not(.btn){font-weight:600;position:relative}.nav-links a:not(.btn):after{content:"";background:var(--accent-gradient);width:0%;height:2px;transition:width var(--transition-speed);position:absolute;bottom:-5px;right:0}.nav-links a:not(.btn):hover:after{width:100%}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.mobile-menu-btn span{background-color:var(--text-primary);border-radius:3px;width:25px;height:3px;transition:all .3s;display:block}@media (width<=768px){.mobile-menu-btn{display:flex}.nav-links{background:var(--bg-secondary);border-left:1px solid var(--glass-border);flex-direction:column;width:250px;height:100vh;padding-top:5rem;transition:right .4s;position:fixed;top:0;right:-100%}.nav-links.active{right:0}}.hero-section{justify-content:center;align-items:center;min-height:100vh;padding:8rem 0 5rem;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:radial-gradient(circle,#090d1680 0%,#030712 100%);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glow{filter:blur(120px);opacity:.35;border-radius:50%;transition:all 1s;position:absolute}.glow-1{background:var(--accent-color);width:450px;height:450px;animation:20s ease-in-out infinite floatOrb1;top:-80px;right:-50px}.glow-2{background:var(--accent-secondary);width:550px;height:550px;animation:25s ease-in-out infinite floatOrb2;bottom:-100px;left:-100px}.glow-3{filter:blur(150px);opacity:.15;background:#7209b7;width:350px;height:350px;animation:18s ease-in-out infinite floatOrb3;top:40%;left:30%}@keyframes floatOrb1{0%{transform:translate(0)scale(1)}33%{transform:translate(50px,80px)scale(1.15)}66%{transform:translate(-30px,40px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes floatOrb2{0%{transform:translate(0)scale(1.1)}50%{transform:translate(-80px,-60px)scale(.85)}to{transform:translate(0)scale(1.1)}}@keyframes floatOrb3{0%{transform:translate(0)scale(.9)}50%{transform:translate(60px,-90px)scale(1.2)}to{transform:translate(0)scale(.9)}}.hero-container{text-align:center;z-index:1;flex-direction:column;align-items:center;max-width:950px;display:flex;position:relative}.hero-title{letter-spacing:-.01em;margin-bottom:1.5rem;font-size:4rem;font-weight:900;line-height:1.25}.hero-subtitle{color:var(--text-secondary);max-width:750px;margin-bottom:3rem;font-size:1.35rem;line-height:1.8}.hero-actions{justify-content:center;gap:1.2rem;width:100%;display:flex}.hero-stats{border-top:1px solid #ffffff0d;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:800px;margin-top:5rem;padding-top:3rem;display:grid}.stat-item{-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius);background:#11182773;border:1px solid #ffffff08;padding:1.8rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #00000026}.stat-item:hover{border-color:var(--glass-border-accent);transform:translateY(-8px);box-shadow:0 15px 30px #0edbb11a}.stat-number{margin-bottom:.4rem;font-size:2.8rem;font-weight:900;line-height:1}.stat-label{color:var(--text-secondary);font-size:1.05rem;font-weight:500}@media (width<=768px){.hero-section{padding-top:7rem}.hero-title{font-size:2.5rem}.hero-subtitle{margin-bottom:2rem;font-size:1.1rem}.hero-actions{flex-direction:column;align-items:stretch;gap:.8rem;padding:0 1rem}.hero-stats{grid-template-columns:1fr;gap:1.2rem;margin-top:3.5rem;padding-top:2rem}.stat-item{padding:1.2rem}.stat-number{font-size:2.2rem}}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:3.5rem;display:flex}.filter-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:30px;padding:.6rem 1.6rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn:hover{color:var(--accent-color);background:#0edbb105;border-color:#0edbb14d}.filter-btn.active{background:var(--accent-gradient);color:#030712;border-color:#0000;font-weight:600;box-shadow:0 4px 15px #0edbb159}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;display:grid}.project-card{border-radius:var(--border-radius);background:#11182766;border:1px solid #ffffff0d;flex-direction:column;height:400px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.project-image-wrapper{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.project-image-wrapper:after{content:"";z-index:2;background:linear-gradient(#0307121a 0%,#03071266 50%,#030712f2 100%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-details{z-index:3;width:100%;margin-top:auto;padding:2.2rem;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative;transform:translateY(20px)}.project-tag{color:var(--accent-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0edbb126;border:1px solid #0edbb14d;border-radius:20px;margin-bottom:.8rem;padding:.3rem .9rem;font-size:.8rem;font-weight:700;display:inline-block}.project-title{color:#fff;margin-bottom:.6rem;font-size:1.5rem;font-weight:800;line-height:1.3}.project-desc{color:var(--text-secondary);opacity:0;max-height:0;font-size:.95rem;line-height:1.6;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.project-card:hover{border-color:var(--glass-border-accent);transform:translateY(-8px);box-shadow:0 20px 40px #0edbb11a}.project-card:hover img{transform:scale(1.08)}.project-card:hover .project-details{transform:translateY(0)}.project-card:hover .project-desc{opacity:1;max-height:100px;margin-top:.6rem}@media (width<=768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{height:350px}.project-details{padding:1.5rem;transform:translateY(0)}.project-desc{opacity:1;max-height:100px;margin-top:.5rem}}.clients-marquee-container{width:100%;padding:2rem 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 15% 85%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 15% 85%,#0000 100%)}.clients-marquee-track{gap:30px;width:max-content;animation:45s linear infinite marqueeScroll;display:flex}.clients-marquee-track:hover{animation-play-state:paused}.client-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11182766;border:1px solid #ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:220px;height:120px;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.client-card-inner{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s;display:flex}.client-card img{object-fit:contain;opacity:.65;filter:grayscale()brightness(1.2);max-width:100%;max-height:100%;transition:all .3s}.client-card:hover{border-color:var(--accent-color);background:#0edbb108;transform:translateY(-5px);box-shadow:0 10px 25px #0edbb126}.client-card:hover .client-card-inner{transform:scale(1.08)}.client-card:hover img{opacity:1;filter:grayscale(0%)brightness()}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:var(--bg-color);border:1px solid #ffffff0d;border-radius:12px;margin-bottom:1.2rem;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-item:hover{border-color:#0edbb140;transform:translateY(-2px)}.faq-item.active{border-color:var(--accent-color);background:#0edbb105;box-shadow:0 10px 25px #0edbb10d}.faq-question{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.5rem 1.8rem;display:flex}.faq-question h3{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700;transition:color .3s}.faq-item.active .faq-question h3{color:var(--accent-color)}.faq-icon-box{color:var(--text-secondary);justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.4,0,.2,1),color .3s;display:flex}.faq-item.active .faq-icon-box{color:var(--accent-color);transform:rotate(180deg)}.faq-answer{border-top:1px solid #0000;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s;overflow:hidden}.faq-item.active .faq-answer{background:#0000001a;border-color:#ffffff08;max-height:500px;padding:1.5rem 1.8rem}.faq-answer p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.7}.footer-section{background:var(--bg-secondary);border-top:1px solid var(--glass-border);margin-top:4rem;padding:5rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:2rem;margin-bottom:3rem;display:grid}.footer-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.2rem;font-weight:700}.footer-links li{margin-bottom:.8rem}.footer-links a{color:var(--text-secondary);font-size:.95rem;transition:color .3s}.footer-links a:hover{color:var(--accent-color);padding-right:5px}.footer-contact li{color:var(--text-secondary);align-items:flex-start;gap:10px;margin-bottom:1rem;font-size:.95rem;display:flex}.footer-contact li a{color:var(--text-secondary)}.footer-contact li a:hover{color:var(--accent-color)}.social-links{gap:10px;display:flex}.social-icon{width:40px;height:40px;color:var(--accent-color);border:1px solid var(--glass-border);background:#0edbb11a;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.social-icon:hover{background:var(--accent-gradient);color:#0b111e;border-color:#0000;transform:translateY(-3px)}.footer-bottom{text-align:center;border-top:1px solid var(--glass-border);color:var(--text-secondary);padding-top:2rem;font-size:.9rem}@media (width<=992px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=576px){.footer-grid{grid-template-columns:1fr}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}