/* styles.css */
:root {
  --yellow: #ffde33;
  --blue: #1a5fb4;
  --pink: #ff5898;
  --gray: #f4f4f4;
}

*{box-sizing:border-box;margin:0;padding:0;font-family:Verdana,Arial,sans-serif}

body{background:#fff;color:#222;line-height:1.6}

.hero{
  text-align:center;
  background:var(--yellow);
  padding:3rem 1rem;
}

.hero-img{width:160px}

.tagline{font-size:1.2rem;margin:0.5rem 0 1rem}

.cta-btn{
  display:inline-block;
  background:var(--blue);
  color:#fff;
  padding:0.75rem 1.5rem;
  border-radius:4px;
  text-decoration:none;
  transition:opacity 0.2s;
}
.cta-btn:hover{opacity:0.83}

.quote{
  display:flex;
  align-items:center;
  gap:1rem;
  background:var(--gray);
  padding:1rem;
  justify-content:center;
}
.quote img{width:120px;border-radius:4px}

#services,#reviews,#book{padding:2rem 1rem;text-align:center}

.service-list{
  list-style:none;
  max-width:420px;
  margin:1rem auto;
}
.service-list li{
  display:flex;
  justify-content:space-between;
  padding:0.5rem 0.75rem;
  border-bottom:1px dashed #ccc;
}

.fine-print{font-size:0.8rem;margin-top:0.5rem;color:#555}

.review{
  max-width:480px;
  margin:1rem auto;
  background:var(--pink);
  color:#fff;
  padding:1rem;
  border-radius:6px;
}
.review span{display:block;margin-top:0.5rem;font-weight:bold}

form{
  max-width:380px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:0.75rem;
}
label{display:flex;flex-direction:column;text-align:left}
input,select{
  padding:0.5rem;
  border:1px solid #bbb;
  border-radius:4px;
}

footer{
  background:#222;
  color:#ddd;
  text-align:center;
  padding:1.5rem 1rem;
  font-size:0.85rem;
}
.disclaimer{max-width:600px;margin:0.5rem auto;font-style:italic}
