:root {
  --navy: #0d1a2e;
  --gold: #ffb700;
  --white: #ffffff;
  --grey: #f4f6f8;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',Arial,sans-serif;line-height:1.6;color:var(--navy);background:var(--white)}
a{color:var(--gold);text-decoration:none}
.btn{display:inline-block;padding:.9rem 2rem;font-size:1rem;font-weight:600;border-radius:6px;transition:opacity .2s}
.btn-primary{background:var(--gold);color:var(--navy)}
.btn-outline{border:2px solid var(--gold);color:var(--gold)}
.btn:hover{opacity:.9}
.hero{background:var(--navy);color:var(--white);text-align:center;padding:5rem 1.5rem 6rem}
.hero .logo{width:540px;margin-bottom:1.75rem}
.hero h1{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;margin-bottom:1rem}
.hero .tagline{font-size:clamp(1rem,2.2vw,1.35rem);max-width:720px;margin:0 auto 2.5rem;color:var(--grey)}
section{padding:4.5rem 1.25rem;max-width:1100px;margin:0 auto}
section h2{text-align:center;font-size:1.9rem;margin-bottom:3rem}
.services-grid{display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.service-card{border:1px solid var(--grey);border-radius:8px;padding:2rem 1.5rem;text-align:center;transition:transform .2s}
.service-card:hover{transform:translateY(-4px)}
.service-icon{width:52px;height:52px;margin:0 auto 1.1rem;fill:var(--gold)}
.service-card h3{font-size:1.25rem;margin-bottom:.75rem;font-weight:600}
.service-card p{font-size:.95rem}
.contact-wrapper{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center}
form input,form textarea{width:100%;padding:.75rem 1rem;margin-bottom:1.1rem;border:1px solid #ccd1d6;border-radius:6px;font:inherit;font-size:1rem}
form textarea{min-height:140px;resize:vertical}
footer{background:var(--navy);color:var(--white);text-align:center;padding:2rem 1rem;font-size:.9rem}
.hidden{display:none}
@media(max-width:600px){.hero{padding-top:4rem;padding-bottom:5rem}.btn-outline{display:block;margin:1rem auto 0}}