/* =========================================================
   RESPONSIVE — M2H CIRCLE
   Objectif : mobile propre, proportions contrôlées, titres lisibles
   Ce fichier est chargé après base/background/hero.css
   ========================================================= */

* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  overflow-x: hidden;
}

img,
video {
  max-width: 100%;
}

/* TABLETTE / PETIT DESKTOP */
@media (max-width: 1180px) {
  .hero-content,
  .feedback-inner,
  .fit-inner,
  .methods-inner,
  .second-proof-inner,
  .about-inner,
  .faq-inner,
  .final-cta-inner,
  .site-footer__inner,
  .legal-card {
    max-width: 940px !important;
  }

  .methods-blueprint {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .method-card--empire {
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .about-inner {
    grid-template-columns: 0.78fr 1.22fr !important;
    gap: 38px !important;
  }
}

@media (max-width: 980px) {
  .site-header,
  .legal-header {
    height: 92px !important;
    padding-bottom: 12px !important;
  }

  .site-logo,
  .legal-header .site-logo {
    width: 78px !important;
  }

  .hero {
    min-height: auto !important;
    padding: 40px 18px 0 !important;
  }

  .hero-content {
    padding-bottom: 70px !important;
  }

  .hero-title {
    max-width: 760px !important;
    font-size: clamp(34px, 6vw, 52px) !important;
    line-height: 1 !important;
    letter-spacing: -0.06em !important;
  }

  .title-final {
    flex-wrap: wrap !important;
    gap: 0.18em !important;
  }

  .money-frame {
    padding: 0.13em 0.24em 0.17em !important;
    line-height: 0.9 !important;
  }

  .hero-subtitle {
    max-width: 560px !important;
    margin-top: 24px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .vsl-wrapper {
    max-width: 720px !important;
    margin-top: 30px !important;
  }

  .application-section {
    max-width: 680px !important;
    margin-top: 52px !important;
  }

  .typeform-shell,
  .typeform-shell [data-tf-live],
  .typeform-shell iframe {
    height: 640px !important;
    min-height: 640px !important;
  }

  .feedback-section,
  .fit-section,
  .methods-section,
  .second-proof-section,
  .about-section,
  .faq-section,
  .final-cta-section {
    width: calc(100% + 36px) !important;
    margin-left: -18px !important;
    margin-right: -18px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-top: 86px !important;
    padding-bottom: 90px !important;
  }

  .feedback-title,
  .fit-title,
  .section-title,
  .methods-title,
  .about-title,
  .final-cta-title {
    font-size: clamp(32px, 6vw, 52px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.06em !important;
  }

  .section-subtitle,
  .feedback-subtitle,
  .fit-subtitle,
  .methods-subtitle {
    max-width: 610px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .feedback-wall {
    columns: 3 200px !important;
    column-gap: 10px !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
  }

  .feedback-wall::after {
    display: none !important;
  }

  .feedback-footer {
    margin-top: 30px !important;
  }

  .fit-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 720px !important;
    gap: 14px !important;
  }

  .methods-blueprint {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 780px !important;
    gap: 16px !important;
  }

  .method-card {
    min-height: 410px !important;
    grid-template-rows: 152px auto !important;
  }

  .method-card__visual {
    height: 152px !important;
    min-height: 152px !important;
  }

  .method-card h3 {
    font-size: 20px !important;
  }

  .method-card p {
    font-size: 13px !important;
  }

  .proof-scroll-track {
    animation-duration: 90s !important;
  }

  .proof-scroll-track--reverse {
    animation-duration: 100s !important;
  }

  .proof-scroll-card--whatsapp {
    width: 230px !important;
    min-width: 230px !important;
  }

  .proof-scroll-card--discord {
    width: 330px !important;
    min-width: 330px !important;
  }

  .about-inner {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    text-align: center !important;
  }

  .about-image-wrap {
    max-width: 320px !important;
    height: 470px !important;
  }

  .about-title,
  .about-content p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .about-stats {
    width: 100% !important;
    max-width: 560px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .final-cta-card {
    max-width: 760px !important;
    padding: 52px 28px !important;
  }

  .legal-card {
    padding: 42px 30px !important;
  }
}

/* MOBILE */
@media (max-width: 760px) {
  .grid-layer {
    opacity: 0.48 !important;
    background-size: 44px 44px, 44px 44px, 11px 11px, 11px 11px !important;
  }

  .site-header,
  .legal-header {
    height: 86px !important;
    padding-bottom: 10px !important;
  }

  .site-logo,
  .legal-header .site-logo {
    width: 72px !important;
  }

  .hero {
    padding: 30px 16px 0 !important;
  }

  .hero-content {
    padding-bottom: 56px !important;
  }

  .method-badge {
    height: 31px !important;
    padding: 0 14px !important;
    margin-bottom: 24px !important;
  }

  .method-badge__dot {
    width: 6px !important;
    height: 6px !important;
    margin-right: 6px !important;
  }

  .method-badge__text {
    font-size: 8px !important;
    letter-spacing: 0.14em !important;
  }

  .hero-title {
    max-width: 460px !important;
    font-size: clamp(31px, 9.2vw, 41px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.06em !important;
  }

  .title-final {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.16em !important;
    margin-top: 0.14em !important;
  }

  .money-frame {
    max-width: calc(100vw - 52px) !important;
    padding: 0.14em 0.22em 0.18em !important;
    line-height: 0.9 !important;
  }

  .hero-subtitle {
    max-width: 390px !important;
    margin-top: 20px !important;
    font-size: 13.2px !important;
    line-height: 1.55 !important;
  }

  .vsl-wrapper {
    margin-top: 26px !important;
  }

  .vsl-frame {
    padding: 4px !important;
    border-radius: 18px !important;
  }

  .vsl-video {
    border-radius: 14px !important;
  }

  .cta-button {
    min-height: 43px !important;
    padding: 0 20px !important;
    font-size: 13.4px !important;
    border-radius: 11px !important;
  }

  .application-section {
    max-width: 100% !important;
    margin-top: 42px !important;
  }

  .typeform-shell,
  .typeform-shell [data-tf-live],
  .typeform-shell iframe {
    height: 600px !important;
    min-height: 600px !important;
    border-radius: 18px !important;
  }

  .feedback-section,
  .fit-section,
  .methods-section,
  .second-proof-section,
  .about-section,
  .faq-section,
  .final-cta-section {
    width: calc(100% + 32px) !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 66px !important;
    padding-bottom: 72px !important;
  }

  .feedback-head,
  .fit-head,
  .section-head,
  .methods-intro,
  .second-proof-head {
    max-width: 430px !important;
    margin-bottom: 26px !important;
  }

  .section-kicker,
  .feedback-kicker,
  .fit-kicker {
    height: 28px !important;
    padding: 0 12px !important;
    font-size: 8.2px !important;
    letter-spacing: 0.15em !important;
  }

  .feedback-title,
  .fit-title,
  .section-title,
  .methods-title,
  .about-title,
  .final-cta-title {
    font-size: clamp(28px, 8.8vw, 36px) !important;
    line-height: 1 !important;
    letter-spacing: -0.058em !important;
  }

  .section-subtitle,
  .feedback-subtitle,
  .fit-subtitle,
  .methods-subtitle {
    max-width: 390px !important;
    margin-top: 14px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  /* Première section avis : on affiche tout, sans fondu qui coupe */
  .feedback-wall {
    width: 100% !important;
    columns: 2 150px !important;
    column-gap: 8px !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
  }

  .feedback-wall::after {
    display: none !important;
  }

  .proof-card {
    display: inline-block !important;
    width: 100% !important;
    break-inside: avoid !important;
    margin: 0 0 8px !important;
    border-radius: 15px !important;
  }

  .proof-card img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .feedback-footer {
    margin-top: 28px !important;
    gap: 16px !important;
  }

  .feedback-footer p {
    max-width: 310px !important;
    font-size: 12.5px !important;
  }

  .fit-cards,
  .methods-blueprint {
    grid-template-columns: 1fr !important;
    max-width: 430px !important;
    gap: 13px !important;
  }

  .fit-card {
    min-height: auto !important;
    padding: 21px !important;
    border-radius: 20px !important;
  }

  .fit-card__number {
    margin-bottom: 20px !important;
  }

  .fit-card h3 {
    font-size: 18px !important;
    line-height: 1.12 !important;
  }

  .fit-card p {
    font-size: 12.8px !important;
    line-height: 1.55 !important;
  }

  .method-card {
    min-height: auto !important;
    grid-template-rows: 126px auto !important;
    padding: 10px !important;
    border-radius: 22px !important;
  }

  .method-card__visual {
    height: 126px !important;
    min-height: 126px !important;
    border-radius: 16px !important;
  }

  .method-card__content {
    padding: 18px 8px 6px !important;
  }

  .method-card__top {
    min-height: 28px !important;
    margin-bottom: 12px !important;
  }

  .method-number {
    font-size: 10px !important;
  }

  .method-tag {
    height: 27px !important;
    padding: 0 10px !important;
    font-size: 7.8px !important;
  }

  .method-card h3 {
    font-size: 19px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.045em !important;
  }

  .method-card p {
    font-size: 12.6px !important;
    line-height: 1.55 !important;
  }

  .foundation-visual,
  .onboarding-visual,
  .chatting-visual,
  .marketing-visual,
  .scaling-visual {
    padding: 10px !important;
  }

  .foundation-panel {
    padding: 10px !important;
  }

  .foundation-line.large {
    margin-bottom: 9px !important;
  }

  .foundation-grid {
    gap: 7px !important;
  }

  .foundation-grid span {
    min-height: 33px !important;
    font-size: 8.8px !important;
  }

  .funnel-step {
    height: 25px !important;
    font-size: 8.5px !important;
  }

  .funnel-arrow {
    height: 13px !important;
    margin: 2px auto !important;
  }

  .onboarding-checklist {
    gap: 5px !important;
    margin-top: 7px !important;
  }

  .onboarding-checklist span {
    height: 23px !important;
    font-size: 7.7px !important;
  }

  .chat-window {
    height: 66px !important;
    padding: 10px !important;
    gap: 5px !important;
    margin-bottom: 7px !important;
  }

  .chat-bubble {
    height: 12px !important;
  }

  .spark-steps {
    gap: 3px !important;
  }

  .spark-steps span {
    height: 12px !important;
    font-size: 6.5px !important;
  }

  .content-card {
    width: 48px !important;
    height: 66px !important;
    border-radius: 12px !important;
  }

  .card-one { left: 28px !important; top: 27px !important; }
  .card-two { top: 18px !important; }
  .card-three { right: 28px !important; top: 27px !important; }

  .platform-row {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    gap: 5px !important;
  }

  .platform-row span {
    height: 22px !important;
    font-size: 7px !important;
  }

  .dashboard-top span {
    height: 27px !important;
  }

  .dashboard-chart {
    height: 48px !important;
  }

  .dashboard-metrics span {
    height: 18px !important;
    font-size: 7px !important;
  }

  .method-card--empire {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .method-card--empire .method-card__visual,
  .empire-visual {
    height: 210px !important;
    min-height: 210px !important;
  }

  .empire-content {
    padding: 18px 8px 6px !important;
  }

  .empire-content h3 {
    font-size: 20px !important;
  }

  .empire-content p {
    font-size: 12.6px !important;
  }

  .vault-box,
  .pillar-roof {
    right: 7% !important;
    width: 104px !important;
    height: 86px !important;
    border-radius: 17px !important;
  }

  .cash-card,
  .pillar {
    width: 60px !important;
    height: 40px !important;
    border-radius: 12px !important;
  }

  .cash-card::before,
  .pillar::before {
    left: 8px !important;
    width: 19px !important;
    height: 19px !important;
    font-size: 13px !important;
  }

  .cash-card::after,
  .pillar::after {
    left: 34px !important;
    right: 8px !important;
    top: 11px !important;
    height: 4px !important;
    box-shadow: 0 8px 0 rgba(255,255,255,0.12) !important;
  }

  .cash-card-1,
  .pillar-1 { left: 7% !important; top: 34% !important; }
  .cash-card-2,
  .pillar-2 { left: 22% !important; top: 52% !important; }
  .cash-card-3,
  .pillar-3 { left: 38% !important; top: 38% !important; }
  .cash-card-4,
  .pillar-4 { left: 50% !important; top: 52% !important; }

  .proof-scroll {
    width: calc(100% + 32px) !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
    gap: 12px !important;
    padding: 4px 0 6px !important;
  }

  .proof-scroll::before,
  .proof-scroll::after {
    width: 42px !important;
  }

  .proof-scroll-track {
    gap: 12px !important;
    animation-duration: 110s !important;
  }

  .proof-scroll-track--reverse {
    animation-duration: 120s !important;
  }

  .proof-scroll-card--whatsapp {
    width: 204px !important;
    min-width: 204px !important;
  }

  .proof-scroll-card--discord {
    width: 270px !important;
    min-width: 270px !important;
  }

  .proof-scroll-card {
    border-radius: 16px !important;
  }

  .about-image-wrap {
    max-width: 260px !important;
    height: 370px !important;
    border-radius: 22px !important;
  }

  .about-image {
    border-radius: 17px !important;
  }

  .about-content p {
    font-size: 13px !important;
    line-height: 1.62 !important;
  }

  .about-stats {
    grid-template-columns: 1fr !important;
    max-width: 320px !important;
    gap: 10px !important;
  }

  .faq-list {
    gap: 10px !important;
  }

  .faq-item {
    border-radius: 15px !important;
  }

  .faq-item summary {
    padding: 17px !important;
    gap: 12px !important;
  }

  .faq-item summary span {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .faq-item summary i {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
  }

  .faq-item p {
    padding: 0 17px 18px !important;
    font-size: 12.8px !important;
    line-height: 1.58 !important;
  }

  .final-cta-card {
    padding: 38px 17px !important;
    border-radius: 22px !important;
  }

  .final-mini-flow {
    grid-template-columns: 1fr !important;
    max-width: 280px !important;
    gap: 8px !important;
  }

  .final-cta-card p {
    max-width: 330px !important;
    font-size: 13px !important;
  }

  .site-footer,
  .legal-page .site-footer {
    padding: 44px 16px 24px !important;
  }

  .site-footer__main,
  .legal-page .site-footer__main {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .site-footer__logo,
  .legal-page .site-footer__logo {
    width: 74px !important;
  }

  .site-footer__menus,
  .legal-page .site-footer__menus {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
  }

  .site-footer__noticeText,
  .legal-page .site-footer__noticeText {
    max-width: 100% !important;
    font-size: 10.8px !important;
    line-height: 1.62 !important;
  }

  .site-footer__bottom,
  .legal-page .site-footer__bottom {
    padding-top: 28px !important;
    text-align: center !important;
  }

  .legal-hero {
    padding: 28px 16px 58px !important;
  }

  .legal-card {
    padding: 30px 18px !important;
    border-radius: 20px !important;
  }

  .legal-card h1 {
    font-size: clamp(28px, 9vw, 38px) !important;
    line-height: 1 !important;
  }

  .legal-content h2 {
    font-size: 17px !important;
  }

  .legal-content p,
  .legal-content li {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }
}

/* PETITS MOBILES */
@media (max-width: 480px) {
  .site-header,
  .legal-header {
    height: 74px !important;
  }

  .site-logo,
  .legal-header .site-logo {
    width: 66px !important;
  }

  .hero {
    padding: 24px 14px 0 !important;
  }

  .hero-title {
    max-width: 360px !important;
    font-size: clamp(29px, 9.6vw, 38px) !important;
    line-height: 1.03 !important;
  }

  .hero-subtitle {
    max-width: 335px !important;
    font-size: 12.7px !important;
  }

  .typeform-shell,
  .typeform-shell [data-tf-live],
  .typeform-shell iframe {
    height: 580px !important;
    min-height: 580px !important;
  }

  .feedback-section,
  .fit-section,
  .methods-section,
  .second-proof-section,
  .about-section,
  .faq-section,
  .final-cta-section {
    width: calc(100% + 28px) !important;
    margin-left: -14px !important;
    margin-right: -14px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-top: 58px !important;
    padding-bottom: 64px !important;
  }

  .feedback-title,
  .fit-title,
  .section-title,
  .methods-title,
  .about-title,
  .final-cta-title {
    font-size: clamp(27px, 8.9vw, 34px) !important;
    line-height: 1.01 !important;
  }

  .section-subtitle,
  .feedback-subtitle,
  .fit-subtitle,
  .methods-subtitle {
    font-size: 12.4px !important;
  }

  .feedback-wall {
    columns: 2 130px !important;
    column-gap: 7px !important;
  }

  .proof-card {
    margin-bottom: 7px !important;
    border-radius: 13px !important;
  }

  .fit-cards,
  .methods-blueprint {
    max-width: 100% !important;
  }

  .method-card {
    grid-template-rows: 116px auto !important;
    border-radius: 20px !important;
  }

  .method-card__visual {
    height: 116px !important;
    min-height: 116px !important;
    border-radius: 15px !important;
  }

  .method-card h3 {
    font-size: 18px !important;
  }

  .method-card p {
    font-size: 12.3px !important;
  }

  .proof-scroll-card--whatsapp {
    width: 194px !important;
    min-width: 194px !important;
  }

  .proof-scroll-card--discord {
    width: 250px !important;
    min-width: 250px !important;
  }

  .about-image-wrap {
    max-width: 238px !important;
    height: 340px !important;
  }

  .site-footer__menus,
  .legal-page .site-footer__menus {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
}

@media (max-width: 380px) {
  .hero-title {
    font-size: clamp(27px, 9.2vw, 34px) !important;
  }

  .feedback-title,
  .fit-title,
  .section-title,
  .methods-title,
  .about-title,
  .final-cta-title {
    font-size: clamp(25px, 8.6vw, 31px) !important;
  }

  .feedback-wall {
    columns: 2 118px !important;
    column-gap: 6px !important;
  }

  .method-card {
    grid-template-rows: 108px auto !important;
  }

  .method-card__visual {
    height: 108px !important;
    min-height: 108px !important;
  }

  .proof-scroll-card--whatsapp {
    width: 182px !important;
    min-width: 182px !important;
  }

  .proof-scroll-card--discord {
    width: 232px !important;
    min-width: 232px !important;
  }
}

/* =========================================================
   FINAL MOBILE OVERRIDE V3 — proportions propres
   ========================================================= */

.feedback-mobile-clone {
  display: none;
}

@media (max-width: 760px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  .site-header,
  .legal-header {
    height: 78px !important;
    padding-bottom: 8px !important;
  }

  .site-logo,
  .legal-header .site-logo {
    width: 68px !important;
  }

  .hero {
    padding: 24px 14px 0 !important;
  }

  .hero-content {
    padding-bottom: 48px !important;
  }

  .method-badge,
  .section-kicker,
  .feedback-kicker,
  .fit-kicker,
  .animated-kicker {
    height: 27px !important;
    padding: 0 12px !important;
    font-size: 7.5px !important;
    letter-spacing: 0.14em !important;
    margin-bottom: 18px !important;
  }

  .hero-title {
    max-width: 350px !important;
    font-size: clamp(27px, 7.6vw, 33px) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.058em !important;
  }

  .title-final {
    flex-direction: column !important;
    gap: 0.14em !important;
    margin-top: 0.12em !important;
  }

  .money-frame {
    max-width: calc(100vw - 56px) !important;
    padding: 0.13em 0.20em 0.17em !important;
    line-height: 0.9 !important;
    border-radius: 0.15em !important;
  }

  .money-slash {
    transform: translateY(-0.045em) !important;
    display: inline-block !important;
  }

  .ofm-text {
    display: block !important;
  }

  .hero-subtitle {
    max-width: 330px !important;
    margin-top: 18px !important;
    font-size: 12.6px !important;
    line-height: 1.5 !important;
  }

  .vsl-wrapper {
    margin-top: 22px !important;
  }

  .vsl-frame {
    padding: 3px !important;
    border-radius: 17px !important;
  }

  .vsl-video {
    border-radius: 13px !important;
  }

  .cta-block {
    margin-top: 24px !important;
  }

  .cta-button {
    min-height: 42px !important;
    padding: 0 19px !important;
    font-size: 13px !important;
    border-radius: 11px !important;
  }

  .feedback-section,
  .fit-section,
  .methods-section,
  .second-proof-section,
  .about-section,
  .faq-section,
  .final-cta-section {
    width: calc(100% + 28px) !important;
    margin-left: -14px !important;
    margin-right: -14px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-top: 56px !important;
    padding-bottom: 60px !important;
  }

  .feedback-head,
  .fit-head,
  .section-head,
  .methods-intro,
  .second-proof-head {
    max-width: 360px !important;
    margin-bottom: 24px !important;
  }

  .feedback-title,
  .fit-title,
  .section-title,
  .methods-title,
  .about-title,
  .final-cta-title {
    max-width: 360px !important;
    font-size: clamp(24px, 6.8vw, 30px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
  }

  .section-subtitle,
  .feedback-subtitle,
  .fit-subtitle,
  .methods-subtitle {
    max-width: 340px !important;
    margin-top: 13px !important;
    font-size: 12.3px !important;
    line-height: 1.52 !important;
  }

  /* 1ère section avis : défilement mobile comme la 2ème section */
  .feedback-inner {
    overflow: hidden !important;
  }

  .feedback-wall {
    width: max-content !important;
    max-width: none !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    columns: auto !important;
    column-gap: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 2px 0 4px !important;
    animation: feedbackMobileScroll 95s linear infinite !important;
    will-change: transform !important;
  }

  .feedback-wall::before,
  .feedback-wall::after {
    display: none !important;
  }

  .feedback-mobile-clone {
    display: block !important;
  }

  .feedback-wall .proof-card {
    flex: 0 0 auto !important;
    display: block !important;
    width: 168px !important;
    max-width: 168px !important;
    margin: 0 !important;
    border-radius: 15px !important;
    break-inside: auto !important;
    overflow: hidden !important;
  }

  .feedback-wall .proof-card img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
  }

  .feedback-footer {
    margin-top: 26px !important;
    gap: 14px !important;
  }

  .feedback-footer p {
    max-width: 290px !important;
    font-size: 12px !important;
  }

  @keyframes feedbackMobileScroll {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(calc(-50% - 6px), 0, 0); }
  }

  .fit-cards,
  .methods-blueprint {
    grid-template-columns: 1fr !important;
    max-width: 360px !important;
    gap: 14px !important;
  }

  .fit-card {
    min-height: auto !important;
    padding: 20px !important;
    border-radius: 19px !important;
  }

  .fit-card__number {
    margin-bottom: 18px !important;
    font-size: 10px !important;
  }

  .fit-card h3 {
    font-size: 17px !important;
    line-height: 1.12 !important;
  }

  .fit-card p {
    font-size: 12.4px !important;
    line-height: 1.52 !important;
  }

  /* Cartes méthodes : visuels réduits et sans débordement */
  .method-card {
    width: 100% !important;
    min-height: auto !important;
    display: block !important;
    padding: 10px !important;
    border-radius: 21px !important;
  }

  .method-card__visual {
    width: 100% !important;
    height: 104px !important;
    min-height: 104px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
  }

  .method-card__content {
    padding: 16px 7px 6px !important;
    overflow: visible !important;
  }

  .method-card__top {
    min-height: 26px !important;
    margin-bottom: 11px !important;
    gap: 10px !important;
  }

  .method-number {
    font-size: 9.5px !important;
    letter-spacing: 0.18em !important;
  }

  .method-tag {
    height: 25px !important;
    padding: 0 9px !important;
    font-size: 7.2px !important;
    letter-spacing: 0.14em !important;
  }

  .method-card h3 {
    font-size: 17.2px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
    margin-bottom: 9px !important;
  }

  .method-card p {
    font-size: 12.1px !important;
    line-height: 1.52 !important;
  }

  .foundation-visual,
  .onboarding-visual,
  .chatting-visual,
  .marketing-visual,
  .scaling-visual {
    padding: 9px !important;
  }

  .foundation-panel {
    padding: 8px !important;
    border-radius: 13px !important;
  }

  .foundation-line,
  .foundation-line.large {
    height: 8px !important;
    margin-bottom: 7px !important;
  }

  .foundation-grid {
    gap: 6px !important;
  }

  .foundation-grid span {
    min-height: 24px !important;
    border-radius: 9px !important;
    font-size: 7.5px !important;
  }

  .main-account {
    width: 44px !important;
    height: 44px !important;
    top: 30px !important;
    border-radius: 14px !important;
  }

  .main-account::after {
    bottom: -16px !important;
    font-size: 6px !important;
  }

  .sub-account {
    width: 24px !important;
    height: 24px !important;
    border-radius: 11px !important;
  }

  .sub-one { left: 36px !important; top: 24px !important; }
  .sub-two { right: 36px !important; top: 24px !important; }
  .sub-three { left: 48px !important; bottom: 22px !important; }
  .sub-four { right: 48px !important; bottom: 22px !important; }

  .dm-line { opacity: 0.38 !important; }
  .line-one { width: 58px !important; left: 58px !important; top: 39px !important; }
  .line-two { width: 58px !important; right: 58px !important; top: 39px !important; }
  .line-three { width: 58px !important; left: 68px !important; bottom: 38px !important; }
  .line-four { width: 58px !important; right: 68px !important; bottom: 38px !important; }

  .funnel-step {
    height: 23px !important;
    font-size: 7.8px !important;
  }

  .funnel-arrow {
    width: 13px !important;
    height: 10px !important;
    margin: 2px auto !important;
  }

  .funnel-arrow::before {
    height: 8px !important;
  }

  .funnel-arrow::after {
    width: 5px !important;
    height: 5px !important;
    border-width: 1.5px !important;
  }

  .onboarding-checklist {
    margin-top: 6px !important;
    gap: 5px !important;
  }

  .onboarding-checklist span {
    height: 20px !important;
    font-size: 6.8px !important;
    border-radius: 8px !important;
  }

  .chat-window {
    height: 56px !important;
    padding: 8px !important;
    gap: 5px !important;
    margin-bottom: 6px !important;
  }

  .chat-bubble {
    height: 10px !important;
  }

  .spark-steps {
    gap: 3px !important;
  }

  .spark-steps span {
    height: 10px !important;
    font-size: 5.8px !important;
    padding-left: 7px !important;
  }

  .content-card {
    width: 42px !important;
    height: 58px !important;
    border-radius: 10px !important;
  }

  .content-card::before {
    left: 10px !important;
    right: 10px !important;
    top: 13px !important;
    height: 6px !important;
  }

  .content-card::after {
    left: 10px !important;
    right: 14px !important;
    top: 28px !important;
    height: 21px !important;
    border-radius: 8px !important;
  }

  .card-one { left: 32px !important; top: 18px !important; }
  .card-two { top: 13px !important; }
  .card-three { right: 32px !important; top: 18px !important; }

  .traffic-arrow { bottom: 38px !important; width: 88px !important; }

  .platform-row {
    left: 10px !important;
    right: 10px !important;
    bottom: 9px !important;
    gap: 5px !important;
  }

  .platform-row span {
    height: 18px !important;
    font-size: 6.3px !important;
  }

  .dashboard-top {
    gap: 5px !important;
    margin-bottom: 8px !important;
  }

  .dashboard-top span {
    height: 23px !important;
  }

  .dashboard-chart {
    height: 43px !important;
    padding: 8px !important;
    gap: 5px !important;
  }

  .dashboard-metrics {
    gap: 4px !important;
    margin-top: 7px !important;
  }

  .dashboard-metrics span {
    height: 16px !important;
    font-size: 6.2px !important;
  }

  .method-card--empire {
    grid-column: auto !important;
    display: block !important;
    gap: 0 !important;
  }

  .method-card--empire .method-card__visual,
  .empire-visual {
    height: 142px !important;
    min-height: 142px !important;
  }

  .empire-content {
    padding: 16px 7px 6px !important;
  }

  .empire-content h3 {
    font-size: 18px !important;
  }

  .empire-content p {
    font-size: 12.1px !important;
  }

  .pillar-roof,
  .vault-box {
    right: 7% !important;
    width: 92px !important;
    height: 76px !important;
    border-radius: 15px !important;
  }

  .pillar,
  .cash-card {
    width: 53px !important;
    height: 35px !important;
    border-radius: 10px !important;
  }

  .pillar::before,
  .cash-card::before {
    left: 7px !important;
    width: 17px !important;
    height: 17px !important;
    font-size: 11px !important;
  }

  .pillar::after,
  .cash-card::after {
    left: 30px !important;
    right: 7px !important;
    top: 10px !important;
    height: 4px !important;
    box-shadow: 0 7px 0 rgba(255,255,255,0.12) !important;
  }

  .pillar-1,
  .cash-card-1 { left: 6% !important; top: 34% !important; }
  .pillar-2,
  .cash-card-2 { left: 20% !important; top: 54% !important; }
  .pillar-3,
  .cash-card-3 { left: 34% !important; top: 38% !important; }
  .pillar-4,
  .cash-card-4 { left: 47% !important; top: 54% !important; }

  .proof-scroll {
    margin-top: 2px !important;
  }

  .proof-scroll-card--whatsapp {
    width: 182px !important;
    min-width: 182px !important;
  }

  .proof-scroll-card--discord {
    width: 242px !important;
    min-width: 242px !important;
  }

  .proof-scroll-track {
    animation-duration: 120s !important;
  }

  .proof-scroll-track--reverse {
    animation-duration: 130s !important;
  }

  .about-inner {
    gap: 28px !important;
    text-align: center !important;
  }

  .about-image-wrap {
    max-width: 232px !important;
    height: 330px !important;
    border-radius: 21px !important;
  }

  .about-image {
    border-radius: 16px !important;
  }

  .about-content p {
    max-width: 340px !important;
    font-size: 12.4px !important;
    line-height: 1.58 !important;
    margin: 14px auto 0 !important;
  }

  .about-stats {
    max-width: 300px !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .about-stats div {
    padding: 15px !important;
  }

  .about-stats strong {
    font-size: 18px !important;
  }

  .faq-item summary span {
    font-size: 13.2px !important;
  }

  .faq-item p {
    font-size: 12.3px !important;
  }

  .final-cta-card {
    padding: 34px 16px !important;
    border-radius: 21px !important;
  }

  .final-cta-card p {
    max-width: 310px !important;
    font-size: 12.5px !important;
  }

  /* Footer mobile plus propre */
  .site-footer,
  .legal-page .site-footer {
    padding: 38px 18px 24px !important;
  }

  .site-footer__shell,
  .legal-page .site-footer__shell {
    max-width: 360px !important;
  }

  .site-footer__main,
  .legal-page .site-footer__main {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 26px !important;
    text-align: left !important;
  }

  .site-footer__brand,
  .legal-page .site-footer__brand {
    margin-bottom: 18px !important;
  }

  .site-footer__logo,
  .legal-page .site-footer__logo {
    width: 68px !important;
  }

  .site-footer__noticeText,
  .legal-page .site-footer__noticeText {
    max-width: 330px !important;
    font-size: 10.2px !important;
    line-height: 1.62 !important;
    color: rgba(222, 231, 255, 0.34) !important;
  }

  .site-footer__menus,
  .legal-page .site-footer__menus {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }

  .site-footer__menu,
  .legal-page .site-footer__menu {
    gap: 8px !important;
  }

  .site-footer__menu strong,
  .legal-page .site-footer__menu strong {
    font-size: 8.2px !important;
    letter-spacing: 0.20em !important;
    margin-bottom: 8px !important;
  }

  .site-footer a,
  .site-footer p,
  .site-footer span,
  .legal-page .site-footer a,
  .legal-page .site-footer p,
  .legal-page .site-footer span {
    font-size: 11.2px !important;
    line-height: 1.5 !important;
  }

  .site-footer__bottom,
  .legal-page .site-footer__bottom {
    padding-top: 30px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .site-footer__bottom span,
  .legal-page .site-footer__bottom span {
    font-size: 10.5px !important;
  }

  .legal-hero {
    padding: 26px 14px 54px !important;
  }

  .legal-card {
    padding: 26px 17px !important;
    border-radius: 19px !important;
  }

  .legal-card h1 {
    font-size: clamp(24px, 7vw, 30px) !important;
    line-height: 1.02 !important;
  }

  .legal-content h2 {
    font-size: 16px !important;
  }

  .legal-content p,
  .legal-content li {
    font-size: 12.5px !important;
    line-height: 1.58 !important;
  }
}

@media (max-width: 420px) {
  .hero-title {
    max-width: 330px !important;
    font-size: clamp(25px, 7.3vw, 30px) !important;
  }

  .feedback-title,
  .fit-title,
  .section-title,
  .methods-title,
  .about-title,
  .final-cta-title {
    font-size: clamp(22px, 6.5vw, 28px) !important;
  }

  .feedback-wall .proof-card {
    width: 154px !important;
    max-width: 154px !important;
  }

  .method-card__visual {
    height: 96px !important;
    min-height: 96px !important;
  }

  .method-card h3 {
    font-size: 16.4px !important;
  }

  .method-card p {
    font-size: 11.8px !important;
  }

  .proof-scroll-card--whatsapp {
    width: 170px !important;
    min-width: 170px !important;
  }

  .proof-scroll-card--discord {
    width: 226px !important;
    min-width: 226px !important;
  }

  .site-footer__menus,
  .legal-page .site-footer__menus {
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
  }
}


/* =========================================================
   PATCH FINAL MOBILE — feedback 2 lignes + hero 3 lignes
   Ne modifie que la version mobile.
========================================================= */

.feedback-mobile-scroll {
  display: none;
}

@media (max-width: 768px) {
  .hero-title {
    width: 100% !important;
    max-width: calc(100vw - 34px) !important;
    font-size: clamp(31px, 8.1vw, 38px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.058em !important;
  }

  .hero-title .title-line {
    display: block !important;
    white-space: normal !important;
  }

  .hero-title .title-final {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.24em !important;
    width: 100% !important;
    margin-top: 0.16em !important;
    white-space: nowrap !important;
    font-size: clamp(25px, 7.15vw, 33px) !important;
    line-height: 1 !important;
  }

  .hero-title .money-frame {
    flex: 0 0 auto !important;
    padding: 0.16em 0.24em 0.20em !important;
    line-height: 0.9 !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  .hero-title .ofm-text {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 1em !important;
    line-height: 1 !important;
  }

  .hero-title .money-slash {
    display: inline-block !important;
    transform: translateY(-0.02em) !important;
  }

  /* Première section avis : 2 lignes mobile, comme la deuxième section */
  .feedback-wall {
    display: none !important;
  }

  .feedback-mobile-scroll {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
    width: calc(100% + 28px) !important;
    margin-left: -14px !important;
    margin-right: -14px !important;
    overflow: hidden !important;
    padding: 2px 0 4px !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%) !important;
  }

  .feedback-mobile-row {
    width: 100% !important;
    overflow: hidden !important;
  }

  .feedback-mobile-track {
    width: max-content !important;
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    animation: feedbackRowMove 90s linear infinite !important;
    will-change: transform !important;
  }

  .feedback-mobile-track--reverse {
    animation-name: feedbackRowMoveReverse !important;
    animation-duration: 105s !important;
  }

  .feedback-mobile-card {
    flex: 0 0 auto !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    background: rgba(2, 8, 24, 0.96) !important;
    border: 1px solid rgba(120, 165, 255, 0.16) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 18px 44px rgba(0, 0, 0, 0.30) !important;
  }

  .feedback-mobile-card--whatsapp {
    width: 205px !important;
    height: 405px !important;
  }

  .feedback-mobile-card--discord {
    width: 292px !important;
    height: 190px !important;
  }

  .feedback-mobile-card img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: top center !important;
  }

  .feedback-footer {
    margin-top: 26px !important;
  }
}

@media (max-width: 420px) {
  .hero-title {
    max-width: calc(100vw - 28px) !important;
    font-size: clamp(28px, 7.7vw, 33px) !important;
  }

  .hero-title .title-final {
    font-size: clamp(23px, 6.6vw, 28px) !important;
    gap: 0.20em !important;
  }

  .hero-title .money-frame {
    padding: 0.15em 0.22em 0.19em !important;
  }

  .feedback-mobile-card--whatsapp {
    width: 190px !important;
    height: 375px !important;
  }

  .feedback-mobile-card--discord {
    width: 270px !important;
    height: 176px !important;
  }
}

@keyframes feedbackRowMove {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

@keyframes feedbackRowMoveReverse {
  from { transform: translate3d(-50%, 0, 0); }
  to { transform: translate3d(0, 0, 0); }
}

/* =========================================================
   PATCH FINAL DEMANDE — mobile propre sans toucher desktop
   - Hero en 3 lignes avec +350K$/mois et OFM sur la même ligne
   - Avis membres mobile en 2 lignes comme la section résultats
   - Cartes méthodes homogènes, espacements réguliers, visuels non buggés
   ========================================================= */

@media (max-width: 768px) {
  /* HERO : 3 lignes propres */
  .hero-title {
    width: 100% !important;
    max-width: 390px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: clamp(27px, 6.9vw, 33px) !important;
    line-height: 1.01 !important;
    letter-spacing: -0.058em !important;
    text-align: center !important;
  }

  .hero-title .title-line {
    display: block !important;
    white-space: normal !important;
  }

  .hero-title .title-final {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.22em !important;
    width: 100% !important;
    margin-top: 0.15em !important;
    white-space: nowrap !important;
    font-size: clamp(20px, 5.7vw, 27px) !important;
    line-height: 1 !important;
  }

  .hero-title .money-frame {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: none !important;
    padding: 0.15em 0.23em 0.19em !important;
    line-height: 0.9 !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  .hero-title .ofm-text {
    flex: 0 0 auto !important;
    display: inline-block !important;
    white-space: nowrap !important;
    font-size: 1em !important;
    line-height: 1 !important;
  }

  .hero-title .money-slash {
    display: inline-block !important;
    transform: translateY(-0.035em) !important;
  }

  /* TITRES GLOBAUX MOBILE : plus premium, pas énormes */
  .feedback-title,
  .fit-title,
  .section-title,
  .methods-title,
  .about-title,
  .final-cta-title {
    max-width: 390px !important;
    font-size: clamp(23px, 6.35vw, 30px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
  }

  .section-subtitle,
  .feedback-subtitle,
  .fit-subtitle,
  .methods-subtitle {
    max-width: 360px !important;
    font-size: 12.4px !important;
    line-height: 1.55 !important;
  }

  /* AVIS MEMBRES : 2 lignes mobiles, mêmes proportions que la 2e section */
  .feedback-wall {
    display: none !important;
  }

  .feedback-mobile-scroll {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: calc(100% + 28px) !important;
    margin-left: -14px !important;
    margin-right: -14px !important;
    overflow: hidden !important;
    padding: 4px 0 6px !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%) !important;
  }

  .feedback-mobile-row {
    width: 100% !important;
    overflow: hidden !important;
  }

  .feedback-mobile-track {
    width: max-content !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    animation: feedbackRowMove 120s linear infinite !important;
    will-change: transform !important;
  }

  .feedback-mobile-track--reverse {
    animation-name: feedbackRowMoveReverse !important;
    animation-duration: 135s !important;
  }

  .feedback-mobile-card {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: rgba(2, 8, 24, 0.96) !important;
    border: 1px solid rgba(120, 165, 255, 0.16) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 18px 44px rgba(0, 0, 0, 0.30) !important;
  }

  .feedback-mobile-card--whatsapp {
    width: auto !important;
    min-width: 0 !important;
    height: 330px !important;
  }

  .feedback-mobile-card--discord {
    width: auto !important;
    min-width: 0 !important;
    height: 238px !important;
  }

  .feedback-mobile-card img {
    width: auto !important;
    height: 100% !important;
    max-width: none !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center top !important;
    opacity: 0.985 !important;
  }

  .feedback-footer {
    margin-top: 28px !important;
  }

  /* METHODES : cadrants homogènes et propres */
  .methods-blueprint {
    display: grid !important;
    grid-template-columns: 1fr !important;
    max-width: 380px !important;
    width: 100% !important;
    gap: 18px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: stretch !important;
  }

  .method-card,
  .method-card--empire {
    width: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 12px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  .method-card__visual,
  .method-card--empire .method-card__visual,
  .empire-visual {
    width: 100% !important;
    height: 138px !important;
    min-height: 138px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  .method-card__content,
  .empire-content {
    width: 100% !important;
    min-height: 0 !important;
    padding: 18px 10px 8px !important;
    overflow: visible !important;
  }

  .method-card__top {
    min-height: 28px !important;
    margin-bottom: 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .method-number {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
  }

  .method-tag {
    height: 27px !important;
    padding: 0 10px !important;
    font-size: 7.4px !important;
    letter-spacing: 0.15em !important;
  }

  .method-card h3,
  .empire-content h3 {
    max-width: 100% !important;
    margin-bottom: 10px !important;
    font-size: 18px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
  }

  .method-card p,
  .empire-content p {
    max-width: 100% !important;
    font-size: 12.7px !important;
    line-height: 1.56 !important;
  }

  .foundation-visual,
  .onboarding-visual,
  .chatting-visual,
  .marketing-visual,
  .scaling-visual {
    padding: 11px !important;
  }

  .foundation-panel {
    height: 100% !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  .foundation-line.large {
    height: 9px !important;
    margin-bottom: 9px !important;
  }

  .foundation-grid {
    gap: 7px !important;
  }

  .foundation-grid span {
    min-height: 31px !important;
    border-radius: 10px !important;
    font-size: 8px !important;
  }

  .main-account {
    width: 50px !important;
    height: 50px !important;
    top: 38px !important;
    border-radius: 16px !important;
  }

  .main-account::after {
    bottom: -18px !important;
    font-size: 6px !important;
  }

  .sub-account {
    width: 28px !important;
    height: 28px !important;
    border-radius: 12px !important;
  }

  .sub-one { left: 42px !important; top: 31px !important; }
  .sub-two { right: 42px !important; top: 31px !important; }
  .sub-three { left: 58px !important; bottom: 29px !important; }
  .sub-four { right: 58px !important; bottom: 29px !important; }

  .dm-line { opacity: 0.42 !important; }
  .line-one { width: 64px !important; left: 66px !important; top: 48px !important; }
  .line-two { width: 64px !important; right: 66px !important; top: 48px !important; }
  .line-three { width: 66px !important; left: 76px !important; bottom: 47px !important; }
  .line-four { width: 66px !important; right: 76px !important; bottom: 47px !important; }

  .funnel-step {
    height: 27px !important;
    font-size: 8.4px !important;
  }

  .funnel-arrow {
    width: 14px !important;
    height: 14px !important;
    margin: 2px auto !important;
  }

  .funnel-arrow::before { height: 11px !important; }
  .funnel-arrow::after {
    width: 6px !important;
    height: 6px !important;
    border-width: 1.5px !important;
  }

  .onboarding-checklist {
    margin-top: 8px !important;
    gap: 6px !important;
  }

  .onboarding-checklist span {
    height: 22px !important;
    font-size: 7.2px !important;
    border-radius: 8px !important;
  }

  .chat-window {
    height: 66px !important;
    padding: 9px !important;
    gap: 6px !important;
    margin-bottom: 7px !important;
  }

  .chat-bubble { height: 11px !important; }

  .spark-steps { gap: 3px !important; }
  .spark-steps span {
    height: 11px !important;
    font-size: 6px !important;
    padding-left: 7px !important;
  }

  .content-card {
    width: 50px !important;
    height: 68px !important;
    border-radius: 12px !important;
  }

  .card-one { left: 38px !important; top: 25px !important; }
  .card-two { top: 18px !important; }
  .card-three { right: 38px !important; top: 25px !important; }

  .platform-row {
    left: 12px !important;
    right: 12px !important;
    bottom: 11px !important;
    gap: 6px !important;
  }

  .platform-row span {
    height: 20px !important;
    font-size: 6.8px !important;
  }

  .dashboard-top {
    gap: 6px !important;
    margin-bottom: 9px !important;
  }

  .dashboard-top span { height: 27px !important; }

  .dashboard-chart {
    height: 53px !important;
    padding: 8px !important;
    gap: 6px !important;
  }

  .dashboard-metrics {
    gap: 5px !important;
    margin-top: 8px !important;
  }

  .dashboard-metrics span {
    height: 18px !important;
    font-size: 6.4px !important;
  }

  .method-card--empire .method-card__visual,
  .empire-visual {
    height: 150px !important;
    min-height: 150px !important;
  }

  .pillar-roof,
  .vault-box {
    right: 7% !important;
    width: 96px !important;
    height: 78px !important;
    border-radius: 15px !important;
  }

  .pillar,
  .cash-card {
    width: 56px !important;
    height: 37px !important;
    border-radius: 10px !important;
  }

  .pillar::before,
  .cash-card::before {
    left: 7px !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 12px !important;
  }

  .pillar::after,
  .cash-card::after {
    left: 31px !important;
    right: 7px !important;
    top: 10px !important;
    height: 4px !important;
    box-shadow: 0 8px 0 rgba(255,255,255,0.12) !important;
  }

  .pillar-1, .cash-card-1 { left: 7% !important; top: 34% !important; }
  .pillar-2, .cash-card-2 { left: 22% !important; top: 54% !important; }
  .pillar-3, .cash-card-3 { left: 38% !important; top: 39% !important; }
  .pillar-4, .cash-card-4 { left: 51% !important; top: 54% !important; }
}

@media (max-width: 420px) {
  .hero-title {
    max-width: 350px !important;
    font-size: clamp(25px, 6.8vw, 30px) !important;
  }

  .hero-title .title-final {
    font-size: clamp(18px, 5.25vw, 23px) !important;
    gap: 0.18em !important;
  }

  .hero-title .money-frame {
    padding: 0.14em 0.20em 0.18em !important;
  }

  .feedback-title,
  .fit-title,
  .section-title,
  .methods-title,
  .about-title,
  .final-cta-title {
    font-size: clamp(22px, 6.1vw, 28px) !important;
  }

  .feedback-mobile-card--whatsapp {
    height: 305px !important;
  }

  .feedback-mobile-card--discord {
    height: 220px !important;
  }

  .methods-blueprint {
    max-width: 350px !important;
    gap: 16px !important;
  }

  .method-card {
    padding: 11px !important;
    border-radius: 22px !important;
  }

  .method-card__visual {
    height: 130px !important;
    min-height: 130px !important;
  }

  .method-card h3,
  .empire-content h3 {
    font-size: 17.2px !important;
  }

  .method-card p,
  .empire-content p {
    font-size: 12.2px !important;
  }
}

/* PATCH FINAL — mobile avis vitesses identiques + cadrants remplis + titres réduits */
@media (max-width: 768px) {
  /* Les deux sections d'avis avancent exactement à la même vitesse */
  .feedback-mobile-track,
  .feedback-mobile-track--reverse,
  .proof-scroll-track,
  .proof-scroll-track--reverse {
    animation-duration: 115s !important;
    animation-timing-function: linear !important;
    animation-play-state: running !important;
  }

  .feedback-mobile-scroll:hover .feedback-mobile-track,
  .proof-scroll:hover .proof-scroll-track {
    animation-play-state: running !important;
  }

  /* Les screenshots remplissent leurs cadrants sans vide */
  .feedback-mobile-card,
  .proof-scroll-card {
    background: #050914 !important;
    overflow: hidden !important;
  }

  .feedback-mobile-card img,
  .proof-scroll-card img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
  }

  .proof-scroll-card--whatsapp {
    width: 230px !important;
    min-width: 230px !important;
    height: 360px !important;
  }

  .proof-scroll-card--discord {
    width: 285px !important;
    min-width: 285px !important;
    height: 270px !important;
  }

  /* Titres demandés plus discrets sur mobile */
  .about-title,
  .faq-section .section-title {
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: clamp(23px, 6.2vw, 30px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
  }
}

@media (max-width: 520px) {
  .feedback-mobile-track,
  .feedback-mobile-track--reverse,
  .proof-scroll-track,
  .proof-scroll-track--reverse {
    animation-duration: 120s !important;
  }

  .proof-scroll-card--whatsapp {
    width: 215px !important;
    min-width: 215px !important;
    height: 338px !important;
  }

  .proof-scroll-card--discord {
    width: 265px !important;
    min-width: 265px !important;
    height: 252px !important;
  }

  .about-title,
  .faq-section .section-title {
    max-width: 335px !important;
    font-size: clamp(21px, 5.9vw, 27px) !important;
    line-height: 1.02 !important;
  }
}

@media (max-width: 420px) {
  .proof-scroll-card--whatsapp {
    width: 200px !important;
    min-width: 200px !important;
    height: 318px !important;
  }

  .proof-scroll-card--discord {
    width: 250px !important;
    min-width: 250px !important;
    height: 238px !important;
  }

  .about-title,
  .faq-section .section-title {
    max-width: 315px !important;
    font-size: clamp(20px, 5.8vw, 25px) !important;
    line-height: 1.03 !important;
  }
}

/* FIX PREMIÈRE SECTION AVIS MOBILE */

.feedback-proof-scroll {
  display: none;
}

@media (max-width: 768px) {
  .feedback-section .feedback-wall {
    display: none !important;
  }

  .feedback-section .feedback-proof-scroll {
    display: flex !important;
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-right: -24px;
    flex-direction: column;
    gap: 18px;
    overflow: hidden;
    padding: 18px 0 34px;
  }

  .feedback-section .proof-scroll-row {
    width: 100%;
    overflow: hidden;
  }

  .feedback-section .proof-scroll-track {
    display: flex;
    align-items: stretch;
    gap: 14px;
    width: max-content;
    animation-duration: 48s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    animation-play-state: running !important;
  }

  .feedback-section .proof-scroll-track:hover {
    animation-play-state: running !important;
  }

  .feedback-section .proof-scroll-card {
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    border-radius: 22px;
    background: rgba(2, 8, 24, 0.96);
    border: 1px solid rgba(120, 165, 255, 0.16);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.30);
  }

  .feedback-section .proof-scroll-card--whatsapp {
    width: 300px;
    height: 470px;
  }

  .feedback-section .proof-scroll-card--discord {
    width: 330px;
    height: 315px;
  }

  .feedback-section .proof-scroll-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain !important;
    object-position: center center !important;
    background: #111217;
  }
}
/* FIX DEUXIÈME SECTION AVIS MOBILE — MÊME STYLE QUE SECTION 1 */

@media (max-width: 768px) {
  .second-proof-section .proof-scroll {
    display: flex !important;
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-right: -24px;
    flex-direction: column;
    gap: 18px;
    overflow: hidden;
    padding: 18px 0 34px;
  }

  .second-proof-section .proof-scroll-row {
    width: 100%;
    overflow: hidden;
  }

  .second-proof-section .proof-scroll-track {
    display: flex;
    align-items: stretch;
    gap: 14px;
    width: max-content;
    animation-duration: 48s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    animation-play-state: running !important;
  }

  .second-proof-section .proof-scroll-track:hover {
    animation-play-state: running !important;
  }

  .second-proof-section .proof-scroll-card {
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    border-radius: 22px;
    background: rgba(2, 8, 24, 0.96);
    border: 1px solid rgba(120, 165, 255, 0.16);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.30);
  }

  .second-proof-section .proof-scroll-card--whatsapp {
    width: 300px;
    height: 470px;
  }

  .second-proof-section .proof-scroll-card--discord {
    width: 330px;
    height: 315px;
  }

  .second-proof-section .proof-scroll-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain !important;
    object-position: center center !important;
    background: #111217;
  }
}