:root{--navy:#08294b;--blue:#087cff;--ink:#102b4d;--muted:#60758f;--bg:#f4f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}.top{height:82px;display:flex;align-items:center;gap:34px;padding:0 4%;position:sticky;top:0;background:#fff;z-index:10;box-shadow:0 1px 10px #001b3b12}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none}.brand .bars{font-size:28px;letter-spacing:-5px;color:#467aa8}.brand b{font-size:29px;line-height:.75}.brand small{display:block;font-size:11px;letter-spacing:4px;margin-top:8px}.brand i{font-size:12px;font-style:normal;border-left:1px solid #ccd8e5;padding-left:13px;line-height:1.5}.top nav{display:flex;gap:27px;margin-left:auto}.top nav a{color:#172b43;text-decoration:none;font-size:14px}.outline,.primary,.secondary{padding:13px 22px;border-radius:7px;text-decoration:none;font-weight:bold}.outline{border:1px solid var(--blue);color:var(--blue)}.hero{min-height:500px;padding:58px 4%;display:grid;grid-template-columns:43% 57%;align-items:center;color:#fff;background:radial-gradient(circle at 75% 45%,#165a8b 0,#0b3b65 24%,#062644 58%,#041a30 100%);overflow:hidden}.eyebrow{font-size:12px;letter-spacing:1.5px;color:#b8dfff}.hero h1{font-size:50px;line-height:1.03;margin:14px 0}.hero h1 em{font-style:normal;color:#1b9bff;display:block}.hero p{font-size:17px;line-height:1.6;max-width:660px;color:#e2edf7}.actions{display:flex;gap:14px;margin:30px 0}.primary{background:var(--blue);color:white}.secondary{border:1px solid #dbeaff;color:white}.trust{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;color:#dbeeff}.mock{position:relative;height:390px}.screen{position:absolute;left:5%;top:15px;width:78%;height:330px;background:#091726;border:8px solid #192c3e;border-radius:17px;padding:13px;box-shadow:0 30px 55px #0008}.screen-head{display:flex;justify-content:space-between;padding:7px;color:white}.dash{height:260px;background:#f6f9fd;color:#173554;display:grid;grid-template-columns:25% 75%;border-radius:5px;overflow:hidden}.dash aside{background:#092d50;color:#e6f1fa;padding:22px;line-height:2.3;font-size:12px}.dash section{padding:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cards b{background:#e7f7ef;padding:12px;border-radius:7px;font-size:10px}.cards b:nth-child(2){background:#e8f2ff}.cards b:nth-child(3){background:#f0eaff}.cards strong{font-size:17px}.chart{margin-top:18px;background:white;padding:18px;height:125px;border-radius:8px}.line{color:#087cff;font-size:26px;margin-top:25px;letter-spacing:5px}.phone{position:absolute;right:3%;bottom:10px;width:145px;height:280px;border:8px solid #12202e;border-radius:28px;background:#0b4d7d;padding:22px 10px;color:white;text-align:center;box-shadow:0 25px 35px #0008}.phone small{display:block}.phone div{background:white;color:#173554;margin-top:18px;padding:18px 4px;line-height:1.7;border-radius:8px;font-size:11px}.section{padding:35px 3.5% 45px;background:#f7faff}.section h2{font-size:30px;margin:0}.section-title p{color:var(--muted)}.products{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:22px}.products article{background:white;border:1px solid #dce7f2;border-radius:9px;padding:9px;box-shadow:0 5px 18px #11365b0d}.products article.featured{border:2px solid var(--blue)}.pic{height:100px;border-radius:7px;background:linear-gradient(135deg,#d9e8f5,#f3f8fc);display:grid;place-items:center}.pic span,.plus{font-size:45px}.products h3{font-size:15px;margin:14px 6px 7px}.products p{font-size:12px;line-height:1.45;color:var(--muted);height:50px;margin:0 6px}.card-actions{display:flex;gap:5px;margin-top:12px}.card-actions a{font-size:10px;text-decoration:none;border:1px solid var(--blue);color:var(--blue);padding:8px;border-radius:5px;flex:1;text-align:center}.card-actions .fill{background:var(--blue);color:white}.stats{margin:0 3.5% 30px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e1eaf4;border-radius:10px}.stats div{padding:25px;text-align:center}.stats strong{font-size:25px;display:block}.stats span{font-size:12px;color:var(--muted)}.login-links{text-align:center;padding:50px 4%;background:#eef6ff}.login-links h2{font-size:30px;margin:0}.login-links p{color:var(--muted)}.login-links a,.cta a{display:inline-block;padding:13px 24px;margin:8px;border-radius:6px;text-decoration:none;background:var(--blue);color:#fff;font-weight:bold}.cta{background:linear-gradient(90deg,#061f36,#0a3859);color:#fff;padding:38px 4%;display:flex;justify-content:space-between;align-items:center}.cta h2{font-size:30px;margin:0}.cta p{max-width:620px;color:#dce9f4}.cta a:last-child{background:transparent;border:1px solid white}footer{padding:32px 4%;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer b{font-size:21px}footer p{color:var(--muted)}footer span{margin-left:auto;color:var(--muted);font-size:12px}@media(max-width:1000px){.top nav{display:none}.hero{grid-template-columns:1fr}.hero h1{font-size:40px}.mock{margin-top:25px}.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.brand i{display:none}.hero{padding-top:40px}.hero h1{font-size:34px}.mock{height:300px}.screen{width:90%;height:260px}.dash{height:190px}.dash aside{padding:8px;line-height:2}.chart{display:none}.phone{display:none}.products{grid-template-columns:1fr}.products p{height:auto}.stats{grid-template-columns:1fr 1fr}.cta{display:block}.top{gap:8px}.outline{padding:10px}.trust{gap:10px}}