:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#e60000;--primary-hover:#c00;--secondary:#e60000;--dark:#333;--light:#fff;--gray:#666;--light-bg:#f7f7f7;--border:#e0e0e0;--gradient:linear-gradient(135deg, #e60000 0%, #b30000 100%);--gradient-alt:linear-gradient(135deg, #e60000 0%, #ff1a1a 100%);--shadow:0 10px 15px -3px #e600001a, 0 4px 6px -2px #e600000d}body{color:var(--dark);background:var(--light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.app{scroll-behavior:smooth;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1000;background:#fffffff2;width:100%;padding:1rem 0;position:fixed;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo{align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.logo-icon{justify-content:center;align-items:center;display:flex}.logo-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{cursor:pointer;color:var(--dark);padding:.5rem 0;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links .cta-button{background:var(--gradient);color:#fff;border-radius:8px;padding:.5rem 1.5rem;transition:transform .3s}.nav-links .cta-button:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.hero{color:#fff;text-align:center;background:linear-gradient(135deg,#e60000 0%,#b30000 100%);justify-content:center;align-items:center;min-height:100vh;margin-top:70px;padding:2rem;display:flex}.hero-content{max-width:900px}.hero-title{margin-bottom:1.5rem;font-size:4rem;line-height:1.2}.gradient-text{font-size:5rem;font-weight:900}.hero-subtitle{opacity:.95;margin-bottom:3rem;font-size:1.5rem}.hero-stats{justify-content:center;gap:3rem;margin-bottom:3rem;display:flex}.stat{text-align:center}.stat-value{margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-label{opacity:.9;font-size:.9rem}.hero-cta{color:var(--primary);cursor:pointer;background:#fff;border:none;border-radius:50px;padding:1rem 3rem;font-size:1.2rem;font-weight:700;transition:all .3s}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 20px 40px #e600004d}section{padding:5rem 2rem}.container{max-width:1200px;margin:0 auto}.section-title{text-align:center;background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem}.section-intro{text-align:center;color:var(--gray);margin-bottom:4rem;font-size:1.2rem}.why-section{background:var(--light-bg)}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.benefit-card{box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:2rem;transition:transform .3s}.benefit-card:hover{transform:translateY(-5px)}.benefit-icon{margin-bottom:1rem;font-size:3rem}.benefit-card h3{color:var(--dark);margin-bottom:1rem;font-size:1.5rem}.benefit-card p{color:var(--gray);line-height:1.8}.features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.feature-card{background:var(--light-bg);border:2px solid var(--border);border-radius:12px;padding:2rem;transition:border-color .3s}.feature-card:hover{border-color:var(--primary)}.feature-card h3{color:var(--dark);margin-bottom:1rem;font-size:1.3rem}.feature-card ul{list-style:none}.feature-card li{color:var(--gray);padding:.5rem 0 .5rem 1.5rem;position:relative}.feature-card li:before{content:"✓";color:#e60000;font-weight:700;position:absolute;left:0}.architecture-section{background:var(--light-bg)}.flow-diagram{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.flow-step{box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:12px;min-width:150px;padding:1.5rem}.step-number{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 1rem;font-weight:700;display:flex}.step-content h4{color:var(--dark);margin-bottom:.5rem;font-size:1rem}.step-content p{color:var(--gray);font-size:.85rem}.flow-arrow{color:var(--primary);font-size:2rem;font-weight:700}.architecture-details{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.detail-box{box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:2rem}.detail-box h4{margin-bottom:1rem;font-size:1.3rem}.detail-box p{color:var(--gray);line-height:1.8}.performance-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.perf-card{box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:12px;padding:2rem;transition:transform .3s}.perf-card:hover{transform:translateY(-5px)}.perf-card.highlight{background:var(--gradient);color:#fff}.perf-icon{margin-bottom:1rem;font-size:3rem}.perf-value{margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.perf-label{opacity:.8;font-size:.9rem}.status-grid{gap:1rem;max-width:600px;margin:0 auto;display:grid}.status-item{background:var(--light-bg);border-radius:8px;padding:1rem;position:relative;overflow:hidden}.status-bar{background:var(--gradient);opacity:.1;height:100%;transition:width 1s;position:absolute;top:0;left:0}.status-item span{z-index:1;font-weight:500;position:relative}.status-item.complete{color:#e60000}.status-item.near-complete{color:var(--primary)}.contact-section{background:var(--light-bg);text-align:center}.cta-box{max-width:600px;box-shadow:var(--shadow);background:#fff;border-radius:12px;margin:0 auto;padding:3rem}.cta-box h3{margin-bottom:1rem;font-size:2rem}.cta-box p{color:var(--gray);margin-bottom:2rem}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:8px;margin:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s}.primary-button{background:var(--gradient);color:#fff}.primary-button:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.secondary-button{color:var(--primary);border:2px solid var(--primary);background:0 0}.secondary-button:hover{background:var(--primary);color:#fff}.footer{background:var(--dark);color:#fff;text-align:center;padding:2rem}.footer-content{max-width:1200px;margin:0 auto}.footer-logo{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:700;display:flex}.footer p{opacity:.7}@media (width<=768px){.hero-title{font-size:2.5rem}.gradient-text{font-size:3rem}.hero-subtitle{font-size:1.2rem}.hero-stats{flex-direction:column;gap:1.5rem}.section-title{font-size:2rem}.nav-links{display:none}.flow-diagram{flex-direction:column}.flow-arrow{transform:rotate(90deg)}}