:root{
    --blue-900:#00264d;
    --blue-700:#004080;
    --blue-500:#0077b6;
    --bg:#eaf4ff;
}
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;margin:0;color:var(--blue-900);background:var(--bg)}
.wrap{width:90%;max-width:1100px;margin:0 auto;padding:2rem 0}
.site-header{background:linear-gradient(90deg,var(--blue-700),var(--blue-500));color:#fff;padding:.75rem 0}
.site-header h1{margin:0;font-size:1.4rem;display:inline-block}
.main-nav{float:right}
.main-nav a{color:#fff;margin-left:1rem;text-decoration:none;font-weight:600}
.hero{padding:4rem 0;text-align:center;background:linear-gradient(180deg,rgba(0,60,120,.08),transparent)}
.hero h2{font-size:2rem;margin-bottom:.5rem}
.btn{display:inline-block;padding:.6rem 1rem;background:var(--blue-700);color:#fff;border-radius:6px;text-decoration:none;margin-top:1rem}
.content{padding:3rem 0}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;max-width:1000px;margin:1rem auto}
.service{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 6px 18px rgba(2,38,77,.06)}
.site-footer{background:var(--blue-900);color:#fff;padding:1rem 0;text-align:center;margin-top:2rem}
.contact-form{max-width:700px;margin:1rem auto;text-align:left}
.contact-form label{display:block;margin-top:.5rem;font-weight:600}
.contact-form input,.contact-form textarea{width:100%;padding:.6rem;border-radius:6px;border:1px solid #cfe6ff;margin-top:0.25rem}
.center{text-align:center}