:root{--bg-white: #ffffff;--bg-light: #f8fbff;--card-bg: rgba(255, 255, 255, .8);--primary: #0076ff;--primary-light: #00a3ff;--primary-glow: rgba(0, 163, 255, .2);--text-main: #1a1e26;--text-dim: #606b7d;--glass-border: rgba(0, 118, 255, .1);--accent-gradient: linear-gradient(135deg, var(--primary), var(--primary-light))}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{background-color:var(--bg-white);color:var(--text-main);overflow-x:hidden;line-height:1.6;background-image:linear-gradient(rgba(0,118,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,118,255,.04) 1px,transparent 1px);background-size:50px 50px}.bg-blob{position:fixed;width:600px;height:600px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);filter:blur(80px);z-index:-1;opacity:.6;pointer-events:none}.blob-1{top:-200px;right:-200px}.blob-2{bottom:-200px;left:-200px}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 10%;position:fixed;width:100%;top:0;z-index:100;backdrop-filter:blur(15px);background:#fffc;border-bottom:1px solid var(--glass-border);transition:all .3s ease}.logo-container{display:flex;align-items:center;gap:12px}.logo-img{width:32px;height:32px}.logo{font-size:1.8rem;font-weight:800;color:var(--primary);letter-spacing:-1px}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-dim);transition:.3s;font-size:.95rem;font-weight:500}.nav-links a:hover{color:var(--primary)}.lang-selector{background:#f0f4f9;border:1px solid var(--glass-border);padding:.4rem .8rem;border-radius:8px;font-size:.85rem;color:var(--text-main);cursor:pointer;outline:none}.cta-button{background:var(--accent-gradient);border:none;padding:.8rem 1.8rem;border-radius:50px;color:#fff;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s;text-decoration:none;display:inline-block}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0076ff33}.hero{padding:12rem 10% 8rem;text-align:center;position:relative;overflow:hidden}.hero-content{max-width:900px;margin:0 auto}.badge{background:#0076ff0d;border:1px solid var(--primary);color:var(--primary);padding:.5rem 1.2rem;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:2rem;display:inline-block;animation:fadeInDown .8s ease-out}h1{font-size:4.5rem;line-height:1.1;margin-bottom:1.5rem;font-weight:800;color:var(--text-main);letter-spacing:-2px;animation:fadeInUp .8s ease-out}h1 span{color:var(--primary)}.hero-p{color:var(--text-dim);font-size:1.25rem;margin-bottom:3rem;max-width:650px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out .2s both}.hero-ctas{display:flex;gap:1.5rem;justify-content:center;animation:fadeInUp .8s ease-out .4s both}.btn-secondary{background:#f0f4f9;border:1px solid var(--glass-border);padding:.8rem 1.8rem;border-radius:50px;color:var(--text-main);text-decoration:none;font-weight:600;transition:.3s}.btn-secondary:hover{background:#e6edf5}.features{padding:8rem 10%;position:relative}.section-title{text-align:center;margin-bottom:5rem}.section-title h2{font-size:3rem;margin-bottom:1rem;color:var(--text-main)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background:var(--card-bg);border:1px solid var(--glass-border);padding:3rem;border-radius:24px;transition:.4s;backdrop-filter:blur(10px);box-shadow:0 10px 30px #0076ff08}.card:hover{border-color:var(--primary);transform:translateY(-10px);box-shadow:0 20px 40px #0076ff14}.card i{font-size:2.5rem;color:var(--primary);margin-bottom:1.5rem;display:block}.card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-main)}.card p{color:var(--text-dim)}.preview{padding:4rem 10%;perspective:1500px}.mockup-container{background:linear-gradient(180deg,rgba(0,118,255,.1) 0%,transparent 100%);padding:1px;border-radius:20px;transform:rotateX(10deg);transition:transform .1s ease-out;box-shadow:0 40px 100px #0076ff1a}.mockup-content{background:#fff;border-radius:19px;height:500px;width:100%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border)}.mockup-inner{width:90%;height:80%;background:#f8fbff;border:1px solid #e1e9f5;border-radius:12px;display:flex;flex-direction:column;padding:2rem}.skeleton-chart{flex:1;background:#0076ff05;border-radius:8px;border-bottom:2px solid var(--primary);position:relative;overflow:hidden}.chart-bar{cursor:pointer;position:relative}.chart-bar:hover{background:var(--primary-light)!important;opacity:1!important;filter:brightness(1.2)}.chart-bar:after{content:attr(data-value);position:absolute;top:-25px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;opacity:0;transition:.3s;pointer-events:none}.chart-bar:hover:after{opacity:1}.stats{padding:6rem 10%;display:flex;justify-content:space-around;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);background:#f8fbff80;margin:4rem 0}.stat-item{text-align:center}.stat-number{font-size:3.5rem;font-weight:800;display:block;color:var(--primary)}.stat-label{color:var(--text-dim);font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.pricing-section{background:#f0f6ff;padding:8rem 10%;border-radius:100px 100px 0 0;margin-top:5rem}footer{padding:6rem 10% 2rem;background:#f8fbff;border-top:1px solid var(--glass-border)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:4rem}.footer-logo-desc p{color:var(--text-dim);margin-top:1rem}.footer-links h4{margin-bottom:1.5rem;color:var(--text-main)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{text-decoration:none;color:var(--text-dim);transition:.3s}.footer-links a:hover{color:var(--primary)}.footer-bottom{text-align:center;color:var(--text-dim);font-size:.9rem;padding-top:2rem;border-top:1px solid #e1e9f5}@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)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:768px){h1{font-size:3rem}.nav-links{display:none}.footer-content{grid-template-columns:1fr}.hero{padding-top:10rem}}