/* Sectors — parité React SectorsSection : badge + cartes hover */
.essik-sectors-section { padding: 5rem 1.25rem; background: #fff; }
.essik-sectors-inner { max-width: 80rem; margin: 0 auto; }
.essik-sectors-header { text-align: center; max-width: 48rem; margin: 0 auto 3.5rem; }
.essik-sectors-eyebrow { display: inline-flex; align-items: center; padding: .25rem .75rem; border-radius: 9999px; background: #FFF7ED; color: #FF5500; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.essik-sectors-title { margin: .75rem 0 0; font-size: 1.875rem; line-height: 1.15; font-weight: 800; letter-spacing: -.02em; color: #0f172a; }
@media (min-width: 640px) { .essik-sectors-title { font-size: 2.25rem; } }
.essik-sectors-description { margin: .75rem auto 0; font-size: 1rem; line-height: 1.7; color: #475569; max-width: 44rem; }
@media (min-width: 640px) { .essik-sectors-description { font-size: 1.125rem; } }
.essik-sectors-grid { display: grid; gap: 1.25rem; grid-template-columns: 1fr; }
@media (min-width: 640px) { .essik-sectors-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 768px) { .essik-sectors-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .essik-sectors-grid { grid-template-columns: repeat(4, 1fr); } }
.essik-sector-card { padding: 1.25rem; border-radius: 1rem; background: rgba(248,250,252,.7); border: 1px solid rgba(226,232,240,.8); display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease; }
.essik-sector-card:hover { border-color: rgba(255,85,0,.5); background: #fff; box-shadow: 0 15px 35px rgba(0,0,0,.08); }
.essik-sector-iconbox { width: 2.5rem; height: 2.5rem; border-radius: .75rem; background: rgba(255,237,213,.7); color: #FF5500; display: flex; align-items: center; justify-content: center; margin-bottom: .875rem; font-size: 1.15rem; transition: background-color .3s ease, color .3s ease; }
.essik-sector-iconbox svg, .essik-sector-iconbox i { width: 1.25rem; height: 1.25rem; font-size: 1.15rem; }
.essik-sector-card:hover .essik-sector-iconbox { background: #FF5500; color: #fff; }
.essik-sector-title { margin: 0 0 .5rem; font-size: .95rem; font-weight: 800; color: #0f172a; transition: color .2s ease; }
.essik-sector-card:hover .essik-sector-title { color: #FF5500; }
.essik-sector-card-desc { margin: 0 0 .75rem; font-size: .75rem; line-height: 1.7; color: #475569; }
.essik-sector-cases { display: flex; flex-direction: column; gap: .25rem; }
.essik-sector-case { display: flex; align-items: center; gap: .375rem; font-size: .68rem; color: #64748b; }
.essik-sector-case span:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.essik-sector-check { color: #FF5500; font-size: .7rem; flex-shrink: 0; }
.essik-sector-foot { padding-top: .75rem; margin-top: .75rem; border-top: 1px solid #f1f5f9; }
.essik-sector-cta { display: flex; align-items: center; justify-content: space-between; gap: .5rem; font-size: .75rem; font-weight: 700; color: #FF5500; text-decoration: none; }
.essik-sector-cta:hover { text-decoration: underline; }