*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Bronova,system-ui,sans-serif;background:#f8f8f6;color:#222;line-height:1.7}
.header{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 6%;background:transparent;transition:.3s;z-index:1000}
.header.scrolled{background:#f8f8f6;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.logo img{height:54px}
nav{display:flex;gap:28px;align-items:center}
nav a{text-decoration:none;color:#222}
.btn{padding:12px 24px;border-radius:999px;background:#123f73;color:#fff;text-decoration:none}
.hero,.cta,.contact{position:relative;min-height:100vh;display:flex;align-items:center}
.hero img,.cta img,.contact img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,.15))}
.content,.cta div,.contact div{position:relative;max-width:700px;padding:8%;color:#fff}
section:not(.hero):not(.cta):not(.contact){padding:100px 8%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin-top:40px}
.grid div{background:#fff;padding:30px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.05)}
footer{background:#111;color:#eee;text-align:center;padding:50px 20px}
footer img{margin-bottom:20px}
@media(max-width:768px){nav{display:none}.hero,.cta,.contact{min-height:80vh}.content,.cta div,.contact div{padding:12%}}