/* ==========================================================================
   ICON GRID ("Restez focus")
   ========================================================================== */
.icon-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 44px;
}
.icon-card{
  display:flex;
  align-items:center;
  gap: 14px;
  padding: 22px 24px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s ease;
}
.icon-card:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow-soft);
  border-color: transparent;
}
.icon-card img{ width: 40px; height:40px; border-radius: 10px; flex-shrink:0; }
.icon-card span{ font-weight: 650; font-size: 15.5px; }

/* Focus split section */
.focus-split{
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 56px;
  align-items:center;
  margin-top: 56px;
}
.focus-split__media{
  border-radius: var(--radius-lg);
  overflow:hidden;
  box-shadow: var(--shadow-soft);
}

/* ==========================================================================
   ACCOMPANY (icônes rondes)
   ========================================================================== */
.round-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
  margin-top: 48px;
}
.round-card{ text-align:center; padding: 0 12px; }
.round-card img{
  width: 76px; height:76px;
  border-radius: 50%;
  margin: 0 auto 22px;
}
.round-card h3{ margin-bottom: 10px; }
.round-card p{ color: var(--color-ink-soft); font-size: 15.5px; }

/* ==========================================================================
   CTA BANNER
   ========================================================================== */
.cta-banner{
  background: linear-gradient(155deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  color: #fff;
  border-radius: var(--radius-lg);
  padding: 72px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items:center;
  overflow:hidden;
  position:relative;
}
.cta-banner__text h2{ color:#fff; }
.cta-banner__text p{ color: rgba(255,255,255,.82); margin-top:16px; font-size: 17px; max-width:44ch; }
.cta-banner__cta{ display:flex; gap:14px; margin-top: 28px; flex-wrap:wrap; }

.cta-banner__media{ position:relative; }
.cta-banner__media img{
  border-radius: var(--radius-md);
  box-shadow: 0 30px 60px -20px rgba(0,0,0,.45);
}
.cta-banner__media .floating{
  position:absolute;
  width: 46%;
  border-radius: 14px;
  border: 4px solid #fff;
  box-shadow: 0 20px 40px -18px rgba(0,0,0,.5);
}
.cta-banner__media .floating--1{ top:-10%; left:-10%; }
.cta-banner__media .floating--2{ bottom:-10%; right:-10%; }