:root{--gap:1rem}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;margin:0}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.header{border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.brand img{height:48px}
.links{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}
a{color:#0b5; text-decoration:none}
.btn{border:1px solid #0b5;padding:.5rem .9rem;border-radius:.5rem}
.btn-primary{background:#0b5;color:#fff;border-color:#0b5}
.hero{background:#f7faf8;border-bottom:1px solid #eee}
.hero .inner{padding:3rem 0;text-align:left}
.badge{display:inline-block;background:#eaf7f0;color:#0b5;padding:.25rem .5rem;border-radius:.3rem;margin-bottom:.75rem;font-size:.9rem}
.section{padding:2rem 0}
.split{display:grid;gap:var(--gap);grid-template-columns:1fr;align-items:center}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr}}
.grid-3{display:grid;gap:var(--gap);grid-template-columns:1fr}
@media(min-width:700px){.grid-3{grid-template-columns:repeat(3,1fr)}}
.card{border:1px solid #eee;border-radius:.75rem;overflow:hidden;background:#fff}
.card img{width:100%;height:auto}
.card-body{padding:1rem}
.small{font-size:.9rem;color:#555}
.footer{border-top:1px solid #eee;background:#f8f8f8;padding:1.25rem 0}
.footer .grid{display:grid;gap:var(--gap);grid-template-columns:1fr}
@media(min-width:900px){.footer .grid{grid-template-columns:2fr 1fr 2fr}}
label{display:block;margin-bottom:.75rem}
input,textarea{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:.5rem}
.menu-toggle{font-size:1.3rem;background:#f1f1f1;border:1px solid #ddd;border-radius:.5rem;padding:.35rem .6rem}
@media(min-width:900px){.menu-toggle{display:none} .links{display:flex !important}}