:root{--bg-dark:#0f1115;--bg-card:#1c1f26;--primary:#5bc0d6;--primary-hover:#45aabf;--text-main:#fff;--text-muted:#94a3b8;--gradient-brand:linear-gradient(135deg, #2b8496 0%, #1a6070 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}nav{z-index:100;justify-content:space-between;align-items:center;width:100%;padding:24px 5%;display:flex;position:absolute;top:0}.brand{letter-spacing:-.5px;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:28px;font-weight:700;display:flex}.brand span{color:var(--primary)}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-muted);font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text-main)}.nav-btn{color:#fff;background:0 0;border:1px solid #fff3;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.nav-btn:hover{background:#ffffff1a;border-color:#fff6}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 5% 60px;display:flex;position:relative}.hero-glow{z-index:-1;background:radial-gradient(circle,#2b849626 0%,#0f111500 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.badge{color:var(--primary);letter-spacing:.5px;background:#5bc0d61a;border:1px solid #5bc0d633;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;animation:.8s backwards fadeInDown;display:inline-block}.hero h1{letter-spacing:-1.5px;max-width:900px;margin-bottom:24px;font-family:Outfit,sans-serif;font-size:clamp(48px,6vw,72px);font-weight:800;line-height:1.1;animation:.8s .1s backwards fadeInUp}.hero h1 .highlight{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero p{color:var(--text-muted);max-width:600px;margin-bottom:40px;font-size:18px;animation:.8s .2s backwards fadeInUp}.cta-group{justify-content:center;gap:16px;animation:.8s .3s backwards fadeInUp;display:flex}.btn-primary{background:var(--primary);color:#000;border-radius:12px;align-items:center;gap:8px;padding:16px 36px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #5bc0d64d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px #5bc0d666}.btn-secondary{background:var(--bg-card);color:#fff;border:1px solid #ffffff1a;border-radius:12px;padding:16px 36px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s}.btn-secondary:hover{background:#ffffff0d;border-color:#fff3}.dashboard-preview{border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:1100px;margin-top:60px;animation:1s .4s backwards fadeInUp;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.dashboard-preview img{object-fit:cover;background:#1a1a1a;width:100%;min-height:400px;display:block}.dashboard-preview:after{content:"";background:linear-gradient(to bottom, #0f111500 70%, var(--bg-dark) 100%);pointer-events:none;position:absolute;inset:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.nav-links{display:none}.cta-group{flex-direction:column}}.section-features{max-width:1200px;margin:0 auto;padding:100px 5%}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:16px;font-size:42px;font-weight:700}.highlight-text{color:var(--primary)}.section-header p{color:var(--text-muted);font-size:18px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.feature-card{background:var(--bg-card);border:1px solid #ffffff0d;border-radius:16px;padding:40px}.feature-icon{color:var(--primary);margin-bottom:20px;font-size:40px}.feature-card h3{margin-bottom:12px;font-size:22px}.feature-card p{color:var(--text-muted)}.section-pricing{background:var(--bg-card);padding:100px 5%}.pricing-container{max-width:1200px;margin:0 auto}.pricing-grid{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.pricing-card{border-radius:16px;width:350px;padding:40px}.basic-tier{background:var(--bg-dark);border:1px solid #ffffff0d}.pro-tier{background:var(--gradient-brand);transform:scale(1.05);box-shadow:0 20px 40px #2b84964d}.pricing-card h3{margin-bottom:8px;font-size:24px}.price{margin-bottom:24px;font-size:48px;font-weight:800}.price span{color:var(--text-muted);font-size:16px;font-weight:400}.pro-tier .price span{opacity:.8;color:#fff}.pricing-features{color:var(--text-muted);margin-bottom:40px;line-height:2.5;list-style:none}.pro-tier .pricing-features{color:#fff}.tier-btn{text-align:center;display:block}.pro-btn{color:var(--primary)!important;background:#fff!important}.site-footer{text-align:center;border-top:1px solid #ffffff0d;margin-top:60px;padding:60px 5%}.footer-brand{justify-content:center;margin-bottom:24px}.site-footer p{color:var(--text-muted)}