*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#142033;line-height:1.6}a{transition:.2s}.wrap{width:min(1120px,92%);margin:auto}header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e5edf5}.nav{min-height:74px;display:flex;align-items:center;gap:25px}.brand img{width:190px;height:49px;object-fit:contain;display:block}.nav nav{margin-left:auto;display:flex;gap:20px}.nav nav a{text-decoration:none;color:#26364a;font-weight:600}.btn{display:inline-block;padding:14px 22px;border-radius:10px;background:#16a34a;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 22px #16a34a2b}.small{padding:10px 15px}.ghost{background:transparent;border:1px solid #b9cde4;color:#fff;box-shadow:none}.hero,.pagehero{background:linear-gradient(135deg,#061a35,#0b4ea2);color:#fff}.hero{padding:88px 0}.pagehero{padding:72px 0}.pagehero h1{font-size:clamp(40px,6vw,62px);line-height:1.05;margin:0 0 15px}.pagehero p:not(.eyebrow){max-width:700px;font-size:19px;color:#dbeafe}.grid,.split,.about{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:800;color:#1973cf;margin:0 0 10px}.hero .eyebrow,.pagehero .eyebrow{color:#9ed0ff}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.03;margin:0 0 18px}.lead{font-size:20px;color:#dbeafe}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.visual{height:350px;border:1px solid #ffffff22;border-radius:24px;background:#ffffff0c;position:relative}.laptop{position:absolute;left:12%;top:25%;width:70%;height:150px;border:12px solid #17243a;border-radius:12px;background:#0b4ea2;display:grid;place-items:center;font-size:28px;font-weight:900;letter-spacing:4px}.laptop:after{content:"";position:absolute;bottom:-32px;left:-25px;width:calc(100% + 50px);height:20px;background:#aebaca;border-radius:0 0 20px 20px}.console{position:absolute;right:9%;bottom:38px;width:70px;height:105px;border-radius:8px;background:#f4f6f9;box-shadow:0 12px 25px #0005}.visual strong{position:absolute;left:22px;bottom:20px;background:#16a34a;padding:8px 12px;border-radius:99px;font-size:12px}.section{padding:78px 0}.section h2{font-size:38px;line-height:1.1;margin:0 0 18px}.cards,.service-list,.contactgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards{margin-top:30px}.cards article,.service-list article,.contactgrid a{border:1px solid #e1e9f2;border-radius:18px;padding:27px;background:#fff;box-shadow:0 12px 35px #16365d0c}.cards h3,.service-list h3{font-size:22px;margin:8px 0}.cards p,.service-list p,.contactgrid span{color:#5b6c80}.icon{font-size:34px}.link{color:#0b4ea2;font-weight:800;text-decoration:none}.dark{background:#071a33;color:#fff}.dark .eyebrow{color:#65b2ff}.dark p{color:#d5e1ef}.check,.info{border-radius:18px;padding:26px;background:#f5f8fc;color:#142033}.check{background:#ffffff0b;border:1px solid #ffffff18;color:#fff}.check p{padding:10px 0;border-bottom:1px solid #ffffff12;margin:0}.info{display:grid;gap:7px}.contactgrid{grid-template-columns:repeat(3,1fr)}.contactgrid a{text-decoration:none;color:#17253a;display:flex;flex-direction:column}.contactgrid small{color:#1973cf;margin-top:7px}.cta{margin-top:40px;padding:32px;border-radius:18px;background:#f5f8fc}.seo{background:#f7fafc}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:45px 0}.footerlogo{width:180px;height:auto}.foot p{color:#66768a}.copy{text-align:center;padding:18px;border-top:1px solid #e5eaf0;color:#718096;font-size:13px}.float{position:fixed;right:22px;bottom:22px;width:60px;height:60px;border-radius:50%;background:#16a34a;color:#fff;text-decoration:none;display:grid;place-items:center;font-size:28px;box-shadow:0 12px 30px #0003;z-index:30}@media(max-width:800px){.nav nav{display:none}.grid,.split,.about{grid-template-columns:1fr}.cards,.service-list,.contactgrid{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr 1fr}}@media(max-width:520px){.cards,.service-list,.contactgrid,.foot{grid-template-columns:1fr}.brand img{width:160px}.hero{padding:62px 0}.hero h1{font-size:40px}.visual{height:250px}.section{padding:60px 0}}