
:root{--bg:#080f20;--panel:#101c32;--panel2:#14223c;--blue:#087bff;--cyan:#43caff;--orange:#ff9e12;--muted:#9caecb;--white:#f7faff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.container{width:min(1160px,calc(100% - 48px));margin:auto}.glow{position:absolute;pointer-events:none;filter:blur(90px);border-radius:50%;opacity:.22}.topglow{width:560px;height:560px;background:#005cff;top:-250px;right:-160px}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand img{height:44px;width:44px;object-fit:contain}.brandname{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:20px;letter-spacing:-1px}.brandname span{color:var(--cyan)}.brandname b{color:var(--orange)}.links{display:flex;gap:32px;align-items:center;color:#c8d5ea;font-size:14px}.links a:hover{color:white}.btn{border:1px solid transparent;border-radius:12px;padding:14px 22px;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-weight:700;font-size:14px;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(110deg,#006cff,#1597ff);box-shadow:0 12px 30px #006cff38;color:white}.outline{border-color:#314560;background:#ffffff06;color:white}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{padding:92px 0 110px;position:relative}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid #2a4970;border-radius:50px;padding:9px 14px;color:#9ddaff;background:#0a26435c;font-size:12px;font-weight:800;letter-spacing:1px}.dot{width:7px;height:7px;background:#48caff;border-radius:50%;box-shadow:0 0 14px #48caff}.hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(40px,4.3vw,66px);letter-spacing:-2.8px;line-height:1.16;margin:26px 0}.gradient{background:linear-gradient(100deg,#2187ff,#61e0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.section-desc{font-size:17px;line-height:1.85;color:var(--muted);max-width:590px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.tiny{margin-top:29px;color:#849bbd;font-size:13px}.tiny strong{color:#d4e3f7}.dashboard{border:1px solid #2c4569;background:linear-gradient(135deg,#182b4a,#0d1729);padding:15px;border-radius:22px;box-shadow:0 40px 100px #0009;transform:rotate(1.5deg);position:relative}.dashhead{display:flex;justify-content:space-between;align-items:center;padding:7px 8px 19px;color:#a4b6d1;font-size:12px}.pills{display:flex;gap:6px}.pills i{width:8px;height:8px;background:#3b526e;border-radius:50%}.mock{display:grid;grid-template-columns:112px 1fr;background:#0b1527;border-radius:12px;overflow:hidden;min-height:342px}.sidebar{padding:18px 12px;border-right:1px solid #26334c;background:#0e1b30}.sideicon{font-size:12px;color:#91a4c3;padding:11px 8px;border-radius:7px;white-space:nowrap}.sideicon.active{background:#0b64d536;color:#75baff}.mainmock{padding:23px 18px}.mocktitle{font-size:16px;font-weight:800}.mocksub{font-size:10px;color:#7892b5;margin:6px 0 20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{padding:12px;background:#142440;border:1px solid #263d5b;border-radius:10px}.stat small{font-size:9px;color:#93a9c7}.stat strong{display:block;font-size:23px;margin:6px 0}.stat em{font-style:normal;color:#5de1b4;font-size:9px}.chart{margin-top:13px;border:1px solid #263d5b;background:#12223a;border-radius:11px;padding:15px}.charttop{display:flex;justify-content:space-between;font-size:11px}.bars{height:110px;display:flex;align-items:end;gap:10px;margin-top:18px;border-bottom:1px solid #38506e}.bars i{flex:1;display:block;border-radius:4px 4px 0 0;background:linear-gradient(#31c9ff,#0662d9);opacity:.8}.float{position:absolute;right:-22px;bottom:-26px;border:1px solid #3a5b80;border-radius:13px;background:#1b3151;padding:14px 18px;box-shadow:0 18px 40px #0008;font-size:12px}.float strong{display:block;color:#5ce4b9;margin-top:5px;font-size:16px}section{scroll-margin-top:90px}.section{padding:95px 0}.section.light{background:#0d182b}.center{text-align:center}.tag{font-size:12px;font-weight:800;letter-spacing:2px;color:#50caff}.section h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(30px,3.4vw,43px);letter-spacing:-1.4px;margin:15px 0}.section-desc.center{margin:0 auto 44px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #263b58;border-radius:18px;padding:28px;background:linear-gradient(150deg,#14233b,#101a2d);transition:.2s}.card:hover{border-color:#178bff;transform:translateY(-4px)}.icon{display:grid;place-items:center;width:49px;height:49px;background:#096cf22b;border:1px solid #187cff50;border-radius:13px;font-size:24px;margin-bottom:24px}.card h3{font-size:19px;margin:0 0 10px}.card p{color:#9db0cc;line-height:1.7;font-size:14px;margin:0 0 20px}.card small{color:#5bcaff;font-weight:800}.featuregrid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.featurelist{display:grid;gap:21px;margin-top:30px}.feature{display:flex;gap:15px;align-items:start}.check{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;background:#126ff92c;color:#54c6ff;border-radius:9px}.feature strong{font-size:16px}.feature p{margin:6px 0 0;color:#9badc7;font-size:14px;line-height:1.7}.featurevisual{border:1px solid #284568;border-radius:24px;background:radial-gradient(circle at 80% 15%,#0c66bf60,transparent 55%),#122039;padding:35px;min-height:390px;display:flex;flex-direction:column;justify-content:center;gap:15px}.featurebox{padding:19px;background:#162c4b;border:1px solid #325176;border-radius:13px;display:flex;justify-content:space-between;align-items:center}.featurebox b{font-size:14px}.featurebox span{color:#6fe1bd;font-size:12px}.featurebox:nth-child(2){margin-left:36px}.featurebox:nth-child(3){margin-left:15px}.cta{background:linear-gradient(115deg,#083a8a,#075bcb 60%,#0c86c5);border:1px solid #3989e0;border-radius:25px;padding:64px 35px;text-align:center;position:relative;overflow:hidden}.cta h2{margin-top:0}.cta p{color:#d0e5ff;margin:0 auto 26px;max-width:560px;line-height:1.8}.cta .btn{background:white;color:#0750a3}.footer{padding:34px 0;border-top:1px solid #20314c;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#8498b5;font-size:13px}.footer .brand img{height:33px;width:33px}.footer .brandname{font-size:16px}.footer a:hover{color:white}@media(max-width:900px){.hero-grid,.featuregrid{grid-template-columns:1fr}.hero{padding:55px 0 80px}.dashboard{max-width:620px;margin:30px auto 0}.cards{grid-template-columns:repeat(2,1fr)}.links{gap:17px}.links .navbtn{display:none}}@media(max-width:640px){.container{width:min(100% - 34px,1160px)}.nav{height:75px}.brandname{font-size:17px}.brand img{height:38px;width:38px}.menu{display:block}.links{display:none;position:absolute;top:70px;left:0;right:0;padding:20px;background:#14243e;border:1px solid #2d4361;border-radius:14px;flex-direction:column;align-items:stretch}.links.open{display:flex}.hero h1{letter-spacing:-1.6px}.hero p{font-size:15px}.cards{grid-template-columns:1fr}.section{padding:70px 0}.dashboard{transform:none}.float{right:5px;bottom:-28px}.mock{grid-template-columns:83px 1fr}.sidebar{padding:12px 6px}.sideicon{font-size:10px;padding:10px 4px}.mainmock{padding:17px 9px}.stat{padding:9px 6px}.stat strong{font-size:17px}.stats{gap:5px}.featurevisual{padding:20px;min-height:300px}.footer{flex-direction:column;text-align:center}.cta{padding:48px 18px}}
