body{margin:0;font-family:Arial,sans-serif;background:#f9f9f9;color:#222;line-height:1.6}
.site-header{background:#1665c4;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.site-header a{color:#fff;margin:0 .5rem;text-decoration:none}
.site-header .cta{background:#fff;color:#1665c4;padding:.4rem .8rem;border-radius:6px}
.hero{position:relative;text-align:center;color:#fff}
.hero-img{width:100%;height:60vh;object-fit:cover;filter:brightness(0.6)}
.hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.hero-text h1{font-size:2.5rem;margin:0}
.btn.primary{background:#1665c4;color:#fff;padding:.8rem 1.2rem;border-radius:8px;text-decoration:none}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;padding:1rem}
.features article{background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);overflow:hidden}
.features img{width:100%;height:180px;object-fit:cover}
.features h2{margin:.5rem}
.page{padding:1rem 2rem;max-width:900px;margin:auto;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.page h1{margin-top:0}
.site-footer{text-align:center;padding:1rem;background:#333;color:#fff;margin-top:2rem}