*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#282828;--bg-secondary:#1e1e1e;--bg-card:#333333;--bg-hover:#3d3d3d;--text-primary:#e8e8e8;--text-secondary:#b0b0b0;--accent:#00d4ff;--accent-hover:#00b8e6;--success-color:#4ade80;--danger-color:#f87171;--warning:#fbbf24;--border:#404040;--shadow:rgba(0,0,0,0.3)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:var(--bg-secondary);padding:20px 0;border-bottom:1px solid var(--border)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:bold;color:var(--accent)}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{color:var(--text-secondary);text-decoration:none;transition:color 0.3s}.nav-links a:hover{color:var(--accent)}.btn-nav-login{background-color:var(--accent);color:var(--bg-primary)!important;padding:8px 20px;border-radius:6px;transition:all 0.3s}.btn-nav-login:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.hero{padding:80px 0;background-color:var(--bg-secondary)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-left h1{font-size:48px;margin-bottom:20px;color:var(--text-primary)}.hero-left h2{font-size:28px;margin-bottom:15px;color:var(--accent);font-weight:normal}.tagline{font-size:18px;color:var(--text-secondary);margin-bottom:30px;line-height:1.8}.badges{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.badge{background-color:var(--bg-card);padding:8px 16px;border-radius:20px;font-size:14px;border:1px solid var(--border);display:flex;align-items:center;gap:8px}.badge.success{border-color:var(--success-color);color:var(--success-color)}.cta-buttons{display:flex;gap:15px;margin-bottom:15px}.btn{padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:600;transition:all 0.3s;display:inline-block;border:none;cursor:pointer;font-size:16px}.btn-primary{background-color:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.demo-hint{color:var(--text-secondary);font-size:14px;font-style:italic}.hero-right{position:relative}.demo-container{background-color:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 8px 32px var(--shadow);position:relative}.demo-header{display:flex;gap:8px;margin-bottom:15px;align-items:center}.demo-dot{width:12px;height:12px;border-radius:50%;background-color:var(--border)}.fullscreen-btn{margin-left:auto;background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:4px 8px;border-radius:4px;transition:all 0.3s}.fullscreen-btn:hover{background-color:var(--bg-hover);color:var(--accent)}.demo-wrapper{position:relative}.demo-iframe{width:100%;height:400px;border:none;border-radius:8px;background-color:var(--bg-primary)}.demo-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;border-radius:0;padding:0;max-width:none;background-color:#282828}.demo-container.fullscreen .demo-header{position:absolute;top:10px;left:10px;right:10px;z-index:10000;background-color:rgba(30,30,30,0.95);padding:10px;border-radius:8px}.demo-container.fullscreen .demo-iframe{height:calc(100vh - 60px);border-radius:0;position:absolute;top:60px}section{padding:80px 0}.section-alternate{background-color:var(--bg-secondary)}.section-title{font-size:36px;text-align:center;margin-bottom:20px;color:var(--text-primary)}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:60px;font-size:18px}.context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.context-card{background-color:var(--bg-card);padding:30px;border-radius:12px;border:1px solid var(--border);transition:transform 0.3s,border-color 0.3s}.context-card:hover{transform:translateY(-5px);border-color:var(--accent)}.context-icon{font-size:48px;margin-bottom:20px}.context-card h3{font-size:24px;margin-bottom:15px;color:var(--text-primary)}.context-card p{color:var(--text-secondary);line-height:1.8}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background-color:var(--bg-card);padding:30px;border-radius:12px;border:1px solid var(--border);text-align:center;transition:transform 0.3s,border-color 0.3s}.feature-card:hover{transform:translateY(-5px);border-color:var(--success-color)}.feature-icon{font-size:64px;margin-bottom:20px}.feature-card h3{font-size:20px;margin-bottom:15px;color:var(--text-primary)}.feature-card ul{list-style:none;color:var(--text-secondary);text-align:left}.feature-card li{margin-bottom:8px;padding-left:20px;position:relative}.feature-card li:before{content:"→";position:absolute;left:0;color:var(--accent)}.architecture{background-color:var(--bg-card);padding:40px;border-radius:12px;border:1px solid var(--border)}.architecture-flow{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-top:40px}.arch-box{background-color:var(--bg-secondary);padding:30px;border-radius:8px;border:2px solid var(--border);flex:1;min-width:200px;text-align:center}.arch-box.highlight{border-color:var(--accent)}.arch-arrow{font-size:32px;color:var(--accent)}.arch-box h4{font-size:18px;margin-bottom:10px;color:var(--accent)}.arch-box p{color:var(--text-secondary);font-size:14px}.opensource-content{display:grid;grid-template-columns:1fr 1fr;gap:60px}.opensource-col h3{font-size:24px;margin-bottom:20px;color:var(--accent)}.opensource-list{list-style:none}.opensource-list li{margin-bottom:15px;padding-left:30px;position:relative;color:var(--text-secondary)}.opensource-list li:before{position:absolute;left:0;font-size:20px}.opensource-list.check li:before{content:"✅"}.opensource-list.warn li:before{content:"⚠️"}.important-note{background-color:var(--bg-card);padding:20px;border-radius:8px;border-left:4px solid var(--warning);margin-top:30px;color:var(--text-secondary);font-style:italic}.cta-final{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:2px solid var(--accent);border-radius:12px;padding:60px;text-align:center}.cta-final h2{font-size:40px;margin-bottom:20px}.cta-final p{font-size:20px;color:var(--text-secondary);margin-bottom:40px}.cta-final .cta-buttons{justify-content:center}footer{background-color:var(--bg-secondary);padding:40px 0;border-top:1px solid var(--border)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}.footer-logo{font-size:20px;font-weight:bold;color:var(--accent)}.footer-links{display:flex;gap:30px}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color 0.3s}.footer-links a:hover{color:var(--accent)}.footer-credit{width:100%;text-align:center;color:var(--text-secondary);font-size:14px;margin-top:20px}@media (max-width:768px){.hero-content{grid-template-columns:1fr}.hero-left h1{font-size:36px}.hero-left h2{font-size:22px}.cta-buttons{flex-direction:column}.opensource-content{grid-template-columns:1fr}.architecture-flow{flex-direction:column}.arch-arrow{transform:rotate(90deg)}.nav-links{display:none}}