:root {--bg-color: #000000;--panel-bg: rgba(24, 24, 27, 0.6);--panel-border: rgba(255, 255, 255, 0.1);--text-primary: #ededed;--text-secondary: #a1a1aa;--brand-primary: #007CF0;--brand-secondary: #00DFD8;--gradient-primary: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));--font-heading: 'Outfit', sans-serif;--font-body: 'Inter', sans-serif;}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body {font-family: var(--font-body);background-color: var(--bg-color);background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);background-size: 50px 50px;background-position: -1px -1px;color: var(--text-primary);line-height: 1.6;overflow-x: hidden;}.container {max-width: 1200px;margin: 0 auto;padding: 0 2rem;}h1, h2, h3, h4 {font-family: var(--font-heading);font-weight: 700;line-height: 1.2;}.text-gradient {background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.navbar {position: fixed;top: 0;left: 0;width: 100%;padding: 1.5rem 0;z-index: 1000;transition: all 0.3s ease;background: transparent;}.navbar.scrolled {background: rgba(4, 13, 26, 0.9);backdrop-filter: blur(10px);border-bottom: 1px solid var(--panel-border);padding: 1rem 0;}.nav-container {display: flex;justify-content: space-between;align-items: center;}.logo {display: flex;align-items: center;gap: 0.5rem;text-decoration: none;font-family: var(--font-heading);font-size: 1.5rem;font-weight: 800;}.logo-il {color: var(--text-primary);}.logo-text {color: var(--brand-secondary);}.nav-links {display: flex;align-items: center;gap: 2rem;}.nav-links a {color: var(--text-primary);text-decoration: none;font-weight: 500;transition: color 0.3s;}.nav-links a:hover {color: var(--brand-secondary);}.btn {display: inline-block;padding: 0.85rem 1.75rem;border-radius: 8px;font-weight: 600;font-size: 0.95rem;text-decoration: none;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);cursor: pointer;border: none;letter-spacing: 0.5px;}.btn-primary {background: var(--text-primary);color: var(--bg-color) !important;box-shadow: 0 4px 14px 0 rgba(255, 255, 255, 0.25);}.btn-primary:hover {transform: translateY(-2px);background: #ffffff;box-shadow: 0 6px 20px rgba(255, 255, 255, 0.35);}.btn-secondary {background: rgba(255, 255, 255, 0.05);color: var(--text-primary);border: 1px solid rgba(255, 255, 255, 0.1);}.btn-secondary:hover {background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.2);}.btn-block {display: block;width: 100%;}.hero {min-height: 100vh;display: flex;align-items: center;position: relative;padding-top: 80px;}.glow-sphere {position: absolute;border-radius: 50%;filter: blur(100px);z-index: -1;opacity: 0.5;}.sphere-1 {width: 400px;height: 400px;background: var(--brand-primary);top: -100px;left: -100px;}.sphere-2 {width: 300px;height: 300px;background: var(--brand-secondary);bottom: 10%;right: 5%;}.hero-container {display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;}.hero-content h1 {font-size: 3.5rem;margin-bottom: 1.5rem;}.hero-content p {font-size: 1.1rem;color: var(--text-secondary);margin-bottom: 2.5rem;}.hero-actions {display: flex;gap: 1rem;}.hero-logo {max-width: 180px;border-radius: 12px;margin-bottom: 2rem;box-shadow: 0 0 30px rgba(0, 240, 255, 0.2);}.hero-terminal {background: #0d1117;border: 1px solid #30363d;border-radius: 10px;overflow: hidden;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);font-family: 'Fira Code', monospace;}.terminal-header {background: #161b22;padding: 10px 15px;display: flex;align-items: center;border-bottom: 1px solid #30363d;}.terminal-header .dots {display: flex;gap: 6px;width: 60px;}.terminal-header .dots span {width: 12px;height: 12px;border-radius: 50%;}.terminal-header .dots span:nth-child(1) { background: #ff5f56; }.terminal-header .dots span:nth-child(2) { background: #ffbd2e; }.terminal-header .dots span:nth-child(3) { background: #27c93f; }.terminal-title {color: #8b949e;font-size: 0.85rem;flex: 1;text-align: center;margin-right: 60px; }.terminal-body {padding: 20px;color: #c9d1d9;font-size: 0.9rem;min-height: 250px;}.terminal-body pre {margin: 0;white-space: pre-wrap;}.terminal-prompt {font-family: 'Fira Code', monospace;font-weight: bold;color: #79c0ff;margin-right: 5px;}.services {padding: 5rem 0;}.section-header {text-align: center;margin-bottom: 4rem;}.section-header h2 {font-size: 2.5rem;margin-bottom: 1rem;}.section-header p {color: var(--text-secondary);max-width: 600px;margin: 0 auto;}.bento-grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-auto-rows: minmax(200px, auto);gap: 1.5rem;}.bento-card {position: relative;padding: 2rem;border-radius: 16px;background: linear-gradient(180deg, rgba(39,39,42,0.4) 0%, rgba(24,24,27,0.4) 100%);border: 1px solid var(--panel-border);overflow: hidden;transition: transform 0.3s, box-shadow 0.3s;}.bento-card:hover {transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0, 168, 255, 0.1);}.bento-wide {grid-column: span 2;}.bento-tall {grid-row: span 2;}.bento-card h3 {margin-bottom: 0.5rem;font-size: 1.25rem;}.bento-card p {color: var(--text-secondary);font-size: 0.95rem;margin-bottom: 1rem;}.icon-wrapper {width: 45px;height: 45px;background: rgba(0, 168, 255, 0.1);border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;color: var(--brand-secondary);}.bento-code {background: #0d1117;border: 1px solid #30363d;padding: 1rem;border-radius: 8px;font-family: 'Fira Code', monospace;font-size: 0.85rem;color: #c9d1d9;margin-top: 1rem;}.metrics-visual {margin-top: 2rem;display: flex;flex-direction: column;gap: 1rem;}.metric-bar {width: 100%;height: 30px;background: rgba(255,255,255,0.05);border-radius: 4px;position: relative;overflow: hidden;}.metric-bar span {position: absolute;top: 0;left: 0;height: 100%;background: var(--gradient-primary);display: flex;align-items: center;padding-left: 10px;font-size: 0.8rem;font-weight: 600;font-family: 'Fira Code', monospace;}.glow-effect::before {content: '';position: absolute;top: var(--mouse-y, 0);left: var(--mouse-x, 0);width: 300px;height: 300px;background: radial-gradient(circle, rgba(0, 168, 255, 0.15) 0%, transparent 70%);transform: translate(-50%, -50%);pointer-events: none;z-index: 0;opacity: 0;transition: opacity 0.3s;}.glow-effect:hover::before {opacity: 1;}.bento-card > * {position: relative;z-index: 1;}.future-tech {padding: 5rem 0;position: relative;}.tech-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 2rem;}.tech-card {text-align: center;transition: transform 0.4s ease, box-shadow 0.4s ease;}.neon-border {position: relative;z-index: 2;border: 1px solid rgba(0, 168, 255, 0.3);}.neon-border:hover {transform: translateY(-5px);box-shadow: 0 0 20px rgba(0, 168, 255, 0.4), inset 0 0 10px rgba(0, 168, 255, 0.1);border-color: var(--brand-secondary);}.tech-icon {font-size: 3rem;margin-bottom: 1rem;display: inline-block;filter: drop-shadow(0 0 10px rgba(0, 168, 255, 0.6));}.tech-card h3 {margin-bottom: 1rem;font-size: 1.3rem;color: #fff;}.tech-card p {color: var(--text-secondary);font-size: 0.95rem;}.contact {padding: 5rem 0;}.contact-panel {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;}.contact-info h2 {font-size: 2rem;margin-bottom: 1rem;}.contact-info p {color: var(--text-secondary);margin-bottom: 2rem;}.contact-details p {margin-bottom: 0.5rem;color: var(--text-primary);}.contact-form {display: flex;flex-direction: column;gap: 1.5rem;}.form-group {display: flex;flex-direction: column;gap: 0.5rem;}.form-group label {font-weight: 500;font-size: 0.9rem;}.form-group input,.form-group select,.form-group textarea {padding: 0.75rem;border-radius: 8px;border: 1px solid var(--panel-border);background: rgba(255, 255, 255, 0.05);color: var(--text-primary);font-family: inherit;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline: none;border-color: var(--brand-secondary);box-shadow: 0 0 0 2px rgba(0, 168, 255, 0.2);}footer {background: rgba(0, 0, 0, 0.2);border-top: 1px solid var(--panel-border);padding: 3rem 0 1rem;margin-top: 5rem;}.footer-content {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;}.footer-brand {font-family: var(--font-heading);font-size: 1.2rem;font-weight: 800;}.tagline {font-family: var(--font-body);font-weight: 400;font-size: 0.9rem;color: var(--text-secondary);margin-top: 0.5rem;}.footer-links {display: flex;gap: 1.5rem;}.footer-links a {color: var(--text-secondary);text-decoration: none;transition: color 0.3s;}.footer-links a:hover {color: var(--brand-secondary);}.footer-bottom {text-align: center;padding-top: 2rem;border-top: 1px solid rgba(255, 255, 255, 0.05);color: var(--text-secondary);font-size: 0.85rem;}#particles-canvas {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: -2;pointer-events: none;}.reveal {opacity: 0;transform: translateY(50px);transition: all 0.8s ease-out;}.reveal.active {opacity: 1;transform: translateY(0);}.partners {padding: 3rem 0;background: rgba(0, 0, 0, 0.3);border-top: 1px solid rgba(255, 255, 255, 0.05);border-bottom: 1px solid rgba(255, 255, 255, 0.05);overflow: hidden;}.partners-title {text-align: center;font-size: 0.85rem;letter-spacing: 2px;color: var(--text-secondary);margin-bottom: 2rem;}.partners-carousel {width: 100%;overflow: hidden;position: relative;}.partners-carousel::before,.partners-carousel::after {content: '';position: absolute;top: 0;width: 100px;height: 100%;z-index: 2;}.partners-carousel::before {left: 0;background: linear-gradient(to right, var(--bg-color), transparent);}.partners-carousel::after {right: 0;background: linear-gradient(to left, var(--bg-color), transparent);}.partners-track {display: flex;width: calc(200px * 12);animation: scroll 30s linear infinite;}.partner-logo {width: 200px;height: 60px;display: flex;align-items: center;justify-content: center;font-family: var(--font-heading);font-size: 1.2rem;font-weight: 700;color: rgba(255, 255, 255, 0.4);transition: color 0.3s;}.partner-logo:hover {color: var(--brand-secondary);}@keyframes scroll {0% { transform: translateX(0); }100% { transform: translateX(calc(-200px * 6)); }}.ai-widget {position: fixed;bottom: 30px;right: 30px;z-index: 1000;cursor: pointer;animation: float 3s ease-in-out infinite;}.ai-bubble {display: flex;align-items: center;gap: 10px;background: rgba(0, 168, 255, 0.1);backdrop-filter: blur(10px);border: 1px solid var(--brand-secondary);padding: 10px 20px;border-radius: 50px;box-shadow: 0 0 20px rgba(0, 168, 255, 0.3);transition: all 0.3s ease;}.ai-bubble:hover {background: rgba(0, 168, 255, 0.2);box-shadow: 0 0 30px rgba(0, 168, 255, 0.5);transform: scale(1.05);}.ai-avatar {font-size: 1.5rem;}.ai-bubble span {font-weight: 600;color: #fff;}@keyframes float {0% { transform: translateY(0px); }50% { transform: translateY(-10px); }100% { transform: translateY(0px); }}.chat-window {position: fixed;bottom: 90px;right: 30px;width: 350px;background: var(--panel-bg);backdrop-filter: blur(20px);border: 1px solid var(--brand-secondary);border-radius: 16px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);z-index: 1000;display: none;flex-direction: column;overflow: hidden;transform-origin: bottom right;animation: scaleIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}.chat-window.active {display: flex;}@keyframes scaleIn {0% { transform: scale(0.5); opacity: 0; }100% { transform: scale(1); opacity: 1; }}.chat-header {background: rgba(0, 168, 255, 0.15);padding: 15px 20px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(0, 168, 255, 0.2);}.chat-header-info {display: flex;align-items: center;gap: 12px;}.ai-avatar-small {font-size: 1.8rem;}.chat-header h4 {font-size: 1rem;margin: 0;color: #fff;}.online-status {font-size: 0.75rem;color: #27c93f;display: flex;align-items: center;gap: 4px;}.online-status::before {content: '';display: inline-block;width: 6px;height: 6px;background: #27c93f;border-radius: 50%;animation: blink 2s infinite;}@keyframes blink {0%, 100% { opacity: 1; }50% { opacity: 0.4; }}.close-chat {background: transparent;border: none;color: var(--text-secondary);font-size: 1.5rem;cursor: pointer;transition: color 0.3s;}.close-chat:hover {color: #ff5f56;}.chat-messages {height: 300px;padding: 20px;overflow-y: auto;display: flex;flex-direction: column;gap: 15px;}.chat-messages::-webkit-scrollbar {width: 6px;}.chat-messages::-webkit-scrollbar-thumb {background: rgba(0, 168, 255, 0.3);border-radius: 3px;}.msg {max-width: 85%;padding: 10px 14px;border-radius: 12px;font-size: 0.9rem;line-height: 1.4;animation: popIn 0.3s ease;}@keyframes popIn {0% { transform: translateY(10px); opacity: 0; }100% { transform: translateY(0); opacity: 1; }}.msg-bot {background: rgba(0, 168, 255, 0.1);border: 1px solid rgba(0, 168, 255, 0.2);align-self: flex-start;border-bottom-left-radius: 2px;}.msg-user {background: var(--gradient-primary);color: #fff;align-self: flex-end;border-bottom-right-radius: 2px;}.typing-indicator {display: flex;gap: 4px;padding: 12px 16px;background: rgba(0, 168, 255, 0.1);border: 1px solid rgba(0, 168, 255, 0.2);border-radius: 12px;border-bottom-left-radius: 2px;align-self: flex-start;width: fit-content;}.typing-indicator span {width: 6px;height: 6px;background: var(--brand-secondary);border-radius: 50%;animation: typing 1.4s infinite ease-in-out both;}.typing-indicator span:nth-child(1) { animation-delay: -0.32s; }.typing-indicator span:nth-child(2) { animation-delay: -0.16s; }@keyframes typing {0%, 80%, 100% { transform: scale(0); }40% { transform: scale(1); }}.chat-input-area {display: flex;padding: 15px;background: rgba(0, 0, 0, 0.2);border-top: 1px solid rgba(255, 255, 255, 0.05);}.chat-input-area input {flex: 1;background: transparent;border: none;color: #fff;font-family: inherit;padding: 8px 12px;}.chat-input-area input:focus {outline: none;}.send-btn {background: var(--brand-secondary);color: #fff;border: none;width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: transform 0.2s, box-shadow 0.2s;}.send-btn:hover {transform: scale(1.1);box-shadow: 0 0 10px rgba(0, 168, 255, 0.5);}.mobile-toggle {display: none;background: transparent;border: none;cursor: pointer;flex-direction: column;gap: 5px;}.mobile-toggle span {width: 25px;height: 3px;background: var(--text-primary);transition: 0.3s;}@media (max-width: 992px) {.hero-container, .contact-panel {grid-template-columns: 1fr;}.hero-content {text-align: center;}.hero-actions {justify-content: center;}.hero {padding-top: 120px;}}@media (max-width: 768px) {.nav-links {display: none;position: absolute;top: 100%;left: 0;width: 100%;background: var(--bg-color);flex-direction: column;padding: 2rem;border-bottom: 1px solid var(--panel-border);}.nav-links.active {display: flex;}.mobile-toggle {display: flex;}.footer-content {flex-direction: column;gap: 2rem;text-align: center;}}