:root{--a:rgb(30,144,255);--b:rgb(255,255,255);--c:rgb(0,0,0);--d:rgb(30,144,255);--e:rgb(255,114,0);--f:rgb(135,206,235);--g:rgb(77,166,255);--h:rgb(255,140,51);--i:rgb(230,90,0);--j:rgb(37,99,235)}@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');:root{--primary-color: var(--e);--primary-dark: var(--i);--primary-light: var(--h);--secondary-color: var(--j);--blue-sky: var(--f);--blue-light: var(--g);--blue-medium: var(--d);--blue-dark: #0066cc;--primary-purple: var(--e);--primary-purple-light: var(--h);--primary-teal: var(--d);--primary-teal-light: var(--g);--accent-purple: var(--e);--accent-amber: #ff9500;--accent-amber-light: #ffaa33;--surface-950: #12121A;--surface-900: #1A1B26;--surface-850: #242638;--surface-800: #2D2F45;--surface-700: #374151;--surface-600: #4B5563;--surface-400: #9CA3AF;--surface-300: #D1D5DB;--surface-200: #E5E7EB;--success-500: #10B981;--success-400: #34D399;--error-500: #EF4444;--error-400: #F87171;--warning-500: var(--e);--info-500: var(--d);--blue-gradient: linear-gradient(135deg, var(--f), var(--d));--blue-gradient-dark: linear-gradient(135deg, var(--g), #0066cc);--orange-blue-gradient: linear-gradient(135deg, var(--e), var(--d));--blue-orange-gradient: linear-gradient(135deg, var(--f), #ff9500);--gradient-primary: linear-gradient(135deg, var(--e), var(--d));--gradient-secondary: linear-gradient(135deg, var(--f), #ff9500);--gradient-accent: linear-gradient(135deg, var(--e), #ff9500);--gradient-dark: linear-gradient(135deg, var(--surface-900) 0%, var(--surface-950) 100%);--shadow-sm: 0 2px 10px rgba(0,0,0,0.05);--shadow-md: 0 5px 20px rgba(0,0,0,0.1);--shadow-lg: 0 15px 40px rgba(0,0,0,0.15);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-blue: 0 8px 25px rgba(30, 144, 255, 0.2);--shadow-glow: 0 0 40px rgba(255, 114, 0, 0.3);--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--border-radius: 12px;--border-radius-lg: 20px;--text-dark: #1a1a2e;--text-gray: #666;--text-light: #999;--bg-light: #f8f9fa;--bg-white: var(--b);--border-color: #e0e0e0;} *{margin: 0;padding: 0;box-sizing: border-box;} body{font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;background: linear-gradient(180deg, rgba(10, 10, 15, 0.95) 0%, rgba(17, 24, 39, 0.92) 50%, rgba(10, 10, 15, 0.95) 100%), radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255, 114, 0, 0.15) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 100% 100%, rgba(30, 144, 255, 0.1) 0%, transparent 50%), var(--surface-950);background-attachment: fixed;color: white;line-height: 1.6;overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;min-height: 100vh;font-size: 16px;} ::-webkit-scrollbar{width: 10px;} ::-webkit-scrollbar-track{background: var(--surface-900);} ::-webkit-scrollbar-thumb{background: rgba(255, 114, 0, 0.4);border-radius: 5px;border: 2px solid var(--surface-900);} ::-webkit-scrollbar-thumb:hover{background: rgba(255, 114, 0, 0.6);} .nav-container{position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: rgba(18, 18, 26, 0.85);backdrop-filter: blur(24px) saturate(180%);-webkit-backdrop-filter: blur(24px) saturate(180%);border-bottom: 1px solid rgba(255, 114, 0, 0.12);transition: all var(--transition-normal);box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05) inset;} .nav-container.scrolled{background: rgba(18, 18, 26, 0.95);box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05) inset, 0 4px 24px rgba(0, 0, 0, 0.15);border-bottom-color: rgba(255, 114, 0, 0.18);} .nav-content{max-width: 1440px;margin: 0 auto;padding: 0 2rem;height: 72px;display: flex;align-items: center;justify-content: space-between;} .logo{display: flex;align-items: center;gap: 12px;font-size: 1.75rem;font-weight: 800;text-decoration: none;color: white;} .logo-gradient{background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;} .logo-icon{width: 48px;height: 48px;border-radius: 10px;background: var(--gradient-primary);display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 1.25rem;} .logo-image{width: 48px;height: 48px;object-fit: contain;border-radius: 10px;display: block;flex-shrink: 0;} .nav-menu{display: flex;align-items: center;gap: 2rem;} .nav-item{position: relative;} .nav-link{color: var(--surface-300);text-decoration: none;font-weight: 500;font-size: 0.9375rem;padding: 0.5rem 0.75rem;transition: all var(--transition-fast);display: flex;align-items: center;gap: 6px;border-radius: 8px;} .nav-link:hover{color: white;background: rgba(255, 114, 0, 0.1);} .dropdown{position: absolute;top: 100%;left: -1rem;min-width: 240px;background: rgba(18, 18, 26, 0.95);backdrop-filter: blur(24px) saturate(180%);-webkit-backdrop-filter: blur(24px) saturate(180%);border: 1px solid rgba(255, 114, 0, 0.15);border-radius: 12px;padding: 0.75rem;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all var(--transition-normal);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;margin-top: 0.5rem;} .nav-item:hover .dropdown{opacity: 1;visibility: visible;transform: translateY(0);} .dropdown-item{display: block;padding: 0.75rem 1rem;color: var(--surface-300);text-decoration: none;border-radius: 8px;transition: all var(--transition-fast);font-size: 0.9rem;font-weight: 500;} .dropdown-item:hover{background: rgba(255, 114, 0, 0.15);color: var(--primary-color);transform: translateX(4px);} .dropdown-divider{height: 1px;background: rgba(255, 255, 255, 0.1);margin: 0.5rem 0;} .dropdown-label{font-size: 0.8rem;color: var(--surface-400);padding: 0.5rem 1rem;text-transform: uppercase;letter-spacing: 0.05em;font-weight: 600;} .nav-actions{display: flex;align-items: center;gap: 1rem;} .btn{padding: 0.75rem 1.5rem;border-radius: 10px;font-weight: 600;font-size: 0.95rem;border: none;cursor: pointer;transition: all var(--transition-normal);text-decoration: none;display: inline-flex;align-items: center;justify-content: center;gap: 8px;} .btn-primary{background: var(--gradient-primary);color: white;box-shadow: 0 2px 8px rgba(255, 114, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;} .btn-primary:hover{transform: translateY(-2px);box-shadow: 0 4px 16px rgba(255, 114, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;background: var(--orange-blue-gradient);} .btn-secondary{background: rgba(255, 114, 0, 0.1);color: white;border: 1px solid rgba(255, 114, 0, 0.2);} .btn-secondary:hover{background: rgba(255, 114, 0, 0.2);border-color: rgba(255, 114, 0, 0.3);transform: translateY(-2px);box-shadow: 0 2px 8px rgba(255, 114, 0, 0.2);} .theme-toggle-btn{width: 44px;height: 44px;border-radius: 12px;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);color: white;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all var(--transition-normal);position: relative;overflow: hidden;} .theme-toggle-btn:hover{background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 114, 0, 0.3);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(255, 114, 0, 0.2);} .theme-toggle-btn:active{transform: translateY(0) scale(0.95);} .theme-toggle-btn svg{transition: transform var(--transition-normal);} .theme-toggle-btn:hover svg{transform: rotate(15deg) scale(1.1);} body.light-theme{background: linear-gradient(180deg, rgba(249, 250, 251, 0.98) 0%, rgba(255, 255, 255, 1) 50%, rgba(249, 250, 251, 0.98) 100%), radial-gradient(circle at 10% 10%, rgba(255, 114, 0, 0.05) 0%, transparent 50%), radial-gradient(circle at 90% 90%, rgba(30, 144, 255, 0.05) 0%, transparent 50%);color: #1F2937;} body.light-theme .nav-container{background: rgba(255, 255, 255, 0.95);border-bottom: 1px solid rgba(0, 0, 0, 0.08);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);} body.light-theme .nav-container.scrolled{background: rgba(255, 255, 255, 0.98);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);} body.light-theme .nav-link{color: #4B5563;} body.light-theme .nav-link:hover{color: var(--primary-color);} body.light-theme .dropdown{background: rgba(255, 255, 255, 0.98);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);} body.light-theme .dropdown-item{color: #4B5563;} body.light-theme .dropdown-item:hover{background: rgba(255, 114, 0, 0.05);color: var(--primary-color);} body.light-theme .logo{color: #1F2937;} body.light-theme .theme-toggle-btn{background: rgba(0, 0, 0, 0.05);border: 1px solid rgba(0, 0, 0, 0.1);color: #1F2937;} body.light-theme .theme-toggle-btn:hover{background: rgba(255, 114, 0, 0.1);border-color: rgba(255, 114, 0, 0.3);} body.light-theme .btn-secondary{background: rgba(0, 0, 0, 0.05);color: #1F2937;border: 1px solid rgba(0, 0, 0, 0.1);} body.light-theme .btn-secondary:hover{background: rgba(0, 0, 0, 0.1);} body.light-theme .hero-title, body.light-theme .section-title, body.light-theme h1, body.light-theme h2, body.light-theme h3{color: #1F2937;} body.light-theme .hero-title{background: var(--orange-blue-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;} body.light-theme .hero-subtitle, body.light-theme .section-subtitle, body.light-theme p{color: #4B5563;} body.light-theme .feature-card{background: rgba(255, 255, 255, 0.8);border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);} body.light-theme .feature-card:hover{background: rgba(255, 255, 255, 0.95);border-color: rgba(255, 114, 0, 0.3);box-shadow: 0 8px 20px rgba(255, 114, 0, 0.15);} body.light-theme .feature-title{color: #1F2937;} body.light-theme .feature-description{color: #6B7280;} body.light-theme .cta-card{background: rgba(255, 255, 255, 0.9);border: 1px solid rgba(0, 0, 0, 0.1);} body.light-theme .cta-title{color: #1F2937;} body.light-theme .cta-description{color: #4B5563;} body.light-theme .footer{background: rgba(249, 250, 251, 0.95);border-top: 1px solid rgba(0, 0, 0, 0.1);} body.light-theme .footer-column-title{color: #1F2937;} body.light-theme .footer-link{color: #6B7280;} body.light-theme .footer-link:hover{color: var(--primary-color);} body.light-theme ::-webkit-scrollbar-track{background: #F3F4F6;} body.light-theme ::-webkit-scrollbar-thumb{background: #D1D5DB;} body.light-theme ::-webkit-scrollbar-thumb:hover{background: #9CA3AF;} body.light-theme .accordion-item{background: rgba(255, 255, 255, 0.9);border: 1px solid rgba(0, 0, 0, 0.1);} body.light-theme .accordion-header{color: #1F2937;} body.light-theme .accordion-header:hover{background: rgba(255, 114, 0, 0.05);} body.light-theme .accordion-header.active{background: rgba(255, 114, 0, 0.1);border-bottom: 1px solid rgba(255, 114, 0, 0.2);} body.light-theme .accordion-title{color: #1F2937;} body.light-theme .accordion-body{color: #4B5563;} body.light-theme .accordion-body h4{color: #1F2937;} body.light-theme .hero{background: linear-gradient(180deg, rgba(249, 250, 251, 0.98) 0%, rgba(255, 255, 255, 1) 50%, rgba(249, 250, 251, 0.98) 100%);} body.light-theme .hero-bg{opacity: 0.3;} body.light-theme .section{background: transparent;} body.light-theme .platform-preview{background: rgba(255, 255, 255, 0.9);border: 1px solid rgba(0, 0, 0, 0.1);} body.light-theme .preview-header{background: rgba(0, 0, 0, 0.05);} body.light-theme .preview-dot{background: rgba(0, 0, 0, 0.2);} body.light-theme .preview-content{color: #4B5563;} body.light-theme .stat-item{background: rgba(255, 255, 255, 0.8);border: 1px solid rgba(0, 0, 0, 0.1);} body.light-theme .stat-number{color: var(--primary-color);} body.light-theme .stat-label{color: #6B7280;} body.light-theme .btn-primary{background: var(--gradient-primary);color: white;} body.light-theme .btn-primary:hover{box-shadow: 0 8px 20px rgba(255, 114, 0, 0.3);} body.light-theme .hero-stats{background: rgba(255, 255, 255, 0.6);border: 1px solid rgba(0, 0, 0, 0.1);} body.light-theme .dropdown-label{color: #6B7280;} body.light-theme .dropdown-divider{background: rgba(0, 0, 0, 0.1);} .hero{padding-top: 160px;padding-bottom: 120px;position: relative;overflow: hidden;} .hero-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(ellipse at top, rgba(255, 114, 0, 0.25) 0%, transparent 60%), radial-gradient(ellipse at bottom right, rgba(30, 144, 255, 0.2) 0%, transparent 60%);z-index: -1;animation: gradientShift 15s ease infinite;} @keyframes gradientShift{0%, 100%{opacity: 1;} 50%{opacity: 0.8;}} .hero-content{max-width: 1440px;margin: 0 auto;padding: 0 2rem;position: relative;} .hero-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;} .hero-title{font-size: 4rem;font-weight: 800;line-height: 1.1;margin-bottom: 1.5rem;background: linear-gradient(135deg, white 0%, var(--primary-color) 50%, var(--blue-light) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;letter-spacing: -0.02em;} .hero-subtitle{font-size: 1.25rem;color: var(--surface-300);margin-bottom: 2.5rem;max-width: 500px;} .hero-stats{display: flex;gap: 3rem;margin-top: 3rem;} .stat-item{display: flex;flex-direction: column;} .stat-number{font-size: 2.5rem;font-weight: 800;background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;} .stat-label{font-size: 0.9rem;color: var(--surface-400);margin-top: 0.25rem;} .platform-preview{background: var(--gradient-dark);border-radius: 20px;border: 1px solid rgba(255, 255, 255, 0.1);padding: 2rem;position: relative;overflow: hidden;box-shadow: var(--shadow-xl);} .preview-header{display: flex;gap: 0.5rem;margin-bottom: 1.5rem;} .preview-dot{width: 12px;height: 12px;border-radius: 50%;background: var(--error-500);} .preview-dot:nth-child(2){background: var(--warning-500);} .preview-dot:nth-child(3){background: var(--success-500);} .preview-content a[href*="/products/"]{transition: all 0.2s ease;} .preview-content a[href*="/products/"]:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(255, 114, 0, 0.3);background: rgba(255, 114, 0, 0.25) !important;} .preview-content a[href*="/products/ide"]:hover{box-shadow: 0 4px 12px rgba(30, 144, 255, 0.3);background: rgba(30, 144, 255, 0.25) !important;} .preview-content{background: var(--surface-900);border-radius: 12px;padding: 1.5rem;min-height: 300px;} .section{padding: 100px 0;position: relative;} .section-title{font-size: 3rem;font-weight: 800;text-align: center;margin-bottom: 1rem;background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;} .section-subtitle{font-size: 1.25rem;color: var(--surface-400);text-align: center;max-width: 600px;margin: 0 auto 4rem;} .features-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 2rem;max-width: 1440px;margin: 0 auto;padding: 0 2rem;} @keyframes borderGlow{0%, 100%{border-color: rgba(255, 114, 0, 0.8);box-shadow: 0 0 25px rgba(255, 114, 0, 0.4), 0 0 50px rgba(255, 114, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.08);} 33%{border-color: rgba(30, 144, 255, 0.8);box-shadow: 0 0 25px rgba(30, 144, 255, 0.4), 0 0 50px rgba(30, 144, 255, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.08);} 66%{border-color: rgba(135, 206, 235, 0.8);box-shadow: 0 0 25px rgba(135, 206, 235, 0.4), 0 0 50px rgba(135, 206, 235, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.08);}} .feature-card{background: rgba(255, 114, 0, 0.08);border: 2px solid rgba(255, 114, 0, 0.8);border-radius: 20px;padding: 2rem;position: relative;transition: all var(--transition-normal);overflow: visible;animation: borderGlow 4s ease infinite;box-shadow: 0 0 25px rgba(255, 114, 0, 0.4), 0 0 50px rgba(255, 114, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.08);opacity: 1 !important;transform: translateY(0) !important;display: block !important;visibility: visible !important;} .feature-card.slide-in-bottom{opacity: 1 !important;transform: translateY(0) !important;display: block !important;visibility: visible !important;transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .feature-card:hover{transform: translateY(-12px) scale(1.03);animation: borderGlow 1.5s ease infinite;box-shadow: 0 0 40px rgba(255, 114, 0, 0.5), 0 0 80px rgba(30, 144, 255, 0.4), 0 8px 32px rgba(255, 114, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.1);background: rgba(255, 114, 0, 0.15);border-width: 2px;} @keyframes fadeInUp{to{opacity: 1;transform: translateY(0);}} .feature-icon{width: 60px;height: 60px;border-radius: 12px;background: rgba(255, 114, 0, 0.15);border: 1px solid rgba(255, 114, 0, 0.2);display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;box-shadow: 0 2px 8px rgba(255, 114, 0, 0.2);} .feature-title{font-size: 1.5rem;font-weight: 700;margin-bottom: 1rem;color: white;} .feature-description{color: var(--surface-400);line-height: 1.6;} .cta-section{padding: 120px 0;position: relative;overflow: hidden;background: linear-gradient(135deg, rgba(255, 114, 0, 0.1) 0%, rgba(30, 144, 255, 0.1) 100%);} .cta-container{max-width: 1440px;margin: 0 auto;padding: 0 2rem;position: relative;} .cta-card{background: var(--gradient-primary);border-radius: 24px;padding: 5rem;text-align: center;position: relative;overflow: hidden;box-shadow: 0 20px 60px rgba(255, 114, 0, 0.3), 0 0 80px rgba(30, 144, 255, 0.2);transition: all var(--transition-slow);} .cta-card:hover{transform: translateY(-8px) scale(1.02);box-shadow: 0 30px 80px rgba(255, 114, 0, 0.4), 0 0 100px rgba(30, 144, 255, 0.3);} .cta-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity: 0.3;} .cta-title{font-size: 3rem;font-weight: 800;margin-bottom: 1.5rem;position: relative;} .cta-description{font-size: 1.25rem;color: rgba(255, 255, 255, 0.9);margin-bottom: 2.5rem;max-width: 600px;margin-left: auto;margin-right: auto;position: relative;} .footer{background: linear-gradient(180deg, var(--surface-900) 0%, var(--surface-950) 100%);border-top: 1px solid rgba(255, 255, 255, 0.08);padding: 4rem 0 2rem;} .fade-in{opacity: 1 !important;transform: translateY(0) !important;transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);display: block !important;visibility: visible !important;} .fade-in.visible{opacity: 1 !important;transform: translateY(0) !important;} .slide-in-left{opacity: 0;transform: translateX(-50px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .slide-in-left.visible{opacity: 1;transform: translateX(0);} .slide-in-right{opacity: 0;transform: translateX(50px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .slide-in-right.visible{opacity: 1;transform: translateX(0);} .scale-in{opacity: 0;transform: scale(0.9);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .scale-in.visible{opacity: 1;transform: scale(1);} .footer-content{max-width: 1440px;margin: 0 auto;padding: 0 2rem;} .footer-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 3rem;margin-bottom: 3rem;} .footer-column-title{font-size: 1.1rem;font-weight: 700;margin-bottom: 1.5rem;color: white;} .footer-links{list-style: none;} .footer-link{color: var(--surface-400);text-decoration: none;display: block;margin-bottom: 0.75rem;transition: color var(--transition-fast);} .footer-link:hover{color: white;} .footer-bottom{border-top: 1px solid rgba(255, 255, 255, 0.08);padding-top: 2rem;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 1rem;} .social-links{display: flex;gap: 1rem;} .social-link{width: 40px;height: 40px;border-radius: 10px;background: rgba(255, 255, 255, 0.05);display: flex;align-items: center;justify-content: center;color: var(--surface-400);transition: all var(--transition-fast);} .social-link:hover{background: var(--gradient-primary);color: white;transform: translateY(-2px);} .animate-on-scroll{opacity: 0;transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .slide-in-bottom{opacity: 0;transform: translateY(60px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .slide-in-bottom.visible{opacity: 1;transform: translateY(0);} .slide-in-left{opacity: 0;transform: translateX(-60px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .slide-in-left.visible{opacity: 1;transform: translateX(0);} .slide-in-right{opacity: 0;transform: translateX(60px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .slide-in-right.visible{opacity: 1;transform: translateX(0);} .fade-in{opacity: 1 !important;transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);display: block !important;visibility: visible !important;} .fade-in.visible{opacity: 1 !important;} .scale-in{opacity: 0;transform: scale(0.9);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .scale-in.visible{opacity: 1;transform: scale(1);} .rotate-in{opacity: 0;transform: rotate(-5deg) scale(0.95);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .rotate-in.visible{opacity: 1;transform: rotate(0deg) scale(1);} .slide-up-fade{opacity: 0;transform: translateY(40px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .slide-up-fade.visible{opacity: 1;transform: translateY(0);} .delay-100{transition-delay: 0.1s;} .delay-200{transition-delay: 0.2s;} .delay-300{transition-delay: 0.3s;} .delay-400{transition-delay: 0.4s;} .delay-500{transition-delay: 0.5s;} .delay-600{transition-delay: 0.6s;} .delay-700{transition-delay: 0.7s;} .delay-800{transition-delay: 0.8s;} .hero-stats{opacity: 0;transform: translateY(30px);transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} .hero-stats.visible{opacity: 1;transform: translateY(0);} .stat-item{opacity: 0;transform: translateY(20px);transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);} .stat-item.visible{opacity: 1;transform: translateY(0);} .footer-links li{opacity: 0;transform: translateX(-20px);transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);} .footer-links li.visible{opacity: 1;transform: translateX(0);} @media (max-width: 1440px){.nav-content, .hero-content, .cta-container, .footer-content{padding-left: 2rem;padding-right: 2rem;}} @media (max-width: 1024px){.hero-grid{grid-template-columns: 1fr;gap: 3rem;} .hero-title{font-size: 3rem;} .hero-subtitle{font-size: 1.125rem;} .hero-stats{flex-wrap: wrap;gap: 2rem;} .stat-number{font-size: 2rem;} .section-title{font-size: 2.75rem;} .features-grid{grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 1.5rem;} .nav-content{padding: 0 1.5rem;} .hero{padding-top: 140px;padding-bottom: 100px;} .section{padding: 80px 0;}} @media (max-width: 768px){.nav-content{padding: 0 1.25rem;height: 68px;} .logo{font-size: 1.5rem;gap: 10px;} .logo-image{width: 42px;height: 42px;} .hero{padding-top: 120px;padding-bottom: 80px;} .hero-content{padding: 0 1.25rem;} .hero-title{font-size: 2.5rem;line-height: 1.2;margin-bottom: 1.25rem;} .hero-subtitle{font-size: 1rem;margin-bottom: 2rem;} .hero-stats{flex-direction: column;align-items: flex-start;gap: 1.5rem;margin-top: 2rem;} .stat-item{width: 100%;} .stat-number{font-size: 1.875rem;} .stat-label{font-size: 0.875rem;} .section{padding: 60px 0;} .section-title{font-size: 2.25rem;margin-bottom: 0.75rem;} .section-subtitle{font-size: 1.125rem;margin-bottom: 3rem;} .features-grid{grid-template-columns: 1fr;gap: 1.5rem;padding: 0 1.25rem;} .feature-card{padding: 1.5rem;} .feature-icon{width: 50px;height: 50px;margin-bottom: 1.25rem;} .feature-title{font-size: 1.25rem;margin-bottom: 0.75rem;} .feature-description{font-size: 0.9375rem;} .cta-section{padding: 80px 0;} .cta-container{padding: 0 1.25rem;} .cta-card{padding: 3rem 1.5rem;} .cta-title{font-size: 2rem;margin-bottom: 1.25rem;} .cta-description{font-size: 1.125rem;margin-bottom: 2rem;} .footer{padding: 3rem 0 1.5rem;} .footer-content{padding: 0 1.25rem;} .footer-grid{grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 2rem;margin-bottom: 2rem;} .footer-bottom{flex-direction: column;align-items: flex-start;gap: 1.5rem;} .btn{padding: 0.625rem 1.25rem;font-size: 0.875rem;}} @media (max-width: 480px){.nav-content{padding: 0 1rem;height: 64px;} .logo{font-size: 1.375rem;gap: 8px;} .logo-image{width: 36px;height: 36px;} .hero{padding-top: 100px;padding-bottom: 60px;} .hero-content{padding: 0 1rem;} .hero-title{font-size: 2rem;margin-bottom: 1rem;} .hero-subtitle{font-size: 0.9375rem;margin-bottom: 1.5rem;} .hero-stats{gap: 1.25rem;margin-top: 1.5rem;} .stat-number{font-size: 1.75rem;} .stat-label{font-size: 0.8125rem;} .section{padding: 50px 0;} .section-title{font-size: 1.875rem;} .section-subtitle{font-size: 1rem;margin-bottom: 2.5rem;} .features-grid{padding: 0 1rem;gap: 1.25rem;} .feature-card{padding: 1.25rem;border-radius: 16px;} .feature-icon{width: 44px;height: 44px;margin-bottom: 1rem;} .feature-title{font-size: 1.125rem;} .feature-description{font-size: 0.875rem;} .cta-section{padding: 60px 0;} .cta-container{padding: 0 1rem;} .cta-card{padding: 2.5rem 1.25rem;border-radius: 20px;} .cta-title{font-size: 1.75rem;margin-bottom: 1rem;} .cta-description{font-size: 1rem;margin-bottom: 1.5rem;} .footer{padding: 2.5rem 0 1.25rem;} .footer-content{padding: 0 1rem;} .footer-grid{grid-template-columns: 1fr;gap: 1.5rem;} .footer-column-title{font-size: 1rem;margin-bottom: 1rem;} .footer-link{font-size: 0.875rem;margin-bottom: 0.5rem;} .social-links{gap: 0.75rem;} .social-link{width: 36px;height: 36px;} .btn{padding: 0.625rem 1rem;font-size: 0.8125rem;} .platform-preview{padding: 1.5rem;border-radius: 16px;} .preview-content{padding: 1.25rem;min-height: 250px;}} @media (max-width: 360px){.hero-title{font-size: 1.75rem;} .section-title{font-size: 1.625rem;} .cta-title{font-size: 1.5rem;} .nav-content{padding: 0 0.875rem;} .hero-content, .cta-container, .footer-content{padding-left: 0.875rem;padding-right: 0.875rem;}}