#fluid {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: -1;pointer-events: none;opacity: 0.3;}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body {font-family: 'Inter', sans-serif;line-height: 1.6;color: #e5e7eb;background-color: #0a0b0f;overflow-x: hidden;}.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}h1, h2, h3, h4, h5, h6 {font-weight: 600;margin-bottom: 1rem;color: #ffffff;}h1 {font-size: 3.5rem;line-height: 1.2;}h2 {font-size: 2.5rem;line-height: 1.3;}h3 {font-size: 1.5rem;}p {margin-bottom: 1rem;color: #9ca3af;font-size: 1.1rem;}.btn {display: inline-block;padding: 14px 32px;border: none;border-radius: 50px;text-decoration: none;font-weight: 600;font-size: 1rem;cursor: pointer;transition: all 0.3s ease;position: relative;overflow: hidden;}.btn-primary {background: linear-gradient(135deg, #f97316, #ea580c);color: white;box-shadow: 0 4px 15px rgba(249, 115, 22, 0.3);}.btn-primary:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(249, 115, 22, 0.4);}.btn-secondary {background: transparent;color: #f97316;border: 2px solid #f97316;}.btn-secondary:hover {background: #f97316;color: white;transform: translateY(-2px);}.navbar {position: fixed;top: 0;width: 100%;background: rgba(10, 11, 15, 0.95);backdrop-filter: blur(10px);z-index: 1000;padding: 1rem 0;transition: all 0.3s ease;}.nav-container {max-width: 1200px;margin: 0 auto;padding: 0 20px;display: flex;justify-content: space-between;align-items: center;}.nav-logo h2 {color: #f97316;font-size: 1.8rem;margin: 0;}.nav-menu {display: flex;gap: 2rem;}.nav-link {color: #e5e7eb;text-decoration: none;font-weight: 500;transition: color 0.3s ease;}.nav-link:hover {color: #f97316;}.hamburger {display: none;flex-direction: column;cursor: pointer;}.hamburger .bar {width: 25px;height: 3px;background-color: #e5e7eb;margin: 3px 0;transition: 0.3s;}.hero {min-height: 100vh;display: flex;align-items: center;background: linear-gradient(135deg, #0a0b0f 0%, #1a1b23 100%);position: relative;overflow: hidden;}.hero::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(ellipse at center, rgba(249, 115, 22, 0.1) 0%, transparent 50%);pointer-events: none;}.hero-container {max-width: 1200px;margin: 0 auto;padding: 0 20px;display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;}.hero-content {z-index: 2;}.hero-title {font-size: 3.5rem;font-weight: 700;margin-bottom: 1.5rem;line-height: 1.2;}.hero-title .highlight {background: linear-gradient(135deg, #f97316, #ea580c);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.hero-subtitle {font-size: 1.25rem;margin-bottom: 2.5rem;color: #9ca3af;}.hero-buttons {display: flex;gap: 1.5rem;}.hero-visual {position: relative;display: flex;justify-content: center;align-items: center;}.ai-animation {position: relative;width: 400px;height: 400px;}.ai-circle {position: absolute;border: 2px solid rgba(249, 115, 22, 0.3);border-radius: 50%;animation: rotate 20s linear infinite;}.ai-circle:nth-child(1) {width: 200px;height: 200px;top: 50%;left: 50%;transform: translate(-50%, -50%);animation-duration: 20s;}.ai-circle:nth-child(2) {width: 300px;height: 300px;top: 50%;left: 50%;transform: translate(-50%, -50%);animation-duration: 30s;animation-direction: reverse;}.ai-circle:nth-child(3) {width: 400px;height: 400px;top: 50%;left: 50%;transform: translate(-50%, -50%);animation-duration: 40s;}.ai-nodes {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.node {position: absolute;width: 12px;height: 12px;background: linear-gradient(135deg, #f97316, #ea580c);border-radius: 50%;}.node:nth-child(1) {top: 50%;left: 50%;transform-origin: 0 100px;animation: pulse 2s ease-in-out infinite 0s, orbit 10s linear infinite 0s;}.node:nth-child(2) {top: 50%;left: 50%;transform-origin: 0 80px;animation: pulse 2s ease-in-out infinite 0.4s, orbit-reverse 12s linear infinite 1.6s;}.node:nth-child(3) {top: 50%;left: 50%;transform-origin: 0 120px;animation: pulse 2s ease-in-out infinite 0.8s, orbit 8s linear infinite 3.2s;}.node:nth-child(4) {top: 50%;left: 50%;transform-origin: 0 60px;animation: pulse 2s ease-in-out infinite 1.2s, orbit-reverse 15s linear infinite 4.8s;}.node:nth-child(5) {top: 50%;left: 50%;transform-origin: 0 140px;animation: pulse 2s ease-in-out infinite 1.6s, orbit 6s linear infinite 6.4s;}@keyframes rotate {from {transform: translate(-50%, -50%) rotate(0deg);}to {transform: translate(-50%, -50%) rotate(360deg);}}@keyframes pulse {0%, 100% {transform: scale(1);opacity: 1;}50% {transform: scale(1.5);opacity: 0.7;}}@keyframes orbit {from {transform: translate(-50%, -50%) rotate(0deg);}to {transform: translate(-50%, -50%) rotate(360deg);}}@keyframes orbit-reverse {from {transform: translate(-50%, -50%) rotate(360deg);}to {transform: translate(-50%, -50%) rotate(0deg);}}section {padding: 6rem 0;}.section-header {text-align: center;margin-bottom: 4rem;}.section-header h2 {margin-bottom: 1rem;}.section-header p {font-size: 1.2rem;max-width: 800px;margin: 0 auto;}.services {background: linear-gradient(135deg, #111827 0%, #1f2937 100%);}.services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 2rem;}.service-card {background: rgba(31, 41, 55, 0.5);border: 1px solid rgba(249, 115, 22, 0.2);border-radius: 20px;padding: 2.5rem;text-align: center;transition: all 0.3s ease;position: relative;overflow: hidden;}.service-card::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.1), transparent);transition: left 0.5s;}.service-card:hover::before {left: 100%;}.service-card:hover {transform: translateY(-10px);border-color: rgba(249, 115, 22, 0.5);box-shadow: 0 20px 40px rgba(249, 115, 22, 0.1);}.service-icon {font-size: 3rem;color: #f97316;margin-bottom: 1.5rem;}.service-card h3 {margin-bottom: 1rem;font-size: 1.5rem;}.service-card p {margin-bottom: 2rem;}.service-features {display: flex;flex-wrap: wrap;gap: 0.5rem;justify-content: center;}.feature {background: rgba(249, 115, 22, 0.1);color: #f97316;padding: 0.5rem 1rem;border-radius: 20px;font-size: 0.9rem;border: 1px solid rgba(249, 115, 22, 0.3);}.why-us {background: #0a0b0f;}.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 3rem;}.feature-item {text-align: center;padding: 2rem;}.feature-icon {font-size: 3rem;color: #f97316;margin-bottom: 1.5rem;}.feature-item h3 {margin-bottom: 1rem;}.testimonials {background: linear-gradient(135deg, #111827 0%, #1f2937 100%);}.testimonials-slider {max-width: 800px;margin: 0 auto;position: relative;}.testimonial-card {display: none;text-align: center;padding: 3rem;background: rgba(31, 41, 55, 0.5);border-radius: 20px;border: 1px solid rgba(249, 115, 22, 0.2);}.testimonial-card.active {display: block;animation: fadeIn 0.5s ease-in-out;}.testimonial-content p {font-size: 1.3rem;font-style: italic;margin-bottom: 2rem;color: #e5e7eb;}.testimonial-author h4 {color: #f97316;margin-bottom: 0.5rem;}.testimonial-author span {color: #9ca3af;}.testimonial-dots {display: flex;justify-content: center;gap: 1rem;margin-top: 2rem;}.dot {width: 12px;height: 12px;border-radius: 50%;background: rgba(249, 115, 22, 0.3);cursor: pointer;transition: all 0.3s ease;}.dot.active, .dot:hover {background: #f97316;transform: scale(1.2);}.faq {background: #0a0b0f;}.faq-items {max-width: 1000px;margin: 0 auto;display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem;}.faq-item {border: 1px solid rgba(249, 115, 22, 0.2);border-radius: 15px;overflow: hidden;}.faq-question {padding: 1.5rem 2rem;background: rgba(31, 41, 55, 0.3);cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: all 0.3s ease;}.faq-question:hover {background: rgba(31, 41, 55, 0.5);}.faq-question h3 {margin: 0;font-size: 1rem;line-height: 1.2;}.faq-question i {color: #f97316;transition: transform 0.3s ease;flex-shrink: 0;margin-left: 1rem;}.faq-answer {padding: 0 2rem;max-height: 0;overflow: hidden;transition: all 0.3s ease;}.faq-item.active .faq-answer {padding: 1.5rem 2rem;max-height: 200px;}.faq-item.active .faq-question i {transform: rotate(180deg);}.contact {background: linear-gradient(135deg, #111827 0%, #1f2937 100%);}.contact-content {display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: start;}.contact-info h3 {margin-bottom: 2rem;color: #f97316;}.contact-item {display: flex;align-items: center;gap: 1rem;margin-bottom: 1.5rem;}.contact-item i {color: #f97316;font-size: 1.2rem;width: 20px;}.contact-form {background: rgba(31, 41, 55, 0.5);padding: 2.5rem;border-radius: 20px;border: 1px solid rgba(249, 115, 22, 0.2);}.form-group {margin-bottom: 1.5rem;}.form-group input, .form-group textarea {width: 100%;padding: 1rem 1.5rem;background: rgba(17, 24, 39, 0.8);border: 1px solid rgba(249, 115, 22, 0.3);border-radius: 10px;color: #e5e7eb;font-size: 1rem;transition: all 0.3s ease;}.form-group input:focus, .form-group textarea:focus {outline: none;border-color: #f97316;box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);}.form-group input::placeholder, .form-group textarea::placeholder {color: #9ca3af;}.footer {background: #0a0b0f;padding: 3rem 0 1rem;border-top: 1px solid rgba(249, 115, 22, 0.2);}.footer-content {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;margin-bottom: 2rem;}.footer-logo h3 {color: #f97316;margin-bottom: 1rem;}.footer-logo p {color: #9ca3af;}.footer-links h4, .footer-social h4 {color: #e5e7eb;margin-bottom: 1rem;}.footer-links a {display: block;color: #9ca3af;text-decoration: none;margin-bottom: 0.5rem;transition: color 0.3s ease;}.footer-links a:hover {color: #f97316;}.social-links {display: flex;gap: 1rem;}.social-links a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: rgba(249, 115, 22, 0.1);border: 1px solid rgba(249, 115, 22, 0.3);border-radius: 50%;color: #f97316;text-decoration: none;transition: all 0.3s ease;}.social-links a:hover {background: #f97316;color: white;transform: translateY(-2px);}.footer-bottom {text-align: center;padding-top: 2rem;border-top: 1px solid rgba(249, 115, 22, 0.1);}.footer-bottom p {color: #9ca3af;margin: 0;}@keyframes fadeIn {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.fade-in {animation: fadeIn 0.6s ease-out;}@media (max-width: 768px) {.nav-menu {position: fixed;left: -100%;top: 70px;flex-direction: column;background-color: rgba(10, 11, 15, 0.95);width: 100%;text-align: center;transition: 0.3s;box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);padding: 2rem 0;backdrop-filter: blur(10px);}.nav-menu.active {left: 0;}.hamburger {display: flex;}.hamburger.active .bar:nth-child(2) {opacity: 0;}.hamburger.active .bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}.hamburger.active .bar:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}h1 {font-size: 2.5rem;}h2 {font-size: 2rem;}.hero-container {grid-template-columns: 1fr;text-align: center;gap: 2rem;}.hero-buttons {flex-direction: column;align-items: center;}.ai-animation {width: 300px;height: 300px;}.services-grid {grid-template-columns: 1fr;}.contact-content {grid-template-columns: 1fr;gap: 2rem;}.hero-buttons .btn {width: 100%;max-width: 250px;}.faq-items {grid-template-columns: 1fr;gap: 1rem;}.faq-question {padding: 1.2rem 1.5rem;}.faq-question h3 {font-size: 1rem;}.faq-answer {padding: 0 1.5rem;}.faq-item.active .faq-answer {padding: 1.2rem 1.5rem;}section {padding: 4rem 0;}}@media (max-width: 480px) {h1 {font-size: 2rem;}.hero-title {font-size: 2rem;}.hero-subtitle {font-size: 1.1rem;}.service-card, .contact-form {padding: 1.5rem;}.ai-animation {width: 250px;height: 250px;}.ai-circle:nth-child(1) {width: 150px;height: 150px;}.ai-circle:nth-child(2) {width: 200px;height: 200px;}.ai-circle:nth-child(3) {width: 250px;height: 250px;}}