:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-width:320px;min-height:100vh}#app{min-height:100vh}img,svg{display:block}a,button{-webkit-tap-highlight-color:transparent}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#05070f;--black2:#080b16;--black3:#0c1020;--teal:#00d4a0;--teal2:#00a87e;--blue:#1a6bff;--blue2:#0d4fcc;--text:#fff;--muted:#8a9ab8;--border-t:#00d4a02e;--border-b:#1a6bff2e;--card:#ffffff08;--r:14px}html{scroll-behavior:smooth}body{background:var(--black);color:var(--text);font-family:Inter,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,nav .logo{letter-spacing:.5px;font-family:Rajdhani,sans-serif;line-height:1.1}#bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.hex-pattern{pointer-events:none;z-index:0;opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='70'%3E%3Cpolygon points='30,2 58,17 58,53 30,68 2,53 2,17' fill='none' stroke='rgba(0,212,160,0.05)' stroke-width='1'/%3E%3C/svg%3E");background-size:60px 70px;position:absolute;inset:0}nav{z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-t);background:#05070fcc;justify-content:space-between;align-items:center;padding:1rem 5%;display:flex;position:fixed;top:0;left:0;right:0}.logo{color:var(--text);align-items:center;gap:10px;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{object-fit:contain;width:36px;height:36px}.footer-logo-icon{width:28px;height:32px}.logo-brand{color:#fff}.logo-sub{color:var(--teal)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--muted);align-items:center;gap:.35rem;font-family:Inter,sans-serif;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-flex}.nav-links a:hover{color:var(--teal)}.inline-icon,.menu-icon{vertical-align:-.18em;flex:none;display:inline-block}.btn{cursor:pointer;letter-spacing:.5px;border:none;border-radius:6px;align-items:center;gap:.45rem;padding:.6rem 1.4rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-teal{background:var(--teal);color:#000;box-shadow:0 0 24px #00d4a059}.btn-teal:hover{background:#00f0b8;transform:translateY(-1px);box-shadow:0 0 40px #00d4a08c}.btn-outline{color:var(--text);background:0 0;border:1px solid #00d4a059}.btn-outline:hover{border-color:var(--teal);color:var(--teal)}.btn-lg{padding:.85rem 2rem;font-size:1.1rem}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;min-height:100vh;padding:9rem 6% 6rem;display:grid;position:relative;overflow:hidden}.hero-left{z-index:1;position:relative}.hero-right{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.badge{color:var(--teal);letter-spacing:2px;text-transform:uppercase;background:#00d4a014;border:1px solid #00d4a040;border-radius:4px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:.35rem 1rem;font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:600;display:inline-flex}.badge-pulse{background:var(--teal);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}}.hero h1{margin-bottom:1.2rem;font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;animation:.6s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero h1 .teal{color:var(--teal)}.hero h1 .blue{color:#6aabff}.hero p{color:var(--muted);max-width:500px;margin-bottom:2.2rem;font-size:1.05rem;font-weight:300;animation:.6s .1s both fadeUp}.hero-ctas{flex-wrap:wrap;gap:1rem;animation:.6s .2s both fadeUp;display:flex}.hero-stats{border-top:1px solid var(--border-t);gap:2.5rem;margin-top:4rem;padding-top:2rem;animation:.6s .3s both fadeUp;display:flex}.stat-n{background:linear-gradient(90deg, var(--teal), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Rajdhani,sans-serif;font-size:2.2rem;font-weight:700}.stat-l{color:var(--muted);font-size:.8rem}.hero-visual{width:560px;height:420px;position:relative}.waves{pointer-events:none;z-index:0;position:absolute;inset:0}.section-tag{letter-spacing:3px;text-transform:uppercase;color:var(--teal);margin-bottom:.6rem;font-family:Rajdhani,sans-serif;font-size:.8rem;font-weight:600;display:block}.section-h{margin-bottom:.8rem;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700}.section-p{color:var(--muted);font-size:1rem;font-weight:300}.features{z-index:1;padding:8rem 5%;position:relative}.features-head{max-width:1100px;margin:0 auto 3.5rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:1100px;margin:0 auto;display:grid}.feat{background:var(--card);border-radius:var(--r);border:1px solid #00d4a01a;padding:1.8rem;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.feat:before{content:"";background:linear-gradient(90deg, var(--teal), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feat:hover{border-color:#00d4a059;transform:translateY(-3px)}.feat:hover:before{opacity:1}.feat.span2{grid-column:span 2}.feat-ico{width:44px;height:44px;color:var(--teal);background:#00d4a01a;border:1px solid #00d4a033;border-radius:8px;justify-content:center;align-items:center;margin-bottom:1.1rem;font-size:1.3rem;display:flex}.feat h3{letter-spacing:.3px;margin-bottom:.5rem;font-family:Rajdhani,sans-serif;font-size:1.05rem;font-weight:700}.feat p{color:var(--muted);font-size:.88rem;line-height:1.65}.feat-tags{flex-wrap:wrap;gap:.45rem;margin-top:1.1rem;display:flex}.tag{color:var(--teal);letter-spacing:.5px;background:#00d4a014;border:1px solid #00d4a02e;border-radius:3px;padding:.2rem .65rem;font-family:Rajdhani,sans-serif;font-size:.72rem;font-weight:600}.status-dot{vertical-align:.08em;background:currentColor;border-radius:999px;width:6px;height:6px;margin-right:.32rem;display:inline-block}.status-dot-dev{background:0 0;border:1px solid;border-left-color:#0000}.dashboard-section{z-index:1;padding:2rem 5% 8rem;position:relative}.dash-wrap{background:var(--black3);border:1px solid #00d4a026;border-radius:16px;max-width:1100px;margin:0 auto;overflow:hidden;box-shadow:0 40px 100px #000000b3,0 0 80px #00d4a00f}.dash-bar{background:#0006;border-bottom:1px solid #00d4a01a;align-items:center;gap:.5rem;padding:.75rem 1.2rem;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dr{background:#ff5f57}.dy{background:#ffbd2e}.dg{background:#28c840}.dash-url{color:var(--muted);text-align:center;background:#ffffff0a;border-radius:4px;flex:1;max-width:280px;margin:0 auto;padding:.28rem .8rem;font-size:.78rem}.dashboard{grid-template-columns:200px 1fr;min-height:420px;display:grid}.dash-side{background:#00000040;border-right:1px solid #00d4a014;padding:1.5rem .8rem}.side-logo{margin-bottom:1.8rem;padding:0 .6rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700}.side-logo span{color:var(--teal)}.menu-item{color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:.6rem;margin-bottom:.15rem;padding:.55rem .8rem;font-size:.82rem;display:flex}.menu-item.on{color:var(--teal);background:#00d4a01a}.dash-main{padding:1.5rem}.dash-top{justify-content:space-between;align-items:center;margin-bottom:1.3rem;display:flex}.dash-title{font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:700}.dash-chip{color:var(--teal);background:#00d4a014;border:1px solid #00d4a033;border-radius:4px;padding:.28rem .75rem;font-size:.75rem}.kpis{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.3rem;display:grid}.kpi{background:#ffffff08;border:1px solid #00d4a014;border-radius:10px;padding:.9rem}.kpi-l{color:var(--muted);margin-bottom:.3rem;font-size:.7rem}.kpi-v{font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:700}.kpi-c{align-items:center;gap:.2rem;margin-top:.15rem;font-size:.68rem;display:inline-flex}.up{color:#00d4a0}.dn{color:#ff5f57}.charts{grid-template-columns:1.5fr 1fr;gap:.75rem;display:grid}.chart-box{background:#ffffff08;border:1px solid #00d4a014;border-radius:10px;padding:1rem}.chart-l{color:var(--muted);margin-bottom:.75rem;font-size:.72rem}.bars{align-items:flex-end;gap:5px;height:80px;display:flex}.bar{background:#00d4a033;border-radius:3px 3px 0 0;flex:1;transition:background .2s}.bar:hover{background:#00d4a080}.bar.hi{background:var(--teal)}.donut-center{flex-direction:column;align-items:center;display:flex}.d-legend{flex-direction:column;gap:.35rem;margin-top:.6rem;display:flex}.d-leg{color:var(--muted);align-items:center;gap:.5rem;font-size:.7rem;display:flex}.d-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.process{z-index:1;padding:8rem 5%;position:relative}.process-inner{max-width:1100px;margin:0 auto}.steps{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:4rem;display:grid;position:relative}.steps:after{content:"";background:linear-gradient(90deg, transparent, var(--teal), var(--blue), transparent);height:1px;position:absolute;top:26px;left:15%;right:15%}.step{text-align:center;padding:0 .5rem}.step-n{width:52px;height:52px;color:var(--teal);background:#00d4a014;border:1px solid #00d4a04d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.1rem;font-family:Rajdhani,sans-serif;font-size:1.3rem;font-weight:700;display:flex}.step h4{margin-bottom:.4rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700}.step p{color:var(--muted);font-size:.83rem}.pricing{z-index:1;padding:8rem 5%;position:relative}.pricing-inner{text-align:center;max-width:1100px;margin:0 auto}.plans{text-align:left;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:4rem;display:grid}.plan{background:var(--card);border-radius:var(--r);border:1px solid #00d4a01f;padding:2.2rem 1.8rem;transition:transform .3s;position:relative}.plan:hover{transform:translateY(-4px)}.plan.pop{background:linear-gradient(160deg,#00d4a014,#1a6bff0d);border-color:#00d4a073}.pop-badge{background:var(--teal);color:#000;letter-spacing:1px;text-transform:uppercase;border-radius:3px;padding:.28rem 1.1rem;font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plan-tag{letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:.7rem;font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:600}.plan-price{margin-bottom:.2rem;font-family:Rajdhani,sans-serif;font-size:3rem;font-weight:700}.plan-price sup{vertical-align:top;margin-top:.5rem;font-size:1.2rem;display:inline-block}.plan-price span{color:var(--muted);font-size:1rem;font-weight:400}.plan-desc{color:var(--muted);margin-bottom:1.8rem;font-size:.84rem}.plan-list{margin-bottom:2rem;list-style:none}.plan-list li{color:var(--muted);align-items:flex-start;gap:.65rem;margin-bottom:.75rem;font-size:.87rem;display:flex}.plan-list li:before{content:"◆";color:var(--teal);flex-shrink:0;margin-top:.45rem;font-size:.55rem}.testimonials{z-index:1;padding:8rem 5%;position:relative}.testi-inner{max-width:1100px;margin:0 auto}.testi-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3.5rem;display:grid}.testi{background:var(--card);border-radius:var(--r);border:1px solid #00d4a01a;padding:1.8rem;transition:border-color .3s}.testi:hover{border-color:#00d4a059}.testi-stars{color:var(--teal);margin-bottom:.9rem;font-size:.85rem}.testi-txt{color:var(--muted);margin-bottom:1.4rem;font-size:.9rem;font-style:italic;line-height:1.7}.testi-who{align-items:center;gap:.75rem;display:flex}.testi-av{width:38px;height:38px;color:var(--teal);background:#00d4a01f;border:1px solid #00d4a040;border-radius:50%;justify-content:center;align-items:center;font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:700;display:flex}.testi-nm{font-size:.88rem;font-weight:500}.testi-rl{color:var(--muted);font-size:.76rem}.cta{z-index:1;padding:8rem 5%;position:relative}.cta-box{text-align:center;background:linear-gradient(135deg,#00d4a012,#1a6bff0d);border:1px solid #00d4a040;border-radius:20px;max-width:900px;margin:0 auto;padding:5rem 3rem;position:relative;overflow:hidden}.cta-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#00d4a012,#0000 70%);position:absolute;inset:0}.cta-box h2{margin-bottom:.8rem;font-size:clamp(2rem,3.5vw,3rem);position:relative}.cta-box p{color:var(--muted);margin-bottom:2.2rem;font-size:1.02rem;position:relative}.cta-row{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex;position:relative}.cta-input{color:var(--text);background:#ffffff0d;border:1px solid #00d4a033;border-radius:6px;outline:none;width:300px;padding:.8rem 1.3rem;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s}.cta-input::placeholder{color:var(--muted)}.cta-input:focus{border-color:var(--teal)}footer{z-index:1;border-top:1px solid #00d4a01a;padding:4rem 5% 2rem;position:relative}.foot-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.foot-brand p{color:var(--muted);max-width:240px;margin-top:.8rem;font-size:.86rem;line-height:1.7}.foot-col h5{letter-spacing:.5px;margin-bottom:1rem;font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:700}.foot-col ul{list-style:none}.foot-col ul li{margin-bottom:.55rem}.foot-col ul li a{color:var(--muted);align-items:center;gap:.35rem;font-size:.86rem;text-decoration:none;transition:color .2s;display:inline-flex}.foot-col ul li a:hover{color:var(--teal)}.foot-bottom{color:var(--muted);border-top:1px solid #00d4a014;justify-content:space-between;align-items:center;padding-top:1.8rem;font-size:.8rem;display:flex}@media (width<=960px){.hero{grid-template-columns:1fr}.hero-right{display:none}.features-grid{grid-template-columns:1fr}.feat.span2{grid-column:span 1}.plans{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.steps{grid-template-columns:1fr 1fr}.steps:after{display:none}.testi-grid,.dashboard{grid-template-columns:1fr}.dash-side{display:none}.kpis{grid-template-columns:1fr 1fr}.charts{grid-template-columns:1fr}.foot-top{grid-template-columns:1fr 1fr}.nav-links{display:none}.hero-stats{flex-direction:column;gap:1.2rem}}