.hero{position: relative;padding: 180px 0 100px;overflow: hidden;background-color: var(--light-gray);z-index: 1}.hero-content{max-width: 600px;position: relative;z-index: 2}.hero-content h1{margin-bottom: var(--spacing-lg);font-size: 3.5rem}.hero-content p{font-size: 1.2rem;margin-bottom: var(--spacing-xl);color: var(--text-muted)}.hero-buttons{display: flex;gap: var(--spacing-md);flex-wrap: wrap}.hero-image{position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 50%;max-width: 600px;z-index: 2;display: flex;justify-content: center}.hero-particles{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1}.services{padding: var(--spacing-xxl) 0;background-color: #f8f9fa}.services-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: var(--spacing-xl)}.service-card{background-color: #fff;border-radius: var(--border-radius-lg);padding: var(--spacing-xl);box-shadow: var(--shadow-md);transition: all var(--transition-normal);position: relative;z-index: 1;overflow: hidden}.service-card::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 0;background: linear-gradient(135deg, rgba(67, 97, 238, 0.05), rgba(114, 9, 183, 0.05));transition: height var(--transition-normal);z-index: -1}.service-card:hover{transform: translateY(-10px);box-shadow: var(--shadow-lg)}.service-card:hover::before{height: 100%}.service-icon{width: 70px;height: 70px;border-radius: 50%;background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));display: flex;justify-content: center;align-items: center;margin-bottom: var(--spacing-lg);color: white;font-size: 1.8rem;box-shadow: 0 10px 20px rgba(67, 97, 238, 0.3)}.service-card h3{font-size: 1.5rem;margin-bottom: var(--spacing-md)}.service-card p{color: var(--text-muted);margin-bottom: var(--spacing-lg)}.about-preview{padding: var(--spacing-xxl) 0;background-color: var(--light-gray)}.about-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-xxl);align-items: center}.about-content h2{margin-bottom: var(--spacing-lg);font-size: 2.2rem}.about-content p{margin-bottom: var(--spacing-xl);color: var(--text-muted)}.founders{display: flex;gap: var(--spacing-xl);margin-bottom: var(--spacing-xl)}.founder{display: flex;align-items: center;gap: var(--spacing-md)}.founder-image{width: 90px;height: 90px;border-radius: 50%;overflow: hidden;box-shadow: var(--shadow-md)}.founder-image img{width: 100%;height: 100%;object-fit: cover}.founder-info h3{font-size: 1.1rem;margin-bottom: 0}.founder-info p{font-size: 0.9rem;margin-bottom: 0;color: var(--text-muted)}.about-visual{position: relative}.about-image-wrapper{position: relative;width: 100%;height: 500px;display: flex;align-items: center;justify-content: center}.tech-stack{position: relative;width: 300px;height: 300px}.tech-ring{position: absolute;width: 100%;height: 100%;border: 5px solid #9900ff76;border-radius: 50%;opacity: 0.3;animation: rotate 15s linear infinite}.tech-core{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100px;height: 100px;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius: 50%}.cosmicNexus{position: relative;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: var(--light-gray)}.stellarCore{position: absolute;width: 200px;height: 200px;border-radius: 50%;background: radial-gradient(circle, var(--primary-color) 10%, var(--dark-blue) 70%);box-shadow: 0 0 20px var(--primary-color);animation: pulseWave 2s infinite}.lunarOrbit{position: absolute;width: 250px;height: 250px;border: 2px solid #a670d2;border-radius: 50%;animation: spinCycle 10s linear infinite}.celestialNode{position: absolute;width: 10px;height: 10px;background: var(--gradient-start);border-radius: 50%;animation: planetPath 5s infinite}.quantumFlux{position: absolute;animation: convergeMotion 3s infinite}@keyframes convergeMotion{0%{transform: translate(100vw, 100vh) scale(0);opacity: 0} 50%{opacity: 1} 100%{transform: translate(0, 0) scale(1);opacity: 0}}@keyframes spinCycle{100%{transform: rotate(360deg)}}@keyframes pulseWave{0%{transform: scale(1)} 50%{transform: scale(1.1)} 100%{transform: scale(1)}}@keyframes planetPath{0%{transform: rotate(0deg) translateX(100px)} 100%{transform: rotate(360deg) translateX(100px)}}@keyframes rotate{from{transform: rotate(0deg)} to{transform: rotate(360deg)}}.case-studies{padding: var(--spacing-xxl) 0;background-color: var(--light-gray)}.case-studies-slider{display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: var(--spacing-xl);margin-bottom: var(--spacing-xl)}.case-study{background-color: #fff;border-radius: var(--border-radius-lg);overflow: hidden;box-shadow: var(--shadow-md);transition: all var(--transition-normal)}.case-study:hover{transform: translateY(-10px);box-shadow: var(--shadow-lg)}.case-study-image{height: 200px;overflow: hidden}.case-study-image img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-normal)}.case-study:hover .case-study-image img{transform: scale(1.05)}.case-study-content{padding: var(--spacing-xl)}.category{display: inline-block;padding: 0.25rem 0.75rem;background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));color: #fff;border-radius: var(--border-radius-sm);font-size: 0.8rem;font-weight: 600;margin-bottom: var(--spacing-md)}.case-study-content h3{font-size: 1.5rem;margin-bottom: var(--spacing-md)}.case-study-content p{color: var(--text-muted);margin-bottom: var(--spacing-lg)}.blog-preview{padding: var(--spacing-xxl) 0;background-color: var(--light-gray)}.blog-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: var(--spacing-xl);margin-bottom: var(--spacing-xl)}.blog-card{background-color: #fff;border-radius: var(--border-radius-lg);overflow: hidden;box-shadow: var(--shadow-md);transition: all var(--transition-normal)}.blog-card:hover{transform: translateY(-10px);box-shadow: var(--shadow-lg)}.blog-image{height: 200px;overflow: hidden}.blog-image img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-normal)}.blog-card:hover .blog-image img{transform: scale(1.05)}.blog-content{padding: var(--spacing-xl)}.date{display: block;font-size: 0.9rem;color: var(--text-muted);margin-bottom: var(--spacing-md)}.blog-content h3{font-size: 1.3rem;margin-bottom: var(--spacing-md);line-height: 1.4}.blog-content p{color: var(--text-muted);margin-bottom: var(--spacing-lg)}@media (max-width: 992px){.hero{padding: 150px 0 80px} .hero-content{max-width: 100%;text-align: center;margin-bottom: var(--spacing-xxl)} .hero-buttons{justify-content: center} .hero-image{position: relative;padding-left: 10%;top: auto;right: auto;transform: none;width: 80%;margin: 0 auto;display: flex;justify-content: center;align-items: center} .hero-image .floating-element{width: 80%;max-width: 400px;margin: 0 auto} .about-grid{grid-template-columns: 1fr;gap: var(--spacing-xl)} .about-image{order: -1;text-align: center} .about-image img{max-width: 80%}}@media (max-width: 768px){.hero-content h1{font-size: 2.5rem} .founders{flex-direction: column;gap: var(--spacing-lg)} .case-studies-slider{grid-template-columns: 1fr}}@media (max-width: 576px){.hero-content h1{font-size: 2.2rem;line-height: 1.2} .hero-content p{font-size: 1rem} .hero-buttons{flex-direction: column;gap: var(--spacing-md)} .hero-buttons .btn{width: 100%} .hero-image{width: 100%;padding: 0} .hero-image .floating-element{width: 90%;max-width: 300px} .services-grid, .blog-grid{grid-template-columns: 1fr}}