body{
margin:0;
background:#F8F5EF;
color:#2E2E2E;
font-family:'Source Serif 4',serif;
line-height:1.8;
}

.hero{
text-align:center;
padding:80px 20px;
background:linear-gradient(#fcfbf8,#f3eee5);
}

.logo{
max-width:420px;
width:90%;
}

.verse{
color:#17325F;
font-style:italic;
margin-top:25px;
}

h1{
color:#17325F;
font-size:3rem;
margin:.4em 0;
}

.tagline{
font-size:1.3rem;
color:#666;
}

main{
max-width:1000px;
margin:auto;
padding:40px 24px;
}

.panel,.featured,.contact{
background:white;
padding:42px;
border-radius:18px;
box-shadow:0 8px 30px rgba(0,0,0,.08);
margin-bottom:32px;
}

.featured{
text-align:center;
border-top:6px solid #C5A05A;
}

.badge{
background:#17325F;
color:white;
padding:6px 14px;
border-radius:30px;
font-size:.8rem;
letter-spacing:1px;
}

.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-bottom:32px;
}

.card{
background:white;
padding:28px;
border-radius:18px;
box-shadow:0 8px 30px rgba(0,0,0,.08);
}

h2,h3{
color:#17325F;
}

.available{
font-weight:bold;
color:#17325F;
}

.contact{
text-align:center;
}

a{
color:#17325F;
text-decoration:none;
font-weight:bold;
}

footer{
text-align:center;
padding:30px;
color:#666;
}