/* styles.css */
html {
    scroll-behavior: smooth;
}


body { font-family: 'Inter', sans-serif; margin:0; line-height:1.6; color:#333; }
.header { display:flex; justify-content:space-between; padding:1em 2em; background:#4f97e7; color:white; }
.header a { color:white; margin-left:1em; text-decoration:none; }
.hero { text-align:center; background:#eef5fc; padding:4em 1em; }
.hero h1 { font-size:2.5rem; margin-bottom:0.5em; }
.btn { background:#4f97e7; color:white; padding:.75em 1.5em; border:none; border-radius:4px; text-decoration:none; }
.listings { padding:2em; max-width:1000px; margin:auto; }
.contact { background:#f5f5f5; padding:2em; margin-top:2em; text-align:center; }
.footer { background:#333; color:white; text-align:center; padding:1em; margin-top:2em; }
.map {
    margin: 1em 0;
    border: 2px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.map iframe {
    display: block;
    width: 100%;
    height: 300px;
    border: none;
}