:root{--bg-dark: #050505;--glass-border: rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .03);--glass-highlight: rgba(255, 255, 255, .1);--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--text-primary: #ffffff;--text-secondary: #9ca3af}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden;margin:0}.background-glow{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:radial-gradient(circle at 50% 0%,#1a1a40,#050505 60%)}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s infinite ease-in-out}.orb-1{top:-10%;left:-10%;width:50vw;height:50vw;background:var(--accent-purple);animation-delay:0s}.orb-2{bottom:-10%;right:-10%;width:40vw;height:40vw;background:var(--accent-blue);animation-delay:-5s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,50px)}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);opacity:0;transition:opacity .4s}.glass-card:hover{transform:translateY(-5px) scale(1.01);background:#ffffff0d;border-color:var(--glass-highlight);box-shadow:0 20px 40px #0006}.glass-card:hover:before{opacity:1}.gradient-text{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.scroll-reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translate(-60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-reveal-left.revealed{opacity:1;transform:translate(0)}.scroll-reveal-right{opacity:0;transform:translate(60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-reveal-right.revealed{opacity:1;transform:translate(0)}.scroll-reveal-scale{opacity:0;transform:scale(.9);transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-reveal-scale.revealed{opacity:1;transform:scale(1)}.stagger-children>*:nth-child(1){transition-delay:0s}.stagger-children>*:nth-child(2){transition-delay:.1s}.stagger-children>*:nth-child(3){transition-delay:.2s}.stagger-children>*:nth-child(4){transition-delay:.3s}.stagger-children>*:nth-child(5){transition-delay:.4s}.stagger-children>*:nth-child(6){transition-delay:.5s}html{scroll-behavior:smooth}section{will-change:transform}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-animate{animation:gentleFloat 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #8b5cf680}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.glass-card{transition:all .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease}.glass-card:hover{box-shadow:0 20px 60px #3b82f633,0 0 40px #8b5cf61a}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;background:#050505cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:2rem}.navbar-brand{display:flex;align-items:center;gap:1rem}.navbar-logo{width:auto;height:40px;border-radius:8px}.navbar-title{font-weight:700;font-size:1.2rem;color:#fff}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:10px;z-index:150}.hamburger-line{width:24px;height:2px;background:#fff;transition:transform .3s,opacity .3s}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#050505fa;padding:2rem;flex-direction:column;gap:1rem;z-index:99;transform:translateY(-100%);opacity:0;transition:transform .3s,opacity .3s}.mobile-menu.open{display:flex;transform:translateY(0);opacity:1}.mobile-nav-link{color:var(--text-secondary);text-decoration:none;font-size:1.1rem;padding:.75rem 0;border-bottom:1px solid var(--glass-border);transition:color .3s}.mobile-nav-link:hover{color:var(--accent-blue)}.mobile-cta{margin-top:1rem;text-align:center}.navbar-cta{display:flex;gap:1rem;align-items:center}@media(max-width:768px){.nav-links-desktop{display:none}.mobile-menu-btn{display:flex}.navbar-cta{display:none}.mobile-menu{display:flex;transform:translateY(-100%);opacity:0}.mobile-menu.open{transform:translateY(0);opacity:1}}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .3s}.nav-link:hover{color:var(--text-primary)}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 0 20px #3b82f666}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid var(--glass-border);padding:.6rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}.btn-secondary:hover{background:#ffffff26;border-color:var(--accent-blue);transform:translateY(-1px)}.hero-section{padding-top:120px;padding-bottom:4rem;text-align:center;position:relative;z-index:1}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;line-height:1.6}.dashboard-preview{margin-top:4rem;border-radius:20px;border:1px solid var(--glass-border);box-shadow:0 0 100px #3b82f626;overflow:hidden;max-width:1200px;margin-left:auto;margin-right:auto;position:relative}.dashboard-preview img{width:100%;display:block}.dashboard-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,var(--bg-dark));pointer-events:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:4rem auto;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:var(--accent-blue);margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.features-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-icon{font-size:2.5rem;margin-bottom:1.5rem}.feature-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-desc{color:var(--text-secondary);line-height:1.6}.content-section{display:flex;align-items:center;gap:4rem;max-width:1200px;margin:6rem auto;padding:0 2rem}.content-text{flex:1}.content-image{flex:1;border-radius:20px;overflow:hidden;border:1px solid var(--glass-border);box-shadow:0 20px 50px #0000004d}.content-image img{width:100%;display:block}.check-list{list-style:none;padding:0;margin-top:2rem}.check-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--text-secondary)}.check-icon{color:var(--accent-blue)}.cta-section{position:relative;padding:6rem 2rem;text-align:center;overflow:hidden;margin-top:4rem}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);pointer-events:none;z-index:0}.cta-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1.5rem;position:relative;z-index:1}.cta-description{color:var(--text-secondary);font-size:1.2rem;max-width:600px;margin:0 auto 3rem;position:relative;z-index:1}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;z-index:1}.footer{border-top:1px solid var(--glass-border);background:#050505cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:4rem 2rem 2rem;margin-top:auto;position:relative;z-index:10000}.footer-bottom{border-top:1px solid var(--glass-border);margin-top:3rem;padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;color:var(--text-secondary);font-size:.9rem;padding-right:120px}@media(max-width:768px){.footer-bottom{padding-right:0;justify-content:center;flex-direction:column;text-align:center;padding-bottom:80px}}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem}.footer-brand{flex:2;min-width:300px}.footer-section{flex:1;min-width:150px}.footer-section h4{font-size:1.1rem;margin-bottom:1.5rem;color:var(--text-primary);font-weight:600}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.8rem}.footer-section a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.footer-section a:hover{color:var(--accent-blue)}@media(max-width:768px){.content-section{flex-direction:column}.hero-title{font-size:2.5rem}.footer-content{flex-direction:column;gap:2rem}}.container{max-width:1200px;margin:0 auto;padding-left:2rem;padding-right:2rem}.comparison-table{width:100%;border-collapse:collapse;margin:2rem 0;background:var(--glass-bg);border-radius:12px;overflow:hidden;border:1px solid var(--glass-border)}.comparison-table th,.comparison-table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid var(--glass-border)}.comparison-table th{background:#3b82f61a;font-weight:600;color:var(--text-primary)}.comparison-table td:first-child{font-weight:500;color:var(--text-primary)}.comparison-table td:nth-child(2){color:var(--accent-blue)}.comparison-table td:nth-child(3){color:var(--text-secondary)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover{background:#ffffff05}.check-icon{color:var(--accent-blue);margin-right:.5rem}.infographic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}@media(max-width:900px){.infographic-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.infographic-grid{grid-template-columns:1fr}.comparison-table{font-size:.85rem}.comparison-table th,.comparison-table td{padding:.75rem 1rem}}.infographic-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.infographic-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple))}.infographic-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #3b82f626}.infographic-icon{width:48px;height:48px;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:10px;display:flex;align-items:center;justify-content:center}.infographic-icon svg{width:24px;height:24px;color:#fff}.infographic-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.infographic-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.blog-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease-out}.blog-modal{width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .4s ease-out;border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #00000080}.blog-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.blog-modal-close:hover{background:#fff3;transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}