.elementor-10574 .elementor-element.elementor-element-d7991ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-156px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10574 .elementor-element.elementor-element-60f0d0f{margin:11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for html, class: .elementor-element-60f0d0f *//* =====================================
CRM PAGE — FINAL CLEAN VERSION
===================================== */

/* BASE */

body{
margin:0;
font-family:Inter, sans-serif;
color:#0B2B2D;
background:#ffffff;
}

/* =====================================
HERO FULL WIDTH
===================================== */

.dem-hero-block{

position:relative;
overflow:hidden;

width:100vw;
margin-left:calc(50% - 50vw);

padding:clamp(100px,12vh,140px) 20px;

background:
radial-gradient(600px 300px at 50% 0%, rgba(127,243,240,.25), transparent 70%),
linear-gradient(180deg,#F7FEFE 0%,#EAF8F8 100%);

}

/* halo premium */

.dem-hero-block::before{
content:"";
position:absolute;
top:-200px;
left:50%;
transform:translateX(-50%);
width:900px;
height:500px;
background:radial-gradient(circle, rgba(0,164,168,.15), transparent 70%);
filter:blur(60px);
}

/* CONTENT */

.dem-hero-content{
position:relative;
z-index:2;
max-width:900px;
margin:auto;
text-align:center;
}

/* TITLE */

.dem-title{
font-size:clamp(40px,5vw,64px);
font-weight:900;
line-height:1.05;
margin-bottom:24px;
letter-spacing:-.03em;
color:#052F31;
}

/* TEXT */

.dem-lead{
font-size:clamp(17px,2vw,20px);
line-height:1.7;
color:#335E60;
max-width:60ch;
margin:auto;
}

/* CTA */

.cta-button{
display:inline-flex;
margin-top:30px;
padding:16px 32px;
border-radius:999px;
font-weight:800;
text-decoration:none;
color:white;
background:#00A4A8;
box-shadow:0 10px 25px rgba(0,164,168,.2);
transition:.25s;
}

.cta-button:hover{
transform:translateY(-2px);
background:#0ABFC4;
}

/* =====================================
SECTIONS STRUCTURE
===================================== */

.crm-context,
.crm-how,
.crm-usecases,
.crm-value,
.crm-cta{

width:100vw;
margin-left:calc(50% - 50vw);

padding:clamp(80px,10vh,120px) 20px;

}

/* CONTAINER */

.container{
max-width:1100px;
margin:auto;
}

/* TITRES */

h2{
font-size:clamp(30px,4vw,44px);
font-weight:900;
text-align:center;
margin-bottom:20px;
letter-spacing:-.02em;
}

/* TEXTE */

.section-intro{
max-width:720px;
margin:0 auto 40px;
text-align:center;
font-size:18px;
line-height:1.7;
color:#4A6B6D;
}

/* =====================================
BACKGROUND ALTERNATION
===================================== */

.crm-context{
background:#ffffff;
}

.crm-how{
background:#F7FBFB;
}

.crm-usecases{
background:#ffffff;
}

.crm-value{
background:#F7FBFB;
}

/* séparation douce */

.crm-context,
.crm-how,
.crm-usecases,
.crm-value{
border-top:1px solid #E6F0F0;
}

/* =====================================
GRID
===================================== */

.value-grid,
.sectors-grid{
display:grid;
gap:24px;
grid-template-columns:1fr;
margin-top:40px;
}

@media(min-width:768px){
.value-grid,
.sectors-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(min-width:1100px){
.sectors-grid{
grid-template-columns:repeat(3,1fr);
}
}

/* =====================================
CARDS
===================================== */

.value-item,
.sector{

background:white;
border:1px solid #E6F0F0;
border-radius:16px;
padding:24px;

transition:.2s;
}

.value-item:hover,
.sector:hover{
transform:translateY(-4px);
border-color:#00A4A8;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.value-item h4,
.sector h3{
font-weight:800;
margin-bottom:10px;
font-size:19px;
color:#052F31;
}

.value-item p,
.sector p{
font-size:15px;
line-height:1.6;
color:#4A6B6D;
}

/* =====================================
CTA FINAL FIX (NO OVERFLOW)
===================================== */

.crm-cta{
background:#052F31;

padding:clamp(80px,10vh,120px) 20px;

/* 🔥 SUPPRIME LE FULL WIDTH BUG */
width:100%;
margin:0;

display:flex;
justify-content:center;
}

/* CARD */

.crm-cta .container{

max-width:1100px;
width:100%;

background:linear-gradient(135deg,#0A6065,#064245);

border-radius:28px;
padding:clamp(40px,6vw,70px);

display:flex;
align-items:center;
justify-content:space-between;

gap:40px;

box-shadow:0 30px 80px rgba(0,0,0,.2);

/* 🔥 IMPORTANT */
box-sizing:border-box;
}

/* TEXT */

.crm-cta h2{
color:white;
max-width:420px;
margin:0;
}

.crm-cta p{
color:rgba(255,255,255,.85);
max-width:420px;
margin:0;
}

/* BUTTON */

.crm-cta .cta-button{
background:linear-gradient(135deg,#7FF3F0,#00A4A8);
color:#052F31;
white-space:nowrap;
}

/* RESPONSIVE */

@media(max-width:900px){

.crm-cta .container{
flex-direction:column;
text-align:center;
}

.crm-cta h2,
.crm-cta p{
max-width:100%;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-60f0d0f */.crm-container {
  max-width: 1100px;
  margin: auto;
}

.crm-hero {
  padding: 90px 20px 60px;
}

.crm-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #0A6065;
  margin-bottom: 20px;
}

.crm-lead {
  font-size: 1.1rem;
  line-height: 1.7;
  color: rgba(10,96,101,0.8);
  max-width: 850px;
}

.crm-section {
  padding: 70px 20px;
}

.crm-h2 {
  font-size: 1.7rem;
  font-weight: 700;
  color: #0A6065;
  margin-bottom: 35px;
}

.crm-grid {
  display: grid;
  gap: 20px;
}

@media (min-width: 768px) {
  .crm-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.crm-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 25px;
  border: 1px solid rgba(10,96,101,0.15);
  box-shadow: 0 10px 25px rgba(10,96,101,0.08);
  transition: 0.2s ease;
}

.crm-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(10,96,101,0.12);
}

.crm-split {
  display: grid;
  gap: 40px;
}

@media (min-width: 900px) {
  .crm-split {
    grid-template-columns: repeat(2, 1fr);
  }
}

.crm-sub {
  font-size: 1.2rem;
  margin-bottom: 15px;
  color: #0A6065;
}

.crm-list {
  padding-left: 20px;
  line-height: 1.6;
  color: rgba(10,96,101,0.8);
}

.crm-benefits {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 15px;
}

.crm-benefits li {
  background: #ffffff;
  padding: 18px 22px;
  border-radius: 14px;
  border: 1px solid rgba(10,96,101,0.15);
}

.alt-bg {
  background: linear-gradient(
    180deg,
    rgba(0,164,168,0.05),
    rgba(5,123,128,0.02)
  );
}

.crm-cta {
  background: #0A6065;
  padding: 80px 20px;
  border-radius: 25px;
  margin: 80px 20px;
  text-align: center;
}

.white {
  color: #ffffff;
}/* End custom CSS */