/* -------------------------------------------------------------
   Landing‑page stylesheet – still tiny, but polished for a medical
   aesthetic practice.
------------------------------------------------------------- */

/* Global reset & basics */
*, *::before, *::after { box-sizing: border-box; }
body { font-family: Arial, Helvetica, sans-serif; margin:0; background:#f9f9f9; color:#333; line-height:1.6; }

/* ==== HEADER / FOOTER (unchanged) ==== */
header, footer { background:#2c3e50; color:#fff; padding:1rem; text-align:center; }
nav a { color:#fff; margin:0 .5rem; text-decoration:none; }

/* ==== HERO SECTION ==== */
.hero {
    background:linear-gradient(135deg, #004d40, #26a69a);
    color:#fff;
    padding:4rem 1rem;
    text-align:center;
}
.hero-inner { max-width:800px; margin:auto; }
.hero h1 { font-size:2.8rem; margin-bottom:.5rem; }
.lead { font-size:1.2rem; margin:1rem 0 2rem; }

.btn-primary {
    display:inline-block;
    background:#ff9800;
    color:#fff;
    padding:.75rem 1.5rem;
    border-radius:4px;
    text-decoration:none;
    font-weight:600;
    transition:background .2s;
}
.btn-primary:hover { background:#e68900; }

/* ==== DIVIDER ==== */
.divider { border:none; height:1px; background:#ddd; margin:2.5rem 0; }

/* ==== SERVICES GRID ==== */
.services { text-align:center; padding:0 1rem; }
.services h2 { margin-bottom:1.5rem; color:#2c3e50; }
.grid {
    display:flex;
    flex-wrap:wrap;
    gap:1.5rem;
    justify-content:center;
}
.service-item {
    flex:1 1 260px;
    background:#fff;
    padding:1.5rem;
    border-radius:6px;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
}
.service-item h3 { margin-top:0; color:#ff9800; }
.service-item p { margin:.5rem 0 0; color:#555; }

/* ==== PRACTITIONER BIO ==== */
.about-practitioner { max-width:900px; margin:auto; padding:0 1rem; }
.practitioner-bio {
    display:flex;
    flex-wrap:wrap;
    gap:1.5rem;
    align-items:center;
}
.bio-photo {
    width:180px;
    height:180px;
    object-fit:cover;
    border-radius:50%;
    border:4px solid #ff9800;
}
.bio-text { flex:1; min-width:250px; }

/* ==== CALL‑TO‑ACTION ==== */
.cta { text-align:center; padding:2rem 1rem; background:#e0f2f1; border-radius:6px; }
.cta h2 { margin-bottom:.5rem; color:#004d40; }
.cta .lead { margin:1rem 0 1.5rem; font-size:1.1rem; }
.cta .disclaimer { font-size:.85rem; color:#555; margin-top:1rem; }

/* ==== RESPONSIVE BREAKPOINTS ==== */
@media (max-width:600px) {
    .hero h1 { font-size:2rem; }
    .grid { flex-direction:column; }
    .practitioner-bio { flex-direction:column; text-align:center; }
}