:root{--n:#04182e;--b:#076eff;--c:#0ee7ed;--w:#f7f9ff;--max:1160px}*{box-sizing:border-box}body{margin:0;font:16px Arial,sans-serif;line-height:1.55;color:#082045}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}header{height:75px;background:var(--n);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2))}header b,footer h2{font-size:2rem}header span,footer span{color:var(--c)}nav{display:flex;gap:1.6rem}nav a{color:#fff;text-decoration:none;font-size:.8rem}.hero{min-height:620px;position:relative;color:#fff;overflow:hidden}.hero img{position:absolute;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,16,36,.94),rgba(2,16,36,.6) 42%,transparent 75%)}.hero div{position:relative;z-index:1;width:min(var(--max),calc(100% - 48px));margin:auto;padding-top:145px}.hero div>p:first-child,.intro>div>p,.services p:first-child,.cats>div>p{color:var(--c);font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;font-weight:bold}h1,h2{line-height:1.02;letter-spacing:-.05em}h1{font-size:clamp(3.2rem,6vw,6rem);max-width:700px}.hero div>p:last-child{max-width:500px;font-size:1.1rem}.flow{display:flex;justify-content:center;gap:0;background:#eaf1ff}.flow span{padding:25px 7vw;font-weight:bold;border-right:1px solid #b8c8e9}.intro,.cats{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:8rem}.intro h2,.services h2,.cats h2{font-size:clamp(2.3rem,4vw,4rem)}.intro>p{margin-top:3rem;font-size:1.1rem}.services{background:var(--n);color:#fff;padding:88px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article{border:1px solid #33618c;padding:24px;min-height:190px}.cards h3{color:var(--c);line-height:1.1}.cards p{font-size:.9rem}.cats{align-items:center}.cats strong{font-size:1.75rem;color:var(--b)}.cats>p{grid-column:2}.cats{padding-bottom:90px}footer{background:#031326;color:#fff;padding:65px 0}footer address,footer a{display:block;margin:.7rem 0;color:#fff;text-decoration:none}@media(max-width:700px){header{padding:0 20px}nav{gap:.8rem;font-size:.7rem}.hero div{padding-top:150px}.flow{display:grid;grid-template-columns:1fr}.flow span{padding:16px 24px}.intro,.cats{grid-template-columns:1fr;gap:1.2rem;padding:70px 0}.intro>p,.cats>p{grid-column:auto;margin:0}.cards{grid-template-columns:1fr 1fr}.services{padding:70px 0}}