:root{--bg-dark:#09090b;--bg-card:#18181b99;--bg-card-hover:#27272acc;--border-color:#3f3f4666;--text-main:#f8fafc;--text-muted:#a1a1aa;--primary-accent:#6366f1;--primary-glow:#6366f133;--secondary-accent:#a855f7}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;transition:all .3s}.glass-panel:hover{background:var(--bg-card-hover);box-shadow:0 0 32px var(--primary-glow);border-color:#a855f74d;transform:translateY(-4px)}.text-gradient{background:linear-gradient(135deg, var(--primary-accent), var(--secondary-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--primary-accent), var(--secondary-accent));color:#fff;cursor:pointer;box-shadow:0 4px 14px var(--primary-glow);border:none;border-radius:9999px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #a855f766}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:9999px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff0d}.container{max-width:1280px;margin:0 auto;padding:0 24px}.section{padding:120px 0;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}@keyframes pulse-slow{0%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.5;transform:scale(1)}}.bg-glow{background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);pointer-events:none;z-index:-1;border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite pulse-slow;position:absolute}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mx-auto{margin-left:auto;margin-right:auto}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.navbar{z-index:50;-webkit-backdrop-filter:blur(12px);background:#09090bcc;border-bottom:1px solid #ffffff0d;padding:20px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--text-main);align-items:center;gap:8px;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{color:var(--primary-accent)}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text-main)}.hero{flex-direction:column;align-items:center;min-height:100vh;padding-top:180px;padding-bottom:100px;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:10;max-width:800px;position:relative}.badge{color:var(--primary-accent);background:#6366f11a;border:1px solid #6366f14d;border-radius:9999px;align-items:center;margin-bottom:24px;padding:6px 16px;font-size:.875rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.03em;margin-bottom:24px;font-size:4.5rem}.hero p{color:var(--text-muted);max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.25rem}.hero-cta{justify-content:center;gap:16px;display:flex}.hero-mockup-container{z-index:10;width:100%;max-width:1000px;margin-top:80px;position:relative}.mockup{border:1px solid var(--border-color);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.mockup-header{border-bottom:1px solid var(--border-color);background:#0006;align-items:center;gap:8px;height:40px;padding:0 16px;display:flex}.mockup-dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ef4444}.dot-yellow{background:#eab308}.dot-green{background:#22c55e}.mockup-content{grid-template-columns:repeat(3,1fr);gap:24px;padding:32px;display:grid}.mockup-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.mockup-metric{margin:8px 0;font-size:2.5rem;font-weight:700}.metric-good{color:#22c55e}.metric-warn{color:#eab308}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:60px;display:grid}.feature-card{flex-direction:column;gap:16px;padding:32px;display:flex}.feature-icon-wrapper{width:48px;height:48px;color:var(--primary-accent);background:#6366f11a;border-radius:12px;justify-content:center;align-items:center;display:flex}.feature-card h3{color:var(--text-main);font-size:1.25rem}.feature-card p{color:var(--text-muted);font-size:.95rem}.integrations-wrapper{opacity:.6;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:48px;display:flex}.integrations-wrapper span{align-items:center;gap:8px;font-size:1.5rem;font-weight:600;display:flex}.use-cases-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=768px){.use-cases-grid{grid-template-columns:repeat(3,1fr)}}.pricing-grid{grid-template-columns:1fr;gap:32px;max-width:900px;margin:60px auto 0;display:grid}@media (width>=768px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}.pricing-card{padding:48px;position:relative;overflow:hidden}.pricing-card.premium{border-color:#a855f780;box-shadow:0 0 30px #a855f726}.pricing-popular-badge{background:linear-gradient(135deg, var(--primary-accent), var(--secondary-accent));color:#fff;text-transform:uppercase;letter-spacing:1px;padding:6px 40px;font-size:.75rem;font-weight:700;position:absolute;top:20px;right:-30px;transform:rotate(45deg)}.price{align-items:baseline;gap:4px;margin:24px 0;font-size:3rem;font-weight:800;display:flex}.price span{color:var(--text-muted);font-size:1rem;font-weight:400}.pricing-features{flex-direction:column;gap:16px;margin:32px 0;list-style:none;display:flex}.pricing-features li{color:var(--text-muted);align-items:center;gap:12px;display:flex}.check-icon{color:#22c55e}footer{border-top:1px solid var(--border-color);margin-top:80px;padding:60px 0}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.footer-brand p{color:var(--text-muted);max-width:300px;margin-top:16px;font-size:.9rem}.footer-links h4{margin-bottom:20px}.footer-links ul{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-main)}.copyright{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0d;margin-top:60px;padding-top:24px;font-size:.85rem}@media (width<=768px){.hero h1{font-size:3rem}.nav-links{display:none}.mockup-content{grid-template-columns:1fr}}