.elementor-5637 .elementor-element.elementor-element-cc638c8{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-5637 .elementor-element.elementor-element-cc638c8.e-con{--align-self:center;}.elementor-5637 .elementor-element.elementor-element-495b43a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5637 .elementor-element.elementor-element-495b43a.e-con{--align-self:center;}.elementor-5637 .elementor-element.elementor-element-deb8be7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:200px;--padding-right:0px;}.elementor-5637 .elementor-element.elementor-element-39569b5 .elementor-heading-title{font-family:"HORIZON", Sans-serif;font-size:42px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-5637 .elementor-element.elementor-element-0094101 > .elementor-widget-container{padding:0px 0px 0px 00px;}.elementor-5637 .elementor-element.elementor-element-0094101{text-align:start;font-family:"Inter", Sans-serif;font-size:21px;font-weight:500;color:var( --e-global-color-text );}.elementor-5637 .elementor-element.elementor-element-3422832 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5637 .elementor-element.elementor-element-35cbe42{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;}.elementor-5637 .elementor-element.elementor-element-fca9c0e{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5637 .elementor-element.elementor-element-c4936c4 .elementor-button{background-color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:12px 12px 12px 12px;padding:16px 24px 16px 24px;}.elementor-5637 .elementor-element.elementor-element-c4936c4 .elementor-button-content-wrapper{flex-direction:row;}.elementor-5637 .elementor-element.elementor-element-fb500c1{--display:flex;}.elementor-5637 .elementor-element.elementor-element-c76a800 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:12px 12px 12px 12px;padding:16px 24px 16px 24px;}.elementor-5637 .elementor-element.elementor-element-4f08a7f{--display:grid;--min-height:85vh;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-5637 .elementor-element.elementor-element-e2632b2{--display:grid;--min-height:85vh;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-5637 .elementor-element.elementor-element-e34518d{--display:grid;--min-height:85vh;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-5637 .elementor-element.elementor-element-4dacaca{--display:grid;--min-height:85vh;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-5637 .elementor-element.elementor-element-f5345b1{--display:grid;--min-height:85vh;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-5637 .elementor-element.elementor-element-bbd7c3e{--display:flex;}.elementor-5637 .elementor-element.elementor-element-4b9fab2{--display:flex;}.elementor-5637 .elementor-element.elementor-element-e9692df{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:12px 12px;--row-gap:12px;--column-gap:12px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2B2B2B;--border-color:#2B2B2B;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-5637 .elementor-element.elementor-element-e9692df:not(.elementor-motion-effects-element-type-background), .elementor-5637 .elementor-element.elementor-element-e9692df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#212121;}.elementor-5637 .elementor-element.elementor-element-24a113e{text-align:center;}.elementor-5637 .elementor-element.elementor-element-24a113e .elementor-heading-title{font-family:"HORIZON", Sans-serif;font-size:48px;font-weight:bold;color:var( --e-global-color-secondary );}.elementor-5637 .elementor-element.elementor-element-a41eb6c{text-align:center;font-family:"Inter", Sans-serif;font-size:16px;color:var( --e-global-color-text );}.elementor-5637 .elementor-element.elementor-element-cf5ab00{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:12px 12px;--row-gap:12px;--column-gap:12px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2B2B2B;--border-color:#2B2B2B;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-5637 .elementor-element.elementor-element-cf5ab00:not(.elementor-motion-effects-element-type-background), .elementor-5637 .elementor-element.elementor-element-cf5ab00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#212121;}.elementor-5637 .elementor-element.elementor-element-b27bf3c{text-align:center;}.elementor-5637 .elementor-element.elementor-element-b27bf3c .elementor-heading-title{font-family:"HORIZON", Sans-serif;font-size:48px;font-weight:bold;color:var( --e-global-color-secondary );}.elementor-5637 .elementor-element.elementor-element-4f4742e{text-align:center;font-family:"Inter", Sans-serif;font-size:16px;color:var( --e-global-color-text );}.elementor-5637 .elementor-element.elementor-element-aaa6da6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:12px 12px;--row-gap:12px;--column-gap:12px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#2B2B2B;--border-color:#2B2B2B;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-5637 .elementor-element.elementor-element-aaa6da6:not(.elementor-motion-effects-element-type-background), .elementor-5637 .elementor-element.elementor-element-aaa6da6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#212121;}.elementor-5637 .elementor-element.elementor-element-2886f40{text-align:center;}.elementor-5637 .elementor-element.elementor-element-2886f40 .elementor-heading-title{font-family:"HORIZON", Sans-serif;font-size:48px;font-weight:bold;color:var( --e-global-color-secondary );}.elementor-5637 .elementor-element.elementor-element-608fac3{text-align:center;font-family:"Inter", Sans-serif;font-size:16px;color:var( --e-global-color-text );}.elementor-5637 .elementor-element.elementor-element-2bd1398{--display:grid;--min-height:85vh;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-5637 .elementor-element.elementor-element-af2ada8{--display:flex;--min-height:690px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-5637 .elementor-element.elementor-element-754ac81{--display:flex;}.elementor-5637 .elementor-element.elementor-element-a397b92 > .elementor-widget-container{margin:0px 50px 0px 50px;}.elementor-5637 .elementor-element.elementor-element-a397b92{text-align:center;}.elementor-5637 .elementor-element.elementor-element-a397b92 .elementor-heading-title{font-family:"HORIZON", Sans-serif;font-size:42px;font-weight:bold;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-5637 .elementor-element.elementor-element-0eb2608 > .elementor-widget-container{padding:0px 220px 0px 220px;}.elementor-5637 .elementor-element.elementor-element-0eb2608{text-align:center;font-family:"Inter", Sans-serif;font-size:24px;font-weight:500;color:var( --e-global-color-text );}.elementor-5637 .elementor-element.elementor-element-b9de154{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--align-items:center;}body.elementor-page-5637:not(.elementor-motion-effects-element-type-background), body.elementor-page-5637 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://mately.gg/wp-content/uploads/2026/05/BG-bot-discord.png");background-size:contain;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-5637 .elementor-element.elementor-element-cc638c8{--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-5637 .elementor-element.elementor-element-deb8be7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5637 .elementor-element.elementor-element-39569b5 .elementor-heading-title{font-size:40px;}.elementor-5637 .elementor-element.elementor-element-0094101{font-size:16px;}.elementor-5637 .elementor-element.elementor-element-35cbe42{--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-c4936c4 .elementor-button{font-size:18px;}.elementor-5637 .elementor-element.elementor-element-c76a800 .elementor-button{font-size:18px;}.elementor-5637 .elementor-element.elementor-element-4f08a7f{--min-height:85vh;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-5637 .elementor-element.elementor-element-e2632b2{--min-height:85vh;--grid-auto-flow:row;--align-items:center;}.elementor-5637 .elementor-element.elementor-element-e34518d{--min-height:85vh;--grid-auto-flow:row;--align-items:center;}.elementor-5637 .elementor-element.elementor-element-4dacaca{--min-height:85vh;--grid-auto-flow:row;--align-items:center;}.elementor-5637 .elementor-element.elementor-element-f5345b1{--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-2bd1398{--min-height:85vh;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-5637 .elementor-element.elementor-element-b9de154{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-5637 .elementor-element.elementor-element-cc638c8{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-5637 .elementor-element.elementor-element-deb8be7{--min-height:0px;}.elementor-5637 .elementor-element.elementor-element-39569b5 .elementor-heading-title{font-size:36px;}.elementor-5637 .elementor-element.elementor-element-3422832 img{width:100%;max-width:100%;}.elementor-5637 .elementor-element.elementor-element-35cbe42{--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-4f08a7f{--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-e2632b2{--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-e34518d{--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-4dacaca{--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-f5345b1{--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-24a113e .elementor-heading-title{font-size:32px;}.elementor-5637 .elementor-element.elementor-element-a41eb6c{line-height:0.8em;}.elementor-5637 .elementor-element.elementor-element-b27bf3c .elementor-heading-title{font-size:32px;}.elementor-5637 .elementor-element.elementor-element-4f4742e{line-height:0.8em;}.elementor-5637 .elementor-element.elementor-element-2886f40 .elementor-heading-title{font-size:32px;}.elementor-5637 .elementor-element.elementor-element-608fac3{line-height:0.8em;}.elementor-5637 .elementor-element.elementor-element-2bd1398{--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-af2ada8{--min-height:72vh;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-5637 .elementor-element.elementor-element-0eb2608 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5637 .elementor-element.elementor-element-0eb2608{font-size:20px;}.elementor-5637 .elementor-element.elementor-element-b9de154{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5637 .elementor-element.elementor-element-cc638c8{--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5637 .elementor-element.elementor-element-495b43a{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5637 .elementor-element.elementor-element-deb8be7{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5637 .elementor-element.elementor-element-39569b5{text-align:center;}.elementor-5637 .elementor-element.elementor-element-39569b5 .elementor-heading-title{font-size:28px;}.elementor-5637 .elementor-element.elementor-element-0094101{text-align:center;font-size:14px;}.elementor-5637 .elementor-element.elementor-element-35cbe42{--e-con-grid-template-columns:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;}.elementor-5637 .elementor-element.elementor-element-fca9c0e{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5637 .elementor-element.elementor-element-c4936c4 .elementor-button{font-size:16px;padding:14px 24px 14px 024px;}.elementor-5637 .elementor-element.elementor-element-fb500c1{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5637 .elementor-element.elementor-element-c76a800 .elementor-button{font-size:16px;}.elementor-5637 .elementor-element.elementor-element-4f08a7f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-e2632b2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-e34518d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-4dacaca{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-f5345b1{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-24a113e .elementor-heading-title{font-size:32px;}.elementor-5637 .elementor-element.elementor-element-b27bf3c .elementor-heading-title{font-size:32px;}.elementor-5637 .elementor-element.elementor-element-2886f40 .elementor-heading-title{font-size:32px;}.elementor-5637 .elementor-element.elementor-element-2bd1398{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5637 .elementor-element.elementor-element-a397b92{text-align:center;}.elementor-5637 .elementor-element.elementor-element-a397b92 .elementor-heading-title{font-size:28px;}.elementor-5637 .elementor-element.elementor-element-0eb2608{font-size:16px;}.elementor-5637 .elementor-element.elementor-element-b9de154{--content-width:72%;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}body.elementor-page-5637:not(.elementor-motion-effects-element-type-background), body.elementor-page-5637 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:repeat;background-size:100% auto;}}@media(min-width:768px){.elementor-5637 .elementor-element.elementor-element-495b43a{--width:100%;}.elementor-5637 .elementor-element.elementor-element-deb8be7{--content-width:100%;}.elementor-5637 .elementor-element.elementor-element-b9de154{--content-width:800px;}}@media(max-width:1024px) and (min-width:768px){.elementor-5637 .elementor-element.elementor-element-deb8be7{--content-width:500px;}.elementor-5637 .elementor-element.elementor-element-754ac81{--width:85%;}.elementor-5637 .elementor-element.elementor-element-b9de154{--content-width:600px;}}/* Start custom CSS for html, class: .elementor-element-4f0b4a5 */.mately-feature-1 {
  width: 100%;
  padding: clamp(60px, 8vw, 120px) 20px;
  overflow: hidden;
}

.mately-feature-1 .mately-feature-card {
  position: relative;
  max-width: 1050px;
  min-height: 380px;
  margin: 0 auto;
  background: #212121;
  border-radius: 22px;
  padding: clamp(40px, 5vw, 64px);
  overflow: visible;
}

.mately-feature-1 .mately-feature-text {
  position: relative;
  z-index: 2;
  max-width: 480px;
}

.mately-feature-1 .mately-feature-label {
  display: inline-block;
  background: rgba(255, 246, 26, 0.18);
  color: #fff61a;
  padding: 8px 14px;
  border-radius: 999px;
  font-family: "JetBrains Mono", Monospace;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 22px;
}

.mately-feature-1 .mately-feature-text h2 {
  color: #ffffff;
  font-family: HORIZON;
  font-size: clamp(28px, 4vw, 30px);
  line-height: 1;
  margin: 0 0 24px;
  font-weight: 900;
  letter-spacing: -1px;
}

.mately-feature-1 .mately-feature-text p {
  color: #ffffff;
  font-family: "inter";
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.45;
  max-width: 520px;
  margin: 0;
}

.mately-feature-1 .mately-feature-visual {
  position: absolute;
  z-index: 3;
  right: clamp(-220px, -12vw, -140px);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(560px, 48vw, 760px);
  height: auto;
  overflow: visible;
  pointer-events: none;
  right: -250px;
}

.mately-feature-1 .mately-feature-image {
  width: 70%;
  height: auto;
  max-width: none;
  display: block;
  background: transparent;
  pointer-events: none;
}

/* Grand laptop / écrans moyens */
@media (max-width: 1200px) {
  .mately-feature-1 .mately-feature-card {
    max-width: 900px;
    min-height: 350px;
    padding: 48px 52px;
  }

  .mately-feature-1 .mately-feature-text {
    max-width: 400px;
  }

  .mately-feature-1 .mately-feature-text h2 {
    font-size: clamp(32px, 3.3vw, 38px);
  }

  .mately-feature-1 .mately-feature-text p {
    max-width: 430px;
    font-size: 16px;
  }

  .mately-feature-1 .mately-feature-visual {
    right: -200px;
    width: 70%;
  height: auto;
  max-width: none;
  }
}

/* Petit laptop */
@media (max-width: 1024px) {
  .mately-feature-1 .mately-feature-card {
    max-width: 820px;
    min-height: 330px;
    padding: 42px 44px;
  }

  .mately-feature-1 .mately-feature-text {
    max-width: 410px;
  }

  .mately-feature-1 .mately-feature-text h2 {
    font-size: 32px;
  }

  .mately-feature-1 .mately-feature-text p {
    max-width: 390px;
    font-size: 15px;
  }

  .mately-feature-1 .mately-feature-visual {
    right: -45px;
    width: 440px;
  }
}

/* Tablette et mobile */
@media (max-width: 900px) {
  .mately-feature-1 {
    padding: 90px 16px 50px;
    overflow: hidden;
  }

  .mately-feature-1 .mately-feature-card {
    max-width: 620px;
    min-height: auto;
    margin: 0 auto;
    padding: 0 24px 34px;
    border-radius: 28px;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .mately-feature-1 .mately-feature-visual {
    order: 1;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    width: min(92vw, 430px);
    margin: -70px auto 24px;
    overflow: visible;
    pointer-events: none;
  }

  .mately-feature-1 .mately-feature-image {
    width: 100%;
    height: auto;
    display: block;
  }

  .mately-feature-1 .mately-feature-text {
    order: 2;
    max-width: 100%;
    text-align: center;
  }

  .mately-feature-1 .mately-feature-label {
    margin-bottom: 18px;
  }

  .mately-feature-1 .mately-feature-text h2 {
    font-size: clamp(30px, 8vw, 28px);
    line-height: 1;
    margin-bottom: 18px;
  }

  .mately-feature-1 .mately-feature-text p {
    max-width: 430px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.45;
  }
}

/* Téléphone */
@media (max-width: 480px) {
  .mately-feature-1 {
    padding: 80px 14px 42px;
  }

  .mately-feature-1 .mately-feature-card {
    padding: 0 20px 30px;
    border-radius: 24px;
  }

  .mately-feature-1 .mately-feature-visual {
    width: min(115%, 390px);
    margin-top: -58px;
    margin-bottom: 20px;
  }

  .mately-feature-1 .mately-feature-text h2 {
    font-size: 24px;
  }

  .mately-feature-1 .mately-feature-text p {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3bafab */.mately-feature-section {
  width: 100%;
  padding: clamp(60px, 8vw, 120px) 20px;
  overflow: hidden;
}

.mately-feature-card {
  position: relative;
  max-width: 1050px;
  min-height: 380px;
  margin: 0 auto;
  background: #212121;
  border-radius: 22px;
  padding: clamp(40px, 5vw, 64px);
  overflow: visible;
}

.mately-feature-text {
  position: relative;
  z-index: 2;
  max-width: 500px;
}

.mately-feature-label {
  display: inline-block;
  background: rgba(255, 246, 26, 0.18);
  color: #fff61a;
  padding: 8px 14px;
  border-radius: 999px;
  font-family: "JetBrains Mono", Monospace;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 22px;
}

.mately-feature-text h2 {
  color: #ffffff;
  font-family: HORIZON;
  font-size: clamp(28px, 4vw, 30px);
  line-height: 1;
  margin: 0 0 24px;
  font-weight: 900;
  letter-spacing: -1px;
}

.mately-feature-text p {
  color: #ffffff;
  font-family: "inter";
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.45;
  max-width: 520px;
  margin: 0;
}

.mately-feature-visual {
  position: absolute;
  z-index: 3;
  right: clamp(-120px, -8vw, -70px);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(560px, 48vw, 760px);
  height: auto;
  overflow: visible;
  pointer-events: none;
}

.mately-feature-video {
  width: 100%;
  height: 500px;
  max-width: none;
  display: block;
  background: transparent;
  pointer-events: none;
}

/* Grand laptop / écrans moyens */
@media (max-width: 1200px) {
  .mately-feature-card {
    max-width: 900px;
    min-height: 350px;
    padding: 48px 52px;
  }

  .mately-feature-text {
    max-width: 400px;
  }

  .mately-feature-text h2 {
    font-size: clamp(32px, 3.3vw, 38px);
  }

  .mately-feature-text p {
    max-width: 430px;
    font-size: 16px;
  }

  .mately-feature-visual {
    right: 0px;
    width: clamp(430px, 42vw, 560px);
  }
}

/* Petit laptop */
@media (max-width: 1024px) {
  .mately-feature-card {
    max-width: 820px;
    min-height: 330px;
    padding: 42px 44px;
  }

  .mately-feature-text {
    max-width: 410px;
  }

  .mately-feature-text h2 {
    font-size: 32px;
  }

  .mately-feature-text p {
    max-width: 390px;
    font-size: 15px;
  }

  .mately-feature-visual {
    right: 0px;
    width: 400px;
  }
}

/* Tablette et mobile */
@media (max-width: 900px) {
  .mately-feature-section {
    padding: 90px 16px 50px;
    overflow: hidden;
  }

  .mately-feature-card {
    max-width: 620px;
    min-height: auto;
    margin: 0 auto;
    padding: 0 24px 34px;
    border-radius: 28px;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .mately-feature-visual {
    order: 1;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    width: min(92vw, 430px);
    margin: -70px auto 24px;
    overflow: visible;
    pointer-events: none;
  }

  .mately-feature-video {
    width: 100%;
    height: auto;
    display: block;
  }

  .mately-feature-text {
    order: 2;
    max-width: 100%;
    text-align: center;
  }

  .mately-feature-label {
    margin-bottom: 18px;
    max-width: 500px;
  }

  .mately-feature-text h2 {
    max-width: 500px;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 18px;
  }

  .mately-feature-text p {
    max-width: 500px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.45;
  }
}

/* Téléphone */
@media (max-width: 480px) {
  .mately-feature-section {
    padding: 80px 14px 42px;
  }

  .mately-feature-card {
    padding: 0 20px 30px;
    border-radius: 24px;
  }

  .mately-feature-visual {
    width: min(115%, 390px);
    margin-top: -58px;
    margin-bottom: 20px;
  }

  .mately-feature-text h2 {
    font-size: 24px;
  }

  .mately-feature-text p {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-355a264 */.mately-feature-3 {
  width: 100%;
  padding: clamp(60px, 8vw, 120px) 20px;
  overflow: hidden;
}

.mately-feature-3 .mately-feature-card {
  position: relative;
  max-width: 1050px;
  min-height: 380px;
  margin: 0 auto;
  background: #212121;
  border-radius: 22px;
  padding: clamp(40px, 5vw, 64px);
  overflow: visible;
}

.mately-feature-3 .mately-feature-text {
  position: relative;
  z-index: 2;
  max-width: 500px;
  margin-left: auto;
  text-align: left;
}

.mately-feature-3 .mately-feature-label {
  display: inline-block;
  background: rgba(255, 246, 26, 0.18);
  color: #fff61a;
  padding: 8px 14px;
  border-radius: 999px;
    font-family: "JetBrains Mono", Monospace;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 22px;
}

.mately-feature-3 .mately-feature-text h2 {
  color: #ffffff;
  font-family: HORIZON;
  font-size: clamp(28px, 4vw, 30px);
  line-height: 1;
  margin: 0 0 24px;
  font-weight: 900;
  letter-spacing: -1px;
}

.mately-feature-3 .mately-feature-text p {
  color: #ffffff;
  font-family: "inter";
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.45;
  max-width: 520px;
  margin: 0;
}

.mately-feature-3 .mately-feature-visual {
  position: absolute;
  z-index: 3;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(560px, 48vw, 760px);
  height: auto;
  overflow: visible;
  pointer-events: none;
}

.mately-feature-3 .mately-feature-image {
  width: 48%;
  height: auto;
  max-width: none;
  display: block;
  background: transparent;
  pointer-events: none;
}

/* Grand laptop / écrans moyens */
@media (max-width: 1200px) {
  .mately-feature-3 .mately-feature-card {
    max-width: 900px;
    min-height: 350px;
    padding: 48px 52px;
  }

  .mately-feature-3 .mately-feature-text {
    max-width: 470px;
  }

  .mately-feature-3 .mately-feature-text h2 {
    font-size: clamp(32px, 3.3vw, 38px);
  }

  .mately-feature-3 .mately-feature-text p {
    max-width: 430px;
    font-size: 16px;
  }

  .mately-feature-3 .mately-feature-visual {
    left: 20px;
  }
  .mately-feature-3 .mately-feature-image {
  width: 58%;
  height: auto;
  max-width: none;
  display: block;
  background: transparent;
  pointer-events: none;
}
}

/* Petit laptop */
@media (max-width: 1024px) {
  .mately-feature-3 .mately-feature-card {
    max-width: 820px;
    min-height: 330px;
    padding: 42px 44px;
  }

  .mately-feature-3 .mately-feature-text {
    max-width: 410px;
  }

  .mately-feature-3 .mately-feature-text h2 {
    font-size: 32px;
  }

  .mately-feature-3 .mately-feature-text p {
    max-width: 390px;
    font-size: 15px;
  }

  .mately-feature-3 .mately-feature-visual {
    left: -120px;
    width: 440px;
  }
}

/* Tablette et mobile */
@media (max-width: 900px) {
  .mately-feature-3 {
    padding: 90px 16px 50px;
    overflow: hidden;
  }

  .mately-feature-3 .mately-feature-card {
    max-width: 620px;
    min-height: auto;
    margin: 0 auto;
    padding: 0 24px 34px;
    border-radius: 28px;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .mately-feature-3 .mately-feature-visual {
    order: 1;
    position: relative;
    left: 70px;
    top: auto;
    transform: none;
    margin: -70px auto 24px;
    overflow: visible;
    pointer-events: none;
  }

  .mately-feature-3 .mately-feature-image {
    width: 68%;
    height: auto;
    display: block;
  }

  .mately-feature-3 .mately-feature-text {
    order: 2;
    max-width: 100%;
    margin-left: 0;
    text-align: center;
  }

  .mately-feature-3 .mately-feature-label {
    margin-bottom: 18px;
  }

  .mately-feature-3 .mately-feature-text h2 {
    font-size: clamp(30px, 8vw, 28px);
    line-height: 1;
    margin-bottom: 18px;
  }

  .mately-feature-3 .mately-feature-text p {
    max-width: 430px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.45;
  }
}

/* Téléphone */
@media (max-width: 480px) {
  .mately-feature-3 {
    padding: 80px 14px 42px;
  }

  .mately-feature-3 .mately-feature-card {
    padding: 0 20px 30px;
    border-radius: 24px;
  }

  .mately-feature-3 .mately-feature-visual {
    margin-top: -58px;
    margin-bottom: 20px;
     left: 0px;
  }

  .mately-feature-3 .mately-feature-text h2 {
    font-size: 24px;
  }

  .mately-feature-3 .mately-feature-text p {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-039d284 */.mately-feature-4 {
  width: 100%;
  padding: clamp(60px, 8vw, 120px) 20px;
  overflow: hidden;
}

.mately-feature-4 .mately-feature-card {
  position: relative;
  max-width: 1050px;
  min-height: 380px;
  margin: 0 auto;
  background: #212121;
  border-radius: 22px;
  padding: clamp(40px, 5vw, 64px);
  overflow: visible;
}

.mately-feature-4 .mately-feature-text {
  position: relative;
  z-index: 2;
  max-width: 500px;
  margin-left: auto;
  text-align: left;
}

.mately-feature-4 .mately-feature-label {
  display: inline-block;
  background: rgba(255, 246, 26, 0.18);
  color: #fff61a;
  padding: 8px 14px;
  border-radius: 999px;
    font-family: "JetBrains Mono", Monospace;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 22px;
}

.mately-feature-4 .mately-feature-text h2 {
  color: #ffffff;
  font-family: HORIZON;
  font-size: clamp(28px, 4vw, 30px);
  line-height: 1;
  margin: 0 0 24px;
  font-weight: 900;
  letter-spacing: -1px;
}

.mately-feature-4 .mately-feature-text p {
  color: #ffffff;
  font-family: "inter";
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.45;
  max-width: 520px;
  margin: 0;
}

.mately-feature-4 .mately-feature-visual {
  position: absolute;
  z-index: 3;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(560px, 48vw, 760px);
  height: auto;
  overflow: visible;
  pointer-events: none;
}

.mately-feature-4 .mately-feature-image {
  width: 58%;
  height: auto;
  max-width: none;
  display: block;
  background: transparent;
  pointer-events: none;
}

/* Grand laptop / écrans moyens */
@media (max-width: 1200px) {
  .mately-feature-4 .mately-feature-card {
    max-width: 900px;
    min-height: 350px;
    padding: 48px 52px;
  }

  .mately-feature-4 .mately-feature-text {
    max-width: 470px;
  }

  .mately-feature-4 .mately-feature-text h2 {
    font-size: clamp(32px, 3.3vw, 38px);
  }

  .mately-feature-4 .mately-feature-text p {
    max-width: 430px;
    font-size: 16px;
  }

  .mately-feature-4 .mately-feature-visual {
    left: 20px;
  }
  .mately-feature-4 .mately-feature-image {
  width: 68%;
  height: auto;
  max-width: none;
  display: block;
  background: transparent;
  pointer-events: none;
}
}

/* Petit laptop */
@media (max-width: 1024px) {
  .mately-feature-4 .mately-feature-card {
    max-width: 820px;
    min-height: 330px;
    padding: 42px 44px;
  }

  .mately-feature-4 .mately-feature-text {
    max-width: 410px;
  }

  .mately-feature-4 .mately-feature-text h2 {
    font-size: 32px;
  }

  .mately-feature-4 .mately-feature-text p {
    max-width: 390px;
    font-size: 15px;
  }

  .mately-feature-4 .mately-feature-visual {
    left: -120px;
    width: 440px;
  }
}

/* Tablette et mobile */
@media (max-width: 900px) {
  .mately-feature-4 {
    padding: 90px 16px 50px;
    overflow: hidden;
  }

  .mately-feature-4 .mately-feature-card {
    max-width: 620px;
    min-height: auto;
    margin: 0 auto;
    padding: 0 24px 34px;
    border-radius: 28px;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .mately-feature-4 .mately-feature-visual {
    order: 1;
    position: relative;
    left: 70px;
    top: auto;
    transform: none;
    margin: -70px auto 24px;
    overflow: visible;
    pointer-events: none;
  }

  .mately-feature-4 .mately-feature-image {
    width: 78%;
    height: auto;
    display: block;
  }

  .mately-feature-4 .mately-feature-text {
    order: 2;
    max-width: 100%;
    margin-left: 0;
    text-align: center;
  }

  .mately-feature-4 .mately-feature-label {
    margin-bottom: 18px;
  }

  .mately-feature-4 .mately-feature-text h2 {
    font-size: clamp(30px, 8vw, 28px);
    line-height: 1;
    margin-bottom: 18px;
  }

  .mately-feature-4 .mately-feature-text p {
    max-width: 430px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.45;
  }
}

/* Téléphone */
@media (max-width: 480px) {
  .mately-feature-4 {
    padding: 80px 14px 42px;
  }

  .mately-feature-4 .mately-feature-card {
    padding: 0 20px 30px;
    border-radius: 24px;
  }

  .mately-feature-4 .mately-feature-visual {
    margin-top: -58px;
    margin-bottom: 20px;
     left: 0px;
  }

  .mately-feature-4 .mately-feature-text h2 {
    font-size: 24px;
  }

  .mately-feature-4 .mately-feature-text p {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-347fee1 */.mately-feature-5 {
  width: 100%;
  padding: 110px 20px 80px;
  overflow: hidden;
}

.mately-feature-5 .mately-feature-card {
  position: relative;
  max-width: 1050px;
  min-height: auto;
  margin: 0 auto;
  background: #212121;
  border-radius: 28px;
  padding: 0 clamp(28px, 5vw, 64px) clamp(34px, 5vw, 56px);
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.mately-feature-5 .mately-feature-visual {
  order: 1;
  position: relative;
  z-index: 3;
  left: auto;
  right: auto;
  top: auto;
  transform: none;
  width: 100%;
  max-width: 620px;
  height: auto;
  margin: -80px auto 28px;
  overflow: visible;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mately-feature-5 .mately-feature-image {
  width: min(100%, 560px);
  height: auto;
  max-width: none;
  display: block;
  margin: 0 auto;
  background: transparent;
  pointer-events: none;
}

.mately-feature-5 .mately-feature-text {
  order: 2;
  position: relative;
  z-index: 2;
  max-width: 560px;
  margin-left: 0;
  text-align: center;
}

.mately-feature-5 .mately-feature-label {
  display: inline-block;
  background: rgba(255, 246, 26, 0.18);
  color: #fff61a;
  padding: 8px 14px;
  border-radius: 999px;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 22px;
}

.mately-feature-5 .mately-feature-text h2 {
  color: #ffffff;
  font-family: HORIZON;
  font-size: clamp(28px, 4vw, 32px);
  line-height: 1;
  margin: 0 0 24px;
  font-weight: 900;
  letter-spacing: -1px;
}

.mately-feature-5 .mately-feature-text p {
  color: #ffffff;
  font-family: "inter";
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.45;
  max-width: 520px;
  margin: 0 auto;
}

/* Grand laptop / écrans moyens */
@media (max-width: 1200px) {
  .mately-feature-5 {
    padding: 100px 20px 70px;
  }

  .mately-feature-5 .mately-feature-card {
    max-width: 900px;
  }

  .mately-feature-4 .mately-feature-visual {
  max-width: 560px;
  margin-top: -76px;
  margin-bottom: 26px;
}

.mately-feature-4 .mately-feature-image {
  width: min(100%, 520px);
}
  .mately-feature-5 .mately-feature-text {
    max-width: 520px;
  }

  .mately-feature-5 .mately-feature-text h2 {
    font-size: clamp(28px, 3.5vw, 28px);
  }

  .mately-feature-5 .mately-feature-text p {
    max-width: 480px;
    font-size: 16px;
  }
}

/* Petit laptop */
@media (max-width: 1024px) {
  .mately-feature-5 {
    padding: 95px 18px 60px;
  }

  .mately-feature-5 .mately-feature-card {
    max-width: 820px;
    padding: 0 40px 44px;
  }

  .mately-feature-4 .mately-feature-visual {
  max-width: 500px;
  margin-top: -70px;
  margin-bottom: 24px;
}

.mately-feature-4 .mately-feature-image {
  width: min(100%, 480px);
}

  .mately-feature-5 .mately-feature-text h2 {
    font-size: 28px;
  }

  .mately-feature-5 .mately-feature-text p {
    max-width: 460px;
    font-size: 15px;
  }
}

/* Tablette */
@media (max-width: 900px) {
  .mately-feature-5 {
    padding: 90px 16px 50px;
  }

  .mately-feature-5 .mately-feature-card {
    max-width: 620px;
    padding: 0 24px 34px;
    border-radius: 28px;
  }

 .mately-feature-4 .mately-feature-visual {
  max-width: 430px;
  margin: -70px auto 24px;
}

.mately-feature-4 .mately-feature-image {
  width: min(100%, 430px);
}

  .mately-feature-5 .mately-feature-text {
    max-width: 100%;
  }

  .mately-feature-5 .mately-feature-label {
    margin-bottom: 18px;
  }

  .mately-feature-5 .mately-feature-text h2 {
    font-size: clamp(20px, 8vw, 24px);
    line-height: 1;
    margin-bottom: 18px;
  }

  .mately-feature-5 .mately-feature-text p {
    max-width: 430px;
    font-size: 15px;
    line-height: 1.45;
  }
}

/* Téléphone */
@media (max-width: 480px) {
  .mately-feature-5 {
    padding: 80px 14px 42px;
  }

  .mately-feature-5 .mately-feature-card {
    padding: 0 20px 30px;
    border-radius: 24px;
  }

  .mately-feature-4 .mately-feature-visual {
  max-width: 390px;
  margin-top: -58px;
  margin-bottom: 20px;
}

.mately-feature-4 .mately-feature-image {
  width: min(100%, 390px);
}

  .mately-feature-5 .mately-feature-text h2 {
    font-size: 24px;
  }

  .mately-feature-5 .mately-feature-text p {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-424facc */.mately-feature-6 {
  width: 100%;
  padding: clamp(60px, 8vw, 120px) 20px;
  overflow: hidden;
}

.mately-feature-6 .mately-feature-card {
  position: relative;
  max-width: 1050px;
  min-height: 380px;
  margin: 0 auto;
  background: #212121;
  border-radius: 22px;
  padding: clamp(40px, 5vw, 64px);
  overflow: visible;
}

.mately-feature-6 .mately-feature-text {
  position: relative;
  z-index: 2;
  max-width: 400px;
}

.mately-feature-6 .mately-feature-label {
  display: inline-block;
  background: rgba(255, 246, 26, 0.18);
  color: #fff61a;
  padding: 8px 14px;
  border-radius: 999px;
  font-family: "JetBrains Mono", Monospace;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 22px;
}

.mately-feature-6 .mately-feature-text h2 {
  color: #ffffff;
  font-family: HORIZON;
  font-size: clamp(28px, 4vw, 30px);
  line-height: 1;
  margin: 0 0 24px;
  font-weight: 900;
  letter-spacing: -1px;
}

.mately-feature-6 .mately-feature-text p {
  color: #ffffff;
  font-family:"inter";
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.45;
  max-width: 520px;
  margin: 0;
}

.mately-feature-6 .mately-feature-visual {
  position: absolute;
  z-index: 3;
  right: clamp(-220px, -12vw, -140px);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(560px, 48vw, 760px);
  height: auto;
  overflow: visible;
  pointer-events: none;
  right: -250px;
}

.mately-feature-6 .mately-feature-image {
  width: 70%;
  height: auto;
  max-width: none;
  display: block;
  background: transparent;
  pointer-events: none;
}

.mately-feature-6 .mately-discord-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 26px;
  padding: 13px 20px;
  border-radius: 12px;
  background: #5865f2;
  color: #ffffff;
  font-family: "inter";
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease;
}

.mately-feature-6 .mately-discord-button:hover {
  background: #4752c4;
  transform: translateY(-2px);
}

.mately-feature-6 .mately-discord-icon {
  width: 22px;
  height: 22px;
  display: inline-flex;
}

.mately-feature-6 .mately-discord-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
/* Grand laptop / écrans moyens */
@media (max-width: 1200px) {
  .mately-feature-6 .mately-feature-card {
    max-width: 900px;
    min-height: 350px;
    padding: 48px 52px;
  }

  .mately-feature-6 .mately-feature-text {
    max-width: 400px;
  }

  .mately-feature-6 .mately-feature-text h2 {
    font-size: clamp(32px, 3.3vw, 38px);
  }

  .mately-feature-6 .mately-feature-text p {
    max-width: 430px;
    font-size: 16px;
  }

  .mately-feature-6 .mately-feature-visual {
    right: -200px;
    width: 70%;
  height: auto;
  max-width: none;
  }
}

/* Petit laptop */
@media (max-width: 1024px) {
  .mately-feature-6 .mately-feature-card {
    max-width: 820px;
    min-height: 330px;
    padding: 42px 44px;
  }

  .mately-feature-6 .mately-feature-text {
    max-width: 410px;
  }

  .mately-feature-6 .mately-feature-text h2 {
    font-size: 32px;
  }

  .mately-feature-6 .mately-feature-text p {
    max-width: 390px;
    font-size: 15px;
  }

  .mately-feature-6 .mately-feature-visual {
    right: -45px;
    width: 440px;
  }
}

/* Tablette et mobile */
@media (max-width: 900px) {
  .mately-feature-6 {
    padding: 90px 16px 50px;
    overflow: hidden;
  }

  .mately-feature-6 .mately-feature-card {
    max-width: 620px;
    min-height: auto;
    margin: 0 auto;
    padding: 0 24px 34px;
    border-radius: 28px;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .mately-feature-6 .mately-feature-visual {
    order: 1;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    width: min(92vw, 430px);
    margin: -70px auto 24px;
    overflow: visible;
    pointer-events: none;
  }

  .mately-feature-6 .mately-feature-image {
    width: 100%;
    height: auto;
    display: block;
  }

  .mately-feature-6 .mately-feature-text {
    order: 2;
    max-width: 100%;
    text-align: center;
  }

  .mately-feature-6 .mately-feature-label {
    margin-bottom: 18px;
  }

  .mately-feature-6 .mately-feature-text h2 {
    font-size: clamp(30px, 8vw, 28px);
    line-height: 1;
    margin-bottom: 18px;
  }

  .mately-feature-6 .mately-feature-text p {
    max-width: 430px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.45;
  }
}

/* Téléphone */
@media (max-width: 480px) {
  .mately-feature-6 {
    padding: 80px 14px 42px;
  }

  .mately-feature-6 .mately-feature-card {
    padding: 0 20px 30px;
    border-radius: 24px;
  }

  .mately-feature-6 .mately-feature-visual {
    width: min(110%, 390px);
    margin-top: -58px;
    margin-bottom: 20px;
  }

  .mately-feature-6 .mately-feature-text h2 {
    font-size: 24px;
  }

  .mately-feature-6 .mately-feature-text p {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS */html, body {
  overflow-x: hidden;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'HORIZON';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://mately.gg/wp-content/uploads/2026/06/Horizon.woff2') format('woff2');
}
/* End Custom Fonts CSS */