.elementor-342 .elementor-element.elementor-element-a3af94d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-342 .elementor-element.elementor-element-a5f1047{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-342 .elementor-element.elementor-element-aac0919{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-342 .elementor-element.elementor-element-9d915bb{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-342 .elementor-element.elementor-element-4137d41{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-342 .elementor-element.elementor-element-c9e6665{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-342 .elementor-element.elementor-element-b509ed6{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-2414a63 */.posm-hero-secteurs{
padding:60px 20px;
background: radial-gradient(circle at 20% 20%, #308E64 0%, #0F172A 60%);
color:#fff;
position:relative;
overflow:hidden;
}

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

.posm-hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.posm-badge{
background:rgba(255,255,255,0.1);
padding:8px 18px;
border-radius:50px;
font-size:14px;
display:inline-block;
margin-bottom:20px;
}

.posm-hero-content h1{
font-size:45px;
line-height:1.2;
margin-bottom:20px;
font-weight:900;
}

.posm-hero-content h1 span{
color:#D0BA7F;
}

.posm-hero-content p{
font-size:18px;
color:#cbd5e1;
margin-bottom:30px;
line-height:1.6;
}

.posm-hero-cta{
display:flex;
gap:20px;
flex-wrap:wrap;
margin-bottom:25px;
}

.cta-primary{
background:#308E64;
color:#fff;
padding:16px 32px;
border-radius:50px;
font-weight:900;
text-decoration:none;
transition:0.3s;
}

.cta-primary:hover{
background:#0F172A;
}

.cta-secondary{
border:2px solid rgba(255,255,255,0.3);
color:#fff;
padding:16px 20px;
border-radius:50px;
font-weight:900;
text-decoration:none;
transition:0.3s;
}

.cta-secondary:hover{
background:#308E64;
border-color:#308E64;
}

.posm-trust{
display:flex;
gap:20px;
flex-wrap:wrap;
}

.trust-item{
background:rgba(255,255,255,0.08);
padding:10px 18px;
border-radius:50px;
font-size:14px;
}

.posm-hero-image img{
width:100%;
border-radius:20px;
box-shadow:0 30px 80px rgba(0,0,0,0.5);
}

/* responsive */

@media(max-width:900px){

.posm-hero-grid{
grid-template-columns:1fr;
text-align:center;
}

.posm-hero-cta{
justify-content:center;
}

.posm-trust{
justify-content:center;
}

.posm-hero-content h1{
font-size:34px;
}

.posm-hero-grid{
grid-template-columns:1fr;
gap:30px;
}

/* IMAGE EN PREMIER */

.posm-hero-image{
order:1;
}

/* TEXTE APRES */

.posm-hero-content{
order:2;
text-align:left;
}

/* TITRE MOBILE */

.posm-hero-content h1{
font-size:25px;
line-height:1.3;
}

/* CTA MOBILE */

.posm-hero-cta{
justify-content:flex-start;
flex-direction:column;
gap:12px;
}

/* BOUTONS LARGE */

.cta-primary,
.cta-secondary{
width:100%;
text-align:center;
}

.posm-trust{
justify-content:flex-start;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9983c3 */.posm-sectors-seo-wow{
  padding:60px 20px;
  background:
    radial-gradient(circle at 10% 10%, rgba(48,142,100,.18), transparent 34%),
    radial-gradient(circle at 90% 20%, rgba(208,186,127,.22), transparent 32%),
    linear-gradient(135deg,#f8fafc 0%,#eef7f3 48%,#fbf7ec 100%);
}

.posm-sectors-wrap{
  max-width:1200px;
  margin:auto;
}

.posm-sectors-head{
  text-align:center;
  max-width:850px;
  margin:0 auto 46px;
}

.posm-sectors-head span{
  display:inline-flex;
  padding:10px 22px;
  border-radius:50px;
  background:rgba(48,142,100,.12);
  color:#308E64;
  font-weight:900;
  margin-bottom:18px;
}

.posm-sectors-head h2{
  margin:0 0 16px;
  color:#0F172A;
  font-size:42px;
  line-height:1.15;
  font-weight:950;
}

.posm-sectors-head h2 strong,
.posm-sectors-head p strong,
.posm-sector-box p strong{
  color:#308E64;
}

.posm-sectors-head p{
  margin:0;
  color:#475569;
  font-size:18px;
  line-height:1.8;
}

.posm-sectors-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}

.posm-sector-box{
  display:flex;
  gap:20px;
  padding:26px;
  border-radius:30px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(15,23,42,.07);
  box-shadow:0 24px 70px rgba(15,23,42,.08);
  transition:.35s ease;
}

.posm-sector-box:hover{
  transform:translateY(-8px);
  box-shadow:0 34px 90px rgba(15,23,42,.16);
  border-color:rgba(48,142,100,.28);
  background:linear-gradient(135deg,#fff,#f4fbf7);
}

.posm-sector-icon{
  width:62px;
  height:62px;
  min-width:62px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  background:linear-gradient(135deg,rgba(48,142,100,.14),rgba(208,186,127,.18));
}

.posm-sector-content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.posm-sector-content h3{
  margin:0 0 10px;
  color:#0F172A;
  font-size:21px;
  font-weight:950;
}

.posm-sector-content p{
  margin:0 0 18px;
  color:#475569;
  font-size:15.5px;
  line-height:1.7;
}

.posm-sector-content a{
  margin-top:auto;
  min-height:48px;
  padding:0 22px;
  border-radius:50px;
  background:#308E64;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  text-decoration:none;
  transition:.3s ease;
}

.posm-sector-content a:hover{
  background:#0F172A;
  color:#fff;
}

@media(max-width:900px){
  .posm-sectors-head{
    text-align:left;
  }

  .posm-sectors-head h2{
    font-size:31px;
  }

  .posm-sectors-list{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){
  .posm-sector-box{
    flex-direction:column;
    padding:24px;
    border-radius:26px;
  }

  .posm-sector-content a{
    width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fac4bd1 */.posm-ai-section{
  padding:60px 20px;
  background:
    radial-gradient(circle at 10% 10%, rgba(48,142,100,.18), transparent 38%),
    radial-gradient(circle at 90% 80%, rgba(208,186,127,.22), transparent 38%),
    linear-gradient(135deg,#f8fafc 0%,#eef7f3 50%,#fbf7ec 100%);
  overflow:hidden;
}

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

.posm-ai-box{
  display:flex;
  align-items:center;
  gap:30px;
  padding:36px;
  border-radius:34px;
  background:
    radial-gradient(circle at top left, rgba(208,186,127,.22), transparent 34%),
    linear-gradient(135deg,#0F172A 0%,#17372e 55%,#308E64 100%);
  color:#fff;
  margin-bottom:34px;
  box-shadow:0 30px 90px rgba(15,23,42,.24);
  position:relative;
  overflow:hidden;
}

.posm-ai-box::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-130px;
  top:-130px;
  background:#308E64;
  filter:blur(120px);
  opacity:.34;
}

.posm-ai-box > *{
  position:relative;
  z-index:2;
}

.posm-ai-icon{
  font-size:38px;
  background:rgba(255,255,255,.96);
  color:#308E64;
  width:76px;
  height:76px;
  min-width:76px;
  border-radius:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 20px 45px rgba(0,0,0,.18);
}

.posm-ai-content{
  flex:1;
}

.posm-ai-content h2{
  margin:0 0 12px;
  font-size:32px;
  line-height:1.2;
  font-weight:950;
  color:#fff;
}

.posm-ai-content p{
  margin:0;
  color:#dbeafe;
  line-height:1.75;
  font-size:16.5px;
}

.posm-ai-content strong{
  color:#D0BA7F;
}

.posm-ai-cta a{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 28px;
  border-radius:50px;
  background:#D0BA7F;
  color:#0F172A;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
  transition:.3s ease;
}

.posm-ai-cta a:hover{
  background:#fff;
  color:#0F172A;
  transform:translateY(-2px);
}

.posm-features-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.posm-feature-card{
  padding:26px;
  border-radius:28px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 24px 70px rgba(15,23,42,.08);
  backdrop-filter:blur(18px);
  transition:.35s ease;
}

.posm-feature-card:hover{
  transform:translateY(-8px);
  box-shadow:0 34px 90px rgba(15,23,42,.15);
  background:linear-gradient(135deg,#fff,#f4fbf7);
  border-color:rgba(48,142,100,.26);
}

.posm-feature-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  margin-bottom:20px;
  background:linear-gradient(135deg,rgba(48,142,100,.14),rgba(208,186,127,.18));
}

.posm-feature-card h3{
  margin:0 0 12px;
  color:#0F172A;
  font-size:20px;
  line-height:1.25;
  font-weight:950;
}

.posm-feature-card p{
  margin:0;
  color:#475569;
  font-size:15px;
  line-height:1.7;
}

.posm-feature-card strong{
  color:#308E64;
  font-weight:900;
}

@media(max-width:1024px){
  .posm-ai-box{
    flex-direction:column;
    align-items:flex-start;
  }

  .posm-ai-cta,
  .posm-ai-cta a{
    width:100%;
  }

  .posm-features-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:767px){
  .posm-ai-content h2{
    font-size:28px;
  }

  .posm-ai-box{
    padding:28px;
    border-radius:28px;
  }

  .posm-features-grid{
    grid-template-columns:1fr;
  }

  .posm-feature-card{
    padding:24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af58e2c */.posm-why-flow{
  padding:60px 20px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 20%, rgba(48,142,100,.20), transparent 34%),
    radial-gradient(circle at 85% 80%, rgba(208,186,127,.22), transparent 34%),
    linear-gradient(135deg,#0F172A 0%,#13251f 48%,#0F172A 100%);
  color:#fff;
}

.posm-why-flow::before{
  content:"";
  position:absolute;
  width:720px;
  height:720px;
  right:-260px;
  top:-260px;
  background:#308E64;
  filter:blur(210px);
  opacity:.22;
}

.posm-why-flow::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  left:-180px;
  bottom:-180px;
  background:#D0BA7F;
  filter:blur(180px);
  opacity:.12;
}

.posm-why-flow-container{
  max-width:1200px;
  margin:auto;
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:0.95fr 1.05fr;
  gap:70px;
  align-items:center;
}

.posm-flow-badge{
  display:inline-flex;
  padding:10px 22px;
  border-radius:50px;
  background:rgba(255,255,255,.08);
  color:#D0BA7F;
  font-weight:900;
  margin-bottom:22px;
}

.posm-why-flow-left h2{
  margin:0 0 22px;
  font-size:46px;
  line-height:1.12;
  font-weight:950;
  color:#fff;
}

.posm-why-flow-left h2 strong{
  color:#D0BA7F;
}

.posm-why-flow-left p{
  margin:0 0 30px;
  font-size:17px;
  line-height:1.85;
  color:#cbd5e1;
}

.posm-why-flow-left p strong{
  color:#fff;
  font-weight:900;
}

.posm-flow-btn{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 34px;
  border-radius:50px;
  background:#308E64;
  color:#fff;
  font-weight:900;
  text-decoration:none;
  transition:.3s ease;
  box-shadow:0 18px 45px rgba(48,142,100,.32);
}

.posm-flow-btn:hover{
  background:#D0BA7F;
  color:#0F172A;
  transform:translateY(-2px);
}

.posm-why-flow-right{
  position:relative;
  padding-left:34px;
}

.posm-flow-line{
  position:absolute;
  left:0;
  top:8px;
  bottom:110px;
  width:3px;
  border-radius:50px;
  background:linear-gradient(to bottom,#D0BA7F,#308E64,rgba(255,255,255,.08));
  box-shadow:0 0 28px rgba(48,142,100,.65);
}

.posm-flow-step{
  position:relative;
  display:grid;
  grid-template-columns:62px 1fr;
  gap:18px;
  margin-bottom:34px;
}

.posm-flow-step span{
  width:54px;
  height:54px;
  border-radius:50%;
  background:linear-gradient(135deg,#D0BA7F,#f5df9d);
  color:#0F172A;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:950;
  box-shadow:0 16px 40px rgba(208,186,127,.22);
}

.posm-flow-step h3{
  margin:0 0 8px;
  color:#fff;
  font-size:22px;
  font-weight:950;
}

.posm-flow-step p{
  margin:0;
  color:#cbd5e1;
  font-size:15.8px;
  line-height:1.75;
}

.posm-flow-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:16px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.12);
}

.posm-flow-stats strong{
  display:block;
  color:#D0BA7F;
  font-size:34px;
  font-weight:950;
  line-height:1;
}

.posm-flow-stats small{
  display:block;
  color:#cbd5e1;
  margin-top:8px;
  font-size:14px;
  line-height:1.4;
}

@media(max-width:900px){
  .posm-why-flow-container{
    grid-template-columns:1fr;
    gap:44px;
  }

  .posm-why-flow-left h2{
    font-size:32px;
  }

  .posm-why-flow-right{
    padding-left:26px;
  }

  .posm-flow-step{
    grid-template-columns:54px 1fr;
  }
}

@media(max-width:560px){
  .posm-flow-stats{
    grid-template-columns:1fr;
  }

  .posm-flow-btn{
    width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e9edab4 */.posm-clients-master{
  padding:60px 20px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 20%, rgba(48,142,100,.12), transparent 34%),
    radial-gradient(circle at 85% 78%, rgba(208,186,127,.16), transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#f8fbfa 52%,#ffffff 100%);
}

.posm-clients-master::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(48,142,100,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(48,142,100,.045) 1px, transparent 1px);
  background-size:70px 70px;
  mask-image:linear-gradient(to bottom, transparent 0%, #000 18%, #000 75%, transparent 100%);
  pointer-events:none;
}

.posm-clients-container{
  max-width:1200px;
  margin:auto;
  position:relative;
  z-index:2;
}

.posm-clients-header{
  text-align:center;
  max-width:960px;
  margin:0 auto 34px;
}

.posm-clients-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 24px;
  border-radius:50px;
  background:rgba(48,142,100,.10);
  color:#308E64;
  font-weight:950;
  margin-bottom:18px;
}

.posm-clients-header h2{
  margin:0 0 14px;
  font-size:42px;
  line-height:1.14;
  font-weight:950;
  color:#0F172A;
}

.posm-clients-header h2 strong{
  color:#308E64;
}

.posm-clients-header p{
  margin:0 auto;
  max-width:760px;
  font-size:18px;
  line-height:1.75;
  color:#64748B;
}

.posm-clients-header p strong{
  color:#308E64;
  font-weight:950;
}

.posm-clients-main{
  position:relative;
  display:grid;
  grid-template-columns:440px 1fr;
  gap:38px;
  align-items:center;
}

.posm-device-mockup{
  position:absolute;
  left:-118px;
  bottom:52px;
  width:230px;
  height:330px;
  z-index:1;
}

.posm-orbit{
  position:absolute;
  width:245px;
  height:245px;
  border:3px solid rgba(48,142,100,.25);
  border-radius:50%;
  left:-28px;
  top:24px;
  box-shadow:0 0 35px rgba(48,142,100,.18);
}

.posm-screen{
  position:absolute;
  left:38px;
  top:30px;
  width:120px;
  height:185px;
  border-radius:16px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.9),rgba(226,247,238,.95)),
    linear-gradient(135deg,#0F172A,#308E64);
  border:8px solid #12342b;
  box-shadow:0 30px 50px rgba(15,23,42,.25);
}

.posm-screen::before{
  content:"";
  position:absolute;
  inset:18px 14px;
  border-radius:10px;
  background:
    linear-gradient(#308E64,#308E64) 0 100%/14px 45px no-repeat,
    linear-gradient(#308E64,#308E64) 24px 100%/14px 65px no-repeat,
    linear-gradient(#308E64,#308E64) 48px 100%/14px 35px no-repeat,
    linear-gradient(#308E64,#308E64) 72px 100%/14px 75px no-repeat,
    rgba(255,255,255,.75);
}

.posm-phone{
  position:absolute;
  left:64px;
  bottom:28px;
  width:88px;
  height:150px;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff,#eaf7f1);
  border:7px solid #0F172A;
  box-shadow:0 30px 60px rgba(15,23,42,.28);
}

.posm-phone::after{
  content:"";
  position:absolute;
  left:17px;
  right:17px;
  bottom:18px;
  height:62px;
  border-radius:10px;
  background:
    linear-gradient(#308E64,#308E64) 0 100%/8px 32px no-repeat,
    linear-gradient(#308E64,#308E64) 14px 100%/8px 42px no-repeat,
    linear-gradient(#308E64,#308E64) 28px 100%/8px 24px no-repeat,
    linear-gradient(#308E64,#308E64) 42px 100%/8px 52px no-repeat;
}

.posm-premium-card{
  min-height:430px;
  position:relative;
  z-index:3;
  padding:38px 40px;
  border-radius:34px;
  color:#fff;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(208,186,127,.24), transparent 28%),
    radial-gradient(circle at 88% 80%, rgba(208,186,127,.22), transparent 26%),
    linear-gradient(145deg,#0F172A 0%,#103c31 58%,#0d342a 100%);
  box-shadow:0 35px 100px rgba(15,23,42,.24);
}

.posm-premium-card::before{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-70px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:conic-gradient(from 220deg, transparent, rgba(208,186,127,.95), transparent 52%);
  filter:blur(.5px);
  opacity:.72;
}

.posm-premium-card::after{
  content:"";
  position:absolute;
  right:20px;
  bottom:10px;
  width:250px;
  height:120px;
  background:repeating-linear-gradient(115deg, rgba(208,186,127,.55) 0 2px, transparent 2px 9px);
  transform:rotate(-10deg);
  opacity:.45;
}

.posm-card-check{
  position:absolute;
  top:32px;
  right:32px;
  width:72px;
  height:72px;
  border-radius:20px;
  background:#308E64;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:42px;
  font-weight:950;
  box-shadow:0 20px 50px rgba(208,186,127,.28);
  z-index:4;
}

.posm-premium-card span{
  position:relative;
  z-index:4;
  color:#D0BA7F;
  font-weight:950;
  font-size:16px;
}

.posm-premium-card h3{
  position:relative;
  z-index:4;
  max-width:320px;
  margin:14px 0 18px;
  font-size:31px;
  line-height:1.12;
  color:#fff;
  font-weight:950;
}

.posm-premium-card > p{
  position:relative;
  z-index:4;
  max-width:355px;
  margin:0 0 28px;
  color:#e2e8f0;
  font-size:15.8px;
  line-height:1.75;
}

.posm-feature-line{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  gap:16px;
  margin:15px 0;
}

.posm-feature-line i{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:50%;
  background:rgba(48,142,100,.92);
  display:flex;
  align-items:center;
  justify-content:center;
  font-style:normal;
  box-shadow:0 14px 34px rgba(48,142,100,.28);
}

.posm-feature-line p{
  margin:0;
  color:#fff;
  font-weight:800;
  font-size:15.5px;
}

.posm-client-wall{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px 20px;
  position:relative;
  z-index:3;
}

.posm-client-brand{
  min-height:78px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 55px rgba(15,23,42,.07);
  transition:.35s ease;
  backdrop-filter:blur(14px);
}

.posm-client-brand:hover{
  transform:translateY(-7px);
  box-shadow:0 28px 75px rgba(15,23,42,.14);
  border-color:rgba(48,142,100,.26);
}

.brand-logo{
  width:48px;
  height:48px;
  min-width:48px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#0F172A,#308E64);
  color:#fff;
  font-weight:950;
  font-size:13px;
}

.brand-logo.gold{background:linear-gradient(135deg,#2c2412,#D0BA7F);}
.brand-logo.soft{background:linear-gradient(135deg,#fff0d0,#308E64);color:#0F172A;}
.brand-logo.dark{background:linear-gradient(135deg,#111827,#000);}
.brand-logo.blue{background:linear-gradient(135deg,#1e40af,#60a5fa);}
.brand-logo.light{background:#f8fafc;color:#0F172A;border:1px solid #e2e8f0;}
.brand-logo.color{background:linear-gradient(135deg,#f97316,#22c55e,#3b82f6);}

.posm-client-brand strong{
  display:block;
  color:#0F172A;
  font-size:15.5px;
  line-height:1.25;
  font-weight:950;
}

.posm-client-brand span{
  display:block;
  margin-top:4px;
  color:#308E64;
  font-size:13.5px;
  font-weight:850;
}

.posm-stats-bar{
  margin:42px auto 0;
  min-height:118px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:center;
  gap:18px;
  padding:20px 34px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(15,23,42,.07);
  box-shadow:0 28px 90px rgba(15,23,42,.08);
  backdrop-filter:blur(18px);
}

.posm-stat-item{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;
  position:relative;
}

.posm-stat-item:not(:last-child)::after{
  content:"";
  position:absolute;
  right:-9px;
  width:1px;
  height:58px;
  background:linear-gradient(to bottom,transparent,#dbe4e0,transparent);
}

.stat-icon{
  width:64px;
  height:64px;
  border-radius:50%;
  background:linear-gradient(135deg,#0F172A,#308E64);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  box-shadow:0 18px 45px rgba(48,142,100,.22);
}

.stat-icon.gold{
  background:linear-gradient(135deg,#D0BA7F,#f0d690);
}

.posm-stat-item strong{
  display:block;
  color:#308E64;
  font-size:36px;
  line-height:1;
  font-weight:950;
}

.posm-stat-item span{
  display:block;
  margin-top:7px;
  color:#64748B;
  font-size:14.5px;
}

@media(max-width:1100px){
  .posm-clients-main{
    grid-template-columns:1fr;
  }

  .posm-device-mockup{
    display:none;
  }

  .posm-client-wall{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:767px){
  .posm-clients-header{
    text-align:left;
  }

  .posm-clients-header h2{
    font-size:31px;
  }

  .posm-clients-header p{
    font-size:16px;
  }

  .posm-premium-card{
    min-height:auto;
    padding:30px 24px;
  }

  .posm-card-check{
    width:58px;
    height:58px;
    font-size:34px;
    top:24px;
    right:24px;
  }

  .posm-premium-card h3{
    font-size:27px;
    max-width:260px;
  }

  .posm-client-wall{
    grid-template-columns:1fr;
  }

  .posm-stats-bar{
    border-radius:34px;
    grid-template-columns:1fr;
    padding:28px;
  }

  .posm-stat-item{
    justify-content:flex-start;
  }

  .posm-stat-item:not(:last-child)::after{
    display:none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6470242 */.posm-demo-section{
padding:60px 20px;
position:relative;
overflow:hidden;
background:linear-gradient(135deg,#0f172a,#0b3a31,#0f172a);
text-align:center;
color:white;
}

.posm-demo-bg{
position:absolute;
width:800px;
height:800px;
background:radial-gradient(circle,#2e896260,transparent 70%);
top:-200px;
left:50%;
transform:translateX(-50%);
animation:posmGlow 6s infinite alternate;
}

@keyframes posmGlow{

0%{
transform:translateX(-50%) scale(1);
opacity:.6;
}

100%{
transform:translateX(-50%) scale(1.3);
opacity:1;
}

}

.posm-demo-container{
max-width:900px;
margin:auto;
position:relative;
z-index:2;
}

.posm-demo-badge{
display:inline-block;
background:#2e8962;
padding:10px 24px;
border-radius:50px;
font-weight:700;
margin-bottom:25px;
box-shadow:0 0 25px #2e896280;
}

.posm-demo-container h2{
font-size:44px;
font-weight:800;
margin-bottom:20px;
}

.posm-demo-container strong{
color:#D0BA7F;
}

.posm-demo-container p{
font-size:19px;
line-height:1.7;
opacity:.9;
max-width:650px;
margin:auto;
}

.posm-demo-buttons{
margin-top:40px;
display:flex;
gap:20px;
justify-content:center;
flex-wrap:wrap;
}

.posm-btn-main{
background:linear-gradient(135deg,#2e8962,#3fa77a);
padding:18px 38px;
border-radius:50px;
font-weight:700;
font-size:16px;
color:white;
text-decoration:none;
box-shadow:0 10px 30px #2e896260;
transition:.3s;
position:relative;
overflow:hidden;
}

.posm-btn-main:hover{
transform:translateY(-4px);
box-shadow:0 20px 45px #2e896290;
}

.posm-btn-whatsapp{
background:#25D366;
padding:18px 38px;
border-radius:50px;
font-weight:700;
color:white;
text-decoration:none;
box-shadow:0 0 0 rgba(37,211,102,0.6);
animation:whatsPulse 2s infinite;
}

@keyframes whatsPulse{

0%{
box-shadow:0 0 0 0 rgba(37,211,102,.7);
}

70%{
box-shadow:0 0 0 18px rgba(37,211,102,0);
}

100%{
box-shadow:0 0 0 0 rgba(37,211,102,0);
}

}

@media(max-width:768px){

.posm-demo-container h2{
font-size:30px;
}

.posm-demo-container p{
font-size:16px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f2c87c */#posm-mat-faq,
#posm-mat-faq *{
  box-sizing:border-box;
}

#posm-mat-faq{
  padding:60px 20px;
  background:
    radial-gradient(circle at 10% 10%, rgba(48,142,100,.14), transparent 32%),
    radial-gradient(circle at 90% 85%, rgba(208,186,127,.16), transparent 32%),
    linear-gradient(135deg,#f8fbf9 0%,#ffffff 100%);
  overflow:hidden;
}

#posm-mat-faq .posm-mat-faq-container{
  max-width:1100px;
  margin:auto;
}

#posm-mat-faq .posm-mat-faq-header{
  max-width:820px;
  text-align:left;
  margin-bottom:34px;
}

#posm-mat-faq .posm-mat-faq-header span{
  display:inline-flex;
  padding:9px 18px;
  border-radius:50px;
  background:rgba(48,142,100,.12);
  color:#308e64;
  font-size:14px;
  font-weight:900;
  margin-bottom:16px;
}

#posm-mat-faq .posm-mat-faq-header h2{
  margin:0 0 16px;
  color:#0f172a;
  font-size:42px;
  line-height:1.15;
  font-weight:950;
  letter-spacing:-1px;
}

#posm-mat-faq .posm-mat-faq-header h2 strong{
  color:#308e64;
}

#posm-mat-faq .posm-mat-faq-header p{
  margin:0;
  color:#475569;
  font-size:18px;
  line-height:1.75;
}

#posm-mat-faq .posm-mat-faq-list{
  display:grid;
  gap:14px;
}

#posm-mat-faq .posm-mat-faq-item{
  background:#ffffff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  box-shadow:0 14px 36px rgba(15,23,42,.06);
  overflow:hidden;
}

#posm-mat-faq .posm-mat-faq-question{
  width:100%;
  border:0 !important;
  outline:none !important;
  background:#ffffff !important;
  background-color:#ffffff !important;
  color:#0f172a !important;
  padding:22px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  text-align:left;
  cursor:pointer;
  font-size:18px;
  font-weight:900;
  line-height:1.4;
  box-shadow:none !important;
  appearance:none;
}

#posm-mat-faq .posm-mat-faq-question:hover,
#posm-mat-faq .posm-mat-faq-question:focus,
#posm-mat-faq .posm-mat-faq-question:active{
  background:#ffffff !important;
  background-color:#ffffff !important;
  color:#0f172a !important;
}

#posm-mat-faq .posm-mat-faq-item.active .posm-mat-faq-question{
  background:#0f172a !important;
  background-color:#0f172a !important;
  color:#ffffff !important;
}

#posm-mat-faq .posm-mat-faq-question span{
  display:block;
  white-space:normal;
  overflow-wrap:anywhere;
}

#posm-mat-faq .posm-mat-faq-question i{
  position:relative;
  width:36px;
  height:36px;
  min-width:36px;
  border-radius:50%;
  background:#308e64 !important;
}

#posm-mat-faq .posm-mat-faq-question i::before,
#posm-mat-faq .posm-mat-faq-question i::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:#ffffff;
  border-radius:10px;
}

#posm-mat-faq .posm-mat-faq-question i::before{
  width:16px;
  height:2px;
}

#posm-mat-faq .posm-mat-faq-question i::after{
  width:2px;
  height:16px;
  transition:.25s ease;
}

#posm-mat-faq .posm-mat-faq-item.active .posm-mat-faq-question i{
  background:#d0ba7f !important;
}

#posm-mat-faq .posm-mat-faq-item.active .posm-mat-faq-question i::before,
#posm-mat-faq .posm-mat-faq-item.active .posm-mat-faq-question i::after{
  background:#0f172a;
}

#posm-mat-faq .posm-mat-faq-item.active .posm-mat-faq-question i::after{
  opacity:0;
}

#posm-mat-faq .posm-mat-faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease;
  background:#ffffff;
}

#posm-mat-faq .posm-mat-faq-answer p{
  margin:0;
  padding:0 24px 22px;
  color:#64748b;
  font-size:16px;
  line-height:1.75;
  overflow-wrap:anywhere;
}

#posm-mat-faq .posm-mat-faq-cta{
  margin-top:30px;
  padding:28px;
  border-radius:30px;
  background:#0f172a;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  text-align:left;
  position:relative;
  overflow:hidden;
}

#posm-mat-faq .posm-mat-faq-cta::before{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  border-radius:50%;
  background:rgba(48,142,100,.28);
  filter:blur(45px);
  right:-100px;
  top:-130px;
}

#posm-mat-faq .posm-mat-faq-cta h3,
#posm-mat-faq .posm-mat-faq-cta p,
#posm-mat-faq .posm-mat-faq-cta a{
  position:relative;
  z-index:2;
}

#posm-mat-faq .posm-mat-faq-cta h3{
  margin:0 0 8px;
  color:#ffffff;
  font-size:24px;
  font-weight:950;
}

#posm-mat-faq .posm-mat-faq-cta p{
  margin:0;
  color:#cbd5e1;
  line-height:1.65;
}

#posm-mat-faq .posm-mat-faq-cta a{
  min-width:220px;
  min-height:54px;
  padding:0 28px;
  border-radius:50px;
  background:#308e64;
  color:#ffffff;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:950;
  transition:.3s ease;
}

#posm-mat-faq .posm-mat-faq-cta a:hover{
  background:#d0ba7f;
  color:#0f172a;
  transform:translateY(-3px);
}

@media(max-width:700px){
  #posm-mat-faq{
    padding:60px 16px;
  }

  #posm-mat-faq .posm-mat-faq-header h2{
    font-size:31px;
  }

  #posm-mat-faq .posm-mat-faq-header p{
    font-size:16px;
  }

  #posm-mat-faq .posm-mat-faq-question{
    padding:18px;
    font-size:16px;
    align-items:flex-start;
  }

  #posm-mat-faq .posm-mat-faq-answer p{
    padding:0 18px 18px;
    font-size:15px;
  }

  #posm-mat-faq .posm-mat-faq-cta{
    flex-direction:column;
    align-items:flex-start;
    padding:24px;
  }

  #posm-mat-faq .posm-mat-faq-cta a{
    width:100%;
    min-width:auto;
    text-align:center;
  }
}/* End custom CSS */