*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#1a5276;--blue-light:#2980b9;--white:#fff;--gray:#f4f6f8;--dark:#2c3e50;--accent:#e67e22}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--dark);line-height:1.6}
a{color:var(--blue-light);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}
nav{background:var(--blue);padding:1rem 0;position:sticky;top:0;z-index:100}
.nav-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}
.logo{color:var(--white);font-weight:800;font-size:1.4rem}
nav ul{list-style:none;display:flex;gap:1.5rem}
nav ul a,nav .btn{color:var(--white)}
nav ul a.active{font-weight:700;border-bottom:2px solid var(--accent)}
.btn{display:inline-block;background:var(--accent);color:var(--white);padding:.6rem 1.4rem;border-radius:4px;font-weight:600;transition:background .2s}
.btn:hover{background:#d35400}
.btn-lg{padding:.9rem 2rem;font-size:1.1rem}
.hero{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-light) 100%);color:var(--white);padding:5rem 1.5rem;text-align:center}
.hero h1{font-size:2.8rem;margin-bottom:1rem}
.hero p{font-size:1.2rem;max-width:600px;margin:0 auto 2rem;opacity:.9}
.trust{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;font-size:.95rem;opacity:.85;margin-top:2rem}
.page-header{background:var(--blue);color:var(--white);padding:3rem 1.5rem;text-align:center}
.page-header h1{font-size:2.2rem;margin-bottom:.5rem}
.about{padding:4rem 1.5rem;text-align:center}
.about h2{font-size:2rem;margin-bottom:1rem}
.about p{max-width:700px;margin:0 auto;color:#555}
.services-grid{padding:3rem 1.5rem}
.services-grid h2{text-align:center;margin-bottom:2rem}
.service-card{background:var(--gray);border-radius:8px;padding:2rem;text-align:center;transition:transform .2s}
.service-card:hover{transform:translateY(-4px)}
.service-card .icon{font-size:2.5rem;margin-bottom:1rem}
.service-card h3{margin-bottom:.5rem}
.service-card p{color:#555;font-size:.95rem}
@media(min-width:640px){.services-grid .container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}}
.contact{padding:4rem 1.5rem}
.contact .container{display:grid;gap:3rem}
.contact-info h2,.contact-form h2{margin-bottom:1rem}
.contact-info p{margin-bottom:.5rem}
.contact-form label{display:block;margin-bottom:1.2rem}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.7rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;margin-top:.3rem}
footer{background:var(--dark);color:var(--white);padding:2rem 1.5rem;text-align:center}
footer nav{display:flex;gap:1.5rem;justify-content:center;margin-top:.5rem;position:static}
footer a{color:var(--white);opacity:.8}
footer a:hover{opacity:1}
@media(max-width:600px){.hero h1{font-size:2rem}.nav-inner{flex-wrap:wrap;gap:.5rem}.trust{flex-direction:column;align-items:center}}