/* EquiParental — styles.css (douceur pastel, typographie Poppins) */
:root{
  --bg: #FFFFFF;
  --muted: #F6F6F6;
  --blue: #A6C8E0;
  --accent: #F6B6A8;
  --text: #333333;
  --card: #FAFBFC;
  --radius: 14px;
}
*{box-sizing:border-box}
body{font-family:'Poppins',sans-serif;background:var(--muted);color:var(--text);margin:0;line-height:1.5}
.container{max-width:1000px;margin:0 auto;padding:24px}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;text-decoration:none;color:inherit}
.logo{width:72px;height:72px;object-fit:contain;border-radius:10px;margin-right:12px;background:white;padding:6px;box-shadow:0 6px 18px rgba(20,30,40,0.06)}
.brand-text h1{margin:0;font-size:20px;letter-spacing:0.2px}
.tagline{margin:2px 0 0;font-size:13px;color:#606b73}

.nav a{margin-left:16px;text-decoration:none;color:var(--text);font-weight:500}
.button{display:inline-block;background:var(--blue);color:#07314a;padding:10px 16px;border-radius:10px;text-decoration:none;border:none;font-weight:600;cursor:pointer}
.button.ghost{background:transparent;border:2px solid rgba(7,49,74,0.08)}
.button.small{padding:6px 10px;font-size:14px;border-radius:8px}

.hero{padding:48px 0;background:linear-gradient(180deg, rgba(166,200,224,0.18), rgba(246,182,168,0.03));border-bottom-left-radius:30px;border-bottom-right-radius:30px}
.hero-inner{display:flex;gap:24px;align-items:stretch}
.hero-text{flex:1;padding:18px}
.hero-text h2{font-size:28px;margin:0 0 8px;color:#11324a}
.lead{font-size:16px;color:#334b56;margin-bottom:18px}

.hero-card{width:360px;background:var(--card);padding:18px;border-radius:14px;box-shadow:0 6px 24px rgba(18,30,40,0.06)}

.section{padding:40px 0;background:transparent;border-radius:12px;margin-top:18px}
.section h2{margin-top:0;color:#11324a}
.boxed{background:#fff7f6;border-left:4px solid var(--accent);padding:12px;border-radius:10px;margin:12px 0}
.signature{margin-top:18px;font-weight:600}

.services-list{list-style:none;padding:0}
.services-list li{background:linear-gradient(180deg,rgba(166,200,224,0.08),transparent);padding:12px;border-radius:10px;margin:10px 0}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-card{background:white;padding:16px;border-radius:12px;box-shadow:0 6px 18px rgba(18,30,40,0.04)}

label{display:block;margin-top:10px;font-size:14px}
input[type="text"],input[type="email"],textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e6eef4;margin-top:6px;font-family:inherit}
.small{font-size:13px;color:#55636a;margin-top:8px}

.site-footer{padding:18px 0;background:transparent;border-top:1px solid rgba(10,20,30,0.03);margin-top:28px;text-align:center;color:#47585a;font-size:14px}

/* Responsive */
@media(max-width:880px){
  .hero-inner{flex-direction:column}
  .contact-grid{grid-template-columns:1fr}
  .nav{display:none}
  .brand-text h1{font-size:18px}
}