*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172b3d;background:#fff;line-height:1.6}
.header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px clamp(18px,6vw,80px);background:#fff;border-bottom:1px solid #e0e9ef;min-height:112px}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-decoration:none;color:#152536;min-width:0}
.brand img{display:block;width:clamp(210px,29vw,330px);height:auto;max-height:106px;object-fit:contain;object-position:left center}
.brand span{font-size:9px;line-height:1.2;font-weight:800;letter-spacing:2.1px;padding-left:3px;color:#263b50}
.phone,.btn{display:inline-block;text-decoration:none;font-weight:800;border-radius:4px;padding:12px 17px}
.phone,.blue{background:#168bd0;color:white}
.hero{min-height:450px;display:flex;align-items:center;padding:80px clamp(20px,9vw,125px);background:linear-gradient(135deg,#f2f8ff,#ffffff)}
.hero-inner{max-width:720px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#35a7ed;margin:0 0 12px}
h1{font-size:clamp(40px,6vw,66px);line-height:1.04;letter-spacing:-2px;margin:0 0 18px;color:#152536}
.lead{font-size:18px;color:#43586b;max-width:650px}
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.outline{color:#0759c9;border:1px solid #0759c9}
.section{padding:70px clamp(20px,9vw,125px)}
h2{font-size:clamp(30px,4vw,42px);line-height:1.15;margin:0 0 28px;color:#152536}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.services article{background:#fff;border:1px solid #d8e4ed;border-radius:7px;padding:22px}
.services article span{font-size:30px;color:#28a0e8}
.services h3{color:#152536;margin:12px 0 7px}
.services p,.about p,.contact>p:not(.eyebrow){color:#455a6b;margin-bottom:0}
.about{background:#f4f8fc;padding:64px clamp(20px,9vw,125px);display:flex;align-items:center;gap:28px}
.about>div{max-width:760px}
.contact{text-align:center}
.contact-links{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:25px}
.contact-links a{color:#35a7ed;text-decoration:none;font-size:20px;font-weight:800}
.location{font-size:14px}
footer{text-align:center;padding:22px;background:#f4f8fc;color:#4b6070;font-size:13px}
@media(max-width:800px){.services{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.header{align-items:center;padding:10px 14px;gap:10px}.brand img{width:clamp(155px,48vw,230px);max-height:78px}.brand span{font-size:7px;letter-spacing:1.3px}.phone{font-size:10px;padding:10px 9px;white-space:nowrap}.services{grid-template-columns:1fr}.section{padding-top:52px;padding-bottom:52px}.hero{min-height:400px;padding-top:62px;padding-bottom:62px}}

@media(max-width:560px){.brand img{width:min(58vw,235px)}.header{min-height:90px}}