*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#101827}a{text-decoration:none;color:inherit}.top-header{height:150px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 11%;gap:30px}.call-box{display:flex;align-items:center;gap:12px;color:#0077ff}.phone-icon{font-size:34px}.call-box small{display:block;color:#333}.call-box strong{font-size:22px}.brand{display:flex;align-items:center;gap:18px;text-align:left}.brand img{height:92px;width:92px;object-fit:contain}.brand h1{text-transform:uppercase;font-size:34px;letter-spacing:2px}.brand p{color:#0077ff;font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:12px}.login-btn,.primary-btn{background:#0077ff;color:#fff;font-weight:800;border-radius:8px;padding:18px 30px;display:inline-block;box-shadow:0 10px 28px rgba(0,119,255,.25)}.main-nav{height:78px;background:#0077ff;color:#fff;display:flex;justify-content:center;align-items:center;gap:45px;font-size:21px;font-weight:700}.main-nav a:hover{opacity:.75}.hero{height:610px;position:relative;background:linear-gradient(rgba(0,0,0,.50),rgba(0,0,0,.50)),url('bg-tech.svg');background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,119,255,.2),transparent 30%),radial-gradient(circle at 80% 30%,rgba(0,119,255,.24),transparent 25%)}.hero-content{position:relative;max-width:850px;padding:20px}.hero h2{font-size:54px;line-height:1.1;margin-bottom:22px}.hero p{font-size:22px;line-height:1.55;color:#eef5ff}.rating{margin:46px auto 28px;display:flex;align-items:center;justify-content:center;gap:16px}.rating span{height:70px;width:70px;border-radius:50%;display:grid;place-items:center;background:#0077ff;color:#fff;font-weight:900;font-size:22px}.rating p{font-size:18px}.intro{padding:70px 11%;background:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.blue-title{color:#0077ff;font-weight:800;font-size:20px;margin-bottom:14px}.intro h2,.section h2,.process h2,.contact h2{font-size:40px;margin-bottom:20px}.intro p:last-child{font-size:20px;line-height:1.7;color:#394150}.section{padding:80px 11%;background:#f5f7fb}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}.card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 14px 40px rgba(16,24,39,.08);border:1px solid #e7ebf2}.card span{font-size:42px}.card h3{margin:18px 0 12px;font-size:23px}.card p{color:#4a5565;line-height:1.65}.process{padding:80px 11%;background:#07111f;color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:35px}.steps div{background:#0d1c31;border:1px solid rgba(0,119,255,.5);padding:28px;border-radius:18px}.steps b{height:52px;width:52px;background:#0077ff;border-radius:50%;display:grid;place-items:center;font-size:24px;margin-bottom:18px}.steps h3{font-size:22px;margin-bottom:10px}.steps p{color:#b8c6d8;line-height:1.6}.light{background:#fff}.wide{font-size:20px;line-height:1.7;max-width:950px;color:#394150}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.sector-grid div{background:#fff;border-left:6px solid #0077ff;border-radius:12px;padding:24px;font-size:22px;font-weight:800;box-shadow:0 12px 28px rgba(16,24,39,.07)}.contact{padding:90px 11%;background:linear-gradient(135deg,#07111f,#003e8a);color:#fff}.contact-panel{background:#fff;color:#101827;border-radius:20px;padding:48px;max-width:1100px;margin:auto;box-shadow:0 20px 60px rgba(0,0,0,.25)}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:35px 0}.contact-grid div{background:#f5f7fb;border-radius:12px;padding:20px}.contact-grid strong{display:block;color:#0077ff;margin-bottom:8px}.contact-grid span{color:#394150}footer{background:#03070d;color:#b8c6d8;display:flex;justify-content:space-between;padding:28px 11%;font-weight:700}@media(max-width:1000px){.top-header{height:auto;padding:25px 5%;flex-direction:column}.main-nav{height:auto;flex-wrap:wrap;padding:20px;gap:22px}.intro,.service-grid,.steps,.sector-grid,.contact-grid{grid-template-columns:1fr}.hero h2{font-size:40px}footer{flex-direction:column;gap:10px}.brand h1{font-size:28px}}