*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#092c45;background:#fff}
.top{background:#052b43;color:#fff;padding:12px 5%}
.brand{font-size:18px;line-height:1.2}
.brand span{display:block;color:#4bbcf5;letter-spacing:3px;font-weight:700;font-size:13px}
.hero{background:#052b43;color:#fff;padding:0 5% 36px}
.hero-image{padding-top:8px}
.hero-image img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.hero-text{padding-top:14px}
.eyebrow{color:#4bbcf5;letter-spacing:4px;font-weight:800;margin:0}
.hero h1{font-size:36px;line-height:1.1;margin:14px 0}
.hero p{font-size:18px;line-height:1.45}
.actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
.btn{display:block;padding:17px 28px;border-radius:10px;text-decoration:none;font-weight:800;font-size:17px;text-align:center}
.green,.submit{background:#18a44b;color:#fff}
.white{background:#fff;color:#092c45}
.section{padding:34px 7%;max-width:1000px;margin:auto}
.compact-section{padding-bottom:20px}
.section h2{font-size:32px;margin:0 0 14px}
.how{padding-top:18px;padding-bottom:20px}
.steps{display:grid;grid-template-columns:1fr;gap:8px}
.steps div{background:#f3f7f9;border-radius:10px;padding:13px;font-size:17px}
.quote{max-width:860px;padding-top:28px}
form{display:flex;flex-direction:column;gap:10px}
label{font-weight:700;font-size:16px;display:flex;flex-direction:column;gap:6px}
input,select,textarea{width:100%;border:2px solid #bdd0db;border-radius:10px;padding:11px 13px;font:inherit;background:#fff;color:#111;min-height:46px}
textarea{min-height:110px}
.grid,.grid.three{display:grid;grid-template-columns:1fr;gap:10px}
h3{font-size:24px;margin:18px 0 0}
.submit{border:0;border-radius:10px;padding:18px;font-size:20px;font-weight:800;cursor:pointer;margin-top:8px}
.service-area{text-align:center;padding:20px 7% 28px;font-size:17px}
footer{background:#052b43;color:#fff;text-align:center;padding:30px 20px;line-height:1.8}
footer a{color:#0876d9}
@media(min-width:801px){
  .top{padding:16px 6%}
  .brand{font-size:20px}
  .hero{padding:0 6% 42px}
  .hero-image,.hero-text{max-width:1100px;margin:0 auto}
  .hero-image{padding-top:16px}
  .hero-text{padding-top:18px}
  .hero h1{font-size:46px}
  .hero p{font-size:20px}
  .actions{display:flex;gap:16px}
  .grid{grid-template-columns:1fr 1fr}
  .grid.three{grid-template-columns:1fr 1fr 1fr}
  .steps{grid-template-columns:repeat(3,1fr)}
}