*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17283d;line-height:1.6}a{text-decoration:none}.wrap{width:min(1160px,92%);margin:auto}header{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #e1e8ee}.nav{height:76px;display:flex;justify-content:space-between;align-items:center}.logo{width:180px;max-height:65px;object-fit:contain}.nav nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:bold;color:#24405c}.navbtn{background:#082a55;color:#fff;padding:10px 16px;border-radius:7px}.hero{background:linear-gradient(135deg,#f4faff,#fff);padding:90px 0}.heroGrid,.two{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.hero small,section>div>small{color:#0876d1;font-weight:bold;letter-spacing:2px}.hero h1,h2{color:#082a55;line-height:1.12}.hero h1{font-size:58px;letter-spacing:-2px;margin:14px 0}.hero h1 span{color:#0876d1}.hero p,.lead{color:#627488;font-size:17px}.btn{display:inline-block;background:#0876d1;color:#fff;padding:13px 20px;border-radius:7px;font-weight:bold;margin:18px 8px 18px 0}.ghost{background:#fff;color:#082a55;border:1px solid #cad8e3}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips b{font-size:11px;border:1px solid #d8e3eb;border-radius:20px;padding:6px 10px;color:#50677d}.mock{background:#082a55;border-radius:18px;padding:23px;color:#b7d2e8;box-shadow:0 20px 55px #082a5530}.mock label{font-size:11px;letter-spacing:1px}.dash{background:#fff;color:#082a55;border-radius:10px;padding:20px;margin-top:15px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.cards i{font-style:normal;background:#f2f6f9;padding:12px;border-radius:7px;color:#718397;font-size:11px}.cards b{font-size:18px;color:#082a55}.dash p{border-bottom:1px solid #edf1f4;padding:10px;color:#50677d;font-size:12px}.mock>small{display:block;margin-top:12px}.bar{background:#082a55;color:#fff}.bar .wrap{padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px}.bar span{color:#aac2d7}.section{padding:90px 0}.section h2,.about h2,.cta h2{font-size:44px;margin:12px 0 15px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:40px}.grid4 article{border:1px solid #dce5ec;border-radius:12px;padding:24px;background:#fff}.grid4 em{color:#0876d1;font-style:normal;font-weight:bold}.grid4 h3{color:#082a55}.grid4 ul{list-style:none;padding:0;color:#63758a;font-size:13px}.grid4 li{padding:6px 0;border-bottom:1px solid #edf2f5}.grid4 li:before{content:'✓ ';color:#0876d1;font-weight:bold}.light{background:#f3f7fa;padding:85px 0}.flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:35px}.flow b{background:#fff;border:1px solid #dce5ec;border-radius:8px;padding:15px;color:#082a55;font-size:12px}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.screens div{height:180px;border:1px dashed #b7c8d5;border-radius:10px;background:#f5f8fa;display:grid;place-content:center;text-align:center;font-weight:bold;color:#29445e}.screens small{font-weight:normal;color:#8799aa}.about{background:#eef7ff;padding:90px 0}.panel{background:#082a55;color:#fff;padding:30px;border-radius:14px}.panel p{border-bottom:1px solid #ffffff22;padding:10px 0;color:#c2d6e7}.initial{width:125px;height:125px;border-radius:50%;background:linear-gradient(135deg,#0876d1,#082a55);color:#fff;display:grid;place-items:center;font-size:38px;font-weight:bold}.cta{background:linear-gradient(110deg,#082a55,#0b4b82);color:#fff;padding:70px 0}.cta h2{color:#fff}.cta p{color:#c5d7e7}.white{background:#fff;color:#082a55}.outline{background:transparent;border:1px solid #ffffff66;color:#fff}footer{background:#061d38;color:#9db5c8;padding:45px 0;font-size:12px}.flogo{width:180px;background:#fff0}.cta .two{align-items:center}@media(max-width:850px){.heroGrid,.two{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}.screens{grid-template-columns:1fr 1fr}.nav nav a:not(.navbtn){display:none}.hero h1{font-size:45px}.bar .wrap{display:block}.bar span{display:block;margin-top:4px}}@media(max-width:560px){.grid4,.screens{grid-template-columns:1fr}.hero{padding:60px 0}.section,.about,.light{padding:65px 0}.section h2,.about h2,.cta h2{font-size:34px}.flow{display:grid;grid-template-columns:1fr 1fr}.flow b{text-align:center}.logo{width:145px}}