:root{--blue:#0757c9;--navy:#062e6b;--cyan:#00b9e8;--ink:#14233c;--muted:#5f6d82;--bg:#f4f8ff;--line:#dbe6f6;--orange:#ff8b18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55}.wrap{width:min(1140px,calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}.top{background:var(--navy);color:#fff}.top .wrap{min-height:42px;display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.top a{font-weight:800}nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.25rem;font-weight:900;color:var(--navy)}.brand span{color:var(--blue)}.links{display:flex;gap:24px;font-size:.93rem;font-weight:800;color:#324660}.call{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;padding:13px 18px;border-radius:9px;font-weight:900;box-shadow:0 7px 18px rgba(7,87,201,.22);transition:.2s}.call:hover{transform:translateY(-2px);background:#0448aa}.hero{background:linear-gradient(115deg,#eff7ff 0%,#fff 52%,#e8f4ff 100%);padding:78px 0 62px}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:46px}.badge{display:inline-block;border-radius:999px;background:#e5f1ff;color:var(--blue);padding:7px 12px;font-weight:900;font-size:.8rem;text-transform:uppercase;letter-spacing:.4px}.hero h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.06;letter-spacing:-2px;color:var(--navy);margin:16px 0 18px}.hero h1 span{color:var(--blue)}.hero p{font-size:1.1rem;max-width:650px;color:var(--muted);margin:0 0 26px}.actions{display:flex;flex-wrap:wrap;gap:12px}.outline{display:inline-flex;align-items:center;padding:12px 16px;border:1px solid #b7cbe8;border-radius:9px;color:var(--navy);font-weight:900}.trust{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px;font-size:.9rem;font-weight:800;color:#445a78}.trust b{color:var(--blue)}.service-box{position:relative;overflow:hidden;background:#fff;padding:28px;border-radius:25px;border:1px solid #d8e6fb;box-shadow:0 20px 45px rgba(27,76,143,.12)}.service-box:after{content:"";position:absolute;width:155px;height:155px;border-radius:50%;background:#dcefff;right:-45px;top:-45px}.service-box>*{position:relative;z-index:1}.service-box h3{margin:0 0 14px;color:var(--navy);font-size:1.3rem}.devices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.device{padding:11px 9px;background:var(--bg);border-radius:11px;font-size:.9rem;font-weight:900;color:#23436f}.device i{color:var(--cyan);font-style:normal}.quick{margin-top:18px;padding:14px;background:var(--navy);border-radius:13px;color:#fff;font-size:.92rem}.quick strong{display:block;font-size:1rem}section{padding:78px 0}.label{color:var(--blue);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.title{font-size:clamp(1.8rem,3.2vw,2.65rem);line-height:1.12;letter-spacing:-1px;color:var(--navy);margin:8px 0 12px}.intro{max-width:760px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.card{border:1px solid var(--line);border-radius:16px;padding:23px;transition:.2s}.card:hover{box-shadow:0 14px 30px rgba(16,59,119,.1);transform:translateY(-3px)}.icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e7f2ff;color:var(--blue);font-size:1.4rem;font-weight:900}.card h3{color:var(--navy);font-size:1.1rem;margin:14px 0 7px}.card p{color:var(--muted);font-size:.94rem;margin:0}.band{padding:44px 0;background:var(--navy);color:#fff}.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.band h2{margin:0;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.15}.band p{margin:9px 0 0;color:#c8daff}.band .call{background:var(--orange);white-space:nowrap}.why{background:var(--bg)}.why-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:50px;align-items:center}.checks{display:grid;gap:14px;margin-top:24px}.check{display:flex;gap:12px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:12px}.tick{min-width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#dff8ef;color:#0e9464;font-weight:900}.check strong{display:block;color:var(--navy)}.check span{font-size:.92rem;color:var(--muted)}.coverage{background:#fff;border:1px solid #d6e4f7;border-radius:22px;padding:31px;box-shadow:0 16px 35px rgba(9,52,110,.09)}.coverage h3{font-size:1.5rem;color:var(--navy);margin:0 0 12px}.coverage p{color:var(--muted);margin:0 0 19px}.tag{display:inline-block;border:1px solid #d4e5fa;background:#eef5ff;color:#255896;border-radius:999px;padding:8px 11px;margin:0 6px 8px 0;font-size:.87rem;font-weight:800}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.num{color:#b4d3ff;font-size:3.8rem;font-weight:900;line-height:.8}.step h3{color:var(--navy);margin:13px 0 6px}.step p{color:var(--muted);font-size:.95rem;margin:0}.faq{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.faq details{padding:17px;border:1px solid var(--line);border-radius:12px;background:#fff}.faq summary{color:var(--navy);font-weight:900;cursor:pointer}.faq p{color:var(--muted);font-size:.94rem;margin:11px 0 0}footer{background:#061f4a;color:#d6e2f5;padding:43px 0 88px}.foot{display:grid;grid-template-columns:1.3fr .9fr .9fr;gap:30px}.foot h3{color:#fff;margin:0 0 10px}.foot p,.foot a{color:#cad8ee;font-size:.92rem}.foot a{display:block;margin:6px 0}.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:27px;padding-top:18px;color:#9ab2d3;font-size:.85rem}.mobile-call{display:none}@media(max-width:820px){.links{display:none}.hero-grid,.why-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr}.band .wrap{align-items:flex-start;flex-direction:column}.foot{grid-template-columns:1fr 1fr}.top .wrap{justify-content:center}.top span{display:none}}@media(max-width:520px){.wrap{width:min(100% - 28px,1140px)}.navin{height:62px}.navin .call{display:none}.hero{padding:54px 0 36px}.cards,.faq{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.mobile-call{display:block;position:fixed;bottom:0;left:0;right:0;z-index:20;padding:10px 14px;background:#fff;border-top:1px solid var(--line)}.mobile-call .call{display:flex;width:100%;padding:14px}.outline{display:none}}

.footer-area-links {
  grid-column: 1 / -1;
  margin-top: 18px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.footer-area-links h3 {
  color: #ffffff;
  margin: 0 0 14px;
  font-size: 1.05rem;
}

.area-table {
  width: 100%;
  border-collapse: collapse;
}

.area-table td {
  width: 33.33%;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.13);
}

.area-table a {
  color: #cad8ee;
  font-size: 0.88rem;
  line-height: 1.4;
}

.area-table a:hover {
  color: #ffffff;
  text-decoration: underline;
}

@media (max-width: 650px) {
  .area-table,
  .area-table tbody,
  .area-table tr,
  .area-table td {
    display: block;
    width: 100%;
  }

  .area-table td {
    padding: 10px 12px;
  }
}

<------- start img----------->

.hero-image {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(7, 87, 201, 0.22);
}

.hero-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}


<-----------img closed--------------/>