:root {--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--dark-gradient: linear-gradient(135deg, #0c0c0c 0%, #1a1a1a 100%);--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #4facfe;--success-color: #00f2fe;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-dark: #1a1a1a;--text-muted: #666666;--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: rgba(255, 255, 255, 0.05);--bg-glass: rgba(255, 255, 255, 0.1);--font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-glow: 0 0 20px rgba(102, 126, 234, 0.4);--transition-fast: 0.15s ease-out;--transition-base: 0.3s ease-out;--transition-slow: 0.5s ease-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;font-size: 16px;}body {font-family: var(--font-family);font-size: var(--font-size-base);line-height: 1.6;color: var(--text-primary);background: var(--bg-primary);overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}a {text-decoration: none;color: inherit;transition: var(--transition-base);}img {max-width: 100%;height: auto;display: block;}h1, h2, h3, h4, h5, h6 {font-weight: 600;line-height: 1.2;margin-bottom: var(--space-4);}p {line-height: 1.6;margin-bottom: var(--space-4);}.logo-image{width: 40px;height: 40px;}.gradient-text {background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.section-container {max-width: 1200px;margin: 0 auto;padding: 0 var(--space-6);}.loading-screen {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--bg-primary);display: flex;align-items: center;justify-content: center;z-index: 9999;opacity: 1;visibility: visible;transition: opacity var(--transition-slow), visibility var(--transition-slow);}.loading-screen.hidden {opacity: 0;visibility: hidden;}.loading-content {text-align: center;}.loading-logo {position: relative;}.led-text {font-size: var(--font-size-4xl);font-weight: 800;background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;letter-spacing: 0.1em;animation: pulse 2s ease-in-out infinite;}.loading-dots {display: flex;justify-content: center;gap: var(--space-2);}.loading-dots span {width: 8px;height: 8px;border-radius: 50%;background: var(--primary-gradient);animation: bounce 1.4s ease-in-out infinite both;}.loading-dots span:nth-child(1) {animation-delay: -0.32s;}.loading-dots span:nth-child(2) {animation-delay: -0.16s;}@keyframes pulse {0%, 100% {opacity: 1;}50% {opacity: 0.5;}}@keyframes bounce {0%, 80%, 100% {transform: scale(0);}40% {transform: scale(1);}}.navbar {background: rgba(10, 10, 10, 1);border-bottom: 1px solid rgba(255, 255, 255, 0.1);z-index: var(--z-fixed);transition: var(--transition-base);}.nav-container {max-width: 1200px;margin: 0 auto;padding: 0 var(--space-6);display: flex;align-items: center;justify-content: space-between;height: 80px;}.nav-logo {display: flex;align-items: center;gap: var(--space-3);font-weight: 700;font-size: var(--font-size-xl);}.logo-icon {font-size: var(--font-size-2xl);filter: drop-shadow(0 0 10px rgba(102, 126, 234, 0.5));}.logo-text {background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.nav-menu {display: flex;align-items: center;gap: var(--space-8);}.nav-link {font-weight: 500;color: var(--text-secondary);transition: var(--transition-base);position: relative;padding: var(--space-2) var(--space-4);border-radius: var(--radius-lg);}.nav-link:hover {color: var(--text-primary);background: rgba(255, 255, 255, 0.05);}.nav-link::after {content: '';position: absolute;bottom: -2px;left: 50%;width: 0;height: 2px;background: var(--primary-gradient);transition: var(--transition-base);transform: translateX(-50%);}.nav-link:hover::after {width: 80%;}.download-btn {display: inline-flex;align-items: center;gap: var(--space-3);background: var(--primary-gradient);color: var(--text-primary);padding: var(--space-3) var(--space-6);border-radius: var(--radius-full);font-weight: 600;transition: var(--transition-base);box-shadow: var(--shadow-glow);text-decoration: none;border: none;}.download-btn:hover {transform: translateY(-2px);box-shadow: 0 0 30px rgba(102, 126, 234, 0.6);text-decoration: none;color: var(--text-primary);}.download-btn::after {display: none;}.mobile-menu-toggle {display: none;flex-direction: column;gap: 4px;background: none;border: none;cursor: pointer;padding: var(--space-2);}.mobile-menu-toggle span {width: 24px;height: 2px;background: var(--text-primary);transition: var(--transition-base);border-radius: 2px;}.mobile-menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(10, 10, 10, 0.95);z-index: var(--z-modal);display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: var(--transition-base);}.mobile-menu-overlay.active {opacity: 1;visibility: visible;}.mobile-menu-content {display: flex;flex-direction: column;gap: var(--space-8);text-align: center;}.mobile-nav-link {font-size: var(--font-size-2xl);font-weight: 600;color: var(--text-primary);transition: var(--transition-base);}.mobile-nav-link:hover {background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.hero {position: relative;min-height: 100vh;display: flex;align-items: center;overflow: hidden;padding: 0 0 40px;}.hero-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}.gradient-orb {position: absolute;border-radius: 50%;filter: blur(60px);opacity: 0.6;animation: float 6s ease-in-out infinite;}.orb-1 {width: 300px;height: 300px;background: var(--primary-gradient);top: 10%;left: 10%;animation-delay: 0s;}.orb-2 {width: 200px;height: 200px;background: var(--secondary-gradient);top: 60%;right: 20%;animation-delay: 2s;}.orb-3 {width: 250px;height: 250px;background: var(--accent-gradient);bottom: 20%;left: 60%;animation-delay: 4s;}@keyframes float {0%, 100% {transform: translateY(0px) rotate(0deg);}33% {transform: translateY(-20px) rotate(120deg);}66% {transform: translateY(20px) rotate(240deg);}}.floating-elements {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}.floating-element {position: absolute;font-size: var(--font-size-3xl);opacity: 0.3;animation: floatRandom 8s ease-in-out infinite;}.floating-element:nth-child(1) {top: 20%;left: 15%;animation-delay: 0s;}.floating-element:nth-child(2) {top: 70%;right: 25%;animation-delay: 2s;}.floating-element:nth-child(3) {bottom: 30%;left: 70%;animation-delay: 4s;}.floating-element:nth-child(4) {top: 40%;right: 10%;animation-delay: 6s;}@keyframes floatRandom {0%, 100% {transform: translate(0, 0) rotate(0deg);}25% {transform: translate(20px, -30px) rotate(90deg);}50% {transform: translate(-15px, 20px) rotate(180deg);}75% {transform: translate(30px, 10px) rotate(270deg);}}.hero-container {max-width: 1200px;margin: 0 auto;padding: 0 var(--space-6);display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-16);align-items: center;min-height: calc(100vh - 80px);}.hero-content {z-index: 2;}.hero-badge {position: relative;display: inline-block;padding: var(--space-2) var(--space-4);background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--radius-full);margin-bottom: var(--space-6);}.badge-text {font-size: var(--font-size-sm);font-weight: 500;color: var(--text-primary);}.badge-glow {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: var(--primary-gradient);border-radius: var(--radius-full);opacity: 0.1;}.hero-title {font-size: var(--font-size-6xl);font-weight: 800;line-height: 1.1;margin-bottom: var(--space-6);}.title-line {display: block;margin-bottom: var(--space-2);}.led-effect {position: relative;background: linear-gradient(45deg, #ff0066, #00ff66, #0066ff, #ff6600);background-size: 400% 400%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;animation: ledGlow 3s ease-in-out infinite;}@keyframes ledGlow {0%, 100% {background-position: 0% 50%;}50% {background-position: 100% 50%;}}.hero-description {font-size: var(--font-size-xl);color: var(--text-secondary);margin-bottom: var(--space-8);line-height: 1.6;}.hero-actions {display: flex;gap: var(--space-4);margin-bottom: var(--space-8);}.cta-primary {position: relative;display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-4) var(--space-8);background: var(--primary-gradient);color: var(--text-primary);border-radius: var(--radius-full);font-weight: 600;font-size: var(--font-size-lg);transition: var(--transition-base);overflow: hidden;}.cta-primary:hover {transform: translateY(-2px);box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);}.button-glow {position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: var(--transition-slow);}.cta-primary:hover .button-glow {left: 100%;}.cta-secondary {display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-4) var(--space-8);background: rgba(255, 255, 255, 0.1);color: var(--text-primary);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--radius-full);font-weight: 500;font-size: var(--font-size-lg);transition: var(--transition-base);}.cta-secondary:hover {background: rgba(255, 255, 255, 0.2);transform: translateY(-2px);}.hero-visual {display: flex;justify-content: center;align-items: center;position: relative;}.phone-mockup {position: relative;z-index: 2;}.phone-frame {width: 300px;height: 600px;background: linear-gradient(145deg, #2a2a2a, #1a1a1a);border-radius: 40px;padding: 20px;box-shadow: 0 0 0 8px #333, 0 20px 40px rgba(0, 0, 0, 0.3), inset 0 0 0 2px #444;position: relative;}.phone-screen {width: 100%;height: 100%;background: #000;border-radius: 30px;overflow: hidden;position: relative;}.led-demo {width: 100%;height: 100%;background: #000;display: flex;align-items: center;justify-content: center;position: relative;}.led-text-scroll {width: 100%;overflow: hidden;background: #000;padding: var(--space-4);}.led-text-content {display: inline-block;color: #00ff00;font-size: var(--font-size-xl);font-weight: bold;white-space: nowrap;animation: scroll 8s linear infinite;text-shadow: 0 0 10px #00ff00, 0 0 20px #00ff00, 0 0 30px #00ff00;}@keyframes scroll {0% {transform: translateX(100%);}100% {transform: translateX(-100%);}}.phone-glow {position: absolute;top: -20px;left: -20px;right: -20px;bottom: -20px;background: var(--primary-gradient);border-radius: 60px;opacity: 0.3;filter: blur(30px);z-index: -1;animation: pulse 3s ease-in-out infinite;}.section-header {text-align: center;margin-bottom: var(--space-16);}.section-badge {display: inline-block;padding: var(--space-2) var(--space-4);background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--radius-full);margin-bottom: var(--space-4);}.section-badge span {font-size: var(--font-size-sm);font-weight: 500;background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.section-title {font-size: var(--font-size-5xl);font-weight: 700;margin-bottom: var(--space-4);line-height: 1.2;}.section-subtitle {font-size: var(--font-size-xl);color: var(--text-secondary);max-width: 600px;margin: 0 auto;line-height: 1.6;}.demo-section {padding: var(--space-32) 0;background: var(--bg-secondary);position: relative;}.demo-container {display: grid;grid-template-columns: 1fr 2fr;gap: var(--space-16);align-items: center;margin-top: var(--space-16);}.demo-controls {display: flex;flex-direction: column;gap: var(--space-6);}.control-group {display: flex;flex-direction: column;gap: var(--space-2);}.control-group label {font-weight: 500;color: var(--text-primary);font-size: var(--font-size-sm);}.control-group input[type="text"] {padding: var(--space-3) var(--space-4);background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--radius-lg);color: var(--text-primary);font-size: var(--font-size-base);transition: var(--transition-base);}.control-group input[type="text"]:focus {outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);}.control-group input[type="range"] {-webkit-appearance: none;appearance: none;height: 6px;background: rgba(255, 255, 255, 0.2);border-radius: 3px;outline: none;}.control-group input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 20px;height: 20px;background: var(--primary-gradient);border-radius: 50%;cursor: pointer;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);}.color-picker {display: flex;align-items: center;gap: var(--space-3);}.color-picker input[type="color"] {width: 40px;height: 40px;border: none;border-radius: var(--radius-lg);cursor: pointer;}.color-presets {display: flex;gap: var(--space-2);}.color-preset {width: 30px;height: 30px;border-radius: 50%;cursor: pointer;border: 2px solid transparent;transition: var(--transition-base);}.color-preset:nth-child(1) {background: #00ff00;}.color-preset:nth-child(2) {background: #ff0066;}.color-preset:nth-child(3) {background: #0099ff;}.color-preset:nth-child(4) {background: #ffaa00;}.color-preset:hover {border-color: var(--text-primary);transform: scale(1.1);}.demo-display {display: flex;justify-content: center;align-items: center;}.led-banner-demo {width: 100%;max-width: 600px;height: 120px;background: #000;border-radius: var(--radius-xl);border: 2px solid #333;overflow: hidden;position: relative;box-shadow: 0 0 20px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(255, 255, 255, 0.1);}.led-text-display {width: 100%;height: 100%;display: flex;align-items: center;overflow: hidden;position: relative;}#demo-output {display: inline-block;font-size: var(--font-size-2xl);font-weight: bold;white-space: nowrap;color: #00ff00;text-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor;animation: demoScroll 6s linear infinite;}@keyframes demoScroll {0% {transform: translateX(100%);}100% {transform: translateX(-100%);}}.features-section {padding: var(--space-32) 0;position: relative;background: var(--bg-primary);}.features-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}.grid-pattern {position: absolute;top: 0;left: 0;width: 100%;height: 100%;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;opacity: 0.5;}.feature-orbs {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.feature-orb {position: absolute;border-radius: 50%;filter: blur(80px);opacity: 0.3;}.feature-orb.orb-1 {width: 400px;height: 400px;background: var(--primary-gradient);top: 20%;left: -10%;}.feature-orb.orb-2 {width: 300px;height: 300px;background: var(--accent-gradient);bottom: 20%;right: -10%;}.stack-sticky {position: relative;}.stack-card-wrapper {position: absolute;will-change: transform;transform-style: preserve-3d;}.stack-card {width: 1000px;height: 500px;background: linear-gradient(var(--bg-card), var(--bg-card)) padding-box, linear-gradient(135deg, #667eea 0%, #764ba2 50%, #4facfe 100%) border-box;transition: all 0.3s ease;border-radius: var(--radius-2xl);}.stack-card-content {background: var(--bg-card);border: 2px solid transparent;border-radius: var(--radius-2xl);padding: var(--space-10);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);overflow: hidden;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: none;transform-origin: center bottom;height: 100%;width: 100%;}.stack-card-content::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--primary-gradient);opacity: 0;transition: var(--transition-base);}.feature-stack-card:hover .stack-card-content {border-color: rgba(102, 126, 234, 0.4);box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);}.feature-stack-card:hover .stack-card-content::before {opacity: 1;}.feature-icon {margin-bottom: var(--space-6);display: flex;justify-content: center;}.icon-wrapper {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 80px;height: 80px;background: rgba(255, 255, 255, 0.05);border-radius: var(--radius-2xl);border: 1px solid rgba(255, 255, 255, 0.1);transition: var(--transition-base);}.icon-wrapper .icon {font-size: var(--font-size-3xl);z-index: 2;}.icon-glow {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: var(--primary-gradient);border-radius: var(--radius-2xl);opacity: 0.1;transition: var(--transition-base);}.feature-stack-card:hover .icon-glow {opacity: 0.4;}.feature-stack-card:hover .icon-wrapper {transform: scale(1.1);border-color: rgba(102, 126, 234, 0.4);}.feature-highlights {display: flex;gap: var(--space-3);justify-content: center;flex-wrap: wrap;margin-top: var(--space-6);}.highlight {background: rgba(102, 126, 234, 0.1);border: 1px solid rgba(102, 126, 234, 0.2);border-radius: var(--radius-full);padding: var(--space-2) var(--space-4);font-size: var(--font-size-sm);font-weight: 500;color: var(--text-primary);transition: var(--transition-base);}.highlight:hover {background: rgba(102, 126, 234, 0.2);border-color: rgba(102, 126, 234, 0.4);transform: scale(1.05);}.feature-title {font-size: var(--font-size-xl);font-weight: 600;margin-bottom: var(--space-3);color: var(--text-primary);}.feature-description {color: var(--text-secondary);line-height: 1.6;margin-bottom: var(--space-4);}.feature-preview {margin-top: var(--space-4);padding: var(--space-3);background: rgba(0, 0, 0, 0.3);border-radius: var(--radius-lg);text-align: center;border: 1px solid rgba(255, 255, 255, 0.1);}.preview-text {font-weight: 600;font-size: var(--font-size-lg);}.glow-effect {animation: textGlow 2s ease-in-out infinite alternate;}@keyframes textGlow {from {text-shadow: 0 0 5px currentColor, 0 0 10px currentColor;}to {text-shadow: 0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor;}}.preview-device, .preview-export, .preview-audio {font-size: var(--font-size-2xl);opacity: 0.8;}.preview-audio {animation: bounce 1s ease-in-out infinite;}.stats-section {padding: var(--space-24) 0;background: var(--bg-secondary);border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: var(--space-8);text-align: center;}.stat-item {padding: var(--space-6);}.stat-number {font-size: var(--font-size-5xl);font-weight: 800;background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;display: block;margin-bottom: var(--space-2);}.stat-label {font-size: var(--font-size-lg);color: var(--text-secondary);font-weight: 500;}.reviews-section {padding: var(--space-32) 0;background: var(--bg-primary);position: relative;}.reviews-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}.testimonial-orbs {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.testimonial-orb {position: absolute;border-radius: 50%;filter: blur(100px);opacity: 0.2;}.testimonial-orb.orb-1 {width: 300px;height: 300px;background: var(--primary-gradient);top: 10%;left: 10%;}.testimonial-orb.orb-2 {width: 200px;height: 200px;background: var(--secondary-gradient);top: 60%;right: 20%;}.testimonial-orb.orb-3 {width: 250px;height: 250px;background: var(--accent-gradient);bottom: 10%;left: 60%;}.testimonials-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: var(--space-8);margin-top: var(--space-16);}.testimonial-card {background: var(--bg-card);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: var(--radius-2xl);padding: var(--space-8);transition: var(--transition-base);position: relative;}.testimonial-card.featured {border-color: rgba(102, 126, 234, 0.3);background: rgba(102, 126, 234, 0.05);}.testimonial-card:hover {transform: translateY(-4px);border-color: rgba(102, 126, 234, 0.4);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);}.testimonial-header {display: flex;align-items: center;gap: var(--space-4);margin-bottom: var(--space-6);}.user-avatar {width: 50px;height: 50px;background: var(--primary-gradient);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: var(--font-size-xl);}.user-info h4 {font-size: var(--font-size-lg);font-weight: 600;color: var(--text-primary);margin: 0;}.user-info span {font-size: var(--font-size-sm);color: var(--text-secondary);}.rating {margin-left: auto;}.stars {color: #ffd700;font-size: var(--font-size-lg);}.testimonial-card blockquote {font-size: var(--font-size-lg);line-height: 1.6;color: var(--text-secondary);font-style: italic;margin: 0;}.download-section {padding: var(--space-32) 0;background: var(--bg-secondary);position: relative;overflow: hidden;}.download-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}.download-orbs {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.download-orb {position: absolute;border-radius: 50%;filter: blur(80px);opacity: 0.4;}.download-orb.orb-1 {width: 400px;height: 400px;background: var(--primary-gradient);top: -20%;left: -10%;}.download-orb.orb-2 {width: 300px;height: 300px;background: var(--accent-gradient);bottom: -20%;right: -10%;}.download-pattern {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.02) 1px, transparent 1px), radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.02) 1px, transparent 1px);background-size: 60px 60px;}.download-content {display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-16);align-items: center;}.download-title {font-size: var(--font-size-6xl);font-weight: 800;line-height: 1.1;margin-bottom: var(--space-6);}.download-description {font-size: var(--font-size-xl);color: var(--text-secondary);line-height: 1.6;margin-bottom: var(--space-8);}.download-buttons {display: flex;gap: var(--space-4);margin-bottom: var(--space-8);}.btn-icon {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;}.btn-text {display: flex;flex-direction: column;align-items: flex-start;}.btn-label {font-size: var(--font-size-xs);color: var(--text-secondary);line-height: 1;}.btn-store {font-size: var(--font-size-lg);font-weight: 600;line-height: 1;}.download-stats {display: flex;gap: var(--space-8);}.stat {text-align: center;}.stat .stat-number {font-size: var(--font-size-2xl);font-weight: 700;background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;display: block;margin-bottom: var(--space-1);}.stat .stat-label {font-size: var(--font-size-sm);color: var(--text-secondary);}.download-visual {display: flex;justify-content: center;align-items: center;position: relative;}.phone-showcase {position: relative;}.phone-device {width: 280px;height: 560px;background: linear-gradient(145deg, #2a2a2a, #1a1a1a);border-radius: 35px;padding: 15px;box-shadow: 0 0 0 6px #333, 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 0 2px #444;position: relative;}.phone-device .phone-screen {width: 100%;height: 100%;background: #000;border-radius: 25px;overflow: hidden;position: relative;}.app-interface {width: 100%;height: 100%;background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);display: flex;flex-direction: column;}.interface-header {padding: var(--space-4);border-bottom: 1px solid rgba(255, 255, 255, 0.1);display: flex;align-items: center;justify-content: space-between;}.header-title {font-size: var(--font-size-lg);font-weight: 600;color: var(--text-primary);}.header-controls {display: flex;gap: var(--space-1);}.control-dot {width: 8px;height: 8px;border-radius: 50%;background: var(--primary-gradient);}.interface-content {flex: 1;padding: var(--space-4);display: flex;flex-direction: column;gap: var(--space-4);}.led-preview {flex: 1;background: #000;border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;overflow: hidden;border: 1px solid #333;}.led-text-animated {color: #00ff00;font-size: var(--font-size-lg);font-weight: bold;text-shadow: 0 0 10px currentColor;animation: ledPulse 2s ease-in-out infinite;}@keyframes ledPulse {0%, 100% {opacity: 1;}50% {opacity: 0.7;}}.interface-controls {display: flex;flex-direction: column;gap: var(--space-2);}.control-row {display: flex;gap: var(--space-2);}.control-item {height: 20px;background: rgba(255, 255, 255, 0.1);border-radius: var(--radius-sm);flex: 1;}.control-item.wide {flex: 2;}.phone-glow-effect {position: absolute;top: -30px;left: -30px;right: -30px;bottom: -30px;background: var(--primary-gradient);border-radius: 65px;opacity: 0.2;filter: blur(40px);z-index: -1;animation: pulse 4s ease-in-out infinite;}.footer {background: var(--bg-secondary);border-top: 1px solid rgba(255, 255, 255, 0.1);padding: var(--space-16) 0 var(--space-8);}.footer-container {max-width: 1200px;margin: 0 auto;padding: 0 var(--space-6);}.footer-content {display: grid;grid-template-columns: 1fr 2fr;gap: var(--space-16);margin-bottom: var(--space-12);}.footer-brand {max-width: 400px;}.footer-logo {display: flex;align-items: center;gap: var(--space-3);margin-bottom: var(--space-4);}.footer-logo .logo-icon {font-size: var(--font-size-2xl);}.footer-logo .logo-text {font-size: var(--font-size-xl);font-weight: 700;background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.footer-description {color: var(--text-secondary);line-height: 1.6;margin-bottom: 0;}.footer-links {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-8);}.footer-column {display: flex;flex-direction: column;gap: var(--space-2);}.footer-column h4 {font-size: var(--font-size-lg);font-weight: 600;color: var(--text-primary);margin-bottom: var(--space-4);}.footer-column a {color: var(--text-secondary);transition: var(--transition-base);padding: var(--space-1) 0;}.footer-column a:hover {color: var(--text-primary);}.link-group h4 {font-size: var(--font-size-lg);font-weight: 600;color: var(--text-primary);margin-bottom: var(--space-4);}.link-group a {display: block;color: var(--text-secondary);margin-bottom: var(--space-2);transition: var(--transition-base);}.link-group a:hover {color: var(--text-primary);}.footer-bottom {display: flex;align-items: center;justify-content: space-between;padding-top: var(--space-8);border-top: 1px solid rgba(255, 255, 255, 0.1);}.footer-bottom p {color: var(--text-secondary);margin: 0;}.footer-bottom a {color: var(--primary-color);transition: var(--transition-base);}.footer-bottom a:hover {color: var(--text-primary);}.footer-badges {display: flex;gap: var(--space-2);}.badge {padding: var(--space-1) var(--space-3);background: rgba(255, 255, 255, 0.1);border-radius: var(--radius-full);font-size: var(--font-size-sm);color: var(--text-secondary);}@media (max-width: 1024px) {.hero-container {grid-template-columns: 1fr;gap: var(--space-12);text-align: center;padding: 60px var(--space-6);}.demo-section,.features-section,.stats-section,.reviews-section,.download-section{padding: 60px 0;}.hero-title {font-size: var(--font-size-5xl);}.demo-container {grid-template-columns: 1fr;gap: var(--space-8);}.download-content {grid-template-columns: 1fr;gap: var(--space-12);text-align: center;}.stack-card-wrapper {height: 75vh;max-height: 550px;margin-bottom: 80vh;}.testimonials-grid {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}}@media (max-width: 768px) {.mobile-menu-toggle {display: flex;}.nav-menu {display: none;}.gradient-orb, .feature-orb, .testimonial-orb, .download-orb {display: none !important;}.feature-orbs, .testimonial-orbs, .download-orbs, .floating-elements, .grid-pattern, .download-pattern {display: none !important;}.hero-title {font-size: var(--font-size-4xl);}.section-title {font-size: var(--font-size-4xl);}.hero-actions {flex-direction: column;align-items: center;}.cta-primary, .cta-secondary {width: 100%;max-width: 300px;justify-content: center;}.download-buttons {flex-direction: column;align-items: center;}.download-btn {width: 100%;max-width: 300px;justify-content: center;}.download-stats {justify-content: center;}.footer-content {grid-template-columns: 1fr;gap: var(--space-8);}.footer-links {grid-template-columns: repeat(2, 1fr);}.footer-bottom {flex-direction: column;gap: var(--space-4);text-align: center;}.phone-device {width: 240px;height: 480px;}.features-section .section-container > div:nth-child(2) {height: auto !important;display: block !important;}.features-section .section-container > div:nth-child(2) > div {position: static !important;height: auto !important;}.features-section .section-container > div:nth-child(2) > div > div {height: auto !important;display: block !important;margin: 0 !important;position: static !important;flex-direction: column !important;}.stack-card-wrapper {position: static !important;width: 100% !important;height: auto !important;margin-bottom: var(--space-8) !important;transform: none !important;opacity: 1 !important;}.stack-card {width: 100% !important;height: auto !important;min-height: auto !important;position: static !important;transform: none !important;}.stack-card-content {padding: var(--space-6);}}@media (max-width: 640px) {.section-container {padding: 0 var(--space-4);}.nav-container {padding: 0 var(--space-4);}.hero-background, .features-background, .reviews-background, .download-background {opacity: 0.3;}.hero-title {font-size: var(--font-size-3xl);}.section-title {font-size: var(--font-size-3xl);}.download-title {font-size: var(--font-size-4xl);}.stack-card-wrapper {position: static !important;width: 100% !important;height: auto !important;margin-bottom: var(--space-6) !important;transform: none !important;opacity: 1 !important;}.stack-card {width: 100% !important;height: auto !important;min-height: auto !important;position: static !important;transform: none !important;}.stack-card-content {padding: var(--space-6);}.testimonials-grid {grid-template-columns: 1fr;}.stats-grid {grid-template-columns: repeat(2, 1fr);}.footer-links {grid-template-columns: 1fr;}.phone-device {width: 200px;height: 400px;}.led-text-content {font-size: var(--font-size-lg);}#demo-output {font-size: var(--font-size-lg);}}@media (max-width: 480px) {.nav-container {height: 60px;}.hero-background, .features-background, .reviews-background, .download-background {opacity: 0.1;}.hero-title {font-size: var(--font-size-2xl);}.section-title {font-size: var(--font-size-2xl);}.hero-description, .section-subtitle {font-size: var(--font-size-base);}.stats-grid {grid-template-columns: 1fr;}.stat-number {font-size: var(--font-size-3xl);}.stack-card-wrapper {position: static !important;width: 100% !important;height: auto !important;margin-bottom: var(--space-4) !important;transform: none !important;opacity: 1 !important;}.stack-card {width: 100% !important;height: auto !important;min-height: auto !important;position: static !important;transform: none !important;}.stack-card-content {padding: var(--space-4);}.feature-highlights {gap: var(--space-1);margin-top: var(--space-4);}.highlight {padding: var(--space-1) var(--space-2);font-size: var(--font-size-xs);}}@media (max-width: 360px) {.features-section {padding: var(--space-20) 0;}.hero-background, .features-background, .reviews-background, .download-background {display: none !important;}.stack-card-wrapper {position: static !important;width: 100% !important;height: auto !important;margin-bottom: var(--space-3) !important;transform: none !important;opacity: 1 !important;}.stack-card {width: 100% !important;height: auto !important;min-height: auto !important;position: static !important;transform: none !important;}.stack-card-content {padding: var(--space-3);}.feature-title {font-size: var(--font-size-xs);margin-bottom: var(--space-1);}.feature-description {font-size: 11px;margin-bottom: var(--space-2);line-height: 1.3;}.feature-highlights {margin-top: var(--space-2);gap: 4px;}.highlight {padding: 2px 6px;font-size: 10px;}.section-title {font-size: var(--font-size-xl);line-height: 1.2;}.section-subtitle {font-size: var(--font-size-sm);line-height: 1.4;}}