:root{--a:rgb(2,132,199);--b:rgb(255,255,255);--c:rgb(15,23,42);--d:rgb(2,132,199);--e:rgb(234,88,12);--f:rgb(125,211,252);--g:rgb(56,189,248);--h:rgb(249,115,22);--i:rgb(194,65,12);--j:rgb(2,132,199)}@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');:root{--primary: #EA580C;--primary-hover: #C2410C;--primary-muted: rgba(234, 88, 12, 0.12);--accent: #0284C7;--accent-muted: rgba(2, 132, 199, 0.12);--primary-color: #EA580C;--primary-dark: #C2410C;--primary-light: #F97316;--secondary-color: #0284C7;--blue-sky: #7DD3FC;--blue-light: #38BDF8;--blue-medium: #0284C7;--blue-dark: #0369A1;--primary-purple: #EA580C;--primary-purple-light: #F97316;--primary-teal: #0284C7;--primary-teal-light: #38BDF8;--accent-purple: #EA580C;--accent-amber: #F59E0B;--accent-amber-light: #FBBF24;--surface-950: #0F172A;--surface-900: #1E293B;--surface-850: #334155;--surface-800: #475569;--surface-700: #64748B;--surface-600: #64748B;--surface-500: #94A3B8;--surface-400: #94A3B8;--surface-300: #CBD5E1;--surface-200: #E2E8F0;--surface-50: #F8FAFC;--success-500: #10B981;--success-400: #34D399;--error-500: #EF4444;--error-400: #F87171;--warning-500: #F59E0B;--info-500: #0284C7;--orange-blue-gradient: linear-gradient(135deg, #EA580C 0%, #0284C7 100%);--blue-gradient: linear-gradient(135deg, #7DD3FC, #0284C7);--gradient-primary: linear-gradient(135deg, #EA580C 0%, #0284C7 100%);--gradient-secondary: linear-gradient(135deg, #F97316, #38BDF8);--gradient-accent: linear-gradient(135deg, #EA580C, #F97316);--gradient-dark: linear-gradient(135deg, #1E293B 0%, #0F172A 100%);--shadow-sm: 0 1px 2px rgba(0,0,0,0.04);--shadow-md: 0 4px 12px rgba(0,0,0,0.06);--shadow-lg: 0 12px 28px rgba(0,0,0,0.08);--shadow-xl: 0 20px 40px -8px rgba(0,0,0,0.1);--shadow-blue: 0 8px 24px rgba(2, 132, 199, 0.15);--shadow-glow: 0 0 32px rgba(234, 88, 12, 0.2);--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.25s cubic-bezier(0.4, 0, 0.2, 1);--border-radius: 12px;--border-radius-lg: 16px;--text-dark: #0F172A;--text-gray: #475569;--text-light: #64748B;--bg-light: #F8FAFC;--bg-white: var(--b);--border-color: #E2E8F0;} *{margin: 0;padding: 0;box-sizing: border-box;} body{font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;background: linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(30, 41, 59, 0.95) 50%, rgba(15, 23, 42, 0.98) 100%), radial-gradient(ellipse 80% 50% at 50% 0%, rgba(234, 88, 12, 0.08) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 100% 100%, rgba(2, 132, 199, 0.08) 0%, transparent 50%), var(--surface-950);background-attachment: fixed;color: #F8FAFC;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(234, 88, 12, 0.35);border-radius: 6px;border: 2px solid var(--surface-900);} ::-webkit-scrollbar-thumb:hover{background: rgba(234, 88, 12, 0.55);} .nav-container{position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: rgba(15, 23, 42, 0.88);backdrop-filter: blur(20px) saturate(180%);-webkit-backdrop-filter: blur(20px) saturate(180%);border-bottom: 1px solid rgba(234, 88, 12, 0.12);transition: all var(--transition-normal);box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.04) inset;} .nav-container.scrolled{background: rgba(15, 23, 42, 0.95);box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.04) inset, 0 4px 20px rgba(0, 0, 0, 0.2);border-bottom-color: rgba(234, 88, 12, 0.18);} .nav-content{max-width: 1440px;margin: 0 auto;padding: 0 max(2rem, env(safe-area-inset-left)) 0 max(2rem, env(safe-area-inset-right));height: 72px;display: flex;align-items: center;justify-content: space-between;gap: 1rem;} .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: #F8FAFC;background: var(--primary-muted);} .dropdown{position: absolute;top: 100%;left: -1rem;min-width: 240px;background: rgba(30, 41, 59, 0.98);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border: 1px solid rgba(234, 88, 12, 0.15);border-radius: 12px;padding: 0.75rem;opacity: 0;visibility: hidden;transform: translateY(-8px);transition: all var(--transition-normal);box-shadow: var(--shadow-xl);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: var(--primary-muted);color: var(--primary);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;flex-shrink: 0;} .nav-actions .btn{min-height: 44px;white-space: nowrap;} .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: var(--b);box-shadow: 0 2px 8px rgba(234, 88, 12, 0.3);} .btn-primary:hover{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(234, 88, 12, 0.35);} .btn-secondary{background: var(--primary-muted);color: #F8FAFC;border: 1px solid rgba(234, 88, 12, 0.25);} .btn-secondary:hover{background: rgba(234, 88, 12, 0.2);border-color: rgba(234, 88, 12, 0.35);transform: translateY(-2px);box-shadow: 0 2px 12px rgba(234, 88, 12, 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: var(--primary-muted);border-color: rgba(234, 88, 12, 0.35);transform: translateY(-2px);box-shadow: var(--shadow-glow);} .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: radial-gradient(1000px 560px at 8% -12%, rgba(234, 88, 12, 0.12) 0%, rgba(234, 88, 12, 0.00) 62%), radial-gradient(920px 560px at 92% -6%, rgba(2, 132, 199, 0.12) 0%, rgba(2, 132, 199, 0.00) 62%), radial-gradient(760px 540px at 50% 108%, rgba(99, 102, 241, 0.08) 0%, rgba(99, 102, 241, 0.00) 64%), linear-gradient(180deg, var(--b) 0%, #FCFCFB 40%, #F8FAFC 100%);color: #0F172A;-webkit-font-smoothing: antialiased;position: relative;} body.light-theme::before{content: "";position: fixed;inset: 0;pointer-events: none;z-index: 0;opacity: 0.75;background: radial-gradient(560px 320px at 20% 26%, rgba(255, 255, 255, 0.70) 0%, rgba(255,255,255,0) 72%), radial-gradient(520px 300px at 80% 18%, rgba(255, 255, 255, 0.64) 0%, rgba(255,255,255,0) 72%);} body.light-theme .nav-container, body.light-theme .hero, body.light-theme .section, body.light-theme .footer{position: relative;z-index: 1;} body.light-theme .nav-container{background: rgba(255, 255, 255, 0.82);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border-bottom: 1px solid rgba(148, 163, 184, 0.26);box-shadow: 0 1px 0 rgba(255,255,255,0.95) inset, 0 8px 24px rgba(2, 6, 23, 0.06);} body.light-theme .nav-container.scrolled{background: rgba(255, 255, 255, 0.92);box-shadow: 0 1px 0 rgba(255,255,255,0.95) inset, 0 12px 30px rgba(2, 6, 23, 0.08);} body.light-theme .nav-link{color: #475569;} body.light-theme .nav-link:hover{color: var(--primary);background: var(--primary-muted);} body.light-theme .dropdown{background: var(--b);border: 1px solid #E7E5E4;box-shadow: var(--shadow-lg);} body.light-theme .dropdown-item{color: #475569;} body.light-theme .dropdown-item:hover{background: var(--primary-muted);color: var(--primary);} body.light-theme .logo{color: #0F172A;} body.light-theme .logo-gradient{background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;} body.light-theme .theme-toggle-btn{background: #F5F5F4;border: 1px solid #E7E5E4;color: #44403C;} body.light-theme .theme-toggle-btn:hover{background: var(--primary-muted);border-color: rgba(234, 88, 12, 0.35);color: var(--primary);} body.light-theme .btn-secondary{background: #F5F5F4;color: #0F172A;border: 1px solid #E7E5E4;} body.light-theme .btn-secondary:hover{background: #E7E5E4;border-color: #D6D3D1;color: #0F172A;} body.light-theme .hero-title, body.light-theme .section-title, body.light-theme h1, body.light-theme h2, body.light-theme h3{color: #0F172A;} body.light-theme .hero-title{background: var(--gradient-primary);-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: #475569;} body.light-theme .feature-card{background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.90) 100%);border: 1px solid rgba(148, 163, 184, 0.26);box-shadow: 0 1px 2px rgba(2, 6, 23, 0.04), 0 12px 34px rgba(2, 6, 23, 0.07);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);} body.light-theme .feature-card:hover{border-color: rgba(234, 88, 12, 0.35);box-shadow: 0 4px 12px rgba(2, 6, 23, 0.08), 0 22px 56px rgba(234, 88, 12, 0.12);} body.light-theme .feature-title{color: #0F172A;} body.light-theme .feature-description{color: #64748B;} body.light-theme .cta-card{background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.92) 100%);border: 1px solid rgba(148, 163, 184, 0.24);box-shadow: 0 1px 2px rgba(2, 6, 23, 0.04), 0 14px 36px rgba(2, 6, 23, 0.07);} body.light-theme .cta-title{color: #0F172A;} body.light-theme .cta-description{color: #475569;} body.light-theme .footer{background: linear-gradient(180deg, rgba(248,250,252,0.7) 0%, rgba(241,245,249,0.85) 100%);border-top: 1px solid rgba(148, 163, 184, 0.24);} body.light-theme .footer-column-title{color: #0F172A;} body.light-theme .footer-link{color: #64748B;} body.light-theme .footer-link:hover{color: var(--primary);} body.light-theme ::-webkit-scrollbar-track{background: #F5F5F4;} body.light-theme ::-webkit-scrollbar-thumb{background: #D6D3D1;border-radius: 6px;} body.light-theme ::-webkit-scrollbar-thumb:hover{background: #A8A29E;} body.light-theme .accordion-item{background: var(--b);border: 1px solid #E7E5E4;} body.light-theme .accordion-header{color: #0F172A;} body.light-theme .accordion-header:hover{background: var(--primary-muted);} body.light-theme .accordion-header.active{background: var(--primary-muted);border-bottom-color: rgba(234, 88, 12, 0.25);} body.light-theme .accordion-title{color: #0F172A;} body.light-theme .accordion-body{color: #475569;} body.light-theme .accordion-body h4{color: #0F172A;} body.light-theme .hero{background: transparent;} body.light-theme .hero-bg{opacity: 1;background: radial-gradient(900px 520px at 12% 0%, rgba(234, 88, 12, 0.18) 0%, rgba(234, 88, 12, 0.00) 62%), radial-gradient(860px 520px at 88% 8%, rgba(2, 132, 199, 0.18) 0%, rgba(2, 132, 199, 0.00) 62%), radial-gradient(740px 520px at 52% 95%, rgba(99, 102, 241, 0.10) 0%, rgba(99, 102, 241, 0.00) 64%), linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,249,0.88) 40%, rgba(248,250,252,0.82) 100%);animation: gradientShift 18s ease-in-out infinite;filter: saturate(110%);} body.light-theme .section{background: transparent;} body.light-theme .section::before{content: "";position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: min(1100px, 92vw);height: 1px;background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.28), transparent);opacity: 0.9;} body.light-theme .hero + .section::before{opacity: 0;} body.light-theme .hero-stats{background: rgba(255, 255, 255, 0.78);border: 1px solid rgba(148, 163, 184, 0.26);box-shadow: 0 10px 30px rgba(2, 6, 23, 0.06);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);} body.light-theme .section .feature-grid, body.light-theme .section .accordion, body.light-theme .hero-stats{position: relative;z-index: 1;} body.light-theme .platform-preview{background: var(--b);border: 1px solid #E7E5E4;box-shadow: var(--shadow-md);} body.light-theme .preview-header{background: #F5F5F4;} body.light-theme .preview-dot{background: #A8A29E;} body.light-theme .preview-content{color: #475569;} body.light-theme .stat-item{background: var(--b);border: 1px solid #E7E5E4;} body.light-theme .stat-number{background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;} body.light-theme .stat-label{color: #64748B;} body.light-theme .btn-primary{background: var(--gradient-primary);color: var(--b);box-shadow: 0 2px 8px rgba(234, 88, 12, 0.25);} body.light-theme .btn-primary:hover{box-shadow: 0 6px 16px rgba(234, 88, 12, 0.35);} body.light-theme .hero-stats{background: var(--b);border: 1px solid #E7E5E4;box-shadow: var(--shadow-sm);} body.light-theme .dropdown-label{color: #64748B;} body.light-theme .dropdown-divider{background: #E7E5E4;} .hero{padding-top: 160px;padding-bottom: 2.5rem;position: relative;overflow: hidden;} .hero-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(ellipse at top, rgba(76, 29, 149, 0.15) 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-content--centered{text-align: center;} .hero-content--centered .hero-title{margin-left: auto;margin-right: auto;} .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: var(--gradient-primary);-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;} .hero + .section{padding-top: 2.5rem;} .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: 2.5rem;} .hero + .section{padding-top: 2.5rem;} .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-title, .section-title{background: none;-webkit-background-clip: unset;-webkit-text-fill-color: unset;background-clip: unset;color: var(--accent);} body.light-theme .hero-title, body.light-theme .section-title{color: var(--accent);} .hero{padding-top: 120px;padding-bottom: 2.5rem;} .hero + .section{padding-top: 2.5rem;} .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: 2.5rem;} .hero + .section{padding-top: 2.5rem;} .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-left: max(0.875rem, env(safe-area-inset-left));padding-right: max(0.875rem, env(safe-area-inset-right));height: 60px;} .hero-content, .cta-container, .footer-content{padding-left: max(0.875rem, env(safe-area-inset-left));padding-right: max(0.875rem, env(safe-area-inset-right));} .logo{font-size: 1.25rem;} .logo-image{width: 32px;height: 32px;}} @media (prefers-reduced-motion: reduce){.mobile-menu, .mobile-menu-overlay, .dropdown{transition-duration: 0.01ms;} .home-watermark .watermark-bubble{animation: none !important;}} .home-watermark .watermark-bubble{position: fixed;inset: 0;pointer-events: none;z-index: 2;opacity: 0.35;mix-blend-mode: screen;filter: blur(22px);will-change: transform;animation: watermark-drift 18s linear infinite;} .home-watermark .watermark-bubble::before{content: "";position: absolute;width: min(720px, 92vw);height: min(720px, 92vw);left: -35%;top: 18%;border-radius: 999px;background: radial-gradient(circle at 30% 30%, rgba(234, 88, 12, 0.55) 0%, rgba(234, 88, 12, 0.0) 60%), radial-gradient(circle at 70% 60%, rgba(2, 132, 199, 0.50) 0%, rgba(2, 132, 199, 0.0) 62%), radial-gradient(circle at 45% 80%, rgba(124, 58, 237, 0.35) 0%, rgba(124, 58, 237, 0.0) 60%);transform: translate3d(0, 0, 0);} body.light-theme .home-watermark .watermark-bubble{opacity: 0.25;mix-blend-mode: multiply;filter: blur(26px);} @keyframes watermark-drift{0%{transform: translate3d(-22%, -6%, 0);} 50%{transform: translate3d(18%, 8%, 0);} 100%{transform: translate3d(42%, -4%, 0);}}