:root{--ink:#0A3D62;--line:#E2E8F0;--bg:#F8FAFC;--text:#0F172A}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.container{width:min(1100px,92%);margin-inline:auto}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}
.brand{display:flex;gap:.5rem;align-items:center;font-weight:800}
.site-nav a{margin:0 .4rem;padding:.4rem .6rem;border-radius:.5rem}
.site-nav a.active{background:#E6F0F8}
.site-nav a,.site-nav a:visited{color:#0A3D62;text-decoration:none}
.site-nav a:hover{color:#063451;text-decoration:underline}
.page.container{padding:2rem 0}
.card{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
footer{margin-top:3rem;background:#0B1520;color:#E2E8F0}
footer .container{padding:1.5rem 0}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.hero .container h1{animation:fadeUp .9s ease-out .1s both}
.hero .container p{animation:fadeUp .9s ease-out .25s both}
.hero .container .btn{animation:fadeUp .9s ease-out .4s both}
@media(max-width:900px){.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.grid-3{grid-template-columns:1fr}}
.btn{display:inline-block;padding:.6rem .9rem;border:1px solid #93C5FD;background:#EAF3FB;color:#0A3D62;border-radius:.7rem;font-weight:700}


/* --- Alignement propre des cartes Produits/Secteurs (patch) --- */
.grid-3{align-items:stretch}
.card{display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.6rem;margin:.3rem 0}
.card h3{margin:0 0 .4rem;line-height:1.25;min-height:2.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card p{margin:.25rem 0 0;line-height:1.5;min-height:5.5rem}
.card .btn{margin-top:auto}

/* Industra: normalize product card images */
.card img.card-img-top {
  display: block;
  margin: 0 auto 15px auto;
  max-width: 220px;
  height: auto;
}